/*
Theme Name: Article Directory
Theme URI: http://dimox.name/wordpress-theme-article-directory/
Description: Специальная тема, подготовленная для использования вместе с одноименным плагином <a href="http://dimox.name/wordpress-plugin-article-directory/">Article Directory</a>.
Version: 1.6
Author: Dimox
Author URI: http://dimox.name/
*/

* { margin: 0; padding: 0; }
body {
	font: 13px/18px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #444;
        background: #F2F4F7;
}

a {
	color: #009D9D;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #001C1C;
	text-decoration: underline;
}
p {margin: 0; padding: 10px 0;}
h1 {margin: 5px 0 12px;font: normal 20px "Trebuchet MS", Arial, Sans-Serif;}
h2 {
	font: normal 16px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 12px;
}

.divider {
	margin:0; padding:5px;
	width:100%; height:2px;
	background: url(i/dots.gif) repeat-x;
}

.left {
	float:left;
}

.right {
	float:right;
}
.clear {clear:both}

blockquote {
	margin: 10px 2px;
	border-left: 3px solid #E60000;
	background: #EEE;
	padding: 5px 15px;
}
* html blockquote {height: 1%;}
blockquote p {
	margin: 0;
}
.clear {clear:both}

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


/* Header
-----------------------------------------------------------------------------*/
#header {
        padding: 0;
        width: 1100px;
	height: 120px;
        background:#f7f7f7 url(i/hea.jpg) left repeat-x;
        border-left:1px solid #FFF;
        border-right:1px solid #fff;
	margin: 0 auto;
	position: relative;
}

#top-nav {
	position: absolute;
	top: 90px;
	right: 240px;
	list-style: none;
}
#top-nav li {
	float: left;
}
#top-nav a {
	color: #666;
	margin: 0 0 0 13px;
	background: url(i/toparrow.gif) 0 6px no-repeat;
	padding: 0 0 0 12px;
	font-size: 12px;
}
#top-nav .current_page_item a {
	background-image: url(i/toparrow2.gif);
}

#gm {
	position: absolute;
        width: 73px;
        height: 110px;
	top: 11px;
        left:220px;
        background: url(i/piano.png) 0 2px no-repeat;
}
#logo {
	position: absolute;
	top: 15px;
        left: 310px;
	color: #009D9D;
        text-shadow:0 1px 1px #000;
	line-height: 1;
	font-size: 30px;
}
#logo h1 a, #logo p a {
        color: #009D9D;}
#logo span {
	display: block;
	font-size: 13px;
        left: 90px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 0 0;
}


.rct, .rct2, 
.rcb, .rcb2 {
   width: 100%;
   height: 9px;
   font-size: 1px;
   background:no-repeat url(roundwhite.png);
}
/* IE6 */
* html .rct, * html .rct2 ,
* html .rcb, * html .rcb2  {
   background-image:url(roundwhite.gif);
}
.rct {
   background-position: -9px 0px;
}
.rct2 {
   background-position: 0px 0px;
}
.rcb {
   background-position: -9px -9px;
}
.rcb2 {
   background-position: 0px -9px;
}

.rct2, .rcb2  {
   width: 9px;
   float: right;
}
.rndc { margin: 0 9px;}

/* Content
-----------------------------------------------------------------------------*/
#container {
        background:#F2F4F7;
	width: 100%;
	margin:0;
        padding:0;
}
* html #container {height: 1%;}
#container:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#content {
        font-size: 1em;
        margin: 5px 2px 2px 2px;
	width: 790px;
	float: left;
	overflow: hidden;
        background:#f7f7f7;
}

#content h2 {
	font: normal 19px "Trebuchet MS", Arial, Sans-Serif;
	padding: 1px 0 4px;
	margin-bottom: 10px;
}
#content h2.pagetitle {
	padding-left: 3px;
}
#content h3 {
	font: normal 17px "Trebuchet MS", Arial, Sans-Serif;
	padding: 1px 0 4px;
	margin-bottom: 2px;
}

img.centered
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  border: 3px solid #fff;
}

