/*
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;color:black;background:white;}
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:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* 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{font:normal 75%/1.6em "Lucida Sans","Lucida Grande","Trebuchet MS",Georgia,Helvetica,sans-serif;color:#444;background-color:white;}
a,a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#666;}
h1,h2,h3,h4,h5,h6{ font-family:"Lucida Fax",Georgia,Helvetica,sans-serif; }
h2{ font-size:1.5em;line-height:1;font-weight:bold;margin-bottom:.25em;color #333; }
h2,h2 a,h2 a:link,h2 a:visited,h2 a:active{ color:#6c6c6c;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;}
/* Structure */
#page{width:840px;margin:0px auto 35px auto;background-color:white;}
.archive #page{width:820px;}
.vertical #page{width:560px;}
/* Header */
#header{clear:both;}
h1{font-size:1.5em;line-height:2.666em;float:left;letter-spacing:-.02em;margin-left:10px;}
h1 a,h1 a:link,h1 a:visited,h1 a:active{color:#333;text-decoration:none;font-weight:bold;}
h1 a:hover{}
.archive h1{margin-left:0;}
.description{float:left;line-height:4em;margin-left:1em;font-style:italic;padding-left:1em;color:#444;}


/* Content */
#content{clear:both;}
#content .sleeve{margin:0;}
.vertical #container{clear:both;margin:0 0 0 10px;}
#content h2{color:#333;margin-left:210px;margin-top:10px;}
.archive #content h2{margin-left:0;margin-bottom:10px;}
.image{float:left;text-align:center;position:relative;width:840px;}
.image img{margin:0;padding:0 0 10px 0;}
.vertical .image{width:560px;clear:both;float:none;}
.thumbnails{margin:0 auto;width:860px;margin-left:-5px;clear:both;}
.thumbnails li{float:left;display:block;width:133px;height:85px;margin-left:5px;margin-bottom:5px;list-style:none;}
a .thumbnail,a:link .thumbnail,a:visited .thumbnail,a:active .thumbnail{float:left;display:block;width:133px;height:85px;background:#c4c4c4;text-align:left;}
a:hover .thumbnail{background:#919191;}
.thumbnail{float:left;display:block;width:133px;height:85px;}
.thumbnail img{max-width:123px;margin:5px 5px 0 5px;padding:0 0 5px 0;max-height:75px;border:0;}
#container{clear:both;margin:0 0 0 10px;padding-top:5px;}

/* Post Layout */
#post{float:left;margin:0 20px 0 0;width:340px;border-top:1px solid #ccc;font-size:1.1em;}
.vertical #post{margin:0;}
#post .sleeve{border-top:2px solid #ccc;padding:10px;display:block;position:none;}
#postmetadata .sleeve{padding:10px;}
#postmetadata,.commentlist li .metadata{font-size:.92em;line-height:1.45em;width:200px;float:left;border-top:1px solid #ccc;}
#postmetadata cite,
#postmetadata small{clear:both;}
#post p{margin-bottom:1.5em;}
.navigation{font-family:"Courier New","Lucida Grande",Tahoma,"Trebuchet MS",sans-serif;width:260px;font-size:100px;line-height:.5em;float:left;}
.vertical .navigation{margin:0px;width:540px;}
.navigation div{float:left;display:block;width:50%;}
.navigation div.prev{text-align:left;}
.navigation div.next{float:right;text-align:right;}
.vertical .navigation div.prev{text-align:right;}
.vertical .navigation div.next{float:right;text-align:left;}

/* Comments list */
.commentlist{clear:both;width:540px;}
.commentlist li{border-bottom:1px solid #ccc;}
.commentlist li .metadata{border:0;margin:10px 0;width:148px;float:left;}
.commentlist li .gravatar{float:left;width:32px;margin:10px;}
.commentlist li cite,
.commentlist li small{font-weight:bold;clear:both;display:block;}
.commentlist li .content{padding:10px;float:left;clear:right;width:287px;}
.commentlist li .clear{clear:both;}
#content .commentlist .comment p{font-weight:normal ;}

/* Comment Form */
h3#respond,h3#comments{width:530px;margin:0;padding:0 0 5px 10px;clear:both;border-bottom:1px solid #afb1b2;padding-top:20px;}
#comments{border-bottom:2px solid #afb1b2;}
#commentform{width:540px;margin-bottom:10px;}
#commentform p{padding:10px;}
#commentform small{display:inline;}
#commentform .sleeve{margin:10px;}
#commentform label{width:200px;display:block;float:left;font-size:.96em;line-height:2em;}
#commentform label{margin:0px;margin-bottom:10px;}
#commentform p input{float:left;margin:0;border:none;width:310px;padding:3px;margin-bottom:10px;}
#commentform input#submit{width:15em;height:2em;margin-left:10px;}
#commentform textarea,#commentform input{font-family:"Lucida Grande",Tahoma,"Trebuchet MS";font-size:1.2em;}
#commentform p{clear:both;border-top:1px solid #ccc;line-height:1.6em;}
#commentform textarea{:10px;width:520px;}

/* Footer */
#footer{clear:both;height:42px;padding-top:20px;margin:0px 10px 0px 10px;width:820px;}
.archive #footer{margin:0;}
.vertical #footer{width:540px;}
#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;}
.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;}
.prev{left:0;width:50%;}
.next{top:0;left:50%;width:50%;}
.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;}






body {
background:#151413 !important;
/* background:black !important; */
font-family: Helvetica, Arial, Sans-serif;
min-width: 870px;
}

.outer_wrapper { 
display:block !important;
background:black url(/images/top_back.gif) repeat-x !important;
float:left;
width:100%;
padding-top:20px;
padding-bottom:20px;
border-bottom: 1px solid #1c1b19;
/* border-top: 1px solid #1c1b19; */
text-align:center
}

#image_block { 
width:870px !important;
margin:0px auto 0px auto !important;
background-color: transparent !important;
padding:0px !important;
}

#inner_wrapper {
width:750px;
display:block;
float:left;
text-align:center;
}

#header {
display:block;
height:50px;
width:750px !important;
margin:0px auto 0px auto !important;
}

