/*
Theme Name: Berestroika
Theme URI: http://berestroika.becmedia.ro
Description: Berestroika WordPress theme.
Version: 1.0
Author: B.E.C. Media
Tags: 

*/

body { margin:0px; padding:0px; background: #ebcb9a url('images/bg_body.jpg') repeat-y top center;  font-family:Arial, Helvetica, sans-serif; font-size:13px;}

a { color: #1A5A1E; }


.fronty { margin: 30px 0px 20px 0px; }

#bgred {width:50%; height:100%; position:absolute; top:0px; left:50%; background:#ae2018; z-index:-5}

#wrapper-outer { width:100%; height: auto; float:left; background: url('images/bg_wrapper.jpg') no-repeat top center;}

#wrapper-inner { width:945px; float:left; position:relative; top:0px; left:50%;  margin-left:-475px;}

#header { width:100%; height:463px; float:left;}

#sidebar { width:303px; float:left;}

#menu-container { float:left;  }

#menu-container ul { width:300px; background: url('images/menu.jpg') no-repeat 0px 0px; display:block; float:left; margin:0px; margin-left:4px; margin-top:-1px; padding:0px; list-style:none; line-height:0px;}

#menu-container ul li {width:300px;  margin:0px; padding:0px;  float:left; border:0px; }
#menu-container ul li.top {background:url('images/menu_ro/menu-top.jpg'); height:14px;}
#menu-container ul li.bottom {background:url('images/menu_ro/menu-bottom.jpg'); height:15px;}
#menu-container ul li a{ width:228px; height:46px; display: block; color:#006600;  }

#menu-container ul.ro li.social{ 			width:228px; background:url('images/menu_ro/menu-social.jpg'); height:45px; }
#menu-container ul.ro li.social a.facebook{ 			width:35px; height:35px; display:block; position:relative; left:35px; top: 4px; float:left;}
#menu-container ul.ro li.social a.twitter{ 				width:35px; height:35px; display:block; position:relative; left:43px; top: 4px; float:left;}
#menu-container ul.ro li.social a.linkedin{ 			width:35px; height:35px; display:block; position:relative; left:49px; top: 4px; float:left;}

#menu-container ul.ro li a.home{ 			background:url('images/menu_ro/menu-home.jpg'); 			height:45px; }
#menu-container ul.ro li a.despre-noi{ 		background:url('images/menu_ro/menu-despre-noi.jpg'); 		height:50px; }
#menu-container ul.ro li a.berarie{ 		background:url('images/menu_ro/menu-berarie.jpg'); 				height:47px; }
#menu-container ul.ro li a.berea-noastra{ 	background:url('images/menu_ro/menu-berea-noastra.jpg'); 		height:50px; }
#menu-container ul.ro li a.meniu{ 			background:url('images/menu_ro/menu-meniu.jpg'); 			height:49px; }
#menu-container ul.ro li a.bock-shuss {		background:url('images/menu_ro/menu-bock-shuss.jpg'); 		height:58px; }
#menu-container ul.ro li a.galerie{ 		background:url('images/menu_ro/menu-galerie.jpg'); 			height:48px; }
#menu-container ul.ro li a.blog{ 			background:url('images/menu_ro/menu-blog.jpg'); 			height:51px; } 
#menu-container ul.ro li a.contact{ 		background:url('images/menu_ro/menu-contact.jpg'); 			height:51px; } 

#menu-container ul.en li a.home{ 			background:url('images/menu_en/menu-home.jpg'); 			height:45px; }
#menu-container ul.en li a.despre-noi{ 		background:url('images/menu_en/menu-despre-noi.jpg'); 		height:50px; }
#menu-container ul.en li a.berarie{ 		background:url('images/menu_en/menu-berarie.jpg'); 				height:47px; }
#menu-container ul.en li a.berea-noastra{ 	background:url('images/menu_en/menu-berea-noastra.jpg'); 		height:50px; }
#menu-container ul.en li a.meniu{ 			background:url('images/menu_en/menu-meniu.jpg'); 			height:49px; }
#menu-container ul.en li a.bock-shuss {		background:url('images/menu_en/menu-bock-shuss.jpg'); 		height:58px; }
#menu-container ul.en li a.galerie{ 		background:url('images/menu_en/menu-galerie.jpg'); 			height:48px; }
#menu-container ul.en li a.blog{ 			background:url('images/menu_en/menu-blog.jpg'); 			height:51px; } 
#menu-container ul.en li a.contact{ 		background:url('images/menu_en/menu-contact.jpg'); 			height:51px; } 

#events-container { width: 300px; float:left}

#events-container ul { width:304px; margin:0px; padding:0px; background:url('images/bg_events_mid.jpg') repeat-y top right; float:left; list-style:none; color:#FFF }
#events-container li { width:190px; padding-left:40px; padding-bottom:10px;  float:left; }

#events-container li.title { padding-bottom:10px; text-transform:capitalize; font-weight:bold; font-size:18px; }

#events-container li.top {background:url('images/bg_events_top.jpg') no-repeat 4px 0; height:45px; width:100%; padding:0px; margin:0px;}
#events-container li.bottom {background:url('images/bg_events_bottom.jpg') no-repeat 4px 0;  height:55px; width:100%; padding:0px; margin:0px;}

#events-container li.item {  background:url('images/list_events.jpg') no-repeat 16px 0px; }
#events-container li strong { font-size:15px;}
#events-container li a { color: #ebcb9a; text-decoration:none;}
#events-container li a:hover { text-decoration:underline;}
#events-container li a.rezervare { color: #FFF; display:block; width:170px; padding-right:20px; float:left; text-align:right; background:url('images/link_events.jpg') no-repeat top right;}

#page { float:left; width:642px; color:#004400  }
#page .top {width:642px; height: 29px; background:url('images/bg_content_top.jpg') no-repeat top left; float:left }
#page .middle {width:602px; padding-left:20px; padding-right:20px; float:left;	 background:url('images/bg_content_middle.jpg'); border-bottom	:1px solid #ebcb9a }
#page .middle h2 {color:#900; margin:0px; padding:5px;}
#page .middle h3 {color:#000; margin:0px; padding:5px;}
#page .middle p { margin:0px; padding:5px;}
#page .middle .logo { width:100%; height:116px; background:url('images/logo.jpg') no-repeat center top; float:left;}

#page .middle a { color:#663300; text-decoration:none;}
#page .middle a:hover { text-decoration:underline;}
#page .middle a.link { padding-right:20px; background:url('images/link_home.jpg') no-repeat top right;}

#page .middle .toleft {width:50%; padding-bottom:0px; float:left; text-align:left;}
#page .middle .toright {width:50%; padding-bottom:0px; float:right; text-align:right}

#page .bottom {width:642px; height: 19px; background:url('images/bg_content_bottom.jpg') no-repeat top left; float:left}


#footer { clear: both; padding: 20px 10px; }


#homelinks { float:left; padding-top:10px;}
#homelinks a.meniu{ width:327px; height:348px; margin-left:-2px; background:url("/wp-content/uploads/Romania-Albania-307x348.jpg") no-repeat top left; display:block; float:left}
#homelinks a.sortimente{ width:307px; margin-left:10px; height:348px; background:url("/wp-content/uploads/Galeria-berestroika.jpg") no-repeat top left; display:block; float:left}
#homelinks a.revelion  { width:307px; margin-left:10px; height:348px; background:url('images/home_meniu-revelion.jpg') no-repeat top left; display:block; float:left}

#ourbeer { width:100%; float:left; }
#ourbeer .box { width: 195px; margin-right:5px; float:left;}
#ourbeer .box .top { width: 195px; height:23px; background:url("images/beer-desc-top.jpg") no-repeat left top; float:left;}
#ourbeer .box .mid { width: 165px; padding:15px; background:url("images/beer-desc-mid.jpg") repeat-y left top; float:left; color:#FFF;}
#ourbeer .box .mid ul { margin:0px; padding-left:20px;}
#ourbeer .box .mid h1 { margin:0px;  padding-bottom:5px; color:#CCFFCC; font-weight:bold; font-size:12px; text-align: center;}
#ourbeer .box .btm { width: 195px; height:21px; background:url("images/beer-desc-btm.jpg") no-repeat left top; float:left;}
#ourbeer .box .mid a.link { color:#AADDAA; display:block; width:140px; margin-top:5px; padding-right:20px; float:left; text-align:right; background:url('images/link_events.jpg') no-repeat top right;}

#ourbeer .row0 {width:100%; height:241px; background:url('images/beer/row0.jpg') no-repeat center top; float:left;}

#form {float:left; width:100%;}
#form p {color:#000 !important; padding:2px; margin:1px;}

#form .error { width: 100%; background-color:#FF9966; border-top:1px solid #F00; border-bottom:1px solid #F00; color:#000; font-weight:bold}
#form .sendok { width: 100%; background-color:#99FF99; border-top:1px solid #0C0; border-bottom:1px solid #0C0; color:#000; font-weight:bold}

#form table {margin-left:75px;}
#form table th { text-align:right; color:#000; font-weight:normal; padding-right:10px; padding-top:8px; vertical-align:top}
#form table td {padding:3px; font-size:11px; color:#900}
#form button { padding:3px; color:#FFF; background:#900; font-weight:bold; border-top:1px solid #F00; border-left:1px solid #F00; border-right:1px solid #300; border-bottom:1px solid #300}
#form input, 
#form textarea 
{
	border:1px solid #FA0;
	background:#FFF;
	padding:2px;
	width:250px;
	
}
#form select { border:1px solid #FA0; background:#FFF; padding:2px;}
#form textarea {height:150px;}

.contact_rezervari {display:block; float:right; width:195px; height:60px; background:url('images/btn_rezervare_contact.jpg') no-repeat; right:100px; position:relative}


#lang {width:55px; height:18px; float:left; position:absolute; margin-top:15px; left:100%; margin-left:-65px;}
#lang a {background:url('images/lang.jpg') no-repeat 0px 0px; width:27px; height:18px; display:block; float:left}
#lang a.ro {background-position: 0px 0px}
#lang a.en {background-position: -27px 0px}


.post {color:#000000; border-bottom: 1px dotted #CC6600}
.post h1 { color:#006600; padding-top:15px; margin:0px; }
.post h1 a{ color:#006600!important; }
.post h2 {color:#993300;  padding-top:15px; margin:0px;}
.post h3 {color:#990000;  padding-top:10px; margin:0px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata {background: #EECC99; margin:0px; padding:2px;}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #CC6600;
	font-style:italic;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {

		float:left;
		width:100%;

	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#commentform {}

#commentform input,
#commentform select,
#commentform textarea
{
	border:1px solid #CC6600;
	background:#FFF;
}

#commentform input,
#commentform select
{
	width:200px;
}

#commentform textarea
{
	width:550px;
	height:100px;
}

#commentform input#submit
{
	border-bottom:1px solid #330000;
	border-right:1px solid #330000;
	border-top:1px solid #F00;
	border-left:1px solid #F00;
	background:#900;
	padding:2px;
	color:#FFF;
	
}

#commentform p {padding:0px; margin:2px;}
#commentform label {color:#000; font-size:12px;} 


ol.commentlist { list-style:none; width:600px; margin:0px; padding:0px;}
li.comment { padding:10px; color:#000!important;}
li.even {background-color:#FFDDAA}
li.comment p {margin:0px; padding:0px; clear:both}
li.comment .avatar { padding:5px; float:left; }
li.comment .vcard {font-size:13px; }
li.comment cite { color:#000!important; font-weight:bold;}
li.comment cite a{ color:#900!important; font-weight:bold;}
li.comment .comment-meta {font-size:12px;}

.clear { clear: both; }
#lang { display: none !important; }

#newsletterbox { margin-top: 10px; width: 230px; background: #EDE0CD; padding: 10px; border: 1px solid #EFBA68;}
#newsletterbox h4 { margin: 0px; padding: 0px; font-size: 14px; display: block; width: 230px; text-align: center; }
form.cform { width: 230px; margin: 0px; padding: 0px; text-align: center; display: block;}
p.cf-sb, input.sendbutton { width: 100px; text-align: center !important; margin: 0 auto !important; display: block;}
p.linklove { width: 230px; text-align: center; display: none; }
li#li--1 { width: 230px; text-align: center; }
#newsletterbox span { display: none;}
#usermessagea { width: 200px; }