/*
 * Тут и сказке конец, а кто слушал - молодец
 * Палитра:
 * #009900 - обводка бордюра
 * #006000 - заливка бордюра
 * #004000 - фон текста и вершина градиента
 * #009900 - цвет заглавия
 * #FFD700 - цвет текста
 * #ff8800 - Цвет ссылок и буквицы (мандариновый)
 */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #000000 url("images/bg-top.png") repeat-x;
	color: #FFD700;
	font-family: Verdana, Arial, sans-serif;
}

#wrap {
	width: 88%;
	min-width:600px;
	margin: auto;
}

/**
 * Header
 */
#header {
	background: #004000 url("images/header-bg.png") repeat-x;
	width: 100%;
	height: 172px;
}

#header-left {
	background: url("images/header-left.png") no-repeat top left;
	width: 100%;
	height: 172px;
}

#header-right {
	background: url("images/header-right.png") no-repeat top right;
	width: 100%;
	height: 172px;
}

#header-text {
	color: #009900;
	height: 172px;
}

#header-text h1 {
	font-size: 2.2em;
	padding-top: 48px;
	padding-left: 48px;
	font-weight: normal;
	height: 42px;
}

#header-text h1 a {
	font-weight: normal;
	color: #009900;
}

/**
 * Меню
 */
#header-menu {
	margin-left: 28px;
	margin-top: 26px;
}

#header-menu div {
	margin: 0px 4px;
	display: inline;
	float: left;
	width: 125px;
	height: 33px;
	text-align: center;
}

#header-menu div a {
	font-size: 14px;
	padding-top: 7px;
	display: block;
	width: 125px;
	height: 26px;
	color: #FFD700;
	background: url("images/button.png") no-repeat;
}

#header-menu div a:hover,
#header-menu div a.active_button {
	color: #FFFFFF;
	background: url("images/button-hover.png") no-repeat;
}

/**
 * Форма поиска
 */

#header-menu div#search-form {
	width: 125px;
	height: 33px;
	float: right;
	margin-right: 28px;
	background: url("images/search.png");
}

#search-form input {
	width: 90px;
	border: 0px;
	background: #006000;
	color: #FFD700;
	font-size: 14px;
	margin-top: 7px;
	margin-left: 18px;
}

/**
 * Content
 */
#content-left {
	width: 100%;
	background: #004000 url("images/border-left.png") repeat-y left;
}

#content-right {
	width: 100%;
	background: url("images/border-right.png") repeat-y right;
}

#content {
	padding: 0px 48px;
}

/**
 * Форматирование контента
 */
#content h2 {
	font-size: 1.4em;
	padding: 1em 0 0 0;
	font-weight: normal;
}

#content h2 a {
	font-weight: normal;
}

#content h3 {
	font-size: 1.2em;
	padding: 1em 2em;
	font-weight: normal;
}

#content h3 a {
	font-weight: normal;
}
 
#content p {
	padding: 0.5em 0px;
}

#content p:first-letter {
	font-weight: bold;
	margin-left: 18px;
	color: #ff8800;	
}

#content p:first-child:first-letter{
	margin-left: 0;
}
 
#content pre {
	font-size: 1.2em;
	color: #e0e0a0;
	display: block;
	margin: 0.5em 18px;
	padding: 1em;
	border: 1px dotted;
	white-space:pre-wrap;
}

#content pre code {
	display: block;
}

#content code {
	color: #e0e0a0;
}

#content ul {
	margin: 0.5em 3em;
}

#content img {
	margin-right: 1em;
	padding: 4px;
	background: #006000;
	border: #009900 1px solid;
}

.follow {
	padding: 0 18px;
}

.published {
	padding: 1em 0 0 18px;
}

.tags {
	padding: 0 0 0.5em 18px;
}

/**
 * Комментарии
 */
.comments {
	margin: 0.5em 18px;
}
 
.comments-invite {
	padding: 0 18px;
}

.comments-closed {
	padding: 0.5em 18px;
}
 
.comment-details {
	padding: 0.5em 24px;
}

/**
 * Форма для нового комментария
 * #009900 - обводка бордюра
 * #006000 - заливка бордюра
 * #FFD700 - цвет текста
 */
#comment-header {
	width: 100%;
	margin-bottom: 2.5em;
}

.comment-input {
	padding: 0.2em 16px 0px 0px;
	width: 100%;
}

.comment-button {
	margin: 0.5em 16px 0px 0px;
	float: left;
}
 
#comment-header  input#name,
#comment-header  input#email,
#comment-header  input#web {
	width: 100%;
	border: #009900 1px solid;
	background: #006000;
	color: #FFD700;
	padding: 0.2em 0em;
}

#comment-header input#txpCommentPreview,
#comment-header input#txpCommentSubmit,
#comment-header input#peg_replyto{
	width: 120px;
	border: #009900 1px solid;
	background: #006000;
	color: #FFD700;
	padding: 0.2em 0.2em;
}

#comment-header input#txpCommentPreview:active,
#comment-header input#txpCommentSubmit:active {
	background: #008000;
}

#comment-header input#txpCommentSubmit.disabled {
	color: #909000;
	background: #004000;
}

#comment-body {
	width: 100%;
}

textarea {
	width: 100%;
	border: #009900 1px solid;
	background: #006000;
	color: #FFD700;
}

/**
 * Список статей
 */
.directory {

}

.directory-title {
	
}

.directory-date {
	
}

/**
 * Footer
 */
#footer {
	height: 80px;
	width: 100%;
	background: #004000 url("images/footer-bg.png") repeat-x bottom;
}

#footer-left {
	height: 80px;
	width: 100%;
	background: url("images/footer-left.png") no-repeat left bottom;
}

#footer-right {
	height: 80px;
	width: 100%;
	background: url("images/footer-right.png") no-repeat right bottom;
}

#footer-text {
	text-align: center;
}

/**
 * Разные мелочи
 */
a {
	font-weight: bold;
	color: #ff8800;
	text-decoration: none;
}

a:hover, a:active, a:focus, img { 
	outline: 0; 
	color: #FFFFFF;
}

.small {
	font-size: 0.8em;
}

.divider {
	height: 17px;
	width: 265px;
	margin-left: 18px;
	padding-bottom: 2em;
	background: url("images/divider.png") no-repeat top left;
}

.divider hr {
	display: none;
}