/* ---------------------------------
Markup: Dimox
Author URI: http://dimox.name/
--------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	color: #404040;
	width: 100%;
}
a {
	color: #404040;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {border: none}
input {vertical-align: middle}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

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


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 165px;
	position: relative;
  background: url(i/logo.gif) 25px 16px no-repeat;
}

#logo {
	position: absolute;
	top: 25px;
	left: 160px;
	width: 129px;
	height: 75px;
  text-indent: -9999px;
}
#beta {
	position: absolute;
	top: 35px;
	left: 289px;
	width: 17px;
	height: 18px;
  background: url(i/beta.gif) no-repeat;
}
#epochta {
	position: absolute;
	top: 10px;
	left: 18px;
	width: 110px;
	height: 95px;
  text-indent: -9999px;
}

#nav {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #FDB827 url(i/nav.gif) repeat-x;
	list-style: none;
}
#nav li {
	float: left;
  background: url(i/nav-sep.gif) 100% 0 no-repeat;
	padding: 0 4px 0 0;
}
#nav a {
	float: left;
  text-decoration: none;
	padding: 0 0 0 12px;
	cursor: pointer;
}
#nav a span {
	float: left;
	padding: 0 12px 0 0;
}
#nav a.add {
  background: url(i/add.gif) 11px 9px no-repeat;
	padding: 0 0 0 32px;
}
#nav a:hover,
#nav a:hover span {
  text-decoration: underline;
}
#nav li.current a {
	color: #FFF;
  background: #00AFEF url(i/nav-current.gif) no-repeat;
  margin: 0 -2px;
	position: relative;
}
#nav .current a.add {
  background: #00AFEF url(i/nav-add-current.gif) no-repeat;
  margin: 0 -2px 0 0;
}
#nav li.current a span {
  background: url(i/nav-current.gif) 100% 0 no-repeat;
}

#search {
	position: absolute;
	top: 128px;
	right: 10px;
}
#search input {
	font: 11px Arial, Tahoma;
	float: left;
}
.search {
	width: 207px;
	padding: 2px 5px 3px;
	border: none;
	background: #FFF;
}
.go {
	cursor: pointer;
	border: none;
	width: 25px;
	height: 19px;
	background: #FD9127 url(i/nav.gif) -925px -8px repeat-x;
}

#adv {
	position: absolute;
	top: 36px;
	right: 0;
}

#categories {
  background: #FFEFD0 url(i/categories.gif) no-repeat;
	margin: 0 0 10px;
}
#cbg {
  background: url(i/categories.gif) 100% 100% no-repeat;
	padding: 7px 0 10px 159px;
	height: 1%;
	overflow: hidden;
	position: relative;
}
* html #cbg {
	padding: 7px 0 10px 143px;
}
*+html #cbg {
	padding: 7px 0 10px 143px;
}
#categories h2 {
	position: absolute;
	top: 11px;
	left: 65px;
	width: 68px;
	height: 13px;
	overflow: hidden;
  background: url(i/caption1.gif) no-repeat;
  text-indent: -9999px;
}
#blogsCounter {
	position: absolute;
	bottom: 10px;
	left: 31px;
	color: #B2A791;
}
#categories ul {
	float: left;
	display: inline;
	width: 150px;
  margin-left: 10px;
}
#categories li {
	list-style: none;
}
#categories a {
	color: #403C34;
}

#recommend {
  background: #C7EDFC url(i/recommend.gif) no-repeat;
	position: relative;
	margin: 0 0 12px;
}
#rbg {
  background: url(i/recommend.gif) 100% 100% no-repeat;
	padding: 10px 0 13px 141px;
	height: 1%;
	overflow: hidden;
}
#recommend h2 {
	position: absolute;
	top: 13px;
	left: 29px;
	width: 104px;
	height: 16px;
	overflow: hidden;
  background: url(i/caption2.gif) no-repeat;
  text-indent: -9999px;
}
#recommend .item {
	float: left;
	display: inline;
	width: 224px;
	padding: 0 20px 0 0;
  margin-left: 28px;
  line-height: 14px;
}
#recommend a {
	color: #323B3F;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 30px;
}
* html #middle {height: 1%;}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 328px 0 0;
}

.numberOnPage {
  font-size: 11px;
	height: 22px;
	overflow: hidden;
	margin: 0 0 7px;
}
.numberOnPage div {
	float: right;
  background: #FAF9C1 url(i/number-on-page.gif) no-repeat;
	line-height: 22px;
	padding: 0 9px;
}

#rating {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 25px 1px;
}
#rating h2 {
  text-align: left;
	height: 25px;
	overflow: hidden;
  background: url(i/caption7.gif) no-repeat;
  text-indent: -9999px;
	margin: 0 0 7px;
}
#rating td {
  border: 1px solid #E5E5E5;
	padding: 6px 5px;
  font-size: 11px;
}
.sort td {
  text-align: center;
}
* html .sort td {
  font-size: 12px !important;
}
.sort td a {
  text-decoration: none;
	margin: 0 2px;
	color: #7F7F7F;
}
* html .sort td a {
	margin: 0;
}
td.pos {
  text-align: center;
}
td.plus {
	color: #009200;
	white-space: nowrap;
  padding-right: 2px !important;
}
td.minus {
	color: #EF0A0A;
	white-space: nowrap;
  padding-right: 2px !important;
}
a.rss {
  background: url(i/rss.gif) 0 2px no-repeat;
  text-decoration: none;
	padding: 0 9px 0 0;
  margin-right: 1px;
}
a.site {
  background: url(i/site.gif) 0 4px no-repeat;
  text-decoration: none;
	padding: 0 6px 0 0;
  margin-left: 3px;
}
#rating td.title {
	padding: 2px 7px;
	width: 85px;
}
#rating td.rate {
  text-align: center;
  font: 10px Tahoma, Arial;
	padding: 6px 0 6px 1px;
	color: #929292;
	white-space: nowrap;
}
td.rate table {
	width: 100%;
}
#rating td.rate td {
	border: none;
	padding: 0;
}
td.rate .plus {
	color: #009200;
  margin-right: -2px;
}
td.rate .minus {
	color: #EF0A0A;
  margin-right: -2px;
}
td.rate .points {
	color: #000;
	padding: 0 1px 0 0;
}

.pagenavi {
	height: 44px;
	line-height: 22px;
    background: url(i/pagenavi.gif) no-repeat;
    font-size: 11px;
	padding: 0 12px;
	margin: 0 0 31px;
}

h2.caption8 {
	height: 14px;
	overflow: hidden;
  background: url(i/caption8.gif) no-repeat;
  text-indent: -9999px;
	margin: 0 0 12px;
}
h2.caption9 {
	height: 15px;
	overflow: hidden;
  background: url(i/caption9.gif) no-repeat;
  text-indent: -9999px;
	margin: 11px 0 11px 31px;
}
h2.caption10 {
	height: 17px;
	overflow: hidden;
  background: url(i/caption10.gif) no-repeat;
  text-indent: -9999px;
	margin: 0 0 12px;
}
h2.caption11 {
	height: 16px;
	overflow: hidden;
  background: url(i/caption11.gif) no-repeat;
  text-indent: -9999px;
	margin: 0 0 12px;
}

.news {
	margin: 0 0 15px;
}
.news .date,
#recent .date {
  font-size: 11px;
	color: #888;
	padding: 0 0 1px;
}

#recent {
	margin: 0 0 15px;
}
#recent .date {
	padding: 0;
}
#recent li {
	padding: 0 0 8px;
}

.hr {
	height: 1px;
	overflow: hidden;
  background: url(i/dot.gif) repeat-x;
	margin: 0 0 18px;
}
.hr hr {
	display: none;
}

#aboutSite {
	margin: 15px 0 11px;
  border-bottom: 1px solid #E5E5E5;
}
#aboutSite h2 {
  font: 36px/1 Calibri, Tahoma, Arial;
  letter-spacing: -1px;
	margin: 0 0 16px;
}
#aboutSite #screen {
	float: left;
	display: inline;
	margin: 0 29px 0 0;
}
#screen img {
  border: 2px solid #BBBCBC;
}
#aboutSite #info {
	display: table;
	height: 1%;
	padding: 0 18px 0 0;
}
#aboutSite #info p {
	padding:0px;
	margin:0px;
	padding-top: 10px;
}
#aboutSite .rss {
  background: url(i/rss.gif) 0 2px no-repeat;
  text-decoration: none;
	padding: 0 9px 0 0;
  margin-left: 5px;
}


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 300px;
	margin-left: -310px;
	position: relative;
}

#sidebar .adv {
  text-align: center;
	margin: 0 0 26px;
}

#sidebar h3 {
	margin: 0 0 15px;
	overflow: hidden;
  text-indent: -9999px;
}
h3.caption3 {
	height: 16px;
  background: url(i/caption3.gif) no-repeat;
}
h3.caption4 {
	height: 13px;
  background: url(i/caption4.gif) no-repeat;
}
h3.caption5 {
	height: 13px;
  background: url(i/caption5.gif) no-repeat;
}
h3.caption6 {
	height: 13px;
  background: url(i/caption6.gif) no-repeat;
}

#addSite {
  background: #F3F3F3 url(i/add-site.gif) no-repeat;
	margin: -6px 0 28px;
}
#abg {
  background: url(i/add-site.gif) 100% 100% no-repeat;
	padding: 15px 26px;
	overflow: hidden;
	height: 1%;
}
#addSite label {
	display: block;
	padding: 0 0 3px;
}
#addSite input {
	width: 230px;
	padding: 3px 6px 4px;
  border: 1px solid #C3C3C3;
	font: 12px Arial, Tahoma;
	margin: 0 0 12px;
}
input#submit {
	float: right;
	cursor: pointer;
	width: 87px;
	height: 24px;
  background: url(i/submit.gif) no-repeat;
	border: none;
	margin: 0;
	color: #797979;
}

#sidebar ul {
  background: url(i/dot.gif) 0 100% repeat-x;
	padding: 0 0 12px;
	margin: 0 0 21px;
}
#sidebar li {
	list-style: none;
	padding: 0 0 6px;
}
#sidebar li .amount {
	float: left;
	width: 31px;
}
#sidebar li .silver {
	color: #979797;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {

  border-top: 1px solid #E5E5E5;
  background: #F0F0F0 url(i/border.gif) repeat-x;
	height: 1%;
}
.footer {
	width: 960px;
	margin: 0 auto;
	padding: 23px 0 25px;
	color: #787878;
  font-size: 11px;
}
.footer a {
	color: #787878;
}
#bnav {
	margin: 0 0 18px -5px;
}
#bnav a {
	margin: 0 5px;
}
#nod {
	float: right;
	padding: 12px 0 0;
}