/*  
Theme Name: ZERO 
Theme URI: http://www.vwhost.org/
Description: The empty theme  <a href="http://www.vwhost.org/">igrok54</a> - This document validates as CSS level 2.1 and XHTML 1.0 Transitional and SEO-optimized!
Version: 1
Author:  igrok54
Author URI: http://www.vwhost.org/
This theme was designed and built by igrok54,
whose blog you will find at http://www.vwhost.org/
*/
/* functions */
body {width:100%;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:10pt;text-align:center;}
#page {margin:1px auto; position:relative; width:99%;}
#main {margin:0 210px;}
.wrap {float:left;}
#content {float:right;overflow:hidden;}
#content,#leftbar,#rightbar {padding-bottom:10px;position:relative;}
#conteniner {margin:0 10px;text-align:left;font-size:11pt;}
#leftbar,#rightbar {width:200px;font-size:9pt;}
.barbox {width:192px !important;width:196px;margin:5px;padding-top:10px;}
#leftbar {float:left;margin-left:-210px;left:-1px;}
#rightbar {float:right;margin-right:-210px;left:1px;}
#rightbar a img {border:0; margin:0;}
.wrap,#content,#header,#footer {width:100%;}
#header {position:absolute;top:0;left:0;overflow:hidden;}
#header,.header {height:100px;border-bottom:3px double #4A9EC6;}
#footer {line-height: 180%;position:relative;text-align:center;border-top:3px double #4A9EC6;font-size:8pt;clear: both;}
#main,#page {height:1%;} /*** IE Fix ***/
#header .logo {background:url(templates/zero/images/logo.gif) no-repeat;width:70px;height:70px;position:absolute;top:15px;left:215px;} /* LOGO */
#header .rssicon {width:auto;height:auto;position:absolute;top:25px;right:193px;} /* RSS */
#header .rssicon a img {border:0;}
#header h2,#header h3 {position:absolute;}
#header h2 {font:36px Impact,Arial Narrow,Arial,Helvetica,sans-serif;top:1px;left:300px;}
#header h2 a {color:#168AC4;}
#header h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt;top:60px;left:300px;text-align:left;}
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}
ul {list-style:none;margin:0;padding:0;}
li {list-style:none;}
/* end functions */
/* design*/
a,a:link,a:visited {color:#4B86A8;text-decoration:none;}
a:hover {color:#6BABB8;text-decoration:underline;}
.barbox h2 {background: #4A9EC6 url(templates/zero/images/bar_block_top.gif) no-repeat top center;padding:8px 0;margin:2px 8px !important;margin:0 10px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11pt;color:#fff;text-align:center;}
.barbox ul li ul {margin: -2px 6px 30px 6px !important;margin: 0 10px 30px 10px;padding-bottom:20px; background: url(templates/zero/images/bar_block.gif) no-repeat bottom center;}
.barbox ul li ul li {margin:0 16px 0 16px;padding-top:16px;}
.barbox a {font-weight:bold;}
#leftbar ul li ul {text-align:right;}
#rightbar ul li ul {text-align:left;}
h1 {font-family: Geneva, sans-serif; font-size:16pt;color:#4B86A8;}
h2 {font-family: Geneva, sans-serif; font-size:14pt;}
.rubblock {margin-top:50px;}
.rubblock li {padding:10px 0 30px 0;border-top:1px dotted #999;}
.rubblock h3,.count {text-align:center;}
.count {font-size:11pt;font-weight:bold;margin-top:-14px;}
.anend {font-weight:bold;border-bottom:3px double #4A9EC6;padding-bottom:16px;}
/* end design*/
/* searchform */
.searchform p {position:relative; left:0; top: -10px;margin: -10px 0;padding-bottom: 20px !important;padding-bottom: 0;}
.searchform input, .searchform select {font-size: 8pt;border:1px solid #999;}
.searchform select {width:132px;}
.contentform {width:100%;text-align:center;}
.contentform  input, .contentform select {font-size: 12pt;border:1px solid #999;}
.contentform  input {padding:1px 5px;}
.space {width:100%;height:1px;border:1px solid #999;}
.postmeta {margin-top:20px;font-size:8pt;line-height: 200%;}
.postdate {margin-top:17px;font-size:8pt;}
.backl,.more {font-size:8pt;float:right;margin: 0 20px 0 0;padding:0 4px 2px 4px;border:1px solid #4A9EC6;}
/* round corner in anons on index page */
.ads, .yr {text-align:center;}
.ads img, .yr img {border:none;}
pre {border:1px solid #999;padding:24px 0 8px 20px;background: url(templates/zero/images/code.gif) no-repeat top left;overflow: scroll;max-height: 200px;}
.val li {text-align:center;}
.onecomm {border:1px solid #999;width:100%;}
.comtitle {background: #E3F8FF;padding:8px;width:auto;}
.comname {color:#4B86A8;font-weight:bold;}
.onecomm p {padding:8px;}
.meta {font-size: 8pt;margin:20px 0 30px 50px;}
.meta span {margin: 0 16px 0 0;padding:0 4px 2px 4px;}
.meta a {font-weight:bold;padding:0 4px 2px 4px;background:#DFEEF5;}
.meta a:hover {background:#C6E0ED;}
.gal {right: 50%; float: right; position: relative;}
.galbox {z-index: 1; right: -50%; position: relative;}
/* jcarousel */
.jcarousel-container {position: relative;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 930px; height: auto;}
.jcarousel-skin-tango .jcarousel-clip-vertical {padding-bottom:28px;margin:0 20px;}
.jcarousel-skin-tango .jcarousel-item {height: 106px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin: 0px 3px;}
.jcarousel-skin-tango .jcarousel-item-vertical {	margin:5px 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {background: url(gallery/js/jcar/images/next-horizontal.png) no-repeat 0px 0px; width: 32px; cursor: pointer; position: absolute; height: 32px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {	background-position: -32px 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0px;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {background-position: -96px 0px; cursor: default;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {background: url(gallery/js/jcar/images/prev-horizontal.png) no-repeat 0px 0px; left: 1px; width: 32px; cursor: pointer; position: absolute; height: 32px;}
.jcarousel-skin-tango .jcarousel-next-vertical {background: url(gallery/js/jcar/images/next-vertical.png) no-repeat 0px 0px; width: 32px; cursor: pointer; bottom: 0px; position: absolute; height: 32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0px -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active,.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0px -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active ,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {background-position: 0px -96px; cursor: default;}
.jcarousel-skin-tango .jcarousel-prev-vertical {background: url(gallery/js/jcar/images/prev-vertical.png) no-repeat 0px 0px; width: 32px; cursor: pointer; position: absolute; top: 12px; height: 32px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {right: 5px;top: 40px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {left: 5px;top: 40px;}
.jcarousel-clip {padding: 0px; z-index: 2; margin: 0px; overflow: hidden; position: relative;}
.jcarousel-list {padding: 0px; z-index: 1; left: 0px; margin: 0px; overflow: hidden; position: relative; top: 0px;}
.jcarousel-next,.jcarousel-prev {display: none; z-index: 3;}
/* jcarousel for sidebar */
#sbcar {background: url(templates/zero/images/bar_block.gif) no-repeat center bottom; padding-bottom: 16px;}
#sbcar ul {position: relative;left:14px !important;left:-10px}
#sbcar .jcarousel-skin-tango .jcarousel-container-vertical {margin: 0 14px !important;margin:0px;padding: 40px 0px 20px 0px; width: 140px; height: 400px;}
#sbcar .jcarousel-skin-tango > .jcarousel-container-vertical {left: 1px;}
#sbcar .jcarousel-skin-tango .jcarousel-clip-vertical {margin: 0px; height: 376px !important;height: 400px;}
#sbcar .jcarousel-skin-tango .jcarousel-item {height: auto;padding:5px 0 15px 0;}
#sbcar .jcarousel-skin-tango .jcarousel-item-vertical {margin: 0px 0px 0px 0px !important;margin: 0px 0px 0px 9px;}
#sbcar .jcarousel-skin-tango .jcarousel-next-vertical {left: 65px;}
#sbcar .jcarousel-skin-tango .jcarousel-prev-vertical {left: 65px;}
#sbcar .jcarousel-list li {float: left; list-style-type: none;}
#sbcar .jcarousel-item {float: left; list-style-type: none;}
.scrin {width:120px;height:97px;overflow:hidden;}
.scrin a img {border:none;}
.view {width: 120px;text-align:center;margin: -23px 0 -17px 0 !important;margin: -9px 0 0px 0;padding:0px;}
.view a img {border:none;}
.view  form {margin: 0 1px 1px 1px;padding-top:0;}
*:first-child+html #sbcar .jcarousel-skin-tango .jcarousel-item {height: 115px;}
*:first-child+html .view  form {padding-top: 0px;margin-top: 1px;}
*:first-child+html .view  img {margin: 12px 0;padding: 12px 0;}
/* jcarousel for album page */
.alb {display: none;}
.alb img {cursor: pointer; border: none;}
.alb {margin: 10px 0px; text-align: center;}
#player {width: 482px; height: auto;}
.gal h1, .gal h2 {margin: 10px 0px; text-align: center;}
div.ready {z-index: 4; width: 100%; cursor: pointer; position: absolute; height: 100%; text-align: center;}
img.fullsize {border: #555 8px solid; margin-top: -20px;}
li {list-style: none;}
#wr .jcarousel-list li {float: left; width: 70px; cursor: pointer; list-style-type: none; height: 70px;}
#wr .jcarousel-item {float: left; width: 70px; list-style-type: none; height: 70px;}
#default_div {margin: 10px 0px; text-align: center;}
.fwin {margin: -30px 0px 20px; text-align: right;}
.fwin a img {border: none;}
#wr {border: 1px solid #DDDDDD;background:#EEEEEE;}
#wr .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 40px; width: 400px;}
#wr .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 400px; height: 70px;vertical-align:middle;}
#wr .jcarousel-skin-tango .jcarousel-item {width: 70px; height: 70px;}
#wr .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
#img_cont img {cursor: pointer;}
/* jcarousel for slideshow */
#sl {width: 482px; height: auto;}
#sl img {border: none;}
#sl .jcarousel-list li {float: left; width: 400px; list-style-type: none; height: auto;}
#sl .jcarousel-item {float: left; width: 400px; list-style-type: none; height: auto;margin: 0 42px 0 0;}
.jcarousel-skin-tango h3 {margin: 0px 0px 10px; text-align: center;}
#sl .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 40px; width: 400px;}
#sl .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 400px; height: auto;}
#sl .jcarousel-skin-tango .jcarousel-item {width: 400px; height: auto; text-align: center;}
#sl .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
/* lightbox */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;color:#fff;}
#lightbox a img{border: none;}
#outerImageContainer{position: relative;background-color: #101010;width: 350px;height: 350px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(gallery/js/lightbox/images/blank.gif) no-repeat;display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(gallery/js/lightbox/images/back.png) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(gallery/js/lightbox/images/next.png) right 50% no-repeat;}
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color: #CCC;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top: 5px;}
/*** END : added padding when navbar is on top ***/
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #101010;margin: 0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}	
#imageData #caption{font-size: 11pt;font-weight: bold;}
#imageData #numberDisplay{display: block; clear: left;}
#imageData #bottomNavClose{width: 32px; float: right;}
#imageData #helpDisplay {clear: left; float: left; display: block;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=8);-moz-opacity: 0.8;opacity: 0.8;display: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix {height: 1%;}
.ask {margin:0px;font-size:9pt;}
.pollbox {width:auto;padding:0;margin:0;}
.pollbut {width:100%;text-align:center;margin:0;padding:5px 0;}
.pollbut a {font-weight:bold;text-decoration:none;}
.polla {width:50%;float:left;padding:3px 0;}
.pollb {width:50%;float:right;padding:3px 0;}
.polla,.pollb {background: url(plugins/polls/images/btn.gif) no-repeat;}
.polla a,.pollb a {padding:2px 18px;}
.pollcont {text-align:left;margin-top:24px;}
.shkala {height:5px; width:100%;padding:1px;border:1px solid #ddd;margin-bottom:6px;}
.gradus {height:5px;background:#4682B4; background-repeat:repeat; background-position:right;color:#FFF;margin:0px;}
#conteniner a img {border:none;padding-bottom:12px;background: url(templates/zero/images/klik-img.gif) right bottom no-repeat;}
#conteniner .gal a img {border:none;padding-bottom:0px;background: none;}
#conteniner .gall a img {border:none;padding-bottom:0px;background: none;}
.post ul {margin-left:30px;}
.post li {list-style: circle outside;padding:4px 0;}
a.spoiler {width:300px;font-weight:bold;background:#EEE;padding:2px 20px;margin:10px;}
#spoiler {margin:10px;padding:10px;border:1px solid #ccc;}
.bordered {height:0;margin:0;padding:0;border-bottom:1px dotted #999;}
