/*
Theme Name:Heartspotting
Theme URI:http://www.cuorhome.net/heart-images/
Description:A photo blogging theme. Colors change to match the photo. Based on Monotone theme by Noel Jackson/eight6
Version:2.0
Author:Elisa
Author URI:http://www.cuorhome.net/
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", Geneva, Helvetica, sans-serif; color:#444; background-color:white; }
a, a:link, a:visited, a:active {color:#333; text-decoration:none; }
a:hover {color:#666; }

body.page #post a, body.page #post a:link, body.page #post a:visited, body.page #post a:active, body.page #post a:hover {font-weight:bold; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal;}
h2 { font-size:2em; line-height:1; font-weight:normal; color: #333;  }
h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color:#6c6c6c; text-decoration:none; letter-spacing:-.02em;  }
h2 a:hover {}
h3 {line-height:1em; padding-bottom:5px; font-size:1.5em; font-weight:normal; color:#6e6e6e; }
h4 {}

.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.alignleft {float: left; }
.alignright {float: right;}

ul,  dl,  ol  { margin-left: 20px;  }
li  { list-style: square;  }

strong {font-weight:bold; }
blockquote, em,  cite,  q  {font-style:italic; }
blockquote  {font-style:normal; min-height:50px; margin: 0px 0px 5px; padding: 5px 5px 2px 60px;}

/* Structure */
#page {width:840px; margin:0px auto 35px auto; background-color:white; }
#smallprint {width:840px;}
.archive #page, .archive #smallprint {width:820px; }
.vertical #page, .vertical #smallprint {width:560px; }

/* Header */
#header {clear:both; }
h1 {font-size:4em; line-height:1.5em; letter-spacing:-.02em; margin:0px 10px;}
h1 a, h1 a:link, h1 a:visited, h1 a:active {color:#333; text-decoration:none; font-weight:normal;}
h1 a:hover {}
.description {margin:0px 10px; line-height:1em; font-style:italic; color:#444; }
#menu {float:right; margin-right:10px; }
#menu li {display:block; 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:bold; letter-spacing:normal; margin-left:20px; text-transform:uppercase; }

.archive h1, .archive .description {margin-left:0; }
.archive #menu {margin-right:0; }

/* Content */
#container {clear:both; margin:0; padding-top:5px; }
#content {clear:both; }
#content .sleeve {margin:0; }
#content h2 {color:#333; margin:10px; padding-bottom:5px; text-align:center; border-bottom:2px solid #333; }
.image {text-align:center; position:relative; width:840px;}
.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:85px; margin-left:5px; margin-bottom:5px; list-style:none;}

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

.archive #content h2 {margin-left:0; margin-bottom:10px; }
a .thumbnail, a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail {float:left; display:block; width:133px; height:85px; background:#c4c4c4; text-align:center; }
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; }

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 20px; }
#postmetadata, .commentlist li .metadata {font-size:.92em; line-height:1.45em;}
.commentlist li .metadata {border-top:1px solid #ccc; }
#post p {margin:0px 0px 10px; padding:0px;}
#post small {font-size: .84em;}

.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; font-size:100px; line-height:.5em; text-align: center;}
.navigation img {width:32px; height: 32px; margin:0; padding:0px 10px; vertical-align: middle;}
.vertical .navigation {margin:0px 10px; width:540px; }

/* Related Posts */
p.relPosts {margin:10px 0px; padding:0px 0px 5px; font:italic normal 1.5em Georgia, "Times New Roman", Times, serif; line-height:2em; color: #333; text-align: center;}
p.relPosts img {max-width:70px; max-height:70px; padding:0px 5px; vertical-align: middle;} 

/* Sidebar */
#sidebar {display:none;}

/* Comments */
h3#respond, h3#comments {margin:0; padding:20px 20px 5px; clear:both; border-bottom:1px solid #afb1b2;}

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

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

/* Footer */
#footer {clear:both; height:42px; padding-top:20px; margin:0px 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; }
#searchform {float:right; }
#searchform #s {width:150px; }

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

#smallprint {width: 480px; 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; }