/*  
Theme Name: vino
Theme URI: http://www.blogovine.ru
Version: 1.1
Author: alex
Author URI: http://www.vatesdesign.com
*/


/*/////////////////////////////////////////
///////////////// OVERRAL ////////////////
/////////////////////////////////////////*/	
@import url('tabs.css');
@import url('dropdown.css');


html {height: 100%; background: #333333;}


body {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	overflow: visible;
	margin: 0px 0px 0px;
	font-family: Georgia, Times New Roman, serif;
	font-size:14px;
	color:#595959;
	text-align:center;
}

#container {
	margin: 0 auto;
	width:980px;
	height:465px;
	text-align:left;
	background:#ffffff;
}

#content-bg {
	float:left;
	width: 100%;
	padding-bottom:0px;
	background: url(images/content_bg.jpg) repeat-x top center #ffffff;
	/*border:1px red solid;*/
}



/* меню под лого */
#links {
width:100%;
height:150px;
text-align:center;
margin:0;
padding:0;
line-height:21px;
/*border:1px red solid;*/
}


#links ul {
	margin:0;
	padding:0;
	
}

#links ul li{
	float:none;
	list-style: none;
	
	
}

#links ul li img{
	position:relative;
	top:4px;
}

#links ul li.current_page_item a{
	font-weight:bold;
	color:#ffffff;
	font-variant:small-caps;
	/*padding:0;*/
}


#links a {
color: #9e9e9d;
}


#links a.day {
color: #684505;
}

#links a.morn {
color: #333333;
}


#links a.mus {
color: #9e9e9d;
}

/* меню рубрик */
#mainmenu {
	position:relative;
	width:855px;
	margin-top:3px;
	margin-left:93px;
	text-align:left;
	z-index:20000;
	/*border:1px black solid;*/
}

#mainmenu ul {
	float:left;
   
    line-height:20px;
    padding:0;
    margin:0;
    /*width:100%;*/

}

#mainmenu li {
	list-style:none;
	float:left;
    padding:0;
	text-transform:uppercase;
	letter-spacing:1px;

}

#mainmenu a {
    color:#737373;
    text-decoration:none;
    padding:0px 10px;
	font-size:10px;
	line-height:30px;
   }

#mainmenu li.current-cat a, #mainmenu a:hover {
color:#af1824;
}



#layout {
	position:relative;
	width: 100%;
	text-align:left;
	padding-bottom:150px;
/*border:1px gray solid;*/
}


#left {
		float:left;
		width:230px;
		margin:0; padding:0;
		
		/*border: 1px gray solid;*/

		}
#right {
		float:right;
		width:230px;
		margin:0; 
		padding:0;
		text-align:left;
		/*border: 1px gray solid;*/

		}

#middle {
		margin:0px 0px 0px 245px;
		/*border: 1px gray solid;*/
		}



#bestwines {
	float:left;
	width:200px;
	/*border-bottom: 1px #b7b7b7 solid;*/
	line-height:16px;
	font-size: 11px;
	margin:0 0 0 15px;
	padding:0 0 58px 0; 
	/*border: 1px gray solid;*/
}

#bestwines h3 {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#6d6d6d;
	padding:2px;
	border-bottom: 1px #b7b7b7 solid;
	text-align:center;
}


#bestwines img.bot{
	float: left;
	padding: 0 15px 5px 0;
}
		
#bestwines div.shown {
	padding:0 0 0 15px; 
	font-family:Tahoma, sans-serif; 
	font-size:10px; 
	display:block
}

#bestwines div.hidden {
	padding:0 0 0 15px; 
	font-family:Tahoma, sans-serif; 
	font-size:10px; 
	display:none;
}

#posts {
	width:485px;
	padding: 0;
	margin: 0;
	font-size:14px;
	line-height:18px;
	/*border:1px red solid;*/
}


div#posts div.featured img{
width:200px;

}

div#posts div.regular img{
width:60px;

}

#posts h2 {

	color:#3e3e3e;
	font-size:20px;

}

.sidediv {
	width:165px;
	margin:0 0 0 15px;
	padding:0 0 48px 0; 
	border-bottom: 1px #b7b7b7 solid;
	font-size:11px;
	line-height:16px;
	text-align:left;
	/*border:1px red solid;*/
}

div.sidediv h3 {
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#6d6d6d;
padding:2px;
text-align:center;
border-bottom: 1px #b7b7b7 solid;
}

