/*  
ALMAZ CMS - main stylesheet
CMS URI: http://almazcms.com/
Description: The main stylesheet of <a href="http://almazcms.com/">ALMAZ CMS</a>
Version: 2.0.1
Author:  igrok54
Author URI: http://www.vwhost.org/
This CMS was designed and built by igrok54,
whose blog you will find at http://almazcms.com/
*/
/* Reset css */
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, b, u, i, center,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent}
html {font-size: 100.01%}
body { line-height: 1; background: #fff; color: #000; text-align: left; font: 0.875em Arial, Helvetica, sans-serif; }
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0; font-size: 100%}
a {color: #287fc3; text-decoration: underline}
input[type="text"], input[type="password"] {font-size: 100%; padding: 0}
textarea {font: 100% Arial, Helvetica, sans-serif; padding: 0}
.formText {font-size: 100%; padding: 0}
/* end Reset css */
p {margin:10px 0}
/* Polls */
.ask {margin:0px;font-size:9pt;text-align:left}
.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:48%;float:left;padding:3px 0px}
.pollb {width:48%;float:right;padding:3px 0px}
.polla a,.pollb a {padding:3px 18px;margin:0}
.pollcont {text-align:left;margin-top:30px}
.pollansw {margin: 0 0 0.5em 0;font-size:10pt}
.shkala {height:5px;background:#fff;width:96%;padding:1px;border:1px solid #ddd;margin:0}
.gradus {height:5px;background:#888;background-repeat:repeat;background-position:right;color:#FFF}
/* End Polls */
/* for tooltip */
#tooltip{background:#FFF;border:3px solid #999;color:#111;font:normal 10pt Verdana, Arial;text-align:left;margin:0px;padding:4px 8px;position:absolute;visibility:hidden;z-index:9999}
/* end tooltip */
/* dropdown menu */
#dropdown ul {margin:0;padding:0}
#dropdown li a {display:block;float:left}
#dropdown li {float:left;position:relative}
#dropdown li li {padding:0px;float:none;display:inline}
#dropdown li li a {display:block;text-align:left;width:15em;float:none}
#dropdown li li a:hover {text-decoration:underline}
* html>body  #dropdown li li a {width:17.2em}
* html #dropdown li li a {width:17.2em}
#dropdown li ul {position:absolute;left:-999em;margin-top:2.4em}
#dropdown li:hover ul, #dropdown li:hover ul, #dropdown li.sfhover ul {position:absolute;left:-999em}
#dropdown li:hover ul, #dropdown li.sfhover ul {left:0;width:17.1em;padding:0;z-index:1000}
/* end dropdown menu */
.meta, .pagenav {font-size: 8pt;margin:30px 0 40px 30px}
.meta span, .pagenav span {padding:0 4px 2px 4px}
.meta a, .pagenav a {font-weight:bold;padding:0 4px 2px 4px}
.rubblock {margin:0;padding:0}
.rubblock div, .subpages {margin:20px 0 0 0;border:1px dotted #999;padding:12px}
.rubblock li, .subpages li {list-style-type: none}
.subpages li a {font-weight:bold}
.val {text-align:center}
.gravatar img {border-color:transparent}
.onecomm {margin-top:10px}
.comtitle {font-size:120%;font-weight:bold;padding:8px 0}
.post th {text-align:center}
.post td,.post th {padding: 0 5px;vertical-align:top}
.post ol li {list-style: decimal}
.post ul li {list-style: circle}
.bold {font-weight:bold}
.red {color:red}
.green {color:green}
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px}
.prev_next {width:100%}
.prev_next td {width:50%}
.righttext {text-align:right}
.submit {font-size:120%;padding:2px 9px 4px 9px}
.searchform .searchbutton {border: none; margin-bottom: -8px; margin-left:0px; height: 24px;  width: 24px;}
/*  
ALMAZ CMS - stylesheet for gallery and lightbox
CMS URI: http://almazcms.com/
Description: The stylesheet for gallery <a href="http://almazcms.com/">ALMAZ CMS</a> - This document validates as CSS level 2.1 and XHTML 1.1 Transitional and SEO-optimized!
Version: 1.2.2
Author:  igrok54
Author URI: http://www.vwhost.org/
This CMS was designed and built by igrok54,
whose blog you will find at http://www.vwhost.org/
*/
/* jcarousel */
.jcarousel-container {position: relative}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 940px; 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: 30px}
.jcarousel-skin-tango .jcarousel-prev-horizontal {left: 5px;top: 30px}
.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-list li, .jcarousel-item  {float:left;list-style-type:none;}
.jcarousel-next,.jcarousel-prev {display: none; z-index: 3}
/* jcarousel for album page */
.alb {display: none}
.alb img {cursor: pointer; border: none}
.alb {margin: 10px 0px; text-align: center}
#player {width: 400px; 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 {width:70px;cursor:pointer;height: 70px}
#wr .jcarousel-item {width: 70px;height: 70px}
#default_div {margin: 10px 0px; text-align: center}
.fwin h1 {margin:3px 0;padding:0 auto;font-size:12pt}
/*.fwin p {width:100%;margin:0;padding:0}*/
.imglinks {text-align:right;padding:6px 2px 3px 0}
#player .viewimg {width:400px;margin:0;padding:0 auto;text-align:center}
#wr {border: 1px solid #DDDDDD;background:#EEEEEE}
#wr .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 10px 36px; width: 325px}
#wr .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 325px; height: 70px;vertical-align:middle}
#wr .jcarousel-skin-tango .jcarousel-item {width: 70px; height: 70px}
#wr .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 8px}
#img_cont img {cursor: pointer}
/* jcarousel for slideshow */
#sl {width: 470px; height: auto;margin-top:20px}
#sl img {border:none}
#sl .jcarousel-list li {width:400px;height:auto}
#sl .jcarousel-item {width:400px;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 0; 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: 0}
#sl .jcarousel-skin-tango .jcarousel-next-horizontal {right: 0;top: -16px}
#sl .jcarousel-skin-tango .jcarousel-prev-horizontal {left: 0;top: -16px}
ul.li {text-align:center}
li {list-style:none}
textarea {background:#E9E9E9;width:450px}
.tr {width: 100%;margin:20px 0 0 20px}
.tr td {vertical-align:top;margin:0;padding:0}
.imgurl_img {width:80px;text-align:right}
.imgurl_title {width:370px;text-align:right}
.tr h1 {font-size:12pt;text-align:center;margin:0;padding:0}
.tr img {width: 80px}
.txtar {margin:0 0 26px 0}
/*  
ALMAZ CMS - stylesheet for lightbox
CMS URI: http://almazcms.com/
Description: The stylesheet for gallery and lightbox <a href="http://almazcms.com/">ALMAZ CMS</a> - This document validates as CSS level 2.1 and XHTML 1.1 Transitional and SEO-optimized!
Version: 1.2.2
Author:  igrok54
Author URI: http://www.vwhost.org/
This CMS was designed and built by igrok54,
whose blog you will find at http://www.vwhost.org/
*/
/* 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: 150px;height: 150px;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: 44%;height: 100%;background: transparent;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;margin-left:14px}
#nextLink:hover, #nextLink:visited:hover {background: url('gallery/js/lightbox/images/next.png') right 50% no-repeat;margin-right:14px}
/*** 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: url('gallery/js/lightbox/images/p-pri.png')}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
* html>body .clearfix {display: inline-block;width: 100%}
* html .clearfix {height: 1%}
/* end lightbox */


body {width:100%;min-width: 780px;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:10pt;text-align:center;background-color: #EDFFF7;}
.page {min-width: 780px;max-width: 1110px;margin:1px auto; position:relative;}
* html .page {width: 1110px; clear:both;}
#page {margin:130px auto 0  auto; position:relative; width:98%;}
#main {margin:32px 196px 0 196px;}
#main {//margin-top:0;}
.wrap {float:left;margin: 0;background-color: #FFF;border:1px solid #DDD;}
#content {float:right;overflow:hidden;}
#content,#leftbar,#rightbar {padding-bottom:10px;position:relative;}
#container {margin:0 10px;text-align:left;font-size:11pt;}
#container a img {border:none;padding-bottom:12px;background: url(templates/billiard/images/klik-img.gif) right bottom no-repeat;}
#container .gal a img {border:none;padding-bottom:0px;background: none;}
#container .gall a img {border:none;padding-bottom:0px;background: none;}
#leftbar,#rightbar {width:180px;font-size:9pt;text-align:center;}
#leftbar {float:left;margin-left:-198px;left:-1px;text-align:right;}
#rightbar {float:right;margin-right:-198px;margin-top:10px;left:1px;text-align:left;}
#rightbar {//margin-right:-200px;margin-left:16px;}
.wrap,#content,#header,#footer {width:100%;}

#header {position:absolute;top:0;left:0;overflow:hidden;}
#header, .header {height:130px;}
#footer {line-height: 180%;position:relative;text-align:center;font-size:80%;clear: both;}
#main,#page {height:1%;}
#header .logo {background:url(templates/billiard/images/LOGO_PFBS_alfa_120.png) no-repeat;width:120px;height:120px;position:absolute;top:5px;left:95px;}
* html #header .logo {background:url(templates/billiard/images/LOGO_PFBS_alfa_120.gif) no-repeat;}
#header .headerimage {position:absolute;top:0;right:0;background:url(templates/billiard/images/billiard_table.png) no-repeat;width:307px;height:130px;z-index:1;}
* html #header .headerimage {background:url(templates/billiard/images/billiard_table.gif) no-repeat;}
#header h2,#header h3 {position:absolute;z-index:999;}
#header h2 {font:36px Impact,Arial Black,Arial,Helvetica,sans-serif;top:40px;left:220px;}
#header h2 a {color:#2E8B57;}
#header h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt;top:80px;left:220px;}
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}
#leftbar ul, #rightbar ul {margin:0;padding:0;list-style:none;}


a,a:link,a:visited {color:#2E8B57;text-decoration:none;}
a:hover {color:#32CD32;text-decoration:underline;}
#leftbar ul, #rightbar ul {width:180px;}
#leftbar ul ul, #rightbar ul ul {background: url(templates/billiard/images/block-border.gif) no-repeat bottom center;margin-bottom:30px;padding:16px 0;}
#leftbar h2, #rightbar h2 {background: #009239 url(templates/billiard/images/block-h2.png) repeat-x;padding:8px 0;margin:0 0 0 0;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9pt;color:#fff;text-align:center;}
#leftbar ul ul ul, #rightbar ul ul ul {background:none;margin-bottom:0;padding:0;width:160px;border:none;}
#leftbar a,#rightbar a {font-weight:bold;}
#leftbar li li, #rightbar li li {width:160px;overflow:hidden;}
.sbmenu li {width:166px;color:#555;font-weight:bold;}
#leftbar li li {margin-right:10px;padding:3px 0;}
#rightbar li li {margin-left:10px;padding:3px 0;}

#leftbar .bold, #rightbar .bold {color:#555;}
#leftbar .sbmenu a {background: url(templates/billiard/images/bolls_icon.png) no-repeat top right;padding-right:17px;font-weight:normal;}
#leftbar .sbmenu a:hover {background: url(templates/billiard/images/bolls_icon.png) no-repeat bottom right;}
#rightbar .sbmenu a {background: url(templates/billiard/images/bolls_icon.png) no-repeat top left;padding-left:17px;}
#rightbar .sbmenu a:hover {background: url(templates/billiard/images/bolls_icon.png) no-repeat bottom left;}
h1 {font-family: Geneva, sans-serif; font-size:16pt;color:#2E8B57;}
h2 {font-family: Geneva, sans-serif; font-size:14pt;}
.count {font-size:11pt;font-weight:bold;margin-top:-14px;}
.anend {font-weight:bold;border-bottom:1px solid #009239;padding-bottom:16px;}


.searchform p {margin:0;padding:0 0 5px 0;}
.searchform input {font-size: 8pt;text-align:center;border:1px solid #999;}
.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 #009239;}
.ads, .yr {text-align:center;}
pre {border:1px solid #999;padding:20px 0 8px 20px;overflow: scroll;max-height: 200px;}
.onecomm {border:1px solid #999;width:100%;}
.comtitle {background: #E3F8FF;padding:1px;}
.comtitle img {margin-right:14px;vertical-align:middle;}
.comname {color:#2E8B57;font-weight:bold;}
.onecomm p {padding:8px;}
.post {margin:0;padding:0 0 20px 0;}
.rubblock {margin:0;padding:0;}
.rubblock h3 {padding:0;font:11pt Geneva, sans-serif;font-weight:bold;}
.rubblock div {border:1px dotted #009239;margin:10px 10px 10px 0;padding:0 10px 10px 10px;font-size:9pt;}
.pagenav a, .meta a {background:#DFEEF5;}
.pagenav a:hover, .meta a:hover {background:#C6E0ED;}
.pollbox {margin:0 0 0 12px;}
#poll {width:auto;margin:0;}
.comments h3 {margin-top:30px;}
.comments form {border:1px solid #ccc;padding:0 10px;}
.submit {font-size:14pt; padding:3px 12px;}
.bordertd {margin:20px 0;padding:0;width:100%;}
.bordertd th {font-weight:bold;}
.bordertd td,.bordertd th {border:1px solid #000;}