/*
Theme Name:     vboabu
Theme URI:      https://vboabu.org.ua
Description:    Тема для vboabu.org.ua
*/
html,
body {height:100%;}

dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote {margin:0; padding:0;}

img{border:0;}

.clear{clear: both;}

a {color:#3b5998; text-decoration: underline;}
a:hover {color:#b55918; text-decoration: none;}

body {
background: #fff url('/wp-content/themes/vboabu/img/bg.png') 50% top repeat-y; 
color: #3e373c;
font-family: "Georgia", Arial, sans-serif;
font-size: 13px;
}

h1 {color:#3E373C;font-weight: normal; font-size: 18px;padding-bottom:10px;}
h2 {font-size:15px; font-weight: bold; padding: 0 0 6px;color:#3E373C;}

.hidden{visibility:hidden;}

input, 
textarea, 
select{font-family: "Georgia", Arial, sans-serif; font-size:13px; color:#3e373c;}

input:focus, 
textarea:focus{outline:none;}

input::-moz-focus-inner 
{ 
border: 0;
padding: 0;
}

textarea {overflow: auto;}

input[type="submit"], input[type="button"], .button {
    background: -moz-linear-gradient(center top , #1A81E4, #3D678D) repeat scroll 0 0 transparent;
    border-color: #83B1DC #375D81 #375D81 #83B1DC;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #55606B;
    color: #FFFFFF;
    font-family: 'PT Serif',Georgia,serif;
    font-size: 0.9em;
    padding: 5px 10px;
    text-decoration: none;
    vertical-align: middle;
}
input[type="submit"]:hover, input[type="button"]:hover, .button:hover {
    background: none repeat scroll 0 0 #1A81E4;
    border: 1px solid #1A81E4;
    color: #FFFFFF;
    text-decoration: none;
}
input[type="submit"]:active, input[type="button"]:active, .button:active {
    background: -moz-linear-gradient(center top , #3D678D, #1A81E4) repeat scroll 0 0 transparent;
    border-color: #375D81 #83B1DC #83B1DC #375D81;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    margin: 0 0 0 1px;
    text-decoration: none;
}


/*?=wrap
-------------------*/
.wrap {width:890px; margin: 0 auto; overflow: hidden; //zoom:1;}

/*?=top_in
-------------------*/
.top {
background:#f5f5f5;
position: relative;
border-bottom-right-radius: 7px;	
-moz-border-radius-bottomright: 7px; 	
-webkit-border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;	
-moz-border-radius-bottomleft: 7px; 	
-webkit-border-bottom-left-radius: 7px;
border-radius: 0 0 7px 7px;
height:43px;
overflow: hidden; //zoom:1;
padding: 0 20px;
}

.top_in {float: left; height:43px; line-height:42px; text-shadow:0 -1px 0 #ffffff; font-size: 14px; color:#bdbab8;}

.top_in span {padding: 0 1px;}
.top_in em {padding: 0 7px;}

.search {width:255px; height:31px; background: url('/wp-content/themes/vboabu/img/bg_search.png') left top no-repeat; float: right; margin: 5px 0 0; overflow: hidden; //zoom:1;}
.search_input {overflow: hidden; //zoom:1; width:205px; padding: 0 10px; float: left; height:31px;}
.search_input input {background: none; border:0; padding: 8px 0; float: left; margin: 0; width:100%; color:#707070;}
.search_but {width:30px; height:31px; float: right; overflow: hidden; //zoom:1; position: relative;}
.search_but input {font-size:0;display:block;line-height:0; height:26px; overflow: hidden; text-indent: -999px; border: 0; background: none; width: 100%; padding: 0; margin: 0; cursor: pointer;

    border-radius: 0;
    border-width: 0px;
    box-shadow:  none;
    color: #FFFFFF;

}

.search_table tr td{padding-top:5px;}
.search_table tr td select{margin-top:5px;}

/*?=header 
-------------------*/
.header {height: 110px; position: relative; overflow: hidden; //zoom:1;}

.header img {vertical-align: top;}

.logo {
position: absolute; left: 0; top: 50%;
margin: -38px 0 0;
width: 439px;
height: 75px;
}

.banner {
overflow: hidden; //zoom:1; 
position: absolute; 
right: 0; 
top: 50%;
width: 400px;
height: 40px;
margin: -20px 0 0;
}

/*?=menu
-------------------*/
.menu {padding: 0 0 37px; overflow: hidden; //zoom:1;}
.menu_in {background:#7d7d7d; color:#fff; padding: 0;
position: relative;
overflow: hidden; //zoom:1;
border-radius: 7px; 	
-moz-border-radius: 7px; 	
-webkit-border-radius: 7px;
}
.menu_in a {text-align: center; display: block; 
height: 43px; line-height: 42px;
padding: 0 23px;
color:#fff;
font-size: 15px;
text-decoration: none;
text-shadow:1px 1px 0 #585657;
background: url('/wp-content/themes/vboabu/img/bg_menu_sep.png') left 50% no-repeat;
}

.menu_in td:first-child a {background: none;}

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

/*?=content
-------------------*/
.content {overflow: hidden; //zoom:1;}

.content_in {overflow: hidden; //zoom:1; padding: 0 0 40px;}

.images {padding: 10px 0 37px; overflow: hidden; //zoom:1;}
.images_in {//zoom:1; margin: 0 0 0 -38px;}

.images_in:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}


.images_dl {float: left; width: 271px; padding: 0 0 0 38px; //zoom:1;}

.images_dl_in {
//zoom:1;
position: relative;
border-bottom-right-radius: 7px;	
-moz-border-radius-bottomright: 7px; 	
-webkit-border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;	
-moz-border-radius-bottomleft: 7px; 	
-webkit-border-bottom-left-radius: 7px;
border-radius: 0 0 7px 7px;
}

.images_dl_in img {
position: absolute; 
left: 0; 
top: -10px;
border-top-right-radius: 7px;	
-moz-border-radius-topright: 7px; 	
-webkit-border-top-right-radius: 7px;
border-top-left-radius: 7px;	
-moz-border-radius-topleft: 7px; 	
-webkit-border-top-left-radius: 7px;
border-radius: 7px 7px 0 0
}

.images_dl_in dl {overflow: hidden; //zoom:1; padding: 130px 20px 20px; text-shadow:0 1px 0 #ffffff;}
.images_dl_in dl dt {font-size: 22px; padding: 0 0 5px;}
.images_dl_in dl dt a {color:#3e373c; text-decoration: none;}
.images_dl_in dl dt a:hover {color:#3e373c; text-decoration: none;}
.images_dl_in dl dd {line-height: 18px;}

.one { background: #d4e8f4 url('/wp-content/themes/vboabu/img/bgs/blue.png') left top;}
.two { background: #e4efd3 url('/wp-content/themes/vboabu/img/bgs/green.png') left top;}
.three { background: #ffedc8 url('/wp-content/themes/vboabu/img/bgs/yellow.png') left top;}


.sidebar {float: right; width: 271px; overflow: hidden; //zoom:1; padding: 0 0 0 39px; text-align: center;}

.main {overflow: hidden; //zoom:1;}

/* calendar widget */
	.widget_calendar {float: right;}
	#wp-calendar {width: 100%; }
	#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
	#wp-calendar thead { font-size: 10px; }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
	#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.lines {overflow: hidden; //zoom:1;}
.lines_in {overflow: hidden; //zoom:1; margin: -38px 0 0;}
.lines_item {padding: 38px 0 0; overflow: hidden; //zoom:1; background: url('/wp-content/themes/vboabu/img/dot.png') left 13px repeat-x;}
.lines_item_in {overflow: hidden; //zoom:1;}

.lines_item h2 {font-size:15px; font-weight: normal; padding: 0 0 6px;}
.lines_item h2 span {font-size:12px; color:#8f8f8f; display: block; padding: 4px 0 0;}

.lines_item p {padding: 0 0 10px; line-height:18px;}

.lines_item_photo {float: right; width: 180px;padding: 0 0 0 20px; overflow: hidden; //zoom:1;}
.lines_item_photo img {position: relative; vertical-align: top;
border-radius: 7px; 	
-moz-border-radius: 7px; 	
-webkit-border-radius: 7px;
}

.images {overflow: hidden; //zoom:1;}

/*?=footer
-------------------*/
.footer {color:#707070; overflow: hidden; //zoom:1; line-height: 21px; padding: 18px 0 20px; background: url('/wp-content/themes/vboabu/img/bg_footer.png') left top repeat-x;}
.footer a {color:#707070;}
.footer a:hover {color:#707070;}

/*?=common
-------------------*/
.icon {display: inline-block; //display: inline; //zoom:1; position: relative; vertical-align: top;}
.icon i,
.icon img {position: absolute; left: 0; top: 50%; overflow: hidden; //zoom:1; text-indent: -999px; text-align: left;}
a i,
a span {cursor: pointer;}

.icon_sun {padding-right: 25px;}
.icon_sun i {width:20px; height:20px; margin: -10px 0 0; background: url('/wp-content/themes/vboabu/img/icon_sun.png') left top no-repeat; right:0; left: auto;}

.icon_arrow {padding-right: 12px;}
.icon_arrow i {width:7px; height:5px; margin: -1px 0 0; background: url('/wp-content/themes/vboabu/img/icon_arrow.png') left top no-repeat; right:0; left: auto;}

#Content .div_img{padding:5px;}

/*pages*/
.pages {overflow: hidden; //zoom:1;}
.pages ul {list-style: none; padding: 0; margin: 0; overflow: hidden; //zoom:1;}
.pages ul li {overflow: hidden; //zoom:1; float: left; padding: 0 3px 0 0;}
.pages a,
.pages em {font-style: normal; float: left; text-decoration: none; font-size: 13px; padding: 2px 8px; background:#d4e8f4; text-shadow:0 1px 0 #fff;
position: relative;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.pages em {background:#3b5998; color:#fff; text-shadow:0 1px 0 #000;}

.pages a:hover {color:#3b5998;}
.pages a.nav_link {background: none;}
.pages a.nav_link:hover {color:#b55918;}

/*#Content*/
#Content {overflow: hidden; //zoom:1;}
#Content p {padding: 0 0 25px;}

#Content h1 {padding: 0 0 25px; font-size: 22px; font-weight: normal;}
#Content h2 {padding: 0 0 25px; font-size: 19px; font-weight: normal;}
#Content h2 span {font-size: 12px; display: block; color:#8f8f8f;}

#Content h3 {padding: 0 0 15px; font-size: 16px; font-weight: normal;}
#Content h3 span {font-size: 12px; color:#8f8f8f;}

.image {float: right; padding: 0 0 10px 10px;}
.image img {
position: relative;
vertical-align: top;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

/*gal*/
.gal {overflow: hidden; //zoom:1; width: 100%; height: 114px; margin: 0 0 10px; position: relative;}
.gal ul {list-style: none; padding: 0; margin: 0; overflow: hidden; //zoom:1;}
.gal ul li {float: left; width: 200px;}
.gal ul li img {
position: relative;
vertical-align: top;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.small {font-size: 11px;}

.gal_arrow {position: absolute; top: 50%; margin: -22px 0 0; width:44px; height:44px; overflow: hidden; //zoom:1; text-indent: -999px;}
.gal_arrow_prev {left: 10px; background: url('../img/arrows/prev.png');}
.gal_arrow_next {right: 10px; background: url('../img/arrows/next.png');}

/*lightbox*/
.layer {background: url('../img/bg_black.png') left top; position: absolute; left: 0; top: 0; width: 100%; z-index:100;}

.layer_block {background:#fff; padding: 15px; border: 1px solid #a2a2a2;
overflow: hidden; //zoom:1;
position: absolute; left: 50%;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
z-index:500;
width:526px;
margin: 0 0 0 -263px;
}

.layer_block_head {font-size: 14px; overflow: hidden; //zoom:1; margin: 0 0 15px; line-height:21px;}
.layer_block_head a {float: right;}

.layer_block_in {overflow: hidden; //zoom:1; position: relative; height:339px;}
.layer_block_in img {
position: relative;
vertical-align: top;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.gal2_arrow {position: absolute; top: 50%; margin: -31px 0 0; width:62px; height:62px; overflow: hidden; //zoom:1; text-indent: -999px;}
.gal2_arrow_prev {left: 10px; background: url('../img/arrows/prev2.png');}
.gal2_arrow_next {right: 10px; background: url('../img/arrows/next2.png');}

.voteform acronym { display:block; margin:0px 0px 10px 0px; padding:0px; position:relative;}
.voteform acronym > div {margin:0px 0px 0px 0px; padding:15px; position:absolute; top:20px; left:20px; z-index:1000; background:#fffbef;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:11px;
}
.voteform  cite { min-width:80px; display: inline-block; font-style:normal;}

.voteform a {color:#3b5998; text-decoration: none; border-bottom:1px dotted #3b5998;}
a:hover {color:#b55918; text-decoration: none; border:none;}
.voteform p {margin:6px 0px 15px 0px !important; padding:0px !important; height:4px; font-size:0px; background:#CCC}
.voteform p span {display:block; height:4px; background:#F30}
.voteform acronym > div a.cls {float:right; font-size:18px;  text-decoration:none; color:#F30; border-bottom:none; margin:-15px -5px 0px 0px; display:block;} 
.voteform acronym > div a.cls:hover {color:#000}