img.alignright
{
  display:inline;
	border: 3px solid #fff;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

img.alignleft
{
  display:inline;
	border: 3px solid #fff;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

.aligncenter
{
  margin-left:auto;
  margin-right:auto;
}

.wp-caption
{
  border:1px solid #ddd;
  text-align:center;
  background-color:#fff;
  padding-top:4px;
  border-radius:3px;
  margin:10px auto;
}

.wp-caption img
{
  border:0 none;
  margin:0;
  padding:0;
}

.wp-caption-dd
{
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

.socbook,.alignright
{
  float:right;
}

#content .post {
        font: normal 1em;
        padding: 0;
	margin:0;
}
#content .post h2,
#content .post h3 {
	font-size: 20px;
	margin: 0 0 2px;
}
img.centered
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  border: 3px solid #fff;
}

img.alignright
{
  display:inline;
	border: 3px solid #fff;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

img.alignleft
{
  display:inline;
	border: 3px solid #fff;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

.alignleft
{
  float:left;
}

.aligncenter
{
  margin-left:auto;
  margin-right:auto;
}

.wp-caption
{
  border:1px solid #ddd;
  text-align:center;
  background-color:#FCFCFC;
  padding-top:4px;
  border-radius:3px;
  margin:10px;
}

.wp-caption img
{
  border:0 none;
  margin:0;
  padding:0;
}

.wp-caption-dd
{
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

.socbook,.alignright
{
  float:right;
}

#tag {clear:both;padding:0;width: 100%;margin:0;background: #eee url(i/header_bg.gif) top repeat-x;}
#tag a {padding:0;margin:0 0 0 10px;}
.post ul, .post ol {
	margin: 5px 0 5px 10px;
        list-style:none;
}
.post ul li {
	padding: 2px 16px 2px 10px;
        background:no-repeat 0 6px url(i/tag_blue.gif);padding-left:16px
}
.post li {
	padding: 2px 0;
}
.post .postmetadata {
	font-size: 11px;
	padding: 0 0 7px;
}

.entry h1 {
	font-size: 18px;
	margin: 10px 0 10px;
}
.entry h2 {
	font-size: 17px !important;
	font-weight: bold !important;
	margin: 15px 0 10px !important;
	padding: 0 !important;
	border: none !important;
}
.entry h3 {
	font-size: 15px !important;
	font-weight: bold !important;
	margin: 15px 0 10px !important;
	padding: 0 !important;
}
.entry h4 {
	font-size: 13px;
	margin: 15px 0 10px;
	font-weight: bold !important;
}

.line {
	clear: both;
	padding: 3px;
	margin: 0 0 15px;
	background: url(i/smalldot.gif) repeat-x;
}
.recent {
	margin-left: 20px;
}

.other {
	margin: 20px 0;
}
.other .recent li {
	list-style: none;
	border-bottom: 1px solid #EEE;
}
.other .recent li a {
	color: #808080;
}

.nav {
	padding: 0 0 5px;
}
.navigation {
	margin: 20px 0;
}

.raised { background:transparent; width:100%; }
.raised h1, .raised p { margin:0 10px; }
.raised h1 { font-size:2em; color:#fff; }
.raised p { padding-bottom:0.5em; }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display:block; overflow:hidden; font-size:1px; }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height:1px; }
.raised .b2 { background:#F8F8F8; border-left:1px solid #fff; border-right:1px solid #eee; }
.raised .b3 { background:#F8F8F8; border-left:1px solid #fff; border-right:1px solid #ddd; }
.raised .b4 { background:#F8F8F8; border-left:1px solid #fff; border-right:1px solid #aaa; }
.raised .b4b { background:#F8F8F8; border-left:1px solid #eee; border-right:1px solid #999; }
.raised .b3b { background:#F8F8F8; border-left:1px solid #ddd; border-right:1px solid #999; }
.raised .b2b { background:#F8F8F8; border-left:1px solid #aaa; border-right:1px solid #999; }
.raised .b1 { margin:0 5px; background:#fff; }
.raised .b2, .raised .b2b { margin:0 3px; border-width:0 2px; }
.raised .b3, .raised .b3b { margin:0 2px; }
.raised .b4, .raised .b4b { height:2px; margin:0 1px; }
.raised .b1b { margin:0 5px; background:#999; }
.raised .boxcontent { display:block; background:#F8F8F8; border-left:1px solid #fff; border-right:1px solid #999; } 

#order {
	text-align: right;
	padding: 0 0 10px;
}
#order select {
	font: 13px "Trebuchet MS", Arial, Sans-Serif;
	width: 120px;
}

#content ul.child-categories {
	margin: 0 0 23px 30px;
}
#content ul.child-categories ul {
	margin-left: 20px;
}

h3#comments {
	margin-bottom: -10px;
}
#respond h3 {
	margin: 20px 0 0;
}

ol.commentlist {list-style: none; margin: 20px 0 0; padding:0;}
ol.commentlist li {border: 1px solid #DFDFDF; height: 1%; margin: 0 0 10px; padding: 5px 10px 8px; position: relative;}
ol.commentlist li ul.children li {margin: 0 0 2px;}
ol.commentlist li.comment-author-admin {border-color: #999;}
ol.commentlist li div.vcard cite.fn {font-style: normal; font-weight: bold;}
ol.commentlist li div.vcard img.avatar {border: 1px solid #DDD !important; padding: 2px !important; position: absolute; right: 8px; top: 8px; margin: 0 !important;}
ol.commentlist li div.comment-meta {font-size: 10px; font-weight: bold; color: #888;}
ol.commentlist li div.comment-meta a {color: #888; text-decoration: none;}
ol.commentlist li div.comment-meta a:hover {text-decoration: underline;}
ol.commentlist li div.reply {font-size: 13px; line-height: 16px; width: 100%; overflow: hidden; text-transform: lowercase; }
ol.commentlist li div.reply a {background: #F4F4F4; float: left; color: #AA0001; text-decoration: none; padding: 0 6px 2px; border: 1px solid #CCC;}
ol.commentlist li div.reply a:hover {background: #E60000; color: #FFF; border: 1px solid #E60000;}
ol.commentlist li ul.children {list-style: none; margin: 10px 0 0;}
#cancel-comment-reply small {font-size: 13px}
ol.commentlist li.even {background: #FFF;}
ol.commentlist li.odd {background: #F4F4F4;}

#commentform p {
	padding: 8px 0 3px;
}
#author, #email, #url, #comment, #submit {
	font: 13px Arial, Tahoma;
	padding: 3px 5px;
	width: 200px;
	border: 1px solid #CCC;
}
#comment {
	width: 90%;
	height: 170px;
}
#author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus {
	border-color: #999;
}
li.depth-1 #comment {width: 95%}
li.depth-2 #comment {width: 90%}
li.depth-3 #comment {width: 85%}
li.depth-4 #comment {width: 80%}
li.depth-5 #comment {width: 75%}

#hoverpage {font-family:arial, verdana, sans-serif; font-size:90%;background:#f8f8f8 url(i/bgkn.gif) bottom repeat-x; width:770px; height:180px; border:0; position:relative; z-index:200; overflow:hidden; text-align:left;margin:1px}
* html #menu {margin-left:15px}
#menu {
	width: 199px;
	margin: 12px 10px 0 30px;
        float:left
	}
#menu ul {list-style:none;}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
        font-weight: bold;
        text-align:center
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(i/menu.gif) 0 -32px;
	padding: 8px 5px 0 5px;
	}
	
#menu li a:hover {
	color: #333;
	background:  url(i/menu.gif);
	padding: 8px 5px 0 5px;
	}
#nume {
	width: 500px;
	margin: 10px 0;
        float:right
	}
/* Sidebars
-----------------------------------------------------------------------------*/
* html #l-sidebar, * html #r-sidebar  {height: 1%;}
#l-sidebar:after, #l-sidebar:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

#l-sidebar {
        background:#D9DFE8;
	font-size: 1.1em;
	line-height: 17px;
	float: left;
	width: 160px;
	padding: 0;
        margin: 5px 2px 5px 0;
}
#r-sidebar {
        background:#212121;
	font-size: 1.1em;
	line-height: 17px;
	float: right;
	width: 160px;
	padding: 0;
        margin: 5px 0 5px 2px;
}

#l-sidebar ul, #r-sidebar ul {
	margin: 0 0 15px;
}
#r-sidebar li {
	list-style: none;
	border-bottom: 1px solid #EEE;
	padding: 3px 4px;
	margin: 0;
}
#l-sidebar li {
	list-style: none;
	padding: 3px 4px;
	margin: 0;
}
#r-sidebar li a, #l-sidebar li a {
	background: url(i/arrow.gif) no-repeat center left;
	padding: 0 0 0 12px;
	color: #444;
}
#l-sidebar h2, #r-sidebar h2 {
	font: normal 20px "Trebuchet MS", Arial, Sans-Serif;
	padding: 0 0 3px 3px;
	border-bottom: 1px solid #EEE;
}
#l-sidebar h3, #r-sidebar h3 {
	font: normal 17px/19px "Trebuchet MS", Arial, Sans-Serif;
	padding: 0 0 3px;
}
#l-sidebar .post, #r-sidebar .post {
	margin: 0 0 24px;
}
#l-sidebar p, #r-sidebar p {
	padding: 0;
}
#l-sidebar .postmetadata, #r-sidebar .postmetadata {
	font-size: 11px;
}

