/* YUI CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
em{font-style:italic;font-weight:normal;}
strong{font-weight:bold;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}

small, em, .em {color:#333333;}

h1,h2,h3,h4,h5 {font-family: Georgia, "Times New Roman", Times, serif;padding:0.5em 0 0.3em 0;}
h1 { font-size: 1.6em; font-weight: normal; padding:1em 0 0.4em 0;}
h2 { font-size: 1.6em; font-weight: normal; padding:1em 0 0.3em 0;}
h3 { font-size: 1.45em; font-weight: normal; }
h4 { font-size: 1.25em; font-weight: normal; padding-bottom: 0.3em; }
h5 { font-size: 1em; font-weight: bold; color:#4b4b4b; }



/*  topbar   */
#auth-form { position: relative; height: 56px; width:991px; margin:0 auto; background: url('/bitrix/templates/schoolplanet2/i/head-bg.gif') no-repeat 0 100% #f2f2f3; }

#auth-form a:visited,
#auth-form a { color: #473f34; font-size: 10px; }

#auth-form #tools { position: absolute; top: 0; right: 0; padding: 2px 30px 0 0; height: 41px; width: 224px; background: url('/bitrix/templates/schoolplanet2/i/head-bg-r.gif') no-repeat 100% 100%; }
#auth-form #tools a#rss { display: block; float: left; color: #473f34; margin-right: 10px; font-size: 10px; padding-left: 13px; text-decoration: dotted; background: url('/bitrix/templates/schoolplanet2/i/rss-ico.gif') no-repeat 0 50%; }
#auth-form #tools a#fav { display: block; float: left; color: #473f34; font-size: 10px; padding-left: 16px; text-decoration: dotted; background: url('/bitrix/templates/schoolplanet2/i/fav-ico.gif') no-repeat 0 50%; }

#auth-form #links { position: absolute; top: 17px; left: 30px; }
#auth-form #links a { margin-right: 10px; }

#auth-form #profile { font-size:10px; left:110px; line-height:15px; position:absolute; top:7px; font-size:11px; }
#auth-form #profile a { display:block; font-size:12px; }

#auth-form #user-links { background:transparent url(/bitrix/templates/schoolplanet2/i/enter-ico.gif) no-repeat scroll 0pt 20%; left:350px; line-height:15px; padding-left:14px; position:absolute; top:7px; } 
#auth-form #register { position: absolute; top: 10px; left: 150px; padding-left: 14px; background: url('/bitrix/templates/schoolplanet2/i/enter-ico.gif') no-repeat 0 20%; }
#auth-form #login-form { position: absolute; top: 12px; left: 300px; width: 450px; }
#login-form input.text { width: 110px; height: 16px; font-size: 11px; }
#login-form input.submit { font-size: 10px; background: #adab9c; color: #f2edf1; padding: 2px 12px; border: 0; }
#remember { margin: 4px 0pt 0pt 117px; *margin: 0 0 0 115px; }
#remember_me { display: inline; margin: 0; vertical-align: top; padding-top: 5px; font-size: 10px; color: #787a77; }

a#forgot { position: absolute; top: 34px; left: 417px; }

.search {float:left; margin-top:5px;}
.search .text {float:left;width: 140px; height: 18px; padding:0 2px; margin-right:5px; color:#666;}
.search .button {float:left; font-size: 10px; background: #adab9c; color: #f2edf1; padding: 2px 12px; border: 0;}




/* sidebar */
.news {border-bottom:1px dotted #939393; padding-bottom:0.5em;}
.lastelement { border-bottom:none !important; } 
.more-news {display:inline-block;clear:both;line-height: 3em;}

.questbook {position:relative; margin:0 0 20px -20px;}
.questbook h2 {padding-left:20px;}
.questbook .message { margin-bottom:5px; padding:3px 20px 10px; background:#f9f9ef; color:#ccc;  }
.questbook .message small { display:block; line-height:1.2em;}
.questbook .write {display:block; margin: 10px 0 0 20px ; padding-left: 18px;background: url(/bitrix/templates/schoolplanet2/i/comments_icon.gif) no-repeat;}

.articles-sp {position:relative; width:270px; margin:10px 0 0 -20px; background: #F5F6E8 url(/bitrix/templates/schoolplanet2/i/trans_bottom.png) no-repeat bottom;}
.articles-sp-inner {width:250px; padding: 10px; background: url(/bitrix/templates/schoolplanet2/i/trans_top.png) no-repeat;}
.articles-sp h2 {padding:0.1em 0 0 0;}
.new_article {padding:15px 0; border-bottom:1px dotted #939393;}
.new_article a { display:inline; color:#0070a5 !important;}
.new_article a:hover { color:#42c3ff !important;}
.new_article .title { font-size: 1.3em; font-family:Georgia, "Times New Roman", Times, serif; }
.new_article .rate { display:none; }
.comments {margin-left:3px;}
.comments a { margin-right: 20px; padding-left: 18px;background: url(/bitrix/templates/schoolplanet2/i/comments_icon.gif) no-repeat;}


/*  includes news / events  */
.photos {float:left; width:30%; margin-bottom:1em;}
.photos .preview_picture,
.news-detail .preview_picture {float: left; margin:4px 10px 0 0; padding:1px; border:5px solid #eee; vertical-align:middle;}
.photos .preview_picture:hover {border:5px solid #ddd;}

.news-detail { clear:both; overflow:hidden; zoom:1;}
.news-detail h3 {margin-top:0.5em;}

em.date {display:block; margin:-2px 0 2px 0; font-style:normal;}


/* elements */
input[type=text],
input[type=password],
select,
textarea {
	background:#fff url(/bitrix/templates/schoolplanet2/i/input_bg.gif) no-repeat top left;
	border:1px solid;
	border-top-color:#808080;
	border-left-color:#808080;
	border-bottom-color:#eaeaea;
	border-right-color:#eaeaea;	
	}


.tag_cloud {
	clear:both;
	height:150px;
	margin-top:20px;
	padding:20px 0;
	background:#fff url(/bitrix/templates/schoolplanet2/i/prefooter.gif) no-repeat bottom center;
}
/* Tags size stiles */
div#tag_cloud			{ text-align: center; }
div#tag_cloud div		{ padding: 30px 180px 0 180px; }
div#tag_cloud a			{ line-height: 27px; color: #026c9e; font-family: Georgia; margin: 0 4px; text-decoration: none; }

a.tag1:visited,a.tag1	{ font-size: 0.9em; }
a.tag2:visited,a.tag2	{ font-size: 1em; }
a.tag3:visited,a.tag3	{ font-size: 1.3em; }
a.tag4:visited,a.tag4	{ font-size: 1.5em; }
a.tag5:visited,a.tag5	{ font-size: 1.7em; }
a.tag6:visited,a.tag6	{ font-size: 1.9em; }
a.tag7:visited,a.tag7	{ font-size: 2.1em; }