/*
Theme Name: Carbon
Theme URI: http://carbonjs.com
Description: Exclusive theme for CarbonJS.com by Dmitry Polyuhov.
Version: 1.0
Author: Dmitry Polyuhov
Tags: carbon.js

Exclusive theme for CarbonJS.com by Dmitry Polyuhov.
*/

body, div, span, h1, h2, h3, p, pre, a, code, img, strike, b, i, form, input {padding: 0px; margin: 0px;}

/**
 * Верх
 */
	.top {
		background-color: #000;
		margin-top: 0px;
		height: 220px;
		background: url(http://carbonjs.com/wp-content/themes/carbon/pics/header-bg.jpg) repeat-x;
	}

	/**
	 * Меню
	 */
		#menu {
			position: absolute;
			right: 22px;
			top: 5px;
			width: 200px;
		}
		.acc-container {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-bg.png) repeat-y;}
		#menu a {
			display: block;
			width: 100%;
			height: 100%;
			color: #fff;
		}
		.acc-header-home, .acc-header-demo, .acc-header-download, .acc-header-manual, .acc-header-svn, .acc-header-forum {height: 28px;}
		.acc-header-home {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-home.png) no-repeat;}
		.acc-header-demo {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-demo.png) no-repeat;}
		.acc-header-download {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-download.png) no-repeat;}
		.acc-header-manual {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-manual.png) no-repeat;}
		.acc-header-svn {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-svn.png) no-repeat;}
		.acc-header-forum {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-forum.png) no-repeat;}
		.acc-content {
			background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-bg.png) repeat-y;
			font-family: Tahoma, sans-serif;
			font-size: 14px;
			height: 25px;
			padding-left: 7px;
		}
		.acc-container a {text-decoration: none;}
		.acc-btm {
			background: url(http://carbonjs.com/wp-content/themes/carbon/pics/menu/menu-bottom.png) no-repeat;
			height: 10px;
		}
	/**
	 * /Меню
	 */
/**
 * /Верх
 */

/**
 * Тело страницы
 */
	.content {margin: 0px 20px;}
	
	/**
	 * Заголовок страницы
	 */
		.content-header {
			height: 40px;
			background: url(http://carbonjs.com/wp-content/themes/carbon/pics/toolbar-bg.png) repeat-x;
		}
		.content-pagename {
			font-family: Verdana, sans-serif;
			font-size: 16px;
			color: #ccc;
			float: left;
			margin-top: 4px;
			margin-left: 22px;
		}
		
		.content-pagename a:link, .content-pagename a:visited {
			color: #ccc;
			text-decoration: none;
			border-bottom: 1px dashed #ccc;
		}
		.content-pagename a:hover {
			color: #fff;
			text-decoration: none;
			border-bottom: none;
		}
		
		.content-search {
			width: 200px;
			float: right;
			margin-top: 2px;
			margin-right: 22px;
		}
		.content-search form {
			width: 200px;
			position: relative;
		}
		.content-search input {
			border: 0px;
			margin: 0px;
			position: absolute;
		}
		#search-field {
			width: 164px; 
			padding: 5px 0px 5px 10px;
			font-family: Verdana, sans-serif;
			font-size: 12px; 
			color: #777; 
			background: url(http://carbonjs.com/wp-content/themes/carbon/pics/search-field.png) no-repeat; 
		}
		#search-btn {
			width: 26px;
			height: 24px;
			top: 0px;
			right: 0px;
			background: url(http://carbonjs.com/wp-content/themes/carbon/pics/search-btn.png) no-repeat;
		}
	/**
	 * /Заголовок страницы
	 */
	
	/**
	 * Основное содержимое
	 */
		.content-body {
			border-left: 2px solid #000;
			border-right: 2px solid #000;
		}

		/**
		 * Кругляшки
		 */
			.r1, .r2, .r3, .r4, .r5, .r7, .r10 {
				display: block;
				height: 1px;
				overflow: hidden;
				font-size: 1px;
			}
			.r10 { margin: 0 10px;}
			.r7 { margin: 0 7px;}
			.r5 { margin: 0 5px;}
			.r4 { margin: 0 4px;}
			.r3 { margin: 0 3px;}
			.r2 { margin: 0 2px;}
			.r1 { margin: 0 1px;}
			
			.corners-right b {margin-left: 0px;}
			.corners-left b {margin-right: 0px;}
		/**
		 * /Кругляшки
		 */
		
		/**
		 * Всё остальное
		 */
			.page {
				padding-top: 5px;
				font-family: Verdana, sans-serif;
				font-size: 16px;
				color: #000;
				width: 67%;
				float: left;
				clear: left;
				min-width: 600px;
			}
			
			.bold {font-weight: bolder;}
			
			.date {
				width: 60px;
				height: 55px;
				text-align: center;
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/date-bg.png) no-repeat;
				float: left;
			}
			.month {
				margin-top: 8px;
				color: #fff;
				font-size: 11px;
			}
			.day {
				margin-top: 2px;
				color: #000;
				font-size: 20px;
			}
			
			.post {
				margin-top: 10px;
			}
			.post-content {
				clear: left;
				font-size: 14px;
				margin-left: 4px;
				margin-right: 10px;
			}
			.post-content p {
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			.post-content a:link {color: #c00;}
			.post-content a:visited {
				color: #c00;
				text-decoration: none;
			}
			.post-content a:hover {
				color: #fff;
				background-color: #c00;
				text-decoration: none;
			}
			
			a.photos:link, a.photos:visited, a.photos:hover {
				text-decoration: none;
				background-color: #fff;
			}
			a.photos img {
				margin: 10px 0px;
				border: 1px solid #000;
				padding: 5px;
			}
			
			.post-name {
				font-size: 22px;
				font-weight: normal;
				margin: 0px;
			}
			.cat a:link {color: #333;}
			.cat a:visited {
				color: #333;
				text-decoration: none;
			}
			.cat a:hover {
				color: #fff;
				background-color: #333;
				text-decoration: none;
			}
			
			a.name:link {color: #c00;}
			a.name:visited {
				color: #c00;
				text-decoration: none;
			}
			a.name:hover {
				color: #fff;
				background-color: #c00;
				text-decoration: none;
			}
			
			.post-tags {
				margin: 0px;
				margin-top: 7px;
				font-size: 14px;
				font-weight: normal;
			}
			.post-tags ul {
				list-style: none;
				display: inline;
				padding: 0px;
				margin: 0px;
			}
			.post-tags li {display: inline;}
			
			.post-tags a:link {
				color: #c00;
				text-decoration: none;
			}
			.post-tags a:visited {
				color: #c00;
				text-decoration: none;
			}
			.post-tags a:hover {
				color: #c00;
				text-decoration: none;
				border: 1px solid #c00;
			}
			
			.more {
				float: left;
				width: 200px;
				height: 24px;
			}
			
			.comments {
				text-align: right;
				padding-right: 10px;
			}
			.comments img {
				margin: 0px;
				padding: 0px;
			}
			
			.post-footer {margin-top: 10px;}
			.post-footer a:link {
				font-size: 14px;
				color: #36c;
			}
			.post-footer a:visited {
				font-size: 14px;
				color: #36c;
				text-decoration: none;
			}
			.post-footer a:hover {
				font-size: 14px;
				color: #fff;
				background-color: #36c;
				text-decoration: none;
			}
			
			.hr {
				width: 180px;
				height: 2px;
				font-size: 1px;
				background-color: #ddd;
				clear: left;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			.comments-top1 {float: left;}
			.comments-top1 h2, #postcomment {
				font-size: 18px;
				font-weight: normal;
				padding: 0px;
				color: #333;
			}
			.comments-top2 {
				text-align: right;
				padding-right: 10px;
			}
			
			.comment-content {
				font-size: 14px;
				background-color: #ddd;
				padding: 0px 8px;
				overflow: auto;
			}
			blockquote {
				font-style: italic;
				background-color: #fff;
				border-left: 1px solid #000;
				margin-left: 0px;
				padding: 3px 3px 3px 10px;
			}
			.comment-content p {margin: 0px;}
			.comment-block {
				padding-top: 20px;
				padding-right: 5px;
			}
			
			.comment-content a:link {color: #c00;}
			.comment-content a:visited {
				color: #c00;
				text-decoration: none;
			}
			.comment-content a:hover {
				color: #fff;
				background-color: #c00;
				text-decoration: none;
			}
			
			.comment-avatar {
				float: left;
				margin-top: 5px;
				margin-right: 10px;
			}
			.comment-avatar img {border: 0px;}
			
			.comment-author {
				font-size: 12px;
				margin-top: 5px;
			}
			.login {margin-top: 10px;}
			.comment-author span, .login {font-size: 16px;}
			.comment-author a:link, #postcomment a:link, .login a:link {color: #c00;}
			.comment-author a:visited, #postcomment a:visited, .login a:visited {
				color: #c00;
				text-decoration: none;
			}
			.comment-author a:hover, #postcomment a:hover, .login a:hover {
				color: #fff;
				background-color: #c00;
				text-decoration: none;
			}
			
			.comment-header b, .comment-footer b {background-color: #ddd;}
			.comment-body img {margin-left: 15px;}
			
			.comment-block .comment-block {
				margin-top: 15px;
				margin-left: 30px;
			}
			
			#comment {
				margin-top: 5px;
				margin-bottom: 0px;
				width: 98%;
				height: 100px;
				border: 1px solid #000;
			}
			
			#respond span a:link, .reply a:link {
				font-size: 12px;
				color: #c00;
			}
			#respond span a:visited, .reply a:visited {
				font-size: 12px;
				color: #c00;
				text-decoration: none;
			}
			#respond span a:hover, .reply a:hover {
				font-size: 12px;
				color: #fff;
				background-color: #c00;
				text-decoration: none;
			}
			#submit {
				color: #fff;
				background-color: #333;
				padding: 3px 5px;
				border: 1px solid #000;
			}
			
			.reply {
				clear: left;
				margin-top: 5px;
			}
			
			.pagebar {padding-top: 10px;}
			
			.pagebar a:link, .pagebar a:visited {
				width: 40px;
				height: 25px;
				font-size: 16px;
				color: #333;
				text-align: center;
				padding: 5px 10px;
			}
			.pagebar a:hover {
				width: 40px;
				height: 25px;
				background-color: #c00;
				font-size: 16px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				padding: 5px 10px;
			}
			
			.pagebar .this-page, .pagebar .current {
				width: 40px;
				height: 25px;
				background-color: #333;
				font-size: 16px;
				color: #fff;
				text-align: center;
				padding: 5px 10px;
			}
			
			.description-item {
				font-size: 14px;
				margin-bottom: 10px;
			}
			.description-item img {margin-right: 10px;}
			.di-header {
				margin-bottom: 5px;
				font-size: 20px;
				font-weight: normal;
				color: #333;
			}
		/**
		 * /Всё остальное
		 */
		
		/**
		 * Сайдбар
		 */
			.sidebar {
				width: 32%;
				float: left;
				margin-left: 1%;
				min-width: 300px;
			}
			.sb-login, .chooseversion {text-align: center;}
			.sb-login {margin-bottom: 10px;}
			.chooseversion {
				font-family: Verdana, sans-serif;
				font-size: 20px;
				color: #333;
			}
			.sb-download {text-align: center;}
			.sb-download ul {
				list-style: none;
				margin: 0px;
				margin-top: 20px;
				padding: 0px;
			}
			.sb-download img {margin-bottom: 10px;}
			
			.sb-login a:link, .sb-login a:visited {
				font-family: Verdana, sans-serif;
				font-size: 16px;
				color: #c00;
			}
			.sb-login a:hover {
				font-family: Verdana, sans-serif;
				font-size: 16px;
				color: #fff;
				background-color: #c00;
			}
			
			.no-reglinks {margin-top: 5px;}

			.sb-tags {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-b.png) repeat-x bottom;}
			.block {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-t.png) repeat-x top;}
			.block h2 {
				font-family: Verdana, sans-serif;
				font-weight: normal;
				font-size: 20px;
				margin-top: 0px;
				margin-left: 20px;
			}
			.block .tl {
				height: 19px;
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-tl.png) no-repeat top left;
			}
			.block .tr {
				height: 19px;
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-tr.png) no-repeat top right;
			}
			.block .l {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-l.png) repeat-y left;}
			.block .r {background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-r.png) repeat-y right;}
			.block .bl {
				height: 22px;
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-bl.png) no-repeat bottom left;
			}
			.block .br {
				height: 22px;
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-br.png) no-repeat bottom right;
			}
			
			.sb-categories {
				background: url(http://carbonjs.com/wp-content/themes/carbon/pics/corners-b.png) repeat-x bottom;
				margin-top: 10px;
			}

			.categories {
				font-family: Verdana, sans-serif;
				font-size: 16px;
				color: #000;
				padding: 0px;
				margin: 0px;
				margin-top: 15px;
				margin-left: 20px;
				list-style: none;
			}
			
			.categories a:link {color: #333;}
			.categories a:visited {
				color: #333;
				text-decoration: none;
			}
			.categories a:hover {
				color: #fff;
				background-color: #333;
				text-decoration: none;
			}
			
			.feed {
				text-align: center;
				margin-top: 10px;
				margin-bottom: 10px;
			}
		/**
		 * /Сайдбар
		 */
		
	/**
	 * /Основное содержимое
	 */
	
	/**
	 * Низ страницы
	 */
		.content-footer {
			border-top: 1px solid #ddd;
			height: 50px;
			clear: left;
		}
		
		.content-footer a:link, .content-footer {
			font-family: Verdana, sans-serif;
			font-size: 12px;
			color: #000;
		}
		.content-footer a:visited {
			font-family: Verdana, sans-serif;
			font-size: 12px;
			color: #000;
		}	
		.content-footer a:hover {
			font-family: Verdana, sans-serif;
			font-size: 12px;
			color: #fff;
			background-color: #000;
			text-decoration: none;
		}
		
		.passed {margin-top: 5px;}
		
		.passed a:link, .passed a:visited {
			font-family: Verdana, sans-serif;
			font-size: 12px;
			color: #070;
		}
		.passed a:hover {
			font-family: Verdana, sans-serif;
			font-size: 12px;
			color: #fff;
			background-color: #070;
		}
		
		.cleft {
			float: left;
			width: 50%;
			margin-top: 7px;
			margin-left: 22px;
		}
		.cleft img {margin-top: 5px;}
		.cright {
			text-align: right;
			padding-top: 10px;
			padding-right: 22px;
		}
	/**
	 * /Низ страницы
	 */
/**
 * /Тело страницы
 */