/*-------------------------------------------------------

author: gorotron (www.gorotron.com)
version: 1.0
license: Commons Attribution 3.0 United States License

http://creativecommons.org/licenses/by/3.0/us/

Do whatever you like with this template– just be
sure to leave my link at the bottom of each page.

Thanks!

-------------------------------------------------------*/

@import "dropdown.css";

* {
	margin:0;
	padding:0;
}

html {
	text-align:center;
	background:#F3F3F3;
}

body {
	font:62.5% Verdana, Arial, Helvetica;
	text-align:left;
	color:#333;
	width:75em;
	margin:2em auto;
	background:#FFF;
	padding:1.3em;
	background:#FFF url(../images/body_bg.gif) bottom repeat-x;
	border:0.1em solid #EAEAEA;
}

p {
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0;
}

a {
	color:#004D85;
	text-decoration:none;
}

p a, td a, th a {
	background:url(../images/link_underline.gif) bottom repeat-x;
	padding-bottom:0.1em;
}

ul {
	list-style:none;
}

#masthead {
	width:100%;
	height:14em;
	position:relative;
	margin-bottom:0.3em;
	background:url(../images/masthead_bg.gif) repeat-x;
	line-height:14em;
}

#masthead h1 {
	font-size:3em;
	font-family:"trebuchet ms";
	margin-left:1em;
	color:#FFF;
}

#masthead h1 a {
	color:#FFF;
}

#masthead sup {
	font-size:0.5em;
}

#mastheadBox {
	background:url(../images/masthead_box.gif) left center no-repeat;
	z-index:11;
	position:absolute;
	height:8em;
	top:50%;
	margin-top:-5em;
	right:2em;
	width:43.5em;
	padding:1em 1em 1em 3.5em;
}

#mastheadBox h2 {
	line-height:1em;
	color:#F60;
	font-size:1.2em;
}

#mastheadBox p {
	padding:1em 0 0;
	margin:0;
}

#breadCrumbs {
	clear:both;
	padding:0.5em 2em;
	margin-top:0.3em;
	background:#EAEAEA url(../images/breadcrumbs_bg.gif);
}

#breadCrumbs li {
	display:inline;
}

#breadCrumbs li a {
	margin-right:0.5em;
	padding-right:1em;
	background:url(../images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
}

#breadCrumbs li a:hover, #footer li a:hover {
	text-decoration:underline;
}

/* Main Column */

#mainContent {
	width:53em;
	padding:2em 0 2em 2em;
	float:left;
}

#mainContent h2 {
	color:#F60;
	font-size:1.5em;
}

#mainContent p + h2 {
	margin-top:1.5em;
}

#mainContent h3 {
	font-size:1.25em;
}

#mainContent blockquote {
	padding:0 2em;
	font-style:italic;
	font-size:0.9em;
	color:#444;
	border-left:4px solid #F90;
}

#mainContent ul {
	color:#F90;
}

#mainContent li {
	background:url(../images/li_bullet.gif) left center no-repeat;
	font-size:1.2em;
	padding-left:1em;
	margin:0 0 0.5em 1em;
	color:#333;
}

#suckerfish {
	width:100%;
	height:10em;
	font-family:monaco, courier;
}

/* Main Column Table */

#mainContent table {
	margin-top:1.5em;
}

#mainContent thead th {
	background:#EAEAEA;
}

#mainContent td {
	padding:0.5em;
	background:#F4F4F4;
}

#mainContent td:hover {
	background:#EAEAEA;
}

#mainContent th {
	padding:0.5em;
	background:#F4F4F4;
	color:#004D85;
}

#mainContent th strong {
	color:#F60;
}

/* Form */

fieldset {
	padding:1em 1em 0.5em;
	border:1px solid #EAEAEA;
	margin-top:2em;
	background:#F7F7F7;
}

label {
	display:block;
	padding-bottom:0.5em;
	font-weight:bold;
}

input, textarea {
	border:1px solid #CCC;
	padding:0.25em;
	width:20em;
}

textarea {
	width:28em;
	height:5em;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:#999;
}

#submit {
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	width:auto;
	background:#F90 url(../images/nav_bg.gif) bottom repeat-x;
}

input#submit:hover {
	border-color:#F60;
}

/* Side Column */

#secondaryContent {
	width:16em;
	padding:2em;
	float:left;
}

#secondaryContent h2, #secondaryContent p {
	font-size:1.2em;
}

#secondaryContent h2 {
	color:#F60;
}

.secondaryContentBox {
	border:1px solid #EAEAEA;
	background:#F7F7F7;
	padding:1em 1em 0.5em;
	margin-bottom:2em;
}

