/* layout */
body {width:1000px; min-height:800px; margin:0 auto;}
.element {padding:1em;}
.element.half {float:left; width:454px; margin:0 0.5em;}
textarea {width:97%; padding:4px;}
hr{clear:both; margin:1em 0 1em;}
.bottom {margin:0 -1em -1em -1em; height:8px;}
	
#logo {position:absolute; padding-left:40px;}
#top {width:94%; height:175px; clear:both; margin:0 auto; padding-top:30px}
#top .navigation {position:absolute; top:190px; width:930px;}
#top .navigation .previous {width:250px; bottom:0; position:absolute;}
#top .navigation .next {width:250px; bottom:0; position:absolute; right:0;}
#top .menu {margin-left:220px;}
#top .menu a {padding:0 1em 0.5em; float:left;}
#top .postheader {width:376px; margin:0 auto;}

#footer {clear:both; padding:3em 0 1em;}

.postlink {float:left; width:285px; height:435px; margin:0 9px 1em; overflow:hidden;}
.postlink .image {display:block; width:285px; height:200px; overflow:hidden; clear:both;}
.postlink .category {position:relative; display:block;}
.postlink .title {}

.post {margin:0 0.5em 1em; width:960px; float:left;}
.col2, .c12 {column-count:2;} 
.col3 {column-count:3;}

.c1,.c2,.c3 {width:309px}
.c12 {width:638px}
.c1, .c12 {float:left; clear:left;}
.c2 {margin:0 auto;}
.c3 {float:right; clear:right;}
.dark {padding:1em;}

a.withimage {display:block;}
.col2 img {max-width:450px; width:auto}
.col3 img, .c1 img, .c2 img, .c3 img, .c12 img {max-width:300px; width:auto}
.col2 img, .col3 img, .c1 img, .c2 img, .c3 img, .c12 img {height:auto;}

.commentlist {padding:0; margin:0;}
.comment {padding:10px; margin-bottom:1em;}

.gallery {margin: auto;}
.gallery .gallery-item {float: left; margin-top: 10px; text-align: center; width: 33%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {margin-left: 0;} 





/* typo */
body {font-family:Georgia,Verdana,Arial,Helvetica,sans-serif; font-size:11pt; line-height:14pt;}
a {text-decoration:none; font-weight:bold;}
h1,h2,h3 {font-weight:normal;}
h1 {font-size:18pt;	line-height: 22pt;}
h2 {font-size:16pt; line-height:20pt;}
h3 {font-size:14pt; line-height:18pt;}
textarea {font-family:Verdana,Arial,Helvetica,sans-serif;	font-size:9pt; line-height: 14pt;}

#top .next {font-variant:small-caps; text-align:right;}
#top .previous {font-variant:small-caps;}
#top .menu a {white-space:pre; font-variant:small-caps;}
#top .postheader {font-size:80%; text-align:center;}
#top .postheader h2 {font-size:300%; font-weight:normal; font-variant:small-caps; margin:0; padding-bottom:4px;}

#footer {text-align:center; font-size:10pt}

.postlink .title {font-variant:small-caps; font-size:16pt; line-height:20pt;}
.postlink {cursor:pointer;}
.postlink .title {line-height:16pt}
.postlink .category {font-size:9pt;  font-variant:small-caps;}

.post {font-size:10pt}
	
.col2,.col3,.c1,.c2,.c3,.c12 {text-align:justify;} 
p.withimage {text-align:center; font-style:italic;}
a.withimage {text-align:center;}

.commentlist {list-style: none}







/* colors */
html {background:url(images/back.gif);}            
body {background:#ddd; color:#222;}
img {border:none;}
a {color:#777;}
a:hover {color:#999;}
h1,h2,h3 {color:#555;}
.element {background:#eee;}
.element.half {background:url(images/half_top.png) no-repeat #eee;}
.element.half .bottom {background:url(images/half_bottom.png) no-repeat #eee;}

#top .postheader {color:#999; background:url(images/title_top.png) no-repeat #eee;}
#top .postheader .bottom {background:url(images/title_bottom.png) no-repeat #eee;}
#top .postheader h2 {color:#555;}

#footer {color:#777;}

.postlink, .postlink:hover {color:#222;}
.postlink {background:#EEEEEE url(images/postlink.png) no-repeat;}
.postlink:hover {background:#F9F9F9 url(images/postlink_white.png) no-repeat;}
.postlink .category {color:#777}

hr {color:transparent; border:none; border-bottom:1px dashed #888;} 
.post {background:url(images/post_top.png) no-repeat #eee;}
.post .bottom {background:url(images/post_bottom.png) no-repeat #eee;}
.post a {color:#5AC312;	border-bottom: 2px solid #90F34B;}
.post a:hover {border-bottom-color:transparent}
.post a.withimage {border:none}
.post img {border:3px solid #ddd;}

.dark, .comment {background-color:#4B4B4B; color:#eee;}
.dark a, .comment a {color:#aaa;}
.bypostauthor {background-color:#90F34B; color:#222;}
.bypostauthor a {color:#555}