/*
Theme Name: monolit
Theme URI: http://blog.jasen.dk/monolit
Description: <p>A photoblog theme based on <a href="http://www.wordpress.org/">Wordpress</a> and <a href="http://johannes.jarolim.com/yapb/">YAPB</a></p><p>This theme depends on the <a href="http://johannes.jarolim.com/yapb/">Yet Another Photoblog</a> plugin.</p><p>It is based on the default wordpress theme but has also borrowed stuff from the <a href="http://mac.defx.de/grain-theme">grain</a> theme, and the <a href="http://www.226-design.com/monochrome/">monochrome</a> blog with permission from the authors.</p><p><b>DON'T ENABLE EXIF IN THIS VERSION</b></p>
Version: 0.7
Author: Kim N&oslash;rgaard
Author URI: http://www.jasen.dk/
*/

body { margin: 0; font-family: Arial, sans-serif; font-size: 12px; line-height:16px; color: #222; background-color: #fff; }

/* CONTAINERS */
.inside { margin:0px auto 0px auto;	}
.whitebg { background-color: #fff; }

/* LINKS */
a {	color: #666000; text-decoration: none; }
a img { border: 0; }
a:hover { color: #000; text-decoration:underline; }

/* BASIC ELEMENTS */
p { color: #000; margin: 2px 0 10px 0; }

h2 { margin: 0;	font-size: 1.5em; font-weight: normal; }

/* ARCHIVES */
.archives { display: block;	margin-left: 10px;}
.archive-post { display: inline; line-height: 30px; }
.archive-photo { margin: 10px; margin-left: 0px; display: inline; }
.archive-photo a { border: 0; text-decoration: none; }
.archive-photo a:hover { background-color: #f5f5f5; }
.archive-thumb { border: 1px solid black; }
.archive-thumb:hover { border: 1px solid red; }
.archive-navigate-container { position: relative; font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:2px; padding-bottom: 12px; }

/* HEADER AND NAVIGATION */
#header-container {	position: relative; width: 900px; margin: 0 auto 0.1em auto; font-weight: bold;}
#header-container #logo { float: left; width: 350px; }
#header-container h1 { font: 2.5em/0.3em Georgia,serif; margin: 1em 0 0.4em 0;}
#header-navigation { z-index: 1000; margin-top: 50px; float: right; text-align: right; font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:1px; }
#header-navigation a { border-bottom: none; }

/* FOOTER */
#footer { border-top: 1px dashed #ccc; color: #888; background-color: #f5f5f5; text-align: center; padding-top: .5em; padding-bottom: .5em; }

/* IMAGE NAVIGATION */
#image-navigate-container {	position: absolute; height: 30px; width: 880px; font-family: Trebuchet MS, Arial, Verdana, sans-serif; line-height: 30px; text-transform:uppercase; font-size:10px; letter-spacing:2px; margin-top: 12px; top: 15px; background: url(images/white60_bg.png); left: 10px;}
#image-navigate-container a { border-bottom: none; }
.image-navigate-left {	position: absolute;	left: 10px; width: 33%;z-index: 2;	}
.image-navigate-center { position: absolute; width: 100%; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 1; }
.image-navigate-right {	position: absolute;	right: 10px; width: 33%; text-align: right; z-index: 2; }

/* IMAGES */
#image { text-align: center; }

.post { position: relative; }
.post.withImage .postdata { position: absolute; bottom: -10px; left: 20px; }
.post.withImage .postdata span { background: url(images/white60_bg.png); padding: 5px 5px 1px 5px; font-size: 0.75em;}
.post.withImage .postdata h2 { background: url(images/white60_bg.png); padding: 10px 5px; margin-bottom: 1em; font-family:Georgia,serif; font-size:3em; font-weight: normal; text-shadow: #fff 1px 1px 0px; }

.olderPosts { background: #eee; padding: 10px; margin: 2em 0; border-top: 1px solid #ccc;}
.olderPosts span { font-size: 0.75em; }
.olderPosts h1 { font-family:Georgia,serif; font-size:1.8em; font-weight: normal; padding-bottom: 5px; }
.olderPosts h2 { font-family:Georgia,serif; font-size:1.5em; margin-bottom: 1em;}

.olderPosts .showHide { float: right; }

.postcontent { background: #eee; padding: 5px 10px 10px 10px; margin: 2em 0; border-top: 1px solid #ccc; line-height: 1.5em;}
.postcontent .date { margin-left: -50px; margin-top: -6px; width: 30px; height: 45px; background: #666; text-align: center; overflow: hidden; float: left; padding: 5px;}
.postcontent .date span { display: block; }
.postcontent .date .day { color: #fff; font-size: 2em; }
.postcontent .date .month { font-weight: bold; color: #fff; font-size: 1.2em; }
.postcontent .date .year { font-weight: bold; color: #fff; font-size: 1em; margin-top: -2px;}
.postcontent .comments { font-size: 0.75em; }
.postcontent h2 { padding: 13px 0 17px 0; margin-bottom: 1em; font-family:Georgia,serif; font-size:1.8em; font-weight: normal; border-bottom: 1px solid #fff; text-shadow: 2px 2px 0px #fff; }
.postcontent a { text-decoration: underline; }
.postcontent .left { float: left; width: 500px; border-right: 1px dashed #fff; padding-right: 20px; margin-bottom: -2000px; padding-bottom: 2000px;}
.postcontent .right { float: right; width: 330px; margin-right: 10px; margin-bottom: -2000px; padding-bottom: 2000px;}
.postcontent .right h2 { border-bottom: 1px dashed #fff; padding-top: 4px; margin-bottom: 0;}
.postcontent p { font-family: Georgia, serif; font-size: 14px; line-height: 18px; }

a#postcomment { margin-bottom: 1em; display: block;}

#commentlist { margin: 0; padding: 0; list-style: none;}
#commentlist li { margin: 0; padding: 10px; background: #fff; border-bottom: 10px solid #eee; }
#commentlist .avatar { float: left; }
#commentlist .commentauthor { float: left; margin-left: 12px;}
#commentlist .commentinfo { width: 100%; height: 45px; }

.postcontent h3 { margin-top: 0; font-size: 1em; }

.wrapper { overflow: hidden; }

img.photo {	border: 0;}
.attention { color: #f00; }
.alignright { float: right; }
.wp-caption { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin:10px; padding-top:4px; text-align:center; }
.wp-caption p { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }

/* TWITTER */
#twitter { position: absolute; bottom: 30px; right: 30px; width: 200px; }
#twitter ul { margin: 0; padding: 10px; list-style: none; background-color: rgba(255, 255, 255, 0.4); -moz-border-radius: 7px; border-radius: 7px;}
#twitter h3 { font-size: 15px; font-family:Georgia,serif; margin-bottom: 0; text-shadow: 1px 1px 0px #333; color: #fff; font-weight: normal; }

/* BULLETS */
.bullet ul { margin-top: 0;}
.bullet li {list-style-type: square;}	

/* --- Float Hack --- */
.clear { clear: both; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf {height: 1%; width: 900px; margin: 0 auto;}
/* End hide from IE-mac */

/* COMMENTS */
textarea { width: 100%; }