/*   
Theme Name: JBV
Theme URI: 
*/

body{
	background-color: #e2e2e2 !important;
	background-repeat: repeat;
}

html, body { height: 100%;}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}

ul {list-style: none;}

blockquote, q {quotes: none;}

.box {
  width: min-content;
  display: table;
  position: relative;
  background: #334b64;
  margin: 0px auto 20px auto;
  box-shadow: 0px 0px 50px rgba(29, 80, 123, 0.3);
}

.text {
  color: white;
  font-size: 14;
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  word-wrap: break-word;
  white-space: pre-wrap
}


blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

body{
	background-image: url("img/bg.gif");
	background-repeat: repeat;
}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/


body {
	font: 12px serif, sans-serif;
	text-shadow: #fff 0 0px 0;
	width: 100%; height: 100%;
}

body, select, input, textarea {color: #555;}

a {color: #555; }
a:hover {color: #000; }

::-moz-selection{background: #555; color: #fff; text-shadow: none;}
::selection {background: #555; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #555;} 

ins {background-color: #555; color: #000; text-decoration: none;}
mark {background-color: #555; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap {
	margin: 0 30px;
	overflow: hidden; 
}

.post {
	padding-top: 50px;
}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

header{
	margin-bottom: 6px;
	padding-top: 40px;
}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#header-wrap {
	height: 60px;
}

.logo{
	width: 478px;
	height: 24px;
	background: url("img/logo.png") no-repeat top left;
	background-position: 0px 0px;
	display: block;
	margin-top: 10px;
}

.logo:hover{
	background-position: 0px -33px;
}

.menu-primary-navigation-container{
	position: relative;
	
}
.menu li{
	list-style: none;
}

.menu li a{
	float: left;
	margin: 10px 20px 10px 0;
	text-decoration: none;
	font-size: 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

.post img{
	margin-right: 5px;
}

.entry{
	min-height: 510px;
}

.entry_gallery{
	white-space: nowrap;
	overflow-x: scroll;
	min-height: 510px;
}

.entry li{
	float:left;
}


#footer-wrap{
	height: 45px;
	padding: 10px;
}

#bodytext{
  font-size: 14;
  text-align: left;
  width: 40%;
  height: auto;
  word-wrap: break-word;
  white-space: pre-wrap;
}


#copyright{
	float: left;
}

#feed-links{
	float: left;
	padding-left: 50px;
	padding-top: 10px;
}

#feed-links a{
	width: 23px;
	height: 23px;
	display: block;
	float: left;
	background-image: url("img/sprite-social.png");
	margin-left: 10px;
}

#vkontakte{
	background-position: 0px 0px;
}

#vkontakte:hover{
	background-position: 0px -33px;
}

#facebook{
	background-position: 0px -66px;
}

#facebook:hover{
	background-position: 0px -99px;
}

#developer{
	float: right;
}


#poterja{ 
	font-size: 36px;
	text-align: center;
	padding-top: 200px;
}









/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}