div.sidediv h2 {
text-align:center;
}

div.sidediv ul {
	margin:0;
	padding:3px 0;
}

div.sidediv ul li {
	display: block;
	list-style: none;
	padding:2px 0 0 0;
	margin:0;
}


.base_left {
float:left;
width:150px;
text-align:left;



}

.base_right {
float:right;
width:300px;
text-align:right;

}


#showcase {
	width:100%;
	text-align:left;
	/*border:1px gray solid;*/

}


#footer {
	
	position:relative;
	background:gray;
	width:980px;
	height:150px;
	clear:both;
	margin:0;
	padding:1% 0;
	font-size:10px;
	text-align:center;
	color:#CCCCCC;
}
/* ????? */

a {color:#af1824; text-decoration:none;}

a:hover {color:#6a0911;}

img {border:none}

#banner {
text-align:center;
font-size:18px;
margin-bottom:25px;

}


.alignleft {
	float: left;
	padding: 5px 20px 5px 0;
}

.alignright {
	float: right;
	padding: 5px 0 5px 20px;
}

.center {
text-align:center;
}

.ital {
font-style:italic;
}

.big {
font-family: Georgia, serif;
font-size:16px;
font-style:italic;
line-height:18px;
}

.brown {color:#7e4d0a;}

.spacer {width:480px; height:10px;} 

.submit {
height:22px;
width:110px;
cursor:pointer;
font-family: Georgia, serif;
background:#af1824;
padding:4px 7px 5px 7px;
border:none;
color:white;
text-transform:uppercase;
font-size:10px;
letter-spacing:2px;
}

a.submit:hover {color:#fff;}


/*.small {font-size:11px; color:#4d4d4d;}*/
.dark {color: #323232;}
.small {font-size:11px; line-height:14px;}
.middle {font-size:12px;}
.gray {padding:10px; background:#131313; margin-bottom:10px;}
.white {color:#FFFFFF;}
.red {color:#b3271d;}
.hide {display:none;}
.lined {
	/*border-bottom:1px #b7b7b7 solid;*/
	padding:0px 0px 58px 0px;
	font-size:12px;
	line-height:16px;

}
.divider {
	width:100%; 
	height:21px; 
	background: url(images/divider.png) no-repeat;
	margin-top:15px;

}

.dotted {
margin:0;
padding:0;
width:100%; 
height:2px;
border-bottom:1px #b7b7b7 dashed;
}

.vrezka {
float: right;
width: 35%;

padding: 10px;
margin-left: 13px;

background-color: #f7f1e4;
font-size:11px;

text-align: left;
line-height: 18px;
} 



h1 {
	display:block;
	margin:0 0 2px 0;
	padding:0 0 12px 0;
	font-weight:normal;
	text-transform:normal;
	line-height:40px;
	color:#897c62;
	/*letter-spacing: 2px;*/
	font-size:40px;
	/*border-bottom:1px #b7b7b7 solid;*/
}


h1 a{
text-decoration:none;
color:#897c62;
}


h2 {

color: #af1824;
margin:5px 0 10px 0;
font-size:18px;
font-weight:normal;
/*letter-spacing:2px;*/

}


h3 {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0;
	font-weight:bold;
	font-size:12px;
	color:#4d4d4d;
	font-variant:small-caps;
	font-family: Georgia, serif;
	letter-spacing: 2px;

}

h4 {
	display:block;
	margin:0px 0px 15px 0px;;
	padding:0;
	font-weight:normal;
	font-family: Georgia, serif;
	/*font-variant:small-caps;*/
	text-transform:normal;
	line-height:27px;
	color:#5c5c5c;
	letter-spacing: 3px;
	font-size:20px;

}

/*////categor */
#showcase h3 {
color:#a7a7a7;
letter-spacing: 1px;
font-weight:normal;
font-size:12px;
}

#showcase ul {
	padding: 0px 5px 0px 0px;
	margin: 0;
	text-align:left;
}

#showcase ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top:3px !important;
	padding-top:2px;
	padding-bottom:7px;
	text-transform:uppercase;
}


#showcase ul li a {
	font-size:10px;
	text-decoration:none;
	padding:3px 7px 3px 5px;
	color:#737373;
}

#showcase ul li.current-cat a{
background: #af1824;
text-decoration: none;
color:#fff;
}

#showcase div a {
color:#a7a7a7;

}

#showcase div a:hover {
color:#af1824;
text-decoration:underline;
}