#header a.logo {
margin-top:17px;
background:url(/images/ben_reeves.gif) no-repeat;
display:block;
width:160px;
height:18px;
text-indent: -9999px;
float:left;
}

#header a.logo:hover {
background:url(/images/ben_reeves_hover.gif) no-repeat;
}

#footer_clean {
display:block;
width:750px !important;
margin:0px auto 0px auto !important;
clear:both;
padding-top:20px !important;
padding-bottom:40px !important;
}

#footer_clean p {
margin:0px 0px 0px 0px !important;
padding:0px !important;
font-size:10px;
font-weight: lighter;
line-height:13px;
}

#footer_clean p a {
color:#adaaaa !important;
}

#footer_clean p a:hover {
color:white !important;
}

.nav_right, .nav_left {
display:block;
width:60px;
height:500px;
}

.nav_right {
float:right;
background:url(/images/right_nav_off.gif) no-repeat center right;
}

.nav_left {
float:left;
background:url(/images/left_nav_off.gif) no-repeat center left;
}

.nav_spacer_right {
float:right;
background:none;
display:block;
width:60px;
height:500px;
}

.nav_spacer_left {
float:left;
background: none;
display:block;
width:60px;
height:500px;
}

.nav_right a, .nav_left a {
display:block;
width:60px;
height:500px;
text-indent: -9999px;
}

.nav_right a {
float:right;
background:url(/images/right_nav.gif) no-repeat center right;
}

.nav_left a {
float:left;
background:url(/images/left_nav.gif) no-repeat center left;
}

.nav_right a:hover {
background:url(/images/right_nav_hover.gif) no-repeat center right;
}

.nav_left a:hover {
background:url(/images/left_nav_hover.gif) no-repeat center left;
}



h1, h1 a {
color:white !important;
font-family: Helvetica, Arial, Sans-serif !important;
font-size:1.6em !important;
font-weight:normal !important;
}



div.description, div#container, div.search, #searchform, p.info {
display:none !important;
}




a,a:link, a:visited {
		color: white !important;
	}

  	a:hover, a:active {
		color: black !important;
	}


.preload {
display:none;
}

#top_menu {
margin:14px 0px 0px 0px;
padding:0px;
float:right;
}

#top_menu li {
display:inline;
float:left;
margin:0px;
padding:0px;
}

#top_menu li a, #top_menu li a:link, #top_menu li a:visited, #top_menu li a:active {
display:block;
float:left;
font-size:10px;
font-weight: lighter;
letter-spacing:2px;
margin-left:26px;
text-transform:uppercase;
color:gray !important;
}

#top_menu li a span {
display:block;
height:18px;
padding:4px 8px 3px 8px;
}


#top_menu li a:hover {
color:white !important;
background:#2d2c2a url(/images/top_nav_left.gif) no-repeat top left;
}

#top_menu li a:hover span {
background:url(/images/top_nav_right.gif) no-repeat top right;
}


#inner_wrapper p {
text-align: left;
margin-left:60px;
}

#inner_wrapper p a:hover {
color:gray !important;
}


#outer {
height: 645px; 
overflow: hidden; 
position: relative; 
width: 100%;
}

#outer[id] {
display: table; 
position: static;
}

#middle {
position: absolute; 
top: 50%;
}

#middle[id] {
display: table-cell; 
vertical-align: middle; 
position: static;
}

#inner {
position: relative; 
top: -50%; 
width: 100%; 
margin-left: auto; 
margin-right: auto;
}

body, html {
height: 100% !important;
}

#outer {
height: 100% !important; 
overflow: visible !important;
}