/*
Theme Name:Monotone
Theme URI:http://monotonedemo.wordpress.com/
Description:A photo blogging theme. Colors change to match the photo.
Version:1.1
Author:Noel Jackson / eight6
Author URI:http://eight6.com
Tags:photoblogging,one column,fixed width,custom colors
*/
/* --------------------------------------------------------------
* Resets default browser CSS.
Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;}
ol,ul{list-style:none;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/************* END RESET RELOADED *************************/
body,td,th {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
}
body{font:normal 87.5%/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#fff; }
a,a:link,a:visited,a:active{color:#fff;text-decoration:none;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-family:Verdana, Arial, Helvetica, sans-serif; }
h1{font-size:1.5em;line-height:2.666em;letter-spacing:-.02em;color:#fff;font-weight:bold;}
h1 a,h1 a:link,h1 a:visited,h1 a:active{text-decoration:none;}
h1 a:hover{}
h2{ font-size:1.5em;line-height:1;font-weight:bold;margin-bottom:.25em; }
h2,h2 a,h2 a:link,h2 a:visited,h2 a:active{ color:#99CC66;font-weight:bold;text-decoration:none;letter-spacing:-.02em; }
h2 a:hover{}
h3{line-height:1em;padding-bottom:5px;font-size:1.2em;font-weight:bold;color:#6e6e6e;}
h4{}
ul, dl, ol { margin-left: 20px; }
li { list-style: square; }
strong{font-weight:bold;}
blockquote,em, cite, q {font-style:italic;margin:0px 5px;}
/* Structure */
#page{width:100%;margin:0px; background: #09144a;}
#page .sleeve {width:899px;margin-left:auto;margin-right:auto;}
#page .archive {width:899px;margin-left:auto;margin-right:auto;}
/* Header */
#header-contactinfo{font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#ffffff;font-size:13px;height:35px;line-height:35px;vertical-align:baseline;background:#333366 url('images/ER-header-contact_bg.jpg') repeat-x bottom left;}
#header-UVP{height:114px;background: #a0bed8 url('images/ER-header-UVP_bg.gif') no-repeat center;}
#header{clear:both;background-color:#09144a; border-width:2px; border-style: solid none none; border-color:#b0cb0c;}
#header h1 {float:left;margin-left:10px;}
.description{float:left;line-height:4em;margin-left:1em;font-style:italic;padding-left:1em;color:#fff;}
#menu{float:right;margin-right:10px;color:#fff;}
#menu li{display:none;float:left;}
#menu li a,#menu li a:link,#menu li a:visited,#menu li a:active{height:4em;line-height:4em;display:block;float:left;font-weight:normal;letter-spacing:normal;margin-left:10px;text-transform:uppercase;}
#menu li.first a{border-left:0;}

/* ImageArea */
#image {background-color:#09144a; border-width:2px; border-style: none none solid; border-color:#b0cb0c;}
#image .sleeve {text-align:center;width:899px;position:relative;}
#image img{margin:0;padding:0 0 10px 0;}
#image .nav{position:absolute;width:50%;height:100%;z-index:1000;}
#image .nav a,#image .nav a:link,#image .nav a:visited,#image .nav a:active{width:100%;height:100%;display:block;position:absolute;text-indent:-1000em;}
#image .prev{left:0;width:50%;}
#image .next{top:0;left:50%;width:50%;}

/* Content */
#content{clear:both;background:#09144a url('images/ER-ContentArea_bg.jpg') repeat-x top left;}
.navigation{
	font-family:"Courier New","Lucida Grande",Tahoma,"Trebuchet MS",sans-serif;
	font-size:100px;line-height:.5em;color:#99cc66;display:block;width:200px;vertical-align:top;
}
.navigation a,.navigation a:link,.navigation a:visited,.navigation a:active {color:#99cc66;}
#content .prev{float:left;text-align:right;}
#content .next{float:right;text-align:left;}

#content #contentWrapper{margin-left:auto;margin-right:auto;width:479px;}
#content h2 {padding-top:10px;}

.thumbnails{width:100%;margin-left:-5px;clear:both;}
.thumbnails li{float:left;display:block;width:210px;
	margin-left:14px;margin-bottom:14px;list-style:none;}
a .thumbnail,a:link .thumbnail,a:visited .thumbnail,a:active .thumbnail{
	display:block;width:210px;height:140px;text-align:center;}
a:hover .thumbnail{background-color:#336699;}
.thumbnail{display:block;width:210px;height:140px;text-align:center;margin-bottom:5px;}
.thumbnail img{max-width:210px;margin: 0;max-height:140px;border:0;}
.thumbnails a.thumbTitle { font-size:12px;display:block;text-align:center; }

/* Post Layout */
#post{width:100%;font-size:1.1em;}
#content #post .sleeve{border-top:2px solid #ccc;display:block;width:100%;}
#postmetadata{width:100%;font-size:.92em;line-height:1.45em;border-top:1px solid #ccc;position:relative;}
#postmetadata .sleeve{width:100%;}
#postmetadata div{
	width:100%;display:block;margin:5px 0px;line-height:1.2em;font-weight:normal;letter-spacing:normal;
}
#postmetadata #tags{float:left;text-align:left;}
/* following not used in this blog */
#postmetadata #edit{position:absolute;top:5px;left:33%;text-align:center;}
#postmetadata #category{position:absolute;top:5px;left:67%;text-align:right;}

#post p{margin-bottom:1.5em;}

/* Comments */
h3#respond,h3#comments{width:100%;margin:0;padding:0 0 5px 0;clear:both;border-bottom:1px solid #ccc;
					padding-top:20px;color:#99cc66;}

/* Comments list */
ol.commentlist{margin:0;}
.commentlist{clear:both;width:100%;}
.commentlist li{border-bottom:1px solid #ccc;list-style:none;}
.commentlist li .metadata{font-size:.92em;line-height:1.45em;}
.commentlist li .metadata{margin:10px 0px;width:159px;float:left;}
.commentlist li cite{font-weight:bold;display:block;margin:0;}
.commentlist li .commentText{margin:10px 0px 10px 20px;float:left;width:300px;}
.commentlist li .clear{clear:both;}


/* Comment Form */
#commentform{width:100%;margin-bottom:10px;}
#commentform p{padding:10px;line-height:1.2em;}
#commentform small{display:inline;}
#commentform label{display:block;float:left;font-size:.96em;line-height:1.5em;
				width:180px;margin:0px;}
#commentform p input{float:left;border:none;
				width:279px;padding:3px;margin:0;}
#commentform textarea,#commentform input{font-family:"Lucida Grande",Tahoma,"Trebuchet MS";font-size:1.2em;}
#commentform textarea{width:459px;}
#commentform input#submit{margin-left:10px;}

/* Footer */
#footer{clear:both;padding-top:10px;}
#footer #MenuMain {background:url('images/ER-MenuMain_bg.jpg') repeat-x top left;
					border-width:1px; border-style: solid none solid; border-color:#b0cb0c;
					height:38px;}
#footer #MenuMain .sleeve {text-align:center; padding-top:8px;}
#footer #MenuSub {background-color:#336699;}
#footer #MenuSub .sleeve {text-align:center;}
#footer #MenuPict {background:url('images/ER-MenuPict_bg.jpg') repeat-x top left;
					border-width:1px; border-style: solid none solid; border-color:#b0cb0c;
					height:200px;}
#footer #MenuPict .sleeve {}
#footer #MenuPict .sleeve a, #footer #MenuPict .sleeve .MenuPict-ImgBlock {float:left;margin:3px;}
.MenuPict-ImgBlock {width:217px;height:180px;}
#footer #MenuPict .sleeve .MenuPict-ImgBlock a {float:none;margin-bottom:7px;}
#footer #MenuFooter {background-color:#336699;
					border-width:1px; border-style: none none solid; border-color:#b0cb0c;}
#footer #MenuFooter .sleeve {text-align:center;}
#footer #MenuFooter .sleeve div {width:32%;float:left;margin:5px;}
#footer #copyright {text-align: center;font-size: 10px;line-height:1.2em;padding:10px 0px;}
#footer #slogan {text-align: center; padding:10px 0px 20px;}
#footer #slogan a {font-size: 17px; color: #99CC66; font-weight: normal;}

#footer .info{clear:both;float:left;width:50%;height:32px;display:block;line-height:32px;position:relative;padding-left:42px;}
#footer .info img{position:absolute;margin-left:-42px;}
#searchform{float:right;}
#searchform #s{width:150px;}
.archive{margin:0 auto;}
#filters{clear:both;height:2em;margin-bottom:1em; margin-left: 0;}
#filters li{ list-style: none;  margin-left: 0; float:left;margin-right:2em;}
a:hover .nav_over{background-color:#afb1b2;}
.nav_over{position:absolute;top:50%;margin-top:-1em;display:block;z-index:1000;color:#fff;width:1em;height:1em;line-height:1em;text-align:center;font-size:2em;}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }