/* cechner.com generic stylesheet */

body {
  background:#fff;

  margin:0;

  padding:0 20px;

  color:#222;

  text-align:center;

  font:small/1.6em Verdana,Arial,Sans-serif;
  }


/* Structure & Header
----------------------------------------------- */

#header {
  padding-top:2.5em;
  }
	
#header span {
  font-size:70%;

  font-weight:bold;

  letter-spacing:-0.25em;

  color:#686;  

  }

#header, #content {

  width:90%;

  margin:0 auto;

  text-align:left;
  }
	/*
#header ul {

  margin:1em 0;

  padding:0em;

  list-style:none;

  font-family:"Trebuchet MS",Arial,Sans-serif;

  }

#header ul span {

  color:inherit;

  }

#current a, #current strong {

  color:#686;

  }

#header li {

	border: thin;

  display:inline;

  margin:0 .5em 0 0;

  padding:0.25em;

  }
*/

ul#bloglist {
  margin:1em 1px 0 -20px;
  padding:0em;
  list-style:none;
  font-family:"Trebuchet MS",Arial,Sans-serif;
}

#bloglist li a, 
#bloglist li a:link, 
#bloglist li a:visited {
	text-decoration: none;
	text-align: center;
	float: left;
	display: block;
	min-width: 45px;
	padding: 1px 15px 2px 15px;
	margin: 0;
  margin-right: -1px;
	background: transparent;
	color: #686;
	border-width: 1px;
	border-style: solid; 
	border-color: #ccc;
}

#bloglist li a.BlogButtonCurr,
#bloglist li a.BlogButtonCurr:hover {
/*
  background-color: #eee;
  color:#686;
*/
	color: black;
	background: #eee;
        border-bottom: none;
}

#bloglist li a:hover {
	background-color: #eee;
}

#bloglist li a:active {
	color: #eee;
	background: #eee;
	}


#current {

  background-color: #eee;

  color:#686;

  }



#maincol {

  width:65%;

  float:left;

  padding:0 0 2em;

  margin-top:-1.5em;

  }

.col {

  padding-right:30px;

  }

#subcol {

  width:32%;

  float:right;

  padding:0 0 2em;

  margin-top:-1.5em;
	
  }

#inner {
  border: thin dotted #7F8055;

/*  background-color:#e3dbc6; */
  background-color:#eed;

	margin: 1.25em 0 0 -1em;
	
	padding-left: 1em;
  }
	
html>body .pageheader {
  clear: both;
  border: 1px dotted #bbb;
  background-color:#eee;
  /*margin:1em -20px 1.5em -20px;*/
	margin:-1px 20px 1.5em -20px;
  padding: 15px 20px 0 20px;
  }

.pageheader .data {

  padding:30px 50px 10px 0px;

  }

.pageheader .logo {
  float: right;
  }

.pageheader em {

  font:100%/1.6em "Trebuchet MS",Arial,Sans-serif;

  color:#579;

  }

.pageheader p {

  font:100%/1.6em "Trebuchet MS",Arial,Sans-serif;

  margin:.75em 0 0;

  font-size:90%;

  }

.pageheader form {

  margin:.75em 0 0;

  }

	

.newsheader {

	width: 25%;

  border-top: thin dotted gray;

	background-color: #eee;

  font:100%/1.6em "Trebuchet MS",Arial,Sans-serif;

	margin: 1em 0 .5em 0;

  }

	

.newstitle {

  margin: 0; 

	color: #686;

 }

	

.newsdate {

  margin: 0;

  font-size: .7em;

	text-decoration: none;

  color: gray;

  }



/* Headings

----------------------------------------------- */

h1, h2, h3, h4, h5 {

  font-family:"Trebuchet MS",Arial,Sans-serif;

  line-height:1.2em;

  }

h1 {

  margin:0 0 .2em;

  font-size:150%;

  color:#333;

  font-weight:normal;

  }

h2, #subcol h3 {

/*  border-top: thin dotted gray; */

  margin:2.5em 0 1em;

  font-size:85%;

  text-transform:uppercase;

  letter-spacing:.2em;

  color:#686;

  }

#inner h2 {
  margin-top:1.25em;
	
	color:#7F8055;
  }
	
h2 em {

  text-transform:none;

  color:#222;

  font-style:normal;

  letter-spacing:.1em;

  }