#autoriz {
	margin: 0 0 20px;
}
#autoriz label {
	display: block;
	float: left;
	width: 58px;
	padding: 0 12px;
	font-size: 13px;
}
#autoriz input {
	float: left;
	font: 13px "Trebuchet MS", Arial, Sans-Serif;
	width: 130px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	padding: 0 2px;
}
.rememberme {
	padding: 0 0 0 12px;
}
#autoriz .rememberme label {
	cursor: pointer;
	padding: 0;
	width: 120px;
	margin: 2px 0 0;
	*margin: 3px 0 0;
}
#autoriz .rememberme input {
	width: 15px;
	padding: 0;
	border: none;
	margin: 2px 4px 0 0;
	*margin: -1px 4px 0 0 !important;
	*margin: -1px 2px 0 0;
}
#autoriz #enter {
	float: right;
	margin: 0 12px 0 0;
	border: none;
	background: #E60000;
	color: #FFF;
	width: 60px;
	height: 21px;
	cursor: pointer;
}
#autoriz p {
	clear: both;
	text-align: center;
	padding: 5px 0 0;
}
#autoriz a {
	margin: 0 7px;
}

#manage {
	margin: 0;
        border: 1px solid #fff;
	background-color:#F9F9F9;
        padding: 15px 15px 0 15px;
}
* html #manage {padding:15px;}
#manage p {
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
        position:relative;
        text-align:center;
	clear: both;
        width: 1100px;
	padding:10px 0;
	margin: 10px auto;
	font-size: 11px;
	line-height: 16px;
	color: #111;
	background:#F2F4F7 url(i/footer.jpg) top repeat-y;
        border-top: 1px solid red;
        filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;
}
#bottom {
        position:relative;
        text-align:center;
	clear: both;
        width: 782px;
        height: 40px;
	padding:0;
	margin: 0 auto;
	font-size: 11px;
	line-height: 16px;
	color: #111;
	background:#F2F4F7 url(i/bottom.jpg) bottom no-repeat;
        filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;
}
#bottom a, #footer a {color: #000}
.navigation {
	width: 100%;
	overflow: hidden;
	padding: 5px 0;
}
.navigation a,
.navigation span {
	display: inline-block;
	width: 24px;
  text-align: center;
	padding: 1px 0 2px;
	margin: 0 2px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FAEBEB;
}
.navigation a:hover {
	background: #E60000;
	color: #FFF;
}
.navigation span.current {
  font-weight: bold;
	background: #CCC;
	color: #FFF;
	text-shadow: -1px -1px 0px #BBB;
}
.navigation.comm {
	padding: 0;
	margin: -10px 0 0;
}
.navigation.comm a {
	display: inline;
	background: none;
}
.navigation.comm a:hover {
	color: #AA0001;
  text-decoration: underline;
}

.categories {
	position: absolute;
        padding:5px;
        width: 150px;
	left:0;
}
.categories1 {
	position: absolute;
        padding:5px;
        width: 150px;
	right:35px;
}
* html .categories1 {right:15px;}
* html .categories, * html .categories1 {height: 1%;}

.categories li, .categories1 li {
	list-style: none;
	line-height: 17px;
}
.categories li ul {
	margin: 2px 0 10px;
}
.categories li li {
	font-size: 1em;
	padding: 0 0 0 3px;
}
.categories li div, .categories1 li div {
        text-align:center;
	padding: 10px 5px 0 5px;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 2px solid #EEE;
        border-right: 2px solid #EEE;
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #FFF;
        background: #F9F9F9;
        width: 170px;
        height: 97px;
        color: #888;
}
.categories li div a {
	font-weight: bold;
	text-transform: uppercase;
        color: #666;
}

.categories li li ul {
	margin: 2px 0 2px -7px;
}
.categories li li a {
	color: #808080;
}
.categories li li a:hover {
	color: #AA0001;
        text-decoration:underline;
}
code {background: #FFF;border: 1px #EEE dotted;}