.secondaryContentBox span {
	color:#F60;
	font-weight:bold;
}

#secondaryContent blockquote {
	font-style:italic;
	font-size:0.9em;
	padding:0.5em 0 0 2em;
	background:url(../images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
	background:url(../images/right_quote.gif) right bottom no-repeat;
	padding-bottom:1em;
}

#secondaryContent blockquote span {
	margin-left:2em;
}

#secondaryContent .source {
	text-align:right;
	margin:-0.5em 0 2em;
	font-size:1em;
}

#footer {
	text-align:center;
	clear:both;
	padding:1em 0 0;
	background:url(../images/footer_hr.gif) repeat-x;
}

#footer li {
	display:inline;
	margin:0.5em;
}
/* statistic */
.point{background-color:white;border:1px #ccc solid;margin:5px auto;padding:0;width:500px;}
.sttit{border:#ff9900 1px solid;background-color:#ff9;margin:1px;padding:2px;}
.point .graf{margin:5px 0 0;padding:0 1px;height:330px;}
.point .desc{margin:0 0 5px 20px;padding:0;}
.tbl{background-color:white;width:502px;border:1px silver solid;margin:5px 0 5px 4px;}
.sttit,.desc{text-align:left;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost,.friend{color:blue;}
.tbl td,.tbl pre,.value pre,.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding:0;}
.hr{position:relative;text-align:left;overflow:hidden;width:495px;}
.hr .anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.hr .numb{position:absolute;text-align:right;overflow:hidden;width:40px;}
.hr .value{left:43px;position:relative;text-align:left;overflow:hidden;width:450px;}
.sep {width:480px;overflow:hidden;}
/* end statistic */

.form .search,.form .submit {border:silver 1px solid;color:#656565;margin:0;}
.form .search {padding:1px 0 0;text-align:left;width:100px;height:17px;}
.form .submit {padding:0 0 4px;width:30px;height:20px;}

#form_search .search,#form_google .search {padding:1px 3px;height:19px;}
#form_search .submit,#form_google .submit {color:#656565;height:23px;}
#form_search .submit,#form_google .submit {width:60px;}
#form_google .search {width:60px;}
#form_search .search {margin:10px 0 10px 5px;width:385px;}
#form_google .search,#form_google .submit {margin:14px 0 5px 5px;}
#form_search .submit {margin:10px 5px 5px 0;}
#form_google a {margin:10px 0 5px 5px;}
#form_google img {float:left;border:none;width:60px;height:32px;}
#form_google input {float:left;margin:2px;}
#form_google label {float:left;margin:4px;}

fieldset {color:#000;margin:0 auto;;padding:3px 0 0;width:498px;}
legend {color:#a66;padding:0 5px 5px;margin:0 0 0 10px;}
legend span {color:red;}
select,input {height:19px;}
option {padding:0 0 0 5px;height:15px;}
#form_docedit,#form_post,#form_edit,#form_html,#form_comm,#form_email,
#form_friend,#form_search,#form_google {margin:10px auto;width:500px;}
.submit {background-color:#fff;color:#000;cursor:hand;font:12px arial,sans-serif;}

fieldset,#form_docedit div,#form_docedit div p,#form_friend textarea,#form_email textarea,
#form_comm textarea,#form_html textarea,#form_edit textarea,#form_post textarea,#form_select .month,
#form_post select,.editcom,.docedit,.search,.god,.tema,.name,.email,.cod,.date,.submit{border:#7b9ebd 1px solid;}

#form_select .month,#form_select .god,#form_select .submit,#form_google .search,#form_google .submit,
#form_google div,#form_google a,#form_search .search,#form_friend span,#form_post select,label {float:left;}

#form_docedit div span,#form_docedit div p,.docedit,#form_docedit .submit,.tema,.name,.email,.cod,.date,
.editcom,#form_friend textarea,#form_html textarea,#form_html .submit,#form_comm textarea,#form_comm .submit,
#form_edit textarea,#form_edit .submit,#form_post textarea,#form_post .submit,#form_email textarea,
#form_friend .submit,#form_email .submit,#form_search .submit {float:right;}

.email,.cod,#form_comm textarea,#form_friend .tema,#form_friend .name,#form_friend textarea,
#form_email .tema,#form_email .name,#form_email textarea {background:url(../i/pencil.png) 2px 1px no-repeat #fff;}

#form_friend img,#form_email img,#form_comm img {border:none;float:right;margin:2px 2px 2px 0;width:100px;height:19px;}

fieldset {$padding:0;$position:relative;$top:12px;}
legend {$margin:0 0 -7px;$position:relative;$top:-9px;$left:3px;}
#form_select .month {$WIDTH:82px;$HEIGHT:20px;}
#form_select .god {$WIDTH:64px;$HEIGHT:20px;}
#form_select .submit {$padding:0;$HEIGHT:20px;}
#form_post .tema,#form_post .date,
#form_post textarea,#form_post .submit,
#form_edit .editcom,#form_edit textarea,#form_edit .submit {$margin:0 5px 2px 0;}
#form_search,#form_google {$margin:10px auto 20px;}
#form_post .tema {$padding:3px 0 1px 3px;$height:16px;}
#form_post .date {$padding:3px 0 1px 7px;$height:15px;}
#form_post select {$margin:0 0 2px 5px;$height:20px;}
#form_post textarea {$width:476px;}
#form_post .submit {$height:19px;}
#form_edit .editcom {$padding:3px 0 0 6px;$height:16px;}
#form_edit textarea {width:486px;}
#form_comm .tema,#form_comm .name {$padding:3px 0 0px 3px;}
#form_comm .email,#form_comm .cod,
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_friend .tema,#form_friend .name,#form_friend .email,#form_friend .cod {$padding:3px 0 0px 22px;}
#form_docedit div {$margin:10px 5px;$padding:9px 5px 3px;$height:17px;}
#form_docedit div p {$margin:-6px 0 0 -11px;$padding:4px 2px 0 0;$height:17px;}
#form_docedit .docedit {$margin:-6px 0 0;$padding:4px 0 2px;$height:15px;}
#form_search .search,#form_google .search {$padding:4px 3px 0;$height:17px;}
#form_docedit .submit {$margin:0 5px -8px 0;}
*html #form_select .submit {height:21px;}
*html #form_post .submit {height:20px;}
*html #cp {padding:5px 2px 1px 3px;height:15px;}
*html .cb {padding:3px;height:15px;}

html:root #form_post .tema {padding:3px 0 0 3px;}
html:root #form_post .date {padding:3px 0 0 7px;}
html:root #form_post textarea {width:477px;}
html:root #form_post .submit {margin:0 5px 2px 0;}
html:root #form_search .submit,html:root #form_google .submit {padding:0 0 2px;}
html:root #form_search .search,html:root #form_google .search {padding:3px 3px 0;height:18px;}
html:root #form_select .month {width:82px;}
html:root #form_select .god {width:64px;}
html:root #form_friend label {padding:9px 0 0 20px;}
html:root #form_friend span {padding:22px 0 0 10px;}
html:root #form_friend .tema,html:root #form_friend .name,
html:root #form_friend .email,html:root #form_friend .cod,
html:root #form_email .tema,html:root #form_email .name,
html:root #form_email .email,html:root #form_email .cod,
html:root #form_comm .email,html:root #form_comm .cod {padding:3px 0 0 22px;}
html:root #form_comm .tema,html:root #form_comm .name {padding:3px 0 0 3px;}
html:root #form_edit textarea {width:486px;}
html:root #form_docedit .docedit {padding:4px 0 1px 3px;height:16px;}
html:root #form_docedit div p {margin:-5px 0 0 -15px;}
html:root .form .search {padding:2px 0 0;text-align:left;}



/* календарь */
#calendar {background-color:#f1f1ff;border:none;margin:0 auto 5px;text-align:center;width:100px;}
.month,.cv,.cs,.cn,#cn {padding:3px 0;}
.ct {padding:2px 3px 3px;width:10px;}
#cp {display:block;padding:4px 0 5px;position:relative;}
#cp {#padding:3px 0 4px;}
html:root #cp {padding:4px 0;}
*html #calendar td {vertical-align:bottom;}
.month,.ct,.cb,.cv {background-color:#f1f1ff;color:#777;}
.month,.ct,.cb,.cv,#cp,.cn,.cs,#cp:hover {border:1px solid;border-color:#ffe #aaab9c #ccc #fff;}
.month {color:#929299;font:bold italic 12px georgia;}
.ct {color:#777;}
.cv {background-color:#ffe0cc;color:#733;}
.cs {background-color:#f1f1ff;color:#a00;border-color:#aaab9c #fff #fff #ccc;}
.cp {background-color:#fff;}
#cp {background-color:#ff9;color:blue;}
#cp:hover {background-color:#ff7;color:red;border:1px solid;border-color:#aaab9c #fff #fff #ccc;}
.cn {background-color:#f1f1ff;}
#cn {color:#aa9;}
/* end календарь */