/* 
Theme Name: AAA
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;}

body {font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Sans-Serif;, 'Lucida Grande', Verdana, Arial; color: #000;}

#page {text-align: left; margin:0 auto 10px auto; padding: 0; }

#header {margin:0; margin-top:-2px; 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;}
#description {margin:0; margin-left:30px; text-align:left; font-size:1.4em}

#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}

#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%}

#content {font-size: 1.2em; margin:0; border:solid 0px red;}
#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;}

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

.entry p {font-size: 1em; margin:0.8em 0; height:1%; text-indent:1.5em}

.entry {margin:0 12px;}

.alt {background-color: #f8f8f8;}

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

small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; }

h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; 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-family: 'Lucida Grande', Verdana, Sans-Serif; 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 {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.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}

#content {border: 0px dashed #666}

p.alignright {float:right}
p.alignleft {float:left}