/*  
Theme Name: vates
Theme URI: http://www.vatesdesign.com
Version: 1.1
Author: alez
Author URI: http://www.vatesdesign.com
*/


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


html {
    background: url(images/bg.jpg) repeat-x #000000;
}
body {
	overflow: visible;
	margin: 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#b7b7b7;
	text-align:center;
}

#container {
	margin: 0 auto;
	width:1100px;
	height:349px;
	background: url(images/logo.jpg) no-repeat top center;
	/*border:1px gray solid;*/

}

#content-bg {
	float:left;
	width: 100%;
	padding-bottom:50px;
}

#mainmenu {
	width:1020px;;
}



#mainmenu ul {
	padding: 0;
	margin: 0;
	width: 1020px;
	height: 32px;
}

#mainmenu ul li, li.page_item{
	float:left;
	list-style: none;
	margin: 0;
	padding: 0px 20px 0px 20px;
	/*padding:0;*/
}

#mainmenu ul li.current_page_item{
	float:left;
	list-style: none;
	margin: 0;
	padding: 0px 20px 0px 20px;
	background:#b3271d;
	/*padding:0;*/
}

#mainmenu a{
	
	font-size:10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration:none;
	/*padding: 8px 20px 8px 20px;*/
	color:#b3271d;
	line-height:30px;
}

#mainmenu ul li.current_page_item a{
color:white;
}


#mainmenu a:hover{

	color:white;
}


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


#left {
		float:left;
		width:150px;
		margin:0; padding:0;
		}
#right {
		float:right;
		width:352px;
		margin:0; padding:0;
		}

#middle {
		margin:0 150px;
		}

#footer {
	position:relative;
	top:1px;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	font-size:10px;
	text-align:center;
}

#submenu {

	float:left;
	width:100%;
	padding: 0;
	/*border:1px gray solid;*/

}

#submenu ul {
	padding: 10px 5px 0px 0px;
	margin: 0;
}

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


#submenu ul li a {
	font-size:10px;
	color:#8c8c8c;
	text-decoration:none;
	padding-left:0px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}

#submenu ul li.current-cat a{
color:white;
}


#posts {
	width:480px;
	padding: 15px 0px 0px 15px;
	margin: 0;
	font-size:14px;
	line-height:24px;
}

#posts_client {
	float:left;
	width:650px;
	height:726px;
	background: url(images/menu_slice1.jpg) no-repeat center 20px;
	font-size:14px;
}

#posts_client a {/*text-decoration:none;*/}

#sape {

color:#333333;
font-size:10px;
}

#sape a{
color:#333333;
}

#sape ul li {

list-style: none;
margin: 0;
padding: 0;
}


.base_left {
float:left;
margin-left:150px;
margin-top:20px;
width:200px;
text-align:left;



}

.base_right {
float:left;
width:200px;
margin-left:20px;
margin-top:20px;
text-align:left;

}


.actions_left {
float:left;
margin-left:30px;
margin-top:20px;
width:130px;
text-align:left;
}

.actions_right {
float:left;
width:450px;
margin-left:15px;
margin-top:20px;
text-align:left;
}


/*#posts img{border:5px #676767 solid;}*/

#showcase {
	width:352px;
	height:460px;

}

#showcase-content {
	float:left;
	padding-top:30px;

}

#tmbs {
	float:left; 
	padding:0px 15px 15px 15px;

}

#tmbs a {
	display:block;
}

.thumb {
margin-bottom:5px;
border: 3px #676767 solid;

}

.thumb_a {
margin-bottom:5px;
border: 3px white solid;

}


#now {
	float:left; 
	padding:0px 0px 0px 7px;
}

#baner {
float:left;
padding-left:95px;
padding-top:10px;
/*border:1px red solid;*/

}


/* ????? */

a {color:#b3271d;}

a:hover {color:white;}

img {border:none}


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

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

.center {
text-align:center;
}

.ital {
font-family: Georgia, serif;
color: #323232;
font-style:italic;
}

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

.blue {color:#45c0ee;}

/*.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;}

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


h1 a{
text-decoration:none;
}

#commentstring {
text-align:center;
font-family: Georgia, serif;
color: #323232;
font-style:italic;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px #232323 solid;
}

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

h2 {

font-family: Georgia, serif;
color: #323232;
font-variant:small-caps;
margin-bottom:10px;
font-size:18px;
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;

}

/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/

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


/*
ol.commentlist li { background-color:#1e2224; }
ol.commentlist li.alt { background-color:#292d30; }
ol.commentlist li span.moderate { background:url(images/icon_cursor.gif) no-repeat; padding:2px 0px 2px 20px; color:#f30; }*/

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

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

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: -5px;
	left: 0px;
	z-index: 1;
	
}

div.fakefile img{
	position: absolute;
	top: 0px;
	cursor:pointer;
	left: 217px;
	z-index: 1;
	
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


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



input#submit {
height:25px;
width:100px;
cursor:pointer;
background:#340808;
padding:4px 7px 4px 7px;
border:none;
color:white;
text-transform:uppercase;
font-size:10px;
letter-spacing:2px;
}
	
#commentform #comment { 
width:480px; 
font: 12px Arial, Verdana, sans-serif; 
color:white;
background:#333333; 
border:none;
}	

/* //////slider/////// */

.ui-slider{ 
		position: relative; 
		width: 360px; 
		height: 23px;
		background: url(images/slider-bg-1.png) no-repeat center center;
	}

	/* This file skins sliders */
.ui-slider-handle {
	position: absolute; 
	z-index: 1; 
	height: 23px; 
	width: 12px; 
	top: 0px; 
	left: 0px; 
	background-image: url(images/slider-handle.gif); 
	}
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }