/*
Theme Name: Komandor
Theme URI: http://komandor-nn.ru/
Description: Komandor WordPress theme
Version: 1.0
Author: Sergey Andreyev
Author URI: 
Tags: yellow, custom header, fixed width, two columns, widgets

This theme was designed and built by Sergey Andreyev,
*/



/* Begin Typography & Colors */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #3E3D3B;
	background-color:#FFBC23;
	padding:0;
	margin:0;
	}

#header-container{
  width:100%;
  height:231px;
  background-image: url('images/background-container-bg.gif');
  text-align:center;
  margin:0;
  padding:0;
}


#header {
  width:891px;
  height:231px;
  margin:0 auto;
  padding:0;
	background-image: url('images/header-bg.gif');
	}


#title{
  float:left;
  margin: 17px 0 17px 27px;
  width:264px;
  height:68px;
  background-image: url('images/header-logo.gif');  
}

#title h1{
  display:none;
}

#top-contacts{
  float:right;
  margin: 21px 36px 0 0;
  width:360px;
  height:50px;
  text-align:right;
  font-size:13px;
}

#header-gallery{
  width:871px;
  height:129px;
  margin:0 auto;
  background-color:#FFF6BF;
}

#header-gallery-text{
  float:left;
  width:220px;
  margin:0 7px 0 0;
}

#header-gallery-text ul{
  margin:10px 10px 0 0;
  padding:0;
  list-style-type: none;
  text-align: right;
}

#header-gallery-text li{
  margin:4px 0 4px 0;
  padding:4px 0 4px 0;
}  


#header-gallery-text li a{
  color:#3E3D3B;
  text-decoration:none;
  font-weight:bold;
}

#header-gallery-text li a:hover{
  text-decoration:underline;
}


#header-gallery-image{
  float:left;
  width:207px;
  margin:5px 7px 0 0;
}


#page {
	background-image: url('images/page-bg.gif');  
	width:891px;
	margin:0 auto;
	padding:0;
	}



/* Begin Sidebar */
#sidebar
{
  float:left;
	margin:20px 0 0 17px;
	width:220px;
  abackground-image: url('images/sidebar-body.gif');	
}

#sidebar ul{
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:18px;
font-weight:bold;
margin:16px 5px 16px 16px;
padding:0;
list-style-type: none;
float: left;
}

#sidebar li {
padding:0 0 0 0px;
margin:6px 0 0 0;
display: block;
}

#sidebar li a{
color:#2C2214;
display: block;
width:180px;
height:26px;
margin:6px 0 0 0;
padding:0 0 0 4px;
text-decoration:none;
}


#sidebar li a:hover, #sidebar li.current_page_item{
baackground: url(images/sidebar-menu-bg.gif) no-repeat;
text-decoration:none;
background-color:#FFF6BF;
rpadding:0 0 0 -4px;
rmargin:4px 0 0 0;
}


#sidebar-top{
width:220px;
height:4px;
background-image: url('images/sidebar-top.gif');
}

#sidebar-body{
width:220px;
background-image: url('images/sidebar-body.gif');
}

#sidebar-bottom{
width:220px;
height:4px;
background-image: url('images/sidebar-bottom.gif');
}


#sidebar form {
  width:180px;
	margin: 10px 10px 0 12px;
	}
/* End Sidebar */



.content {
	float: right;
	padding:0;
	margin: 0 40px 13px 0;
	width: 590px;
	}

.content .entry {
  line-height: 1.4em;
  text-align:justify;
  }


.content .entry a{
  color:#2C0A04;
  text-decoration:underline;
  font-weight:bold;
  }

.content .entry a:hover{
  color:#56160A;
  text-decoration:none;
  }


.post{
margin-top:15px;
}


h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	margin:15px 0 10px 0;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
	}

h3 {
 margin:5px 0 5px 0;
 padding:0;
}

.small {
margin-bottom:20px;
}


a, h2 a:hover, h3 a:hover {
  color:#56160A;
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}


.clear {
	clear: both;
}

#footer {
	padding:0;
	margin:0 auto;
	width:891px;
	height:61px;
	text-align:center;
	background-image: url('images/footer-bg.gif');
	background-repeat: no-repeat;
	}

#footer p{
  padding:14px 0 0 0;
}

/* End Structure */





/* Begin Images */


/*	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.aligncenter {
	padding: 3px;
	border: 1px solid #D2D3D0;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
  float:right;
	padding: 3px;
	margin-left:15px;
	margin-top:10px;
	border: 1px solid #D2D3D0;
	display:inline;
	}

img .alignleft {
  float: left;
	padding: 3px;
	margin-right:15px;
	margin-top:10px;
	border: 1px solid #D2D3D0;
	}

/* End Images */



.imgmessage{
  width:100%;
  text-align:center;
  font-size:9px;
  margin:30px 0 30px 0;
}

.imgmessage img{
  margin-bottom:10px;
}


/* Begin Form Elements */

select {
	width: 130px;
	}

/* End Form Elements */


.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

form#searchform
 {
  width:220px;
  margin-left:10px;
  padding:0;
}


#picturebox
{
  margin:0 auto;
  padding: 20px 0 0 0;
  width:800px;
  text-align:center;
}

#picturebox img
{
  border:1px solid #ddd;
  padding:3px;
}


#picturefooter {
	margin: 0 auto;
	width: 891px;
	height:30px;
	background-image: url('images/picturefooter.gif');
	}



.close{
  clear:both;
}