/*

  365 Singles
  Tumblr Theme

*/

/* Yahoo Reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th
{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}

/* Styles*/

body {
  font: 75%/1.2 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  color: #a5a5a5;
  background: #242424 url(bg-body.png);
}
#wrapper {
  position: relative;
  margin: 0 auto;
  padding-top: 30px;
  width: 665px;
}
#header {padding-bottom: 30px; border-bottom: 1px solid #2f2f2f;}
#posts {padding-top: 30px;}

strong, b {font-weight:bold;}
em, i {font-style:italic;}
strong, em, b, i {font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}
input, textarea, select {color:#464646; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

a {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}

#title {width: 280px; height: 37px; margin:0 0 0 175px; font-size:280%; background: url(logo.png) no-repeat;}
#title a {display: block; text-indent: -999em;}

h1, h2, h3, h4, h5, h6 {margin:0 0 6px 0; color:#fff;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:normal;}
h2 {margin-top:12px; font-size:130%; line-height:1.333;}
h3 {margin-top:12px; font-size:160%; line-height:1.25;}
h4 {margin-top:12px; font-size:110%; line-height:1.455; text-transform:uppercase; font-weight:bold; letter-spacing:0.2em;}
h5 {margin-top:12px; font-size:130%; line-height:1.385;}
h6 {margin-top:12px; font-size:120%; line-height:1.5;}
.content h1 {font-size:218.18%}
.content h2 {font-size:163.64%}
.content h3 {font-size:145.45%}
.content h4 {font-size:100%}
.content h5 {font-size:118.18%}
.content h6 {font-size:109.09%}
h2.title {margin:0 0 6px 0;}
object {display: block; -webkit-box-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.6); -moz-box-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.6); box-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.6);}

/* Post Styling */
.post {position:relative; clear:both; width:100%; overflow:hidden;}
.header {float: left; width: 163px; margin-right: 10px; text-align: right;}
.header div {margin-bottom: 6px;}
#twitter .icon {background-position:-288px 0;}
.post a.icon:hover {opacity:0.8;}
.separator {clear: both; margin: 30px 0 40px; border-bottom: 1px solid #2f2f2f;}

/* Text + Content Styling */
.content {clear: both; width: 433px; margin-left: 175px;}
.post .content p:first-child{display: none;}
.content p, .content ul, .content ol {margin-bottom:6px;}
.content ul li p, .content ol li p {margin-bottom:3px;}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul {margin-left:2em;}

/* Photo */
.media {position:relative; float: left; width: 480px; height: 417px; margin-bottom: 15px; background: #222; -webkit-box-shadow: 5px 5px 8px rgba(0, 0 , 0, 0.6); -moz-box-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.6); box-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.6);}
.media a,
.media a:hover,
.media a *,
.media a:hover * {cursor:pointer !important;}
.media a,
.media img {display:block;}
.media a {position:relative;}
.media img {position: absolute; top: 8px; left: 67px; }
.media .imageOverlay {z-index:2; display:block;  width: 480px; height: 417px; position:absolute; top:0; left:0; background:url(photo-overlay.png) left top no-repeat;}
.media a .destination {z-index:3; opacity:0; display:none; position:absolute; top:6px; right:6px; width:60px; height:60px; background:url(open.png) left top no-repeat; -webkit-transition: opacity 0.1s ease-in;}
.media a .zoom {background:url(open.png) center center no-repeat;}
.media a:hover .destination {opacity:1; display:block;}

/* Buy */
.buy {margin-top: 30px;}
.buy li {margin-bottom: 6px;}

/* Description */
#description {display:none; margin-top:6px;}
a#descriptionToggle {display:none; position:absolute; top:38px; left:460px; width:auto; height:16px; padding: 4px 4px 1px; border: 1px solid #484848; -webkit-border-radius: 4px; outline:0; background: #444; color: #999; text-shadow: none; -webkit-box-shadow: 1px 1px 2px rgba(0, 0 , 0, 0.6); -moz-box-shadow: 1px 1px 2px rgba(0, 0 , 0, 0.6); box-shadow: 1px 1px 2px rgba(0, 0 , 0, 0.6);}
a#descriptionToggle:hover {color: #fff; text-decoration: none;}

/* Pagination */
#pageNav {clear:both; border-top:1px solid #dcdcdc;}
#pageNav a, #pageCount {float:left; display:block; padding:8px 0; width:100px;}
#pageNav a {color:#c1c1c1;}
#pageNav a:hover {color:#7a7a7a;}
#pageNav a span {color:#464646;}
#pageNav a:hover span {color:#000;}
#pageCount {color:#959595;}
#pageNav a#following {float:right;}

/* Footer */
#footer {clear:both; padding:15px 0 15px 160px;}
.footer-message {margin-top: 30px;}
.footer-nav li {float:left; margin-right:10px; list-style:none;}
.footer-nav li a {display:block;}
.footer-nav #search {position:relative; cursor:pointer;}
#searchForm {display:none; position:absolute; top:-3px; left:0; width:200px;}
#searchForm #searchField {width:172px; height:13px; padding:2px 3px 3px 3px; border:1px solid #dcdcdc; font-size:110%;}
#searchForm #searchSubmit {position:absolute; top:2px; right:0; width:16px; height:16px; background:#bfbfbf url(http://static.tumblr.com/iqfzjqj/o4Akkt86m/iconlink.png) left top no-repeat;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.copyright {clear:both;}