@charset "UTF-8";
/*
Theme Name:	Simpleton
Description: A nice theme for simple folk.
Version: 1
Author:	Eli
Author URI:	http://www.elihorn.net
Tags: happy
*/
@import url("css/reset.css");

@import url("css/text.css");

html,body{margin:0; padding:0;}
body{font-family:"PTSans", Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; letter-spacing:0.01em; line-height: 1.3em; color: #333; background:#9b9ca1;}
/*---------------------------------------------*/
/*Text*/
/*---------------------------------------------*/
a, a:visited, a:active {color:#333333; text-decoration: none;}
a:hover {}
a img{border:0px;}
img{border:0;}
submit {border: 1px solid #999999; background-color: #ffffff; padding: 3px; color: #999;}
.italic {font-style: italic;}
.small {font-size:0.8em;}
.bold {font-weight: bold;}
.h1 {font-size: 1.1em; margin-bottom: 4px;}
.h2 {font-size: 1.3em; margin-bottom: 10px; position:relative; display: block;}

/*---------------------------------------------*/
/*Structure*/
/*---------------------------------------------*/
#wrap{width:100%;margin:0;}
#menu{float:left;margin:0 50px 0 0;}
#top-layer{display:none; position: absolute; z-index: 10001; top:0; left:0; width: 100%;}
#load-layer { position: absolute; left: 26px; top: 26px; background: url(images/loader.gif) no-repeat; z-index: 10002; width: 20px; height: 20px; display:none;}
#top-nav{width: 300px; display: block; float:left;}

/*---------------------------------------------*/
/*Header*/
/*---------------------------------------------*/
#header{position:relative; float: left; display: block; height: 120px; width:100%; min-width: 965px;}
#header p { padding:0;}
#header #col-1{height: 80px; padding-left: 26px;}
#header #col-2 {}
#header #col-3 {}
#header #col-4 {}
.col{float:left; display:block; margin-top: 26px; width: 210px; padding: 0 13px 0 13px;}
.col a {}
/*---------------------------------------------*/
/*Main*/
/*---------------------------------------------*/
#main-layer #main {position:relative; float: left; display: block; min-width: 944px;}
.section {float: left; position:relative; width: auto; display: block; padding: 26px 13px 34px 13px;}
.section-head {font-weight:bold; font-size: 1.1em;position:relative; display:block; clear:both; margin: 13px; padding-bottom: 13px;}
a.post-con{position:relative; float:left; display:inline-block; padding:none; margin:none; width: 236px; border: none;}
a.post-con:hover, a.post-con:hover span, a.post-con:hover div, a.post-con:hover p {color:#0033FF;text-decoration:none;}
.post{float:left;width:210px; padding:13px;}
.post:hover {text-decoration:none;}
.post-mask {position:relative; margin-top:-210px; float:left; background:none; width:223px; height:210px; display: none;}
.post-image_con {width: 210px;height: 210px;display:block;overflow:hidden;}
.post-head {position:relative; display:block; clear:both; margin-top: 15px;margin-bottom: 2px;}
.post-tag {height: 13px; display: block; position: relative; text-transform:capitalize; width:auto; letter-spacing: 0.02em; }


/*---------------------------------------------*/
/*Footer*/
/*---------------------------------------------*/
#footer {position:relative; display:block; float: left; width:100%; clear:both; font-size: 0.9em; line-height: 1.3em; margin:26px 0 0 0; padding: 0 0 26px 0;min-width: 965px;}
#footer .col a { display:inline; font-style: normal; background-color: #8b8d95; padding: 0 2px; color: #222;}
#footer .col a:hover {text-decoration:none; background-color: #ddd;}#footer span { display:block; clear: left;}
#footer #col-1 {margin-left: 13px;}
#footer #col-2 {}
#footer #col-3 {}

/*---------------------------------------------*/
/*Single*/
/*---------------------------------------------*/
#content.single {position:absolute; z-index:8000; padding: 0; top:0}
#content.single .col-left {position:fixed; _position:absolute; _top:0; display:block; width: 280px;}
#content.single .col-right {position:absolute; left: 280px; display:block; width: auto; padding:26px 0 0 0;}
#content.single .col-left a {font-style: normal; background-color: #aaa; padding: 1px 4px; margin: 0 -4px; color: #222; text-decoration: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
#content.single .col-left a:hover {text-decoration:none; background-color: #ddd;}
#content.single .col-right img {border-right: 1px solid #8b8d95;border-bottom: 1px solid #8b8d95; background-color: #8b8d95; margin-bottom: 26px}
#content.single .col-left .post-tag {position:relative;padding: 15px 20px 5px 30px; height:10px; overflow: hidden;float:left; clear:both; background-color:#fff;}

.post-desc {position:relative;  line-height: 1.3em; diplay:block; float:left; padding: 52px 26px 26px 26px; width: 228px; z-index: 9001}
.post-desc a, .post-desc a:link, .post-desc a:active {position: relative; text-decoration: underline; font-weight:normal; margin-top: 10px;}
.post-title {position:relative; display:block; clear:both; margin-bottom: 13px;}
.post-exc {position:relative; display:block; clear:both; margin-bottom: 26px; }
.post-exc p{margin: 0 0 10px 0}

.s_add {margin-bottom: 5px; font-size: 0.9em;}
.s_add, #content.single .col-left .s_add a {color: #666;}
.sale {}
.enlarge {}
.details{margin:0 0 20px 0;}

.post-adj {position:fixed; _position:absolute; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-26); display:block; left:0; bottom:0px;  margin-top: 1px; padding: 0 0 26px 26px; width: 265px; z-index: 8999;vertical-align: top;}
.post-adj a {text-transform:capitalize;padding-top: 2px;}
.post-adj a img {float: left;}
.post-adj a span {position:relative; diplay:block;float:left; width: 20px;}
.post-adj div{position:absolute; bottom: 26px; left: 26px; width: 265px;}
.post-adj #next {bottom: 78px;}
.post-adj #prev {bottom: 52px;}
a.back-link {}
a.back-link:hover {}
#prev a {}
#next a {}


.page-menu {font-size:10px;  font-style: italic; width:auto; letter-spacing: 0.02em; position:relative;padding: 15px 20px 5px 30px; height:10px; overflow: hidden;float:left; clear:both; background-color:#fff;margin-right:1px;}
.slide {}
.slide p {position: relative; width:auto; white-space: nowrap; }
.slide img { position: relative; display:inline-block; clear:none;}
.slide #inner {}


#post-content {}
#post-content img {z-index:7500}
.post-ref {position:relative; display:block; clear:both; font-size:9px; font-weight:bold; margin-bottom: 10px;}
.post-ref a{ font-size:10px; font-weight:bold; display:block; clear:both; color:#ff3333; text-decoration: none;}
.post-ref a:hover{color:#ff3333; text-decoration: underline;}
.ratings {clear:both;display:block;}

/*Single Image Format */
.image p{font-size:11px;clear:both;}
.imgfloat-con, .horizontal {position: relative; width:auto; white-space: nowrap; padding-top: 40px; margin-right: 50px;}
.imgfloat-con img, .horizontal img { margin-right: 10px; position: relative; display:inline-block; }
.imgfloat-con a, .horizontal a { margin-right: 60px; position: relative; display:inline-block; }
.imgfloat-con a img {}
.imgfloat-con .spacer, .horizontal .spacer {width: 70px;}
#image-grid img {float: left; display: inline; clear: none;}
#imgnav {font-weight:bold; margin-top:10px; float:left;}
#imgnav div, #imgnav a {display: inline-block; float:left;}
#imgnav div {margin-right: 10px;}
#imgnav a { padding: 2px 4px; margin:0; margin-top: -3px;}
.slide img.next {cursor:pointer;}