/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
form {margin-bottom:10px;}

#commentstring {
float:left;
width:485px;
font-size:11px; 
color:#b4b4b4;
font-style:italic;
border-bottom:1px #b7b7b7 dashed;
border-top:1px #b7b7b7 dashed;

}

#commentstring a {
	color:#b4b4b4;
	text-decoration:none;
	}


#commentstring a:hover {color:#6a0911;}

ol.commentlist { list-style:none; margin:0; padding:0; padding-top:10px}
ol.commentlist li {padding-bottom:10px; }



#commentform {margin-top:0; padding:0;}	

input{background:#e2dbd9; padding:3px; width:210px; border:none; color:#666}
textarea {background:#e2dbd9; padding:3px; width:310px; border:none;}

input.rad{background:none; padding:0; width:15px; border:none; font-size:10px;}

input#plink {
width:120px;
background:none;
font-family: Georgia, serif;
color:#af1824; 
text-decoration:none;
cursor:pointer;
text-align:left;
margin:0;
padding:0;
}

label {vertical-align:top; margin-left:10px; font-size:10px;}

input#submit {
height:22px;
width:100px;
cursor:pointer;
font-family: Georgia, serif;
background:#af1824;
padding:4px 7px 5px 7px;
border:none;
color:white;
text-transform:uppercase;
font-size:10px;
letter-spacing:2px;
}
	
#commentform #comment { 
width:100%; 
background:#e2dbd9; 
border:none;
}	


#google_translate_element input {
width:100px;
}




/* карта сайта */
.ddsg-wrapper {
text-align:left;
line-height:20px;
}

div.ddsg-wrapper ul{
margin:0;
padding:7px 0 7px 15px;
}

div.ddsg-wrapper li{
list-style: none;
}




div.ddsg-wrapper span.cat {

	margin:0px 0px 10px 0px;
	padding:0;
	font-weight:bold;
	font-size:12px;
	color:#a7a7a7;
	font-variant:small-caps;
	font-family: Georgia, serif;
	letter-spacing: 2px;

}

/* Some IE6-specific rules b/c it can't seem to handle background images correctly
.ie6 blockquote, .ie6 .series, .ie6 .post, .ie6 .entry-title, .ie6 #primary, .ie6 #secondary, .ie6 #subsidiary, .ie6 .widget,
.ie6 .category-info, .ie6 .author-info, .ie6 .date-info, .ie6 .tag-info, .ie6 .archive-info, .ie6 .search-info,
#comments li {
	height: 100%;
	}


	 */

/*/////////////////////////////////////////
///////////////// carousel ////////////////
/////////////////////////////////////////*/	

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

ul#mycarousel,
ul#mycarousel li { overflow: hidden; _display: inline-block; }

ul#mycarousel				{ background: #ffffff; padding:0 0 0 0; height:180px;}
ul#mycarousel a				{ text-decoration: none; }
ul#mycarousel li			{ float: left; width: 170px; padding: 15px 20px 5px 0px; list-style:none}


.jcarousel-container 		{ position: relative;  }
.jcarousel-clip 			{ z-index: 2; padding: 0; margin: 0; left: 10px; overflow: hidden; position: relative; width:897px; /*border:1px black solid;*/}
.jcarousel-list				{ z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item 			{ float: left; list-style: none;  /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 170px; padding: 0 0 0 0; }


.jcarousel-container-horizontal {  padding: 0 0 0 0;  }
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal  {cursor: pointer; background:transparent url(images/prev.png) no-repeat; width: 34px; height: 32px; float: left; padding:0; margin:0 }

.jcarousel-next-horizontal 	{float: right; background:transparent url(images/next.png) no-repeat; padding-right: 7px}


.jcarousel-prev-disabled-horizontal, .jcarousel-next-disabled-horizontal {
	
    cursor: default;
	background:transparent url(images/prev_dis.png) no-repeat;
	
	
}

.jcarousel-next-disabled-horizontal {background:transparent url(images/next_dis.png) no-repeat;}

.picholder {
    height: 170px;
	width: 170px;
	float:left;
}



.panel1, .panel2{
    height: 170px;
    width: 170px;
    text-align: center;
	line-height:16px;
	font-size:11px;
	
}

.panel1 {
    z-index: 10;
	background: url(images/sell/white_wine_apple.jpg) no-repeat;
}

.panel2 {
    background-color: #e8e1d7;
	display:none;
}

var {
display:none;
}