/* Alexander Makarov, 2008 (http://rmcreative.ru/) */
html {font-size: 100%}
body {
	font: normal 1em/1.3 tahoma;
	color: #000; background: #fff;
}

/* Common Elements */
strong {
    font-weight: bold;
}

del {
	text-decoration: line-through;
}

h1 {
	font-size: 20pt;
} 

h2 {
	font: 11pt tahoma;
	margin-bottom: 4px;
}

h3 {
	font: 10pt tahoma;
	margin-bottom: 4px;
}

h4 {
	font: bold 11pt tahoma;
	margin-top: 4px;
	margin-bottom: 2px;
	color: #494949;
}

i {
	font: italic 11pt Times New Roman;
}

em {
	font: italic 11pt Times New Roman;
}

/* Links */
a:link {
	color: #1560bd;
	text-decoration: underline;
}

a:visited {
	color: #4f4f4f;
}

a:hover, a:active {
	color: #cf0000;
	text-decoration: underline;
}

/* Base Layout and backgrounds */
.head {
	background: #f8f8f8;
	padding: 20px 0 6px 0;
	border-bottom: 3px solid #555;
}

.head-items {
	width: 960px;
	margin: 0 auto;
}


/* Head Logo */
.head .logo {
	font-size: 0;
	position: absolute;
	background: url(/img/logo.png) no-repeat;
	width: 130px; height: 29px;
	margin-left: 0px;
}

.head h1 {
	font-size: 27px;
	color: #404040;
	margin-left: 16px;
}

.head h1 a {
	text-decoration: none;
}

/* Head Menu Commons */

.head .menu {
	height: 1%;
	overflow: hidden;
	margin-top: 25px;
	font-size: 12pt;
}

.head .menu li {
	float: left;
	height: 33px;
	margin: 0 6px;
	text-align: center;
	line-height: 28px;
}

.head .menu li a {
	color: #000;
	text-decoration: none;
}

.head .menu li a:hover {
	border-bottom: 1px dashed #5d5d5d;
}

/*--main menu*/
.menu .main {
	width: 95px;
}

#main .menu .main {
	background: url(/img/menu-main.png) no-repeat;
}

#main .menu .main a {
	color: #6a6a6a;	
}

#main .menu .main a:hover {
	border: none;
}

.menu .portfolio {
	width: 120px;
}

#portfolio .menu .portfolio, #portfolio-preview .menu .portfolio, #portfolio-grid .menu .portfolio {
	background: url(/img/menu-portfolio.png) no-repeat;
}

#portfolio .menu .portfolio a, #portfolio-preview .menu .portfolio a, #portfolio-grid .menu .portfolio a {
	color: #6a6a6a;	
}

#portfolio .menu .portfolio a:hover, #portfolio-preview .menu .portfolio a:hover, #portfolio-grid .menu .portfolio a:hover {
	border: none;
}

/* --blog menu */
.menu .blog {
	width: 69px;
}

#blog .menu .blog {
	background: url(/img/menu-blog.png) no-repeat;
}

#blog .menu .blog a {
	color: #6a6a6a;	
}

#blog .menu .blog a:hover {
	border: none;
}

/* --articles menu */
.menu .articles {
	width: 90px;
}

#articles .menu .articles {
	background: url(/img/menu-articles.png) no-repeat;
}

#articles .menu .articles a {
	color: #6a6a6a;	
}

#articles .menu .articles a:hover {
	border: none;
}

/* --contact menu */
.head .menu li.contact {
	width: 108px;
	float: right;
}

#contact .menu .contact {
	background: url(/img/menu-contact.png) no-repeat;	
}

#contact .menu .contact a {
	color: #6a6a6a;	
}

#contact .menu .contact a:hover {
	border: none;
}

/* --wallpapers menu */
.menu .wallpapers {
	width: 82px;
}

#wallpapers .menu .wallpapers, #wallpapers-preview .menu .wallpapers {
	background: url(/img/menu-wallpapers.png) no-repeat;	
}

#wallpapers .menu .wallpapers a, #wallpapers-preview .menu .wallpapers a {
	color: #6a6a6a;	
}

#wallpapers .menu .wallpapers a:hover, #wallpapers-preview .menu .wallpapers a:hover {
	border: none;
}

/* body + footer */
.body, .footer {
	width: 960px;
	margin: 0 auto;
}

.body {
	overflow: hidden;
	font-size: 10pt;
}

.subhead div {
	margin: 0 auto;
}

