/* ——————————————————————————————————————————
File: styles.css
Site: knoroz.com
Coder: Max P.
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 21 Nov 2008
# Browsers: IE 6, IE 7, FF 2.0, Opera 9, Safari 3
————————————————————————————————————————— */

a img {
	border: none;
}
table {
	border-collapse: collapse;
}
td, th {
	padding: 0;
	vertical-align: top;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clear {
	clear: both;
}



html, body {

	margin: 0;
	padding: 0;
	background: #081401;
	background-attachment: fixed;
	font: 12px/14px Tahoma, Verdana, Arial;
	color: #c1c4bf;
}

/* Outer */
#outer {
	min-height: 100%;
}





/* Header */
#header {
	position: relative;
	z-index: 1;
	height: 596px;
}
#headerLeft, #headerRight {
	width: 50%;
}
#headerLeft {
	/*background: url(../i/headerLeftPre.jpg) right bottom no-repeat;*/
}
#headerRight {
	/*background: url(../i/headerRightPre.jpg) 0 bottom no-repeat;*/
}
#headerCenter {
	width: 1000px;
	height: 596px;
	/*background: url(../i/headerCenterPre.jpg) 0 bottom no-repeat;*/
}
/* X. Header */




















/* Menu */
#menu {
	position: relative;
	z-index: 1;
	height: 208px;
}
#menuLeft, #menuRight {
	width: 50%;
}
#menuLeft {
	background: url(../i/menuLeft.jpg) right 0 no-repeat;
}
#menuRight {
	background: url(../i/menuRight.jpg) 0 0 no-repeat;
}
#menuCenter {
	width: 730px;
	height: 176px;
	padding: 32px 0 0 270px;
	background: url(../i/menuCenter.jpg) 0 0 no-repeat;
}
#menuCenter a {
	display: block;
	float: left;
	height: 37px;
	margin-left: 19px;
	background-position: 0 0;
}
#menuCenter a#main {
	width: 106px;
	background: url(../i/menu/main.jpg) 0 0 no-repeat;
}
#menuCenter a#portfolio {
	width: 103px;
	background: url(../i/menu/portfolio.jpg) 0 0 no-repeat;
}
#menuCenter a#services {
	width: 92px;
	background: url(../i/menu/services.jpg) 0 0 no-repeat;
}
#menuCenter a#profile {
	width: 116px;
	background: url(../i/menu/profile.jpg) 0 0 no-repeat;
}
#menuCenter a#blog {
	width: 114px;
	background: url(../i/menu/blog.jpg) 0 0 no-repeat;
}
#menuCenter a#contact {
	width: 66px;
	background: url(../i/menu/contact.jpg) 0 0 no-repeat;
}
#menuCenter a:hover {
	background-position: 0 -37px !important;
}
#menuCenter a.current, #menuCenter a.current:hover {
	background-position: 0 -74px !important;
	cursor: default;
}
/* X. Menu */

/* Inner */
#inner {
	position: relative;
	z-index: 2;
	width: 938px;
	margin: 0 auto;
	padding: 0 31px;
}

/* Left Column */
#colLeft {
	position: relative;
	z-index: 3;
	float: left;
	width: 240px;
	padding: 148px 28px 0 0;
	background: url(../i/colLeft.jpg) 0 0 no-repeat;
	overflow: auto;
}
#lastWorks {
	width: 191px;
	padding: 5px;
	padding-top: 0;
	background: url(../i/lastWorks.jpg) 0 0 repeat-y;
}
#lastWorksTop {
	height: 5px;
	background: url(../i/lastWorksTop.jpg) 0 0 no-repeat;
	font-size: 1px;
	line-height: 1px;
}
#lastWorksInner {
	padding: 5px 5px 0 0;
	background: #081401;
}
#lastWorksInner a {
	display: block;
	float: left;
	width: 57px;
	height: 57px;
	margin: 0 0 5px 5px;
}
#lastWorksInner a img {
	display: block;
}
#lastWorksInner a#ieFix {
	display: none;
}
#colLeft .more {
	width: 201px;
	padding-top: 17px;
	text-align: center;
}
.more a {
	color: #5e8504;
	text-decoration: underline;
}
.more a:hover {
	color: #c59a6a;
	text-decoration: none;
}
/* X. Left Column */





/* Center Column */
#colCenter {
	position: relative;
	z-index: 3;
	float: left;
	width: 315px;
	padding: 0 44px 0 56px;
	overflow: visible;
}
#mask {
	position: absolute;
	z-index: 3;
	top: -114px;
	left: 150px;
	width: 97px;
	height: 138px;
	background: url(../i/mask.png) 0 0 no-repeat;
}
#colCenterHeader {
	position: relative;
	z-index: 4;
	height: 56px;
	background: url(../i/colCenterHeader.png) 0 0 no-repeat;
}
#colCenter p {
	margin: 0;
	padding: 14px 0 0 0;
}
#colCenter a {
	color: #5e8504;
	text-decoration: underline;
}
#colCenter a:hover {
	color: #c59a6a;
	text-decoration: none;
}
/* X. Center Column */
















/* Right Column */
#colRight {
	position: relative;
	z-index: 3;
	float: left;
	width: 218px;
	padding: 27px 0 0 37px;
	overflow: visible;
}
#bag {
	position: absolute;
	z-index: 3;
	top: -73px;
	left: 82px;
	width: 141px;
	height: 127px;
	background: url(../i/bag.png) 0 0 no-repeat;
}
#colRightHeader {
	position: relative;
	z-index: 4;
	height: 57px;
	background: url(../i/colRightHeader.png) 0 0 no-repeat;
}
#colRight ul {
	margin: 20px 0 0 29px;
}
#colRight ul li {
	padding: 4px 0 0 23px;
	background: url(../i/list.gif) 0 8px no-repeat;
}
/* X. Right Column */

/* X.Inner */

#forFooter {
	height: 130px;
}
/* X. Outer */

/* Footer */
#footer {
	width: 1000px;
	height: 98px;
	margin: -98px auto 0 auto;
}
#footerLeft {
	float: left;
	width: 191px;
	height: 46px;
	padding: 52px 54px 0 54px;
	color: white;
}
#footerLeft a, #footerRight a {
	color: #c59a6a;
	text-decoration: none;
}
#footerLeft a:hover, #footerRight a:hover {
	color: #5e8504;
	text-decoration: underline;
}
#footerCenter {
	float: left;
	width: 415px;
	height: 98px;
	background: url(../i/footerCenter.jpg) 0 0 no-repeat;
}
#footerRight {
	float: left;
	width: 230px;
	height: 46px;
	padding: 52px 19px 0 37px;
}
/* X. Footer */







/* Works script */
----------------------*/


.inn{
	padding:46px 0 25px 0;
	}
.context{
	width:100%;
	
	margin:0 auto;
	}
.context_top{
	
	}
.context_bot{
	
	padding:20px 30px 35px 50px;
	}
.context img{
	margin:0 6px 10px 0;
	border:5px solid #AE8A5D;
	}
.context p{
	padding:0 0 10px 0;
	}
.context a{
	position:relative;
	}
	





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;}