/* ——————————————————————————————————————————
File: styles.css
Site: 
Coder: Max P.
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 
# Browsers: IE 6, IE 7, FF 2.0, Opera 9
————————————————————————————————————————— */

/* Internal Header */
#header {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 300px;
}
#headerLeft, #headerRight {
	width: 50%;
}
#headerLeft {
	background: url(../i/intHeaderLeft.jpg) right bottom no-repeat;
}
#headerRight {
	background: url(../i/intHeaderRight.jpg) 0 bottom no-repeat;
}
#headerCenter {
	width: 1000px;
	height: 300px;
	background: url(../i/intHeaderCenter.jpg) 0 bottom no-repeat;
}
#menuCenter {
	width: auto;
	height: 135px;
	padding: 165px 0 0 270px;
	background: none;
}
/* X. Internal Header */

/* Inner */
#inner h1 {
	position: relative;
	z-index: 3;
	display: block;
	height: 37px;
	margin: 12px 0 13px 0;
	padding: 0;
	font: bold 20px/37px Arial, Helvetica, sans-serif;
	color: #c59a6a;
}
#inner h1 img {
	position: absolute;
	z-index: 4;
}

/* Right Photo */
#rightPhoto {
	float: right;
	width: 308px;
	padding: 0 0 15px 30px;
}
#rightPhoto a {
	display: block;
	margin-top: 7px;
	margin-bottom: 15px;
	border: 6px solid #895d2c;
}
#rightPhoto a img {
	display: block;	
}
#rightPhoto a:hover {
	border-color: #588004;
}
#rightPhoto .more {
	text-align: center;
}
#rightPhoto .more a {
	margin: 0;
	border: none;
	color: #5e8504;
	text-decoration: underline;
}
#rightPhoto .more a:hover {
	color: #c59a6a;
	text-decoration: none;
}
/* X. Right Photo */

#inner h2 {
	display: block;
	margin: 0;
	padding: 28px 0 12px 28px;
	font: bold 18px/21px Tahoma, Verdana, Arial;
	color: #73a405;
	background: url(../i/list.gif) 0 36px no-repeat;
}

/* Block */
.block {
	padding: 0 0 21px 29px;
}
.block a {
	color: #ae8a5d;
	text-decoration: underline;
}
.block a:hover {
	color: #588004;
	text-decoration: none;
}
.block .brown {
	color: #ae8a5d;
}
.block .comment {
	color: #830a0a;
}
/* X. Block */

/* X. Inner */
ul#extra{list-style: none; margin:0; padding:0; position: absolute; top:5px; right: 0; height: 22px;}
ul#extra li{ display: inline;}
ul#extra li a{ color: #333333; text-decoration: none; height: 33px; float: left; display: inline; padding: 0 0 0 4px;}
ul#extra li a#extra-digg{text-indent:-9999px;background: transparent url("extra_digg.gif"/*tpa=http://www.thedeveloperinside.com/wp-content/themes/samplegray2/images/extra_digg.gif*/) top left no-repeat; width: 31px;}
ul#extra li a#extra-delicious{text-indent:-9999px;background: transparent url("extra_delicious.gif"/*tpa=http://www.thedeveloperinside.com/wp-content/themes/samplegray2/images/extra_delicious.gif*/) top left no-repeat; width: 22px;}
ul#extra li a#extra-technorati{text-indent:-9999px;background: transparent url("extra_technorati.gif"/*tpa=http://www.thedeveloperinside.com/wp-content/themes/samplegray2/images/extra_technorati.gif*/) top left no-repeat; width: 24px;}
ul#extra li a#extra-rss{text-indent:-9999px;background: transparent url("extra_rss.gif"/*tpa=http://www.thedeveloperinside.com/wp-content/themes/samplegray2/images/extra_rss.gif*/) top left no-repeat; width: 21px;}




#content ul.sub{ margin: 10px 0 10px 30px; padding: 0; list-style: none;}
#content ul.sub li{ margin: 3px 0 0 0; padding: 0 0 0 15px; background: #ffffff url("post_liststyle.gif"/*tpa=http://www.thedeveloperinside.com/wp-content/themes/samplegray2/images/post_liststyle.gif*/) no-repeat center left;}