/* footer */
.footer {
	border-top: 1px solid #8d8d8d;
	font-size: 9pt;
	clear: left;
	margin-top: 66px;
	padding: 8px 0;
}

.footer .copyright {
	float: right;
	color: #de0000;
	background: url(/img/evil.png) no-repeat;
	padding-left: 16px;	
}

/*  Columns for 3 column layout */
.column {
	width: 290px;
	float: left;
	padding-right: 30px;
}

/* 2 column layout */
.text {
	float: left;
	width: 618px;
	padding-right: 40px;
}

.text .items li {
	margin-bottom: 40px;
}

.sidebar {
	float: left;
	width: 302px;
}

.column.last {
	padding-right: 0;
}

.text p {
	line-height: 150%;
	margin-bottom: 10px;
}

/* wallpapers-preview */
#wallpapers-preview .body {
	padding-top: 36px;
}

#wallpapers-preview .wallpaper {
	float: left;
	margin: 0 100px 18px 0;
	background: url(/img/monitor-big.png) no-repeat;
	padding: 19px 18px 90px 19px;
}

#wallpapers-preview .body a {
	color: #005699;
}

#wallpapers-preview .info {
	overflow: hidden;
}

#wallpapers-preview .info h2 {
	font-size: 16pt;
}

#wallpapers-preview .info .date {
	font-size: 9pt;
	color: #666;
}

#wallpapers-preview .info dd {
	margin-bottom: 18px;
}

#wallpapers-preview .info dt {
	font-weight: bold;
	font-size: 10.5pt;
}

#wallpapers-preview .info li {
	margin-left: 14px;
	list-style-type: disc;
}

#wallpapers-preview .pagination {
	clear: left;
}

#wallpapers-preview .pagination li {
	display: inline;
	font-size: 11pt;
}

#wallpapers  .wallpapers-pagination b {
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	background: #636363;
  margin-left: 7px;
  margin-right: 7px;
  padding: 2px 7px 7px 7px;
}

#wallpapers-preview .additional-wallpapers {
	overflow: hidden;
}

#wallpapers-preview .additional-wallpapers li {
	list-style-type: none;
	float: left;
	margin: 2px; padding: 0;
}

/* portfolio view selector */

.portfolio-type-links {
    list-style: none;
    font-size: 15px;
    margin-top: 5px;
}

.portfolio-type-links li {
    display: inline;
    padding-left: 18px;
    margin-right: 20px;
}

.portfolio-type-links .list {
    background: url(/img/list.png) no-repeat 0 4px;
}

.portfolio-type-links .grid {
    background: url(/img/grid.png) no-repeat 0 4px;
}

#portfolio-grid .order, #portfolio .order {
  float: right;
  width: 296px;
  font-size: 7pt;
  text-align: center;
}

.navigation {
  overflow: hidden;
  margin-top: 45px;
}

#portfolio .navigation {
    margin-top: 0px;
}

/* portfolio-grid */
#portfolio-grid .portfolio-list {
	margin-top: 32px;
}

#portfolio-grid .portfolio-list li {
	width: 210px;
	background: url(/img/) no-repeat;
	padding: 7px;
	margin: 0 48px 62px 48px;
	
	display:-moz-inline-stack;/*Нужно для Firefox*/
    display:inline-block; /*Не применяется в IE и Firefox*/
    _overflow:hidden;/*фикс для IE6*/
    zoom:1;/*включаем hasLayout*/
    *display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/
    
    vertical-align: top;
}

#portfolio-grid .portfolio-list li h2 a {
	color: #004694;
	font-size: 13pt;
	font-weight: normal;
}

#portfolio-grid .portfolio-list p {
	font-size: 8pt;
}

#portfolio-grid .portfolio-list img {
	margin-bottom: 10px;
}

/* wallpapers */
#wallpapers .wallpapers-list {
	margin-top: 32px;
}

#wallpapers .wallpapers-list li {
	width: 210px;
	background: url(/img/monitor.png) no-repeat;
	padding: 7px;
	float: left;
	margin: 0 48px 62px 48px;
}

#wallpapers .wallpapers-list li h2 a {
	color: #004694;
	font-size: 13pt;
	font-weight: normal;
}

#wallpapers .wallpapers-list p {
	font-size: 8pt;
}

#wallpapers .wallpapers-list img {
	margin-bottom: 50px;
}

/* contact */
#contact .body {
	background: url(/img/faze-ava.jpg) no-repeat 100% 0;
	width: 532px; height: 362px;
	padding-right: 430px;
}

#contact .body a {
	color: #68a6df;
}

