/* PhotoEmotion styles */

/* Basic */
html { padding: 0; margin: 0; }
body { background: black; color: #a0a0a0; padding: 0; margin: 0; text-align: center;}
form { margin: 0; }

h1, h2, h3, h4, h5, h6, caption { color: #c0c0c0; }

ul li { background-position: 5px 0.35em; }

.suppress { color: #5f5f5f; }
.suppress a, .suppress a:visited { color: #5f5f5f; }
.suppress a:hover { color: #afafaf; }

/* Misc */
.no-border {border: none !important;}
.no-marg {margin: 0 !important;}

.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.small { font-size: 92%;}
.hidden { display: none; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }


/* Images */
img, a img, img.no-border {border: 0;}
img.plain {margin: 0; padding: 0; border: 0; display: inline;}

.btn-submit {  }
.inp-text { vertical-align: bottom; border: 1px inset #ACA899; }

.date { word-spacing: -1px; }

a.arr-right, a.arr-left, a.arr-down, a.arr-up { background: #32333f url(img/arr-right.png) no-repeat 100% 50%; line-height: 20px; padding: 0 30px 0 10px; color: #d5d5d5; text-decoration: none; font-size: 92%; margin: 0 0 0 10px;}
a.arr-left { background: #32333f url(img/arr-left.png) no-repeat 0 50%; padding: 0 10px 0 30px;  margin: 0 10px 0 0; }

a.arr-down { background: #32333f url(img/arr-down.png) no-repeat 100% 50%; padding: 0 30px 0 10px;  margin: 0 10px 0 0; }
a.arr-up { background: #32333f url(img/arr-up.png) no-repeat 100% 50%; padding: 0 30px 0 10px;  margin: 0 10px 0 0; }

a.arr-right:visited, a.arr-left:visited, a.arr-down:visited, a.arr-up:visited { color: #d5d5d5;}
a.arr-right:hover, a.arr-left:hover, a.arr-down:hover, a.arr-up:hover { color: white;}



/* Layout */

#main { width: 995px; margin: 0 auto; text-align: left; }

/* Header */
#header { position: relative; background: url("img/bg-header.png") no-repeat 0 100%; padding: 0; zoom: 1; width: 100%; height: 100px; }
#logo { margin: 0; position: absolute; left: 10px; top: 15px; z-index: 5;}
#logo img { margin: 0; padding: 0; border: 0; }

/* Columns */
#col-left { width: 220px; margin: 0; float: left; }
#col-right { width: 775px; margin: 0; float: right;  _overflow: hidden; }

#col-left .spc { padding: 20px 15px 10px 1px; }
#col-right .spc { padding: 0 0 10px 25px;  min-height: 500px; _height: 500px; }

#col-right .plaintext { margin-right: 70px; }


.thumb { border: 1px solid #575839; padding: 3px; margin: 0 25px 25px 0; }
a[href]:hover .thumb { border-color: #A48F00; }

#footer { background: url("img/bg-footer.png") no-repeat 0 0; padding: 22px 0 10px 0; font-size: 92%; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }


/* Main menu*/
#main-menu { position: absolute; bottom: 17px; right: 0; }
#main-menu ul { padding: 0; margin: 0; list-style-type: none;  float: right;}
#main-menu ul li { padding: 0; margin: 0 0 0 5px; background: none; float: left; }
#main-menu ul li a { display: block; background: #4F4F62 url(/css/img/bg-main-menu-l.png) no-repeat 0 0; text-decoration: none; color: #cfcfcf; text-transform: uppercase; font-size: 92%; font-weight: bold; _float: left;}

#main-menu ul li a span {  display: block; padding: 6px 13px 3px 13px; background: url(/css/img/bg-main-menu-r.png) no-repeat 100% 0;  _float: left; _height: 1px;  }

#main-menu ul li a span { _cursor: expression(this.parentNode.href != '' ? 'pointer' : 'auto'); }

#main-menu ul li a.first {  }
#main-menu ul li.active a,
#main-menu ul li a:hover { background-color: #AE5E00;   }
#main-menu ul li.active a { font-weight: bold; }
#main-menu ul li.active ul li a { font-weight: normal; }


#breadcrumb { font-size: 92%; padding-top: 0; margin-top: -10px; margin-bottom: 0; color: #afafaf; position: relative; _height: 20px; min-height: 20px; }
#breadcrumb p { margin: 0; padding: 0 0 20px 0; }
#breadcrumb a { padding-right: 12px; margin-right: 7px; background: url(img/bullet-breadcrumb.png) no-repeat 100% 60%;} 
#breadcrumb .active { font-weight: bold; }

/* Sidemenu */
.sidemenu { margin: 0 0 20px 0; }
.sidemenu ul { margin: 0; padding: 0; list-style: none ; }
.sidemenu li { margin: 5px 0; padding: 0 0 0 18px; list-style: none ; background: url(img/bullet-sidemenu.png) no-repeat 4px 40%; font-weight: bold; }


.sidemenu li a { text-decoration: none; /*color: #8f8f8f;*/ }
.sidemenu li.active a { color: #e6d981; color: #ffba7d;}

/* Related */
.related { margin: 0 -15px 10px 0; }
.related h2 { margin: 0 0 7px 0; text-transform: none; }

/* Paging */
.prevnext { overflow: hidden; margin-bottom: 15px; }
.paging { float: right; margin-top: 5px;}
.paging p { margin-bottom: 0; }
.paging .prev { margin-right: 10px; }
.paging .next { margin-left: 10px; }

.imgbox { margin-bottom: 16px; }

.image-desc { width: 530px; margin-bottom: -20px;}
.image-desc h1 { margin-bottom: 0em; }
.image-desc .date { font-size: 92%; line-height: 1.9; margin: 0;}

/* Comments */
.comments { padding: 10px 0; }
.comments ul { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 0; padding: 0; list-style: none; background: none; padding: 10px 0; border-top: 1px solid #32333F; width: 100%; float: left;}

.comments li .comm-head { width: 36%; float: right;}
.comments li .comm-body { width: 55%; float: left; margin-left: 0;}

.comm-author { font-weight: bold; font-style: italic;}
.comm-date { font-size: 92%; }
.comm-num { font-size: 180%; color: #5f5f5f; float: left; width: 5%; }
#col-right a.comm-web { font-size: 92%; color: #8f8f8f; }

/* Add comment form */
.add-comment { margin-top: 30px; }
.add-comment form { margin: 0; padding: 20px 0; border: 1px solid #32333F; border-width: 1px 0; background: #1d1d1d; _height: 1px; }
.add-comment p { margin-bottom: 6px; }
.comm-lab { width: 12%; float: left; text-align: right;}
.comm-inp { width: 65%; float: left; margin-left: 15px; _display: inline;}
.comm-inp input, .comm-inp textarea { width: 100%; background: #e2e2e2; color: #000; border: 1px solid #000; font-family: 'Trebuchet MS', Arial, sanf-serif; font-size: 100%; padding: 0 2px;}
.comm-inp input { width: 50%; }
.comm-send { margin-left: 12%; padding-left: 15px; }

#comments-link-wrap { padding-top: 0px; }
#comments-link-wrap .arr-down { margin-right: 0; }

/* Latest comments */
.related .comments { margin-right: 10px; padding: 0;}
.related .comments li { width: auto; float: none; font-size: 92%; padding: 3px 0 6px;}
.related .comments li .comm-head { width: auto; float: none;}
.related .comments li .comm-body { width: auto; float: none; margin-left: 0;}
.related .comments .comm-author { white-space: nowrap; }
.related .comments .comm-date { white-space: nowrap; }
.related .comments a { }