h3 {

  border-bottom: thin dotted #bbb;
	
	padding-bottom: 0.8em;

  margin: 1em 0 .5em;
	
	color: #888;
	
	font:100%/1.5em Georgia,Serif;
  }

h4, h5 {

  margin:0.5em 0 0.5em;

/*  font-size:85%;

  text-transform:uppercase;
	
  letter-spacing:.1em;
*/

  color:#754;

  font:125%/1.25em Georgia,Serif;
  }





/* Links

----------------------------------------------- */

a, #header ul a {

  color:#36c;

  text-decoration:none;

  }

/*a {
	border-bottom:1px dotted #469;
  }
*/
a:visited {

  color:#737;

  }

a:hover, #header ul a:hover {

  color:#f30;

  text-decoration:underline;

  }

a img {

  border-width:0;

  }

h2 a {

  font:bold 100% Verdana,Sans-serif;

  text-decoration:none;

  }





/* Log

----------------------------------------------- */

.entry {

  margin:0 0 2.5em;

  }

.entry h3 {

  margin-left:-18px;

  padding-left:18px;

  background:url("/img/icon_pg.gif") no-repeat 2px 48%;

  }

* html .entry h3 {

  margin-left:0;

  }

#comments, .block {

  background:#eee;

  padding:10px;

  margin:1.5em 0;

  }

.block h3 {

  margin-top:0;

  }

#comments h3 {

  margin:0 0 1.5em;

  font-size:100%;

  }

h3#postcomment {

  margin-top:1.5em;

  }

#comments dl {

  margin-bottom:2em;

  }

#comments dl dt {

  background:url("/img/icon_comment.gif") no-repeat 0% 50%;

  margin:0 0 .5em;

  padding:0 18px;

  font:90% "Trebuchet MS",Arial,Sans-serif;

  color:#999;

  }

#comments dt a {

  text-decoration:none;

  }

#comments dt strong {

  color:#666;

  font-size:125%;

  }

.posttime {

  color:#777;

  text-transform:lowercase;

  }

#comments dd {

  margin:0 0 1.5em;

  border-bottom:1px solid #ddd;

  padding:0 18px 2px;

  font-size:85%;

  }

#comments table {

  margin:1em 18px 2em 18px;

  }

#comment-notes {

  margin-bottom:1.5em;

  }

#maincol #comment-notes h3 {

  margin:1.5em 0 1em;

  }

#maincol #comment-notes p {

  margin:0 18px .75em 18px;

  }

#comments code {

  font-size:110%;

  }


	


/* Misc

----------------------------------------------- */

p {

  margin:0 0 .75em;

  }

blockquote {

  color:#777;

  }

.posted, .sub {

  font-size:85%;

  color:#666;

  }

.ghost {

  color:#ccc;

  }

.note {

  color:#c00;

  }

ul {

  margin:0; /*1em 0;*/

  padding:0;

  list-style:none;

  }

#content ul li {

  margin:0;

  padding:0 0 0 1.5em;

  text-indent:-1.5em;

  }

li span {

  color:#777;

  }

dd {

  margin:0 0 .75em 1em;

  }

#maincol dt {

  font:bold 100%/1.6em "Trebuchet MS",Arial,Sans-serif;

  margin-bottom:.25em;

  }

#maincol dt em {

  font-weight:normal;

  font-style:normal;

  color:#777;

  }

#maincol dt a {

  margin-right:.25em;

  }

#subcol p, #subcol ul, #subcol dl, #subcol table {

  font-size:85%;

  }

#subcol ul p, #subcol dl p {

  margin:0;

  font-size:100%;

  }

.imgleft, .imgright, .thumb img, img.thumb, #thumbs img, #mag a img, #mag strong img {

  padding:4px;

  border:1px solid #ccc;

  }

#piece, #piece-stacked {

  clear:left;

  padding-top:1em;

  }

.thumb em {

  display:block;

  font-size:85%;

  }

.imgleft, #thumbs, .logomark {

  float:left;

  margin:4px 8px 5px 0;

  }

.logomark {

  margin:0 8px 2px 0;

  }

.imgright {

  float:right;

  margin:4px 0 5px 8px;

  }

.clearb {

  display:block;

  clear:both;

  }

