@charset "utf-8";
@import url(http://static.itmages.ru/css/reset.css);
html { height:100%; font-size:.75em; }
body { position:relative; background-color:#fff; color:#36639E; min-width:600px; font:100.1% Verdana, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

/*Cсылки*/
a { color:#36639E; text-decoration:underline }
a:hover { color:#4aa0e0 ;}
a * { cursor:pointer }

/*Мои загрузки тэги каменты*/
/*.options { display: none }
.addtagform {display: none }
.addcommentform { display: none}
*/
.tags { border-top: 1px solid #36639E; margin: 0 0.5em; padding: 0.3em 0.2em }
/*.descr { display: none }*/
#listtags { display: none; border: 1px solid #36639E; padding: 1.2em; text-align: center; margin: 1em 1em }
#submittag { width: 220px }

#body-notice { display: none }
#body-notice { color: black; padding: 0px; text-align: center  }
#body-notice { border: 1px solid #000000; text-align:center; width:770px; margin:0 auto; max-height:120px; height:auto !important; height:120px; overflow:auto; position:relative; top:1em }
#body-notice p { margin:0.3em 0; padding: 0 }
#captcha { width:310px; margin:0 auto; text-align: left }

#loader { width: 220px; }
#loader table { width: 280px; }
#loader td { vertical-align: middle; color: black; font-weight: bold; font-size: 150%; }
#loader { margin:0px auto; }
#loader { display: none; }

/*верх*/
#top { padding:10px 0 0; margin:0 10px; position:relative; overflow:hidden }
     #statforday { width:40%; float:left }/*статистиа за сутки*/
     #infoblock { width:100%; float:left; text-align: center }
	 #login { float:right; width:auto  }/*формы входа и регистрации*/
	        #login form { display:block; border-left:1em #fff solid; float:left  }
			#login input { padding:.2em; font:100.1% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle }
			#login input[type="submit"] { padding:.1em .2em}
	        #login_text { float:left; padding-top:.4em }
.regin { text-align: right }		

/*главный блок загрузки картинки*/
#main { width:568px; margin:0 auto; padding-top:180px; position:relative; padding-bottom:80px } 
      h1 { position:relative; width:100px; height:40px; overflow:hidden; position:relative; line-height:40px; color:#4aa0e0; font-weight:bold; font-size:1.4em } /*блок главного заголовка*/
	     h1 span { position:absolute; width:100%; height:100%; top:0; left:0; background:url(http://static.itmages.ru/logo/ITmages2.png) no-repeat;}/*логотип*/
	  h1.content-logo { position:absolute; left:-100px; }
	  h1.about-logo { margin-left:150px; }
	  h1.page-logo { position:absolute; left:60px; }
	  h1.rule-logo { position:relative; margin:0 auto }
	  #main form { width:100%;  }
	  #main form fieldset { width:130%;}
	  #main input { font:110.1% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; vertical-align:middle  }
      #image { line-height:1.9em; }
	  #rule { font-size:.8em; padding-top:.4em }
          #notice-rule-1 { font-size: 9px; padding-top:.4em }     
	  #notice-rule-2 { font-size: 12px; padding-top:.4em }
          #notice-rule-3 { font-size: 9px; padding-top:.4em }
	  #content { width:480px; margin:0 auto; text-align:center}
	  #content h2 { font-weight:bold; margin:1.2em 0 2.4em; }
	  #content h3 { font-weight:bold; margin:1.2em 0 2.4em; }
	  #content ul { width:100%; margin:.8em auto 1.4em; padding-left:2em}
	  #content li { list-style:outside disc; text-align:left; margin-bottom:.5em}
	  #content p { margin:.8em 0 1.4em; }
	  
/*текстовая страница*/
#page { width:980px; margin:0 auto; padding-top:2em; padding-bottom:80px; position:relative }
      #pagedescr { padding:4px 20% 0 200px; height:3em }
	  h2#pagedescr { font-weight:bold }
	  #page #content { width:100%; padding:2em 0 }
#page_adm { width:1200px; margin:0 auto; padding-top:2em; padding-bottom:80px; position:relative }
      #pagedescr { padding:4px 20% 0 200px; height:3em }
	  h2#pagedescr { font-weight:bold }
	  #page_adm #content { width:100%; padding:2em 0 }

.del { display:inline }

td p.image { height:176px } 

.page { display:inline }

#myuploads { width:100% }  
#myuploads td { text-align:center; width:245px; padding-bottom:2px; vertical-align:top; }
#myuploads td:hover, #thread tr:hover td { background:#f2f2f2; }
#myuploads p { padding:.3em .2em; margin:0 .5em; border-top:1px solid #36639E;}
#myuploads .upload-time { font-size:.9em; border:0 }
#myuploads img, #thread img {border:0px solid }
#myuploads p.image table { height:176px; width:100% } 
#myuploads p.image table td {height:176px;vertical-align:middle;text-align:center}

#adm { width:100% }  
#adm td { text-align:center; width:245px; padding-bottom:20px; vertical-align:top; }
#adm td:hover, #thread tr:hover td { background:#f2f2f2 }
#adm p { padding:.5em .2em; margin:0 .5em; border-top:1px solid #36639E;}
#adm .upload-time { font-size:.9em; border:0 }
#adm img, #thread img {border:1px solid #36639E }

#thread { width:100% }
#thread td { text-align:center }
#thread img { margin:.2em}
#thread .preview { width:240px; vertical-align:middle; text-align:center}
#thread h3 { margin:4em 0 1.5em; margin-right:.4em; padding-bottom:.5em; border-bottom:1px solid}

.comments-head { overflow:hidden }
.comments-head dd { float:left; display:block  }
.comments-preview img {border:1px solid #ededff; padding:1px; }
.comments-preview:hover img { border-color:#36639E;}
.comments-head dd { float:left; display:block; width:240px; text-align:right  }
#page .comments-head dt { height:158px; border:1px solid #ededff; float:right; width:480px; margin:0; text-align:left; padding:10px }
.comments { clear:both; margin:2em auto 0; width:70%; text-align:left }
.comments dt { font-weight:bold; }
.comments dd { border:1px solid #ededff; margin:.4em 0 2em 3em; padding:2px; max-height:200px; height:auto !important; height:120px; overflow:auto }

#comment_form { margin-left:3em; overflow:hidden; display:block } 
#comment_form textarea, #comment textarea  { margin-bottom:1em; overflow:auto; }
#comment { padding-bottom:2em; width:420px; margin:0 auto }
#links {width:420px; margin:0 auto;}
#links p { margin:0 0 .2em; text-align:left; }
#links input { width:416px; margin:0 auto; margin-bottom:.8em; display:block }

#image_preview { margin:0 0 1em}
#image_preview a img {border:1px solid #ededff; padding:1px;}
#image_preview a:hover img {border:1px solid #36639E; }

#view-comment { text-align:center; width:770px; margin:0 auto; border:1px solid #36639E ;max-height:120px; height:auto !important; height:120px; overflow:auto; position:relative; top:0.5em }
#view-comment p { margin: 0.3em 0 }

#page .rule { font-weight:bold; text-align:left; color:#000 }
#page .rule h2, #page  .rule h3 { clear:left; color:#36639E; margin:3em 0 2em }
#page .rule h2 { font-size:1.3em}
#page .rule h3 { font-size:1.15em; padding-left:3.6em}
#page .rule ul li { list-style:decimal}
#page .rule p, #page .rule li { margin:0 }

/*футер*/  
#bottom { padding:0 0 2.3em; margin-left:-50%; overflow:hidden; position:absolute; bottom:0; left:50%; width:100%;}
        #bottom p { text-align:center; padding:1em 10px 0 }
		#bottom #w3 { position:absolute; bottom:0; right:0; padding:0 10px 10px; }
		#bottom #friend { position:absolute; bottom:0; right:0; padding:0 10px 30px; text-align: right }
		#bottom li { display:inline }