#contact .body .hello, #contact .body h2 {
	font-weight: bold;
	font-size: 18px;
	margin-top: 36px;
	padding-bottom: 16px;
}

#contact .body p {
	font-size: 11pt;
}

/* articles */
#articles .subhead {
	height: 198px;
	background: #252525 url(/img/header-articles-bg.png);
	text-align: center;
}

#articles .subhead div {
	height: 198px; width: 906px;
	background: url(/img/header-articles.png);
}

#articles .text h2 {
	font-size: 17pt;
	margin-bottom: 2px;
}

#articles .text h3 {
	font-size: 14pt;
	margin-top: 30px; 
}

#articles .text h2 a {
	color: #333333;
}

#articles .text h2 a:hover {
	color: #178c00;
}


#articles .text p.intro {
	color: #626262;
	font-size: 11pt;
}

#articles .text .date {
	color: #5f5f5f;
	font-size: 7pt;
	line-height: 7pt;
}

#articles .sidebar h2 {
	font-size: 14pt;
	color: #000;
}

#articles .sidebar ul {
	margin: 0 0 26pt 8px;
}

#articles .sidebar ul li {
	line-height: 160%;
}


#articles .sidebar ul li a:link{
	color: #178c00;
	text-decoration: underline;
}

#articles .sidebar ul li a:hover{
	color: #00cc00;
	text-decoration: underline;
}


.copyright-warning {
	padding: 20px 20px 20px 110px;
	background: url(/img/warning.png) no-repeat 10px 10px;
	color: #841c00;
	font-size: 12pt;
	margin-top: 60px;
}

/* portfolio */
#portfolio .subhead {
	height: 197px;
	background: #252525 url(/img/header-portfolio-bg.jpg);
	text-align: center;
}

#portfolio .subhead div{
	height: 197px; width: 960px;
	background: url(/img/header-portfolio.jpg);
}

#portfolio-preview .body {
	padding-top: 36px;
}

#portfolio .body a:link{
	color: #2c75b2;
}

#portfolio .body a:visited {
	color: #6a8fae;
}

#portfolio .body a:hover, a:active {
	color: #3d88c7;
	text-decoration: underline;
}

.column.portfolio {
	font-size: 10pt;
}

.column.portfolio h2 {
	font-size: 13pt;
}

.column.portfolio ol {
	list-style-type: disc;
	margin: 0 0 30px 20px;
}

.column.portfolio ol li {
	margin-bottom: 10px;
}

/* main */
#main .head {
	border: none;
}

#main .subhead {
	height: 293px;
	background: #252525 url(/img/header-main-bg.gif);
}

#main .subhead div {
	background: transparent url(/img/header-main.jpg);
	height: 293px; width: 960px;
}

.header-link {
  	display: block;
  	position: absolute;
  	border: 0px solid #f00;
  	margin: 50px 50px 50px 0px;
	padding: 200px 960px 0px 0px;
}


.column.tutorial-summary {
	font-size: 10pt;
}

.column.tutorial-summary li {
	margin-bottom: 30px;
}

.column.blog-summary {
	font-size: 8pt;
}

.column.blog-summary h2 {
	background: url(/img/down.png) no-repeat 100% 9px;
	display: inline;
	padding: 0 12px 4px 0;
}

.column.blog-summary ol {
	list-style-type: disc;
	margin: 16px 0 0 20px;
}

.column.blog-summary li {
	margin-bottom: 20px;
}

.column.other-summary {
	font-size: 8pt;
}

.column.other-summary img {
	float: left; clear: left;
	margin-right: 10px;
	padding-bottom: 34px;
}

.column.other-summary li {
	overflow: hidden;
}

/* Blog */
#blog .subhead, #blog-preview .subhead {
	height: 197px;
	background: #252525 url(/img/header-blog-bg.png);
	text-align: center;
}

#blog .subhead div, #blog-preview .subhead div{
	height: 197px; width: 960px;
	background: url(/img/header-blog.png);
}

#blog .text h2 {
	font-size: 17pt;
}

#blog .text h2 a {
	color: #1063a9;
}

#blog blockquote {
	color: #414141;
	font: italic 1em/1.3 georgia;
	font-size: 10pt;
	background: #eeefef;
	padding: 10px 20px 10px 20px;
}

#blog ol.list {
	list-style-type: disc;
	padding: 0px 20px 25px 20px;
}

#blog li {
	margin-bottom: 5px;
}

