/*
Theme Name: DONBASS.ORG.UA
Theme URI: http://numberonedesigner.com/
Description: Makeup by <a href="http://dimox.name/">Dimox</a>
Version: 1.0
Author: Number One
Author URI: http://numberoneblogger.com/
*/

* {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/15px Arial, Tahoma, Verdana, sans-serif;
  width: 100%;
  color: #484848;
}
a {
  color: #116A0A;
  text-decoration: underline;
  outline: none;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0;
  padding: 8px 0;
}
img {border: none;}
input {font: 12px Arial, Tahoma, Verdana, sans-serif;}

#wrapper {
  width: 900px;
  margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 51px;
	position: relative;
	padding: 85px 0 0;
	background: url(i/menu-dots.gif) 0 83px repeat-x;
}
#logo {
	position: absolute;
	top: 17px;
	left: 0;
	width: 324px;
	height: 50px;
	line-height: 35px;
	color: #2D9625;
	font-size: 39px;
	text-align: center;
	letter-spacing: -3px;
	text-decoration: none;
	cursor: pointer;
}
#logo b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 324px;
	height: 50px;
	background: url(i/logo.gif) no-repeat;
}

#top-banner {
	position: absolute;
	top: 10px;
	right: 0;
}

#menu {
	height: 32px;
	background: #F5F3F3;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#menu-wrpr {
	float: left;
	height: 32px;
	left: 50%;
	position: relative;
}
#menu ul {
	line-height: 32px;
	list-style: none;
	font-size: 14px;
	float: left;
	left: -50%;
	position: relative;
	overflow: hidden;
}
#menu li {
	float: left;
	background: url(i/separator.gif) no-repeat;
	padding: 0 23px;
	margin-left: -1px;
}
#menu a {color: #000;}


/* Content
-----------------------------------------------------------------------------*/
#container {
  width: 100%;
  background: url(i/container-bg.gif) repeat-y;
}

#rubrics {
	width: 712px;
	background: #F4F2F2 url(i/rubrics-top.gif) no-repeat;
	border-bottom: 17px solid #FFF;
}
#rubrics ul {
	background: url(i/rubrics-bottom.gif) bottom no-repeat;
	padding: 7px 0 12px 23px;
	list-style: none;
	overflow: hidden;
	height: 1%;
	line-height: 18px;
	min-height: 36px;
	height: auto !important;
	height: 36px;
}
#rubrics li {
	float: left;
	margin: 0 18px 0 0;
}
#rubrics a {color: #1B1B1B;}
#rubrics li.current a {
	background: #2D9625;
	color: #FFF;
	padding: 0 4px;
	text-decoration: none;
}

/* post */
#content {
  width: 100%;
  float: left;
}
#text {
  border-left: 158px solid #F5F3F3;
  border-right: 169px solid #DEDEDE;
	padding: 0 18px 30px;
}
#content h2 {
	text-transform: uppercase;
	color: #116A0A;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 11px;
}
#content h2 a {text-decoration: none;}
#content h2 a:hover {text-decoration: underline;}
h3 {
	text-transform: uppercase;
	font-size: 12px;
	color: #1B1B1B;
	background: url(i/check.gif) 12px 10px no-repeat;
	padding: 7px 0 0 27px;
}
#content h3.pagetitle {
	background: none;
	padding: 0;
	margin: 0 0 25px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
}
#content h3 {
	background: none;
	padding: 0;
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: normal;
}

.post {margin: 0 0 50px;}
.entry {text-align: justify;}
.postmetadata {
	font-size: 11px;
	color: #A3A3A3;
}
.postmetadata a {color: #A3A3A3;}
.postmetadata span {padding: 0 0 0 5px;}
.comments {
	text-align: right;
	font-size: 11px;
	background: url(i/post-dots.gif) left bottom repeat-x;
	padding: 0 0 11px;
}
.comments a {
	background: #F2F2F2 url(i/comments.gif) 2px 5px no-repeat;
	padding: 1px 3px 2px 17px;
	color: #106509;
}

.post ul,
.post ol {
	margin: 7px 0 7px 30px;
}
.post li {
	padding: 2px 0;
}

.commentlist {margin: 10px 0 40px 20px;}
.commentlist li {padding: 8px 8px 2px;}

#author, #email, #url, #comment, #submit {
	font: 12px Arial, Tahoma;
	padding: 2px;
	width: 150px;
	border: 1px solid #ACACAC;
}
#comment {
	width: 390px;
	height: 170px;
}
#submit {
	width: 120px;
	height: 22px;
	background: #ECECEC;
}

.navigation {
	font-size: 11px;
	font-family: Verdana, Tahoma;
	line-height: 14px;
	width: 100%;
	overflow: hidden;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}
.alignleft {float: left;}
.alignright {float: right;}


/* Left
-----------------------------------------------------------------------------*/
#left {
  float: left;
  width: 138px;
	padding: 7px 10px;
  margin-left: -100%;
  background: #F5F3F3 url(i/left-top.gif) no-repeat;
}
#left h3,
#right h3 {
	padding: 0 0 0 17px;
	background: url(i/check.gif) 2px 3px no-repeat;
}

#wp-calendar {margin: 0 0 25px 4px;}
#wp-calendar caption {padding: 10px 0 0}
#wp-calendar th,
#wp-calendar td {padding: 2px 1px;}

#search {
	height: 60px;
	margin: 3px 0 0;
}
.search {
	width: 136px;
	border: 1px solid #8A8A8A;
	float: left;
}
.go {
	cursor: pointer;
	border: none;
	width: 45px;
	height: 18px;
	background: #FFF url(i/go.gif) no-repeat;
	float: right;
	margin: 6px 0 0;
}



/* Right
-----------------------------------------------------------------------------*/
#right {
  float: left;
  width: 149px;
	padding: 7px 10px;
  margin-left: -169px;
  margin-top: -94px;
  background: #DEDEDE url(i/right-top.gif) no-repeat;
  position: relative;
}

#b100x100 {
  margin: 0 auto;
  padding: 10px 0 22px;
  width: 100px;
}

#right ul {
	list-style: none;
	line-height: 18px;
	font-size: 14px;
	margin: 3px 0 30px 16px;
}
#right ul a {color: #2E2E2E;}
#right ul#counters li {padding: 6px 0;}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	min-height: 60px;
	height: auto !important;
	height: 60px;
	background: #F2F2F2;
	margin-top: 16px;
	padding: 20px 27px;
	color: #999;
	position: relative;
}
#footer a {color: #999;}
#copyright {
	float: right;
	padding: 15px 85px 0 0;
	text-align: center;
}
#bottom-banner {
}
#left-bottom {
	position: absolute;
	top: -20px;
	left: 0;
	width: 158px;
	height: 4px;
	background: url(i/left-bottom.gif) no-repeat;
}
#right-bottom {
	position: absolute;
	top: -20px;
	right: 0;
	width: 169px;
	height: 4px;
	background: url(i/right-bottom.gif) no-repeat;
}



.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}