* {margin: 0; padding: 0}

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #595959; background: #f5f5f5 url(wp-content/themes/knigaperemen/images/main_bg.jpg) no-repeat center 0}
html, body {height: 100%}
	
img {border: 0}

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

h1 {font-size: 150%; color: #2b2b2b; margin-bottom: 12px}
h2 {font-size: 120%; color: #2b2b2b; margin-bottom: 3px}

span.date {font-size: 85%}
span.comments {display: block; font-weight: bold; color: #000; padding-left: 16px; margin-bottom: 12px; background: url(wp-content/themes/knigaperemen/images/a_oblako.gif) no-repeat 0 3px}

a.person {font-size: 95%; padding-left: 12px; background: url(wp-content/themes/knigaperemen/images/a_bg.gif) no-repeat 0 2px}
a.comments {padding-left: 20px; background: url(wp-content/themes/knigaperemen/images/a_oblako.gif) no-repeat 0 1px}

p {font-size: 95%; margin-bottom: 12px}
p.mrgn_small {margin-bottom: 5px}
p.mrgn_left {margin: 0 0 8px 18px}
div.comments p {margin: 0 0 8px 18px}

input.text, input.day_month, input.year {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #595959; border: #949494 solid 1px}
input.button {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #fff; border: none;	background: #bbb}


#main {width: 773px; font-size: 0.75em; margin: 0 auto}
#main_in {float: left; width: 707px; padding: 54px 33px}

#content {float: left; width: 669px; padding: 25px 0 38px 38px; background: #fff}

#content_left {float: left; width: 465px}

#mainmenu {font-size: 110%; font-weight: bold; height: 50px; padding-top: 10px; list-style: none}
#mainmenu li {float: left; margin-right: 35px}
#mainmenu li#last {margin: 0}
#mainmenu li.hover {color: #777}
#mainmenu a {color: #000; text-decoration: none}
#mainmenu a:hover {text-decoration: underline}

div.top {margin-bottom: 5px}

div.links {font-size: 95%; font-weight: bold; text-align: right; margin-bottom: 24px}
div.links a {color: #000}
div.links_left, div.links_left_only {float: left; font-size: 85%; margin-bottom: 24px}
div.links_left_only {float: none}

#navigation {padding-top: 20px; list-style: none}
#navigation li {float: left; margin-right: 15px}

div.comments {margin-bottom: 33px}

#comment_form {position: relative; margin-top: -10px}
#remember {float: left; font-size: 85%; color: #aeaeae; margin-left: 214px}
#comment_form div.top {float: left; width: 100%; margin: 4px 0 14px 0}
#comment_form span {font-size: 95%; float: left; margin: 2px 6px 0 0}
#comment_form span.left {width: 31px}
#comment_form input.text, #comment_form input.theme, #comment_form textarea {float: left; width: 106px; height: 15px; margin-right: 21px}
#comment_form input.button {width: 160px; height: 26px}
#registr {float: right; font-size: 95%; color: #000; font-weight: bold; margin: 2px 3px 0 0}
#comment_form input.theme {width: 423px; margin: 0 0 14px 0}
#comment_form textarea {width: 460px; height: 93px; margin: 0 0 14px 0}

#add {font-size: 95%; font-weight: bold; text-align: right; margin-bottom: 12px}

#search {float: left; width: 100%; padding-top: 16px}
#search input {float: left}
#search input.text {width: 318px; height: 16px; margin-right: 6px}
#search input.button {width: 139px; height: 18px}

#registr_form {float: left; width: 100%; padding: 18px 0 30px 0}
#registr_form div.line {float: left; width: 100%; margin-bottom: 6px}
#registr_form span {float: left; width: 124px; font-size: 95%; margin: 4px 8px 0 0; text-align: right}
#registr_form input {float: left}
#registr_form input.text {float: left; width: 144px; height: 18px}
#registr_form input.day_month {width: 27px; height: 18px; margin-right: 15px}
#registr_form input.year {width: 56px; height: 18px}
#registr_form div.bot {float: left; padding: 10px 0 0 132px}
#registr_form input.button {width: 146px; height: 23px}

#content_right {float: left; width: 193px; padding-left: 11px}

#logo {float: left; font-size: 185%; font-weight: bold; color: #231f20; margin-bottom: 38px}

#years {font-size: 85%; padding-left: 38px; text-align: center; list-style: none}
#years li {float: left; margin-right: 14px}
#years li ul {display: none; padding-top: 4px; list-style: none}
#years li ul li {float: none; margin: 0 0 5px 0}
#years li.hover ul {display: block}

#back {float: left; font-size: 95%; font-weight: bold; color: #000; padding-left: 13px; background: url(wp-content/themes/knigaperemen/images/arrow.gif) no-repeat 0 5px}

#alphabet {float: left; padding-left: 77px; font-size: 95%; font-weight: bold; text-align: center; list-style: none}
#alphabet li {margin-bottom: 4px}

#changes {float: left; font-size: 95%; font-weight: bold; padding-left: 12px; list-style: none}
#changes li {float: left; width: 100%; margin-bottom: 5px}
#changes a {float: left; color: #000; padding-left: 9px; background: url(wp-content/themes/knigaperemen/images/marker.gif) no-repeat 0 5px}
#changes b {font-weight:normal; float: left; color: #000; padding-left: 9px; background: url(wp-content/themes/knigaperemen/images/marker.gif) no-repeat 0 5px}
