/*
Theme Name:Heartspotting
Theme URI:http://www.cuorhome.net/heartspotting-photoblogging-theme/
Description:A photo blogging theme. Colors change to match the photo. Based on Monotone theme by Noel Jackson/eight6
Version:2.0.1
Author:Elisa
Author URI:http://www.cuorhome.net/
Tags:photoblogging, one-column, fixed-width, custom-colors
*/

/* The Reset ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,form,fieldset,input,p,blockquote,table,
th,td {margin:0;padding:0;}
fieldset,img,abbr {border:0;}
address,caption,dfn,h1,h2,h3,
h4,h5,h6,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a {text-decoration:none;}
/* -------------------------- */
body{font:normal 75%/1.6em "Lucida Sans","Lucida Grande","Trebuchet MS",Georgia,Helvetica,sans-serif;color:#000000;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:#cc0000;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:#330000;}
h4{}
#content ul, #content dl, #content ol { margin-left: 20px; }
#content li { list-style: square; }
strong{font-weight:bold;}
blockquote,em, cite, q {font-style:italic;}
/* Structure */
#page{width:560px;margin:2em auto 55px auto;background-color:white; position: relative;}
.archive #page{width:820px;background:#B3AB90; }
.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;background:#B3AB90; }
.description{float:left;line-height:4em;margin-left:1em;font-style:italic;padding-left:1em;color:#444;}
#menu{
right: 0;
top: -2em;
position: absolute;	
float:right;margin-right:10px; font-size: .75em;}
.archive #menu{margin-right:0;}
#menu li{display:block;float:left;}
#menu li a,#menu li a:link,#menu li a:visited,#menu li a:active{display:block;float:left;font-weight:normal;letter-spacing:normal;margin-left:10px;text-transform:uppercase;color:#000;}
#menu li.first a{border-left:0;}

#menu li{display:block;float:left;}
#menu li a,#menu li a:link,#menu li a:visited,#menu li a:active{display:block;float:left;font-weight:normal;letter-spacing:normal;margin-left:10px;text-transform:uppercase;color:#000;}
#menu li.first a{border-left:0;}
/* Content */
#container {clear:both; margin:0; padding-top:50px; }
#content {clear:both; }
#content .sleeve {margin:0; }
#content h2 {color:#333; margin:10px; padding-bottom:-100px; text-align:center;  }
.image {text-align:center; position:relative; width:560px;}
.image img {margin:0; padding:0 0 10px 0; }
.thumbnails {margin:0 auto; width:860px; margin-left:-5px; clear:both; }
.thumbnails li {float:left; display:block; width:133px; height:95px; margin-left:5px; margin-bottom:5px; list-style:none;}

.vertical #container {clear:both; margin:0px; }
.vertical .image {width:560px; clear:both;}

.archive #content h2 {margin-left:0; margin-bottom:10px;background:#B3AB90;text-align:left; }
.archive {background:#B3AB90;  }
a .thumbnail, a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail {float:left; display:block; width:133px; height:85px; background:#736B50; text-align:left; }
a:hover .thumbnail {background:#5F5841; }
.thumbnail {float:left; display:block; width:133px; height:85px; }
.thumbnail img {max-width:223px; margin:5px 5px 0 5px; padding:0 0 5px 0; max-height:75px; border:0; }

ul.wp-tag-cloud {margin:0; padding:0; text-align:center;}
ul.wp-tag-cloud li {display:inline; padding:0 0.3em 0 10px;}

/* Post Layout */
#post {margin:0 20px; font-size:1.1em; text-align:center; font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Geneva, Helvetica, sans-serif;}
#postmetadata {padding:10px 10px 10px 10px; }
#postmetadata, .commentlist li .metadata {font-size:.92em; line-height:1.45em;}
.commentlist li .metadata {border-top:1px solid #ccc; }
#post p {margin:0px 10px 20px; padding:0px;}
#post small {font-size: .84em;}
#post big {font-size: 2em;}

.vertical #post {margin:0 20px; }
.page #post {font-family:"Lucida Sans", "Lucida Grande", "Trebuchet MS", Geneva, Helvetica, sans-serif; font-style:normal; text-align:left;}



.navigation{font-family:"Courier New","Lucida Grande",Tahoma,"Trebuchet MS",sans-serif;width:560px;font-size:50px;line-height:.5em;float:right; padding-bottom: 20px;}
.vertical .navigation{margin:10px;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;}

/* Footer */
#footer {clear:both; height:74px; padding-top:10px; margin:-150px 10px 0px 10px; width:820px; }
#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; }


.vertical #footer {width:540px; }
.archive #footer {margin:0; }

#smallprint {width: 540px; margin-left: auto; margin-right: auto; padding-bottom: 10px; font-size: .92em; }
#smallprint p {margin: 0 20px; padding: 0px; text-align: center; font-size: .92em; line-height: 1.45em; }
#smallprint p a, #smallprint p a:link, #smallprint p a:visited, #smallprint p a:hover, #smallprint p a:active {color:inherit; font-weight:bold;}

/* Archive */
.archive {margin:0 auto; }

#filters {display:block; margin:0; padding:0; font-size:1.1em; font-weight: bold; clear:both;}
#filters li {list-style:none; margin:0 0 1em; padding:0;}
#filters li ul {font-weight:normal; margin:0; padding:0;}
#filters li ul li {margin:0; padding:0;}
#filters ul.children {display:inline; margin:0 0 0 1em; padding:0;}
#filters ul.children li {display:inline; margin:0 1em 0 0; padding:0; font-size:.84em;}
#filters ul.children li ul {margin:0 0 0 .5em; padding:0;}
#filters ul.children li ul li {margin:0 .5em 0 0; padding:0;}

#filters li.categories, #filters li.years {float:left; margin-right:1em;}
#filters li.years ul li {display:inline; margin:0 1em 0 0; padding:0;}

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; }

#sidebar li {
   list-style: none;
}



#navmenu ul {margin: 55px; padding: 0px; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
	padding: 2px 5px 5px 5px; color:#330000;
	background:none;}
#navmenu ul li a:hover {color:white;
	background: none; }