#blog .text .comments {
	font-size: 7pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background: url(/img/comments.png) no-repeat;
	padding: 3px 12px 8px 8px;
	margin-left: 10px;
}

#blog .text .date {
	color: #5f5f5f;
	font-size: 7pt;
	line-height: 7pt;
}

#blog .text .pagination li {
	float: left;
	padding: 0 4px;
}

#blog .text .pagination a {
	color: #000000;
}

#blog .text .pagination b {
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	background: #3495d3;
  margin-left: 7px;
  margin-right: 7px;
  padding: 2px 7px 2px 7px;
}

#blog .sidebar h2 {
	font-size: 14pt;
}

#blog .sidebar ul {
	margin: 0 0 26pt 8px;
}

#blog .sidebar ul li {
	line-height: 160%;
}

#blog .sidebar .travel {
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	background: url(/img/travel.png) no-repeat;
	padding: 1px 12px 8px 22px;
	margin-left: 0px;
}

#blog .sidebar .music {
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	background: url(/img/music.png) no-repeat;
	padding: 1px 12px 8px 22px;
	margin-left: 0px;
}

#blog .sidebar .cooking {
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	background: url(/img/cooking.png) no-repeat;
	padding: 1px 12px 8px 22px;
	margin-left: 0px;
}

.twitter {
margin-right: 45px;
	padding: 1px 22px 8px 22px;
	background: url(/img/twitter.png) no-repeat;
}
#blog .sidebar .twitter_block {
	padding: 1px 12px 8px 22px;
	background: url(/img/twitter.png) no-repeat;
}
ul.photos {
    overflow: hidden;
	  padding: 0px 12px 8px 0px;
    border-bottom: 1px dotted #292929;
    width: 220px;
}

ul.photos li {
    float: left;
    margin: 2px;
}

/* comment-area */
.comment-area {
	clear: left;
	color: #666;
}

.comment-area .name {
	color: #666;
	font-weight: bold;
	font-size: 8pt;
}

.comment-area .date {
	margin-left: 26px;
}

.comment-area h3 {
	font-size: 11pt;
	margin-bottom: 22px;
	font-weight: normal;
	color: #000;
	padding-top: 28px;
}

.comment-area ol li {
	margin: 0 0 22px;
}

.comment-area ol li li {
	margin-left: 50px;
}

.comment-area .number {
	font-weight: normal;
	padding-right: 14px;
}

.comment-area p {
	padding-left: 32px;
}

/* comment-form */
.comment-form {
	border-top: 2px solid #1063a9;
	padding-top: 12px;
	margin-top: 26px;
	overflow: hidden;
	width: 618px;
}

.comment-form label {
	display: block;
}

.comment-form .info {
	float: left;
	width: 240px;
	overflow: hidden;
}

.comment-form .info input {
	width: 215px;
	background: #f7f7f7 url(/img/input.png) no-repeat;
	border: none;
	padding: 3px 2px;
}

.comment-form .comment-text {
	float: left;
	overflow: hidden;
}

.comment-form .comment-text textarea {
	width: 374px; height: 96px;
	background: #f7f7f7 url(/img/textarea.png);
	border: none;
	padding: 5px 2px;
}

.comment-form .submit {
	clear: left;
	padding-top: 10px;
	text-align: right;
}

/*portfolio-preview*/
#portfolio-preview .screenshot {
	float: left;
	margin: 0 20px 18px 0;
}

#portfolio-preview .body a {
	color: #005699;
}

#portfolio-preview .info {
	overflow: hidden;
}

#portfolio-preview .info h2 {
	font-size: 16pt;
	margin-bottom: 26px;
}

#portfolio-preview .info .date {
	font-size: 11pt;
}

#portfolio-preview .info dd {
	margin-bottom: 18px;
}

#portfolio-preview .info li {
	margin-left: 14px;
	list-style-type: disc;
}

#portfolio-preview .pagination {
	clear: left;
}

#portfolio-preview .pagination li {
	display: inline;
	font-size: 11pt;
}

#portfolio-preview .portfolio-list {
	margin-top: 32px;
}

#portfolio-preview .portfolio-list li {
	width: 210px;
	padding: 7px;
	float: left;
	margin: 0 48px 62px 48px;
}

#portfolio-preview .portfolio-list li h2 a {
	color: #004694;
	font-size: 13pt;
	font-weight: normal;
}

#portfolio-preview .portfolio-list p {
	font-size: 8pt;
}

#portfolio-preview .portfolio-list img {
	margin-bottom: 50px;
}

/* Верстальщики, с faZeful-ом отлично работается! ;) */