.arrow {

  color:#e93;

  }

textarea {

  display:block;

  width:95%;

  }

input.text, textarea {

  border:1px solid;

  border-color:#bbb #ddd #ddd #bbb;

  }

form div {

  margin-bottom:.5em;

  }

form.filter {

  padding-bottom:.5em;

  border-bottom:1px dotted #ccc;

  margin-bottom:1.5em;

  }
/*
th, td {

  text-align:left;

  padding:4px 10px 4px 0;

  font-size:85%;

  text-transform:lowercase;

  font-weight:normal;

  }
*/
.cal th, .cal td {

  text-align:center;

  padding:1px 2px;

  font-size:100%;

  line-height:1.5em;

  }
/*
form table td {

  width:100%;

  }

form th, form td {

  border-bottom:1px solid #ccc;

  }
*/
code {

  font-size:110%;

  color:#775;

  }

hr {

  display:none;

  color: #ccc;

  background-color: #ccc;

  border: 0;

	border-style: dotted;

	width: 80%;

	height: 1px;	

  }

.copyright {
  color: gray;

  font-size: 0.8em;
  }
		
.copyright a:link, .copyright a:visited {
  color: gray;
	text-decoration: none;
  border-bottom: thin dotted;
  }
	
.copyright a:hover, .copyright a:active {
  color: gray;
	text-decoration: none;
  border-bottom: thin solid;
  }		

	
	
/* Blog

----------------------------------------------- */

/* #maincol h2 */ .date-header {
  border-bottom: thin dotted #bbb;
  padding-bottom: 0.8em;

  margin:2.5em 0 1em;
  font-size:85%;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#686;
}

/* #maincol h3 */ .post-title {
  border-bottom: none;
  padding-bottom: 0;
  margin:0.5em 0 0.5em;
  color:#754;
  font:125%/1.25em Georgia,Serif;
}

#maincol .reference{
  color: gray;
	vertical-align: super;
	font-size: 75%;
}

#maincol .footnotes {
  font-size: 75%;
	color: gray;
}

#maincol .rightpicture {
  float: right;
	margin-left: 20px;
}

#maincol .leftpicture {
  float: left;
	margin-right: 20px;
}

.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
	
/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/* Calendar

----------------------------------------------- */
#cal {
  border: 0 solid black;
  float:center;
	margin: 0;
  }
	
.calendar {
  margin-top: 0;
	
	padding:0;
  }

#subcol th, .calendar td {
  text-align: center;

  border: 0px hidden black;
          
	padding:3px;
  }
	
#subcol td:hover {
	/* background-color: #cdc; */

  border: thin solid gray;
          
  color: red;
         
	padding:2px;
  }

#subcol th {
  color: green;

	font-weight: bold;
  }

.calendar .future {
  color: gray;
  }
	
#subcol .empty:hover {
  background-color: none;

  padding:3px;

  border: none;
  }
	
.month {
  margin: 1em 0 0;

	font-weight: bold;
	
  text-transform:uppercase;
  }

.today {
	background-color: #cdc;
	
	border: thin solid #aba;
  }


/* Footer

----------------------------------------------- */

#footer {
  clear:both;
	
  padding-top:1em;
	
  color:#777;
/*
  border: thin dotted gray;	
	margin: 0 2.2em 1em 2.2em;
	*/
  }
	
#footer p {
  font-size: 0.8em;
  }
	
#footer .copyright {
	margin:0;
  }
	
#footer a:link, #footer a:visited {
  color: gray;
	text-decoration: none;
  border-bottom: thin dotted;
  }
	
#footer a:hover, #footer a:active {
  color: gray;
	text-decoration: none;
  border-bottom: thin solid;
  }


/* Gallery
----------------------------------------------- */

.modcaption .copyright {
  color: red;
  font-size: 1em;
}

.modcaption .copyright a:link, .modcaption .copyright a:visited {
  color: red;
  text-decoration: none;
  border-bottom: thin dotted;
  }
	
.modcaption .copyright a:hover, .modcaption .copyright a:active {
  color: red;
  text-decoration: none;
  border-bottom: thin solid;
  }

/* Fix IE. Hide from IE Mac \*/
ul#bloglist li { float: left; height: 1%; }
ul#bloglist li a { height: 1%; }
/* End */