/* 
Theme Name: ArtComment
Theme URI: http://eto-ya.com/2008/12/21/theme-eto-ya-plus/
Description: Настраиваемая тема. Установите <em>любой цвет или фоновый рисунок</em> для частей страниц (общий, верх, низ, середина, содержание), задайте свою картинку (логотип,  фото) в "шапку" сайта, измените ширину страницы и её частей, установите сайдбар слева или справа и др... Пожалуйста, <a href="http://eto-ya.com/2008/12/08/theme-eto-ya-plus/">высказывайте свои замечания или пожелания</a>.
Version: 0.2
Author: The Eto-ya.com team
Author URI: http://eto-ya.com/

*/

html * {margin:0; padding:0; border:0px solid red}

html * {font-family: Georgia, 'Courier New', Sans-Serif;, 'Lucida Grande', Times, serif; font-size:15px; letter-spacing:2px}

body {font-size: /* 100%;  Resets 1em to 10px */ ;	 color: #5B5B5B!important;}

#page {text-align: left; margin:0px auto; margin-top:0px!important; padding: 0; width: 860px;}

#header {margin:0; padding: 0; width:100%; height:1%}

#headerimg {margin:0 auto; position:relative}

#header h1 {margin:0 0 0 30px; text-align:left; padding: 40px 0 0 0; font-size:28px}
#description {margin:0; margin-left:30px; text-align:left; font-size:16px; line-height:40px}

#horiz_menu {margin:0; width:100%;}
#header ul {list-style-type:none; margin:0 20px; padding:0;}
#header ul li {display:inline; font-size:1.2em}

#header ul li a {display:block; margin:6px 2px 0 2px; line-height:20px; padding:0 8px; color: #5B5B5B!important;}
#header ul li a:visited {color: #5B5B5B!important;}

#header_top {line-height:0px; font-size:0px; margin:0; padding:0}
#header_bottom {}

#info {width:100%; margin:0; padding:0; clear:both; border:0px solid blue; height:1%; clear:both; background:#ececec;}

#content {font-size: 1.2em; margin:0; border:solid 0px red; color: #5B5B5B!important; height:1%; clear:both;}
#content2 {margin:0 10px; border:solid 0px red;}

.endinfo {width:100%;clear:both; height:0px; line-height:0px; padding:0; margin:-4px 0 0 0;}

.post {margin: 30px 10px; border:solid 0px red; padding:0; color: #5B5B5B!important;}

.post_bottom {width:100%; height:20px;}

.entry p {font-size: 1em; margin:0.8em 0; height:1%;  color: #5B5B5B!important;}

.entry {margin:0 12px;  color: #5B5B5B!important;  text-align:justify}

.alt {background-color: #f8f8f8;}

#footer {width:100%; margin:0; padding:0; }

small {font-size: 0.9em; }

h1, h2, h3 {font-weight: bold;}

h1 {font-size: 4em; text-align: center;}

h2 {font-size: 1.6em;}
h2.pagetitle, h2.posttitle  {font-size: 1.6em; text-align:center; height:40px; line-height:36px}

#sidebar h2 {font-size: 1.2em;}

h3 {font-size: 1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none; color: white;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #000;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited,
	#sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}

#commentform p {}

.commentmetadata {font-weight: normal;}

#sidebar {font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif; border:solid 0px red}

small, #sidebar ul ul li, #sidebar ul ol li,
	.nocomments, .postmetadata, strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps
{font-size: 0.9em; letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #06c; text-decoration: none;}

a:hover {color: #147; text-decoration: underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}

.post hr {display: block;}

p.postmetadata {font-size:0.9em; margin: 30px 10px 0 10px; clear: both;}
div.postinfo {margin:0 10px; }

.smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}

.attachment {text-align: center; margin: 5px 0px;}

#footer {padding: 0; margin: 0 auto; width: 860px; clear: both;}

#footer p {margin: 0; padding: 10px 0; text-align: center;}

h2 {margin: 10px 0 0 0;}
h2.pagetitle {margin-top: 10px; text-align: center;}

#sidebar h2 {margin: 5px 0 0 20px; padding: 0;}

h3 {padding: 0; margin: 30px 0 0;}

/* End Headers */

/* Begin Images */
p img {padding: 0;}

/* Using 'class="alignright"' on an image will (who would've
 thought?!) align the image to the right. And using 'class="centered',
 will of course center the image. This is much better than using
 align="center", being much more futureproof (and valid) */

img.centered {display: block; margin-left: auto; margin-right: auto;}


img.alignright, img.imgalignright {padding: 4px; margin: 0 0 0 7px; float: right;}
img.alignleft, img.imgalignleft {padding: 4px; margin: 0 7px 0 0; float: left; }
img.alignright, img.imgalignright, img.alignleft, img.imgalignleft  {display:inline}

img.imageframe {padding:5px; border:solid 1px #ccc}

.clearboth {clear:both}
.br { clear:both; border: none; margin:0; padding:0; line-height:0; height:0; font-size:0;}

.entry ul {margin:0; padding: 0 0 0 20px; list-style-type: circle;}
.entry ol {margin: 0; padding: 0 0 0 35px;}

.entry li {margin: 6px 0 6px 6px;}



.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}

#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 6px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Entry Lists */


/* Begin Form Elements */
.searchform {margin: 0px auto; padding: 0 3px; border:solid 0px red}

#sidebar .searchform #s {width: 108px; padding: 2px;}

#sidebar #searchsubmit {padding:0px; background:#eee;}

.entry form {/* This is mainly for password protected posts, makes them look better. */
 text-align:center;}

select {width: 130px;}

div#comments {margin:0px;}
#comments h3 {margin:0 10px;}
#commentform input {width: 170px; margin: 5px 5px 1px 0;}
h3#respond {margin:0 0 0 15px; color:#777}

#commentform textarea {width: 90%; padding:0;}

#commentform #submit {padding:4px 0; font-size:1em; color:#444; font-weight:bold; border:double #777 3px}

.commentlist {padding: 0; border:solid 0px red; margin:0 10px}

.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}

.commentlist p {margin: 10px 5px 10px 0;}

#commentform {margin: 0 10px; border:solid 0px red;}
#commentform p {margin: 5px;}

.nocomments {text-align: center; margin: 0; padding: 0;}

.commentmetadata {margin: 0; display: block;}

#sidebar {margin:0 0px; border:solid 0px red}

#sidebar form {margin: 0;}

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {/* Doesn't work in IE */
 background-color: #fff; }

acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}

blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}

a img {border: none;}

.navigation {display: block; text-align: center; margin: 10px auto; width:80%}
.navigation div {display:inline;}

.widget { margin:10px 10px 0 10px ; padding-bottom:10px; border:solid 0px red}
.widget ul {margin:0}

.widget .searchsubmit {border:solid 1px #bbb; background:#ccc}

#header h1, #header h1 a {font-size:32px!important; letter-spacing:4px}

.entry p {line-height:28px; border:solid 0px red}

#header ul li a {text-decoration:underline; margin-bottom:10px}

p.sdfootnote {font-size:11px}

.entry sup, .entry sup a {font-size:9px}

.entry h2 {font-weight: bold; font-size: 24px; margin: 0 0 20px 0; text-align: left; color:#5B5B5B}

span.zag {font-weight: bold; font-size: 24px; margin: 0 0 10px 0; text-align: left; color:#5B5B5B; float:left;}

.entry ol, .entry li {padding:0; margin:0; font-size:13px; line-height:20px}
.entry ol {margin-left:20px; }