@charset "windows-1252";

* { outline: none }                                                              
a img { border: none}       

p { margin: 0; padding: 0}         

.left { float: left; margin: 0 10px }
.right { float: right; margin: 0; }
.bold { font-weight: bold }
.relative { position: relative }
.hidden { display: none }                
.clear { clear: both }  
.monospace { font-family: monospace}                   
.center {text-align: center}

a { text-decoration: none; color: blue }
a:visited {color: blueviolet}
a:hover { color: #f71;}
body { background-color: #7EBBFF; background-image: url(bback.png); margin: 0; font-family: arial, sans-serif; font-size: 12px;}

#layout { position: relative; width: 960px; margin: 0 auto; background: url(back.png)}
#header { position: relative; height: 112px; margin: 0; background: url(header.png)}
#footer {  clear: both; position: relative;  background-position: bottom; background-repeat: no-repeat; background-image: url(footer.png); color: gray; padding: 15px 35px 35px 35px; font-size: 10px; text-align: center; font-family: sans-serif }
         
h1 { margin: 5px 10px; font-size: 16px }     
h2 { margin: 5px 10px; font-size: 14px }
h3 { margin: 5px 10px; font-size: 12px }

#header form { position: absolute; top: 50px; right: 50px}                                

#header #userslnk { position: absolute; top: 80px; right: 50px; font-size: 10px }                              
#header #chatlnk { position: absolute; top: 95px; right: 50px; font-size: 10px; cursor: pointer }                              

#header #homelnk { position: absolute; width: 110px; height: 70px; top: 40px; left: 58px }

/*--------- forum ----------*/

#forum { margin: 0 35px; position: relative; min-height: 400px; z-index: 2; font-size: 12px }  

#topics { margin: 0 3px }
#topics a{ display: block; height: 48px; background-color: #ccf; margin-bottom: 2px} 
#topics a.ro{ background-color: #ddd; background-position: 0 48px; } 
#topics a:hover {   background-color: #f71; background-position: 0 96px; color: black } 
#topics a .title { font-size: 14px; font-weight: bold; display: block }
#topics a .desc { color: blue; display: block }
#topics a:hover .desc { color: black }
#topics a .info { font-size: 10px; color: gray; display: block}
#topics a:hover .info { color: black }
#topics a .msg { float: right }
#topics a.pic { padding-left: 52px; background-repeat: repeat-y; }

#topics div { background-color: #ccf; text-align: center; padding: 10px 5px }
#topics div a { display: inline; padding: 0 5px; margin: 0 }

#thrpanel { min-height: 360px; clear: both }

#thread { margin: 0 3px }

#thread a { display: block; }
#thread div a{ padding: 0 2px; height: 48px; background-color: #ccf; margin-bottom: 2px} 
#thread a.ro{ background-color: #ddd; background-position: 0 48px; } 
#thread div a:hover {   background-color: #f71; background-position: 0 96px; color: black } 
#thread a .title { font-size: 12px; font-weight: bold; display: block }
#thread a .desc { color: blue; display: block; white-space: nowrap }
#thread a .desc .right { color: gray }
#thread a:hover .desc .right { color: black }
#thread a:hover .desc { color: black }
#thread a .info { font-size: 10px; color: gray; display: block}
#thread a:hover .info { color: black }
#thread div a.closebt { display: inline; float: right; margin: 5px }

#thread div a.closebt1 { display: block; width: 14px; height: 19px; background-image: url(forum/lock.png); float: right; padding: 0; margin: 5px; -moz-border-radius: 0; background-position: bottom; background-color: transparent }
#thread div a.closebt2 { display: block; width: 14px; height: 19px; background-image: url(forum/lock.png); float: right; padding: 0; margin: 5px; -moz-border-radius: 0; background-position: top; background-color: transparent  }
#thread div a.closebt1:hover { background-position: top}
#thread div a.closebt2:hover { background-position: bottom}



#thread div { clear: both }         
#thread input { float: left; position: relative; bottom: 2px; }         
.pages { display: block; margin: 5px; text-align: center; font-size: 14px; color: gray } 
            
#thread .pages a,#lastmsg .pages a,#searchres .pages a{ display: inline}                   
#thread h2,#lastmsg h2, #searchres h2, #topics h2{ color: black; font-size: 12px }

#lastmsg { margin: 0 3px; top: 0; font-size: 10px; color: #888; overflow: hidden }
#lastmsg a { margin: 0 0 2px 0; clear: both; cursor: pointer; display: block; }

#lastmsg a span.title { display: block; font-size: 12px; color: blue; background: #ccf; min-height: 15px}      
#lastmsg a.ro span.title { background: #ddd }      
#lastmsg a span.subtitle { background: #e5e5ff; display: block; font-size: 10px; color: gray; min-height: 12px }      
#lastmsg a.ro span.subtitle { background: #eee }      
#lastmsg a:visited span.title { color: blueviolet }
#lastmsg a:hover span.title { color: black; background: #f71 }
#lastmsg a:hover span.subtitle { color: black; background: #fca}
#lastmsg a .sample { color: blue }      
#lastmsg a:hover .sample { color: black }    
  
#searchres { height: 100%; overflow: auto; font-size: 10px; color: #888 }
#searchres a { margin: 0 0 2px 0; clear: both; cursor: pointer; position: relative; display: block; }
#searchres a span.title { display: block; font-size: 12px; color: blue; background: #ccf;}      
#searchres a span.subtitle { background: #e5e5ff; display: block; font-size: 10px; color: gray; min-height: 10px }      
#searchres a.ro span.subtitle { background: #eee }      
#searchres a:visited span.title { color: blueviolet }
#searchres a:hover span.title { color: black; background: #f71 }
#searchres a:hover span.subtitle { color: black; background: #fca}
#searchres a .sample { color: blue }      
#searchres a:hover .sample { color: black }                                                  

.subject { position: relative; text-align: center; background: #ccf; margin: 0;}
.subject * { margin: 0 }
.in_reply_to {} 

.mainbox { position: relative; width: 100%; margin: 2px 0; padding: 0; overflow: hidden} 
.author { position: absolute; left: 0; top: 0px; width: 188px; height: 100%; text-align: center; background: #ccf; overflow: hidden }
.author span { display: block; font-size: 10px }
.author h4 { margin: 5px 0 }

.replies { position: relative; font-size: 11px; margin: 0 0 2px 0; background: #ccf; padding: 0 0 10px 5px }
.tree_hl { position: absolute; top: 2px; text-decoration: none; font-weight: bold; }
.tree_label {position: absolute; top: 2px; text-decoration: none; font-weight: normal; }   
.replies div img { border: 0; z-index: 0}
.replies div { position: relative; height: 12px; overflow: visible}
     
.body {  margin: 0 0 0 190px; min-height: 300px; padding: 5px; background: #ccf; font-size: 12px; font-weight: normal}                              
.body span { display: block; padding: 0 0 0 5px; margin: 0; border-left: solid; border-width: 2px; color: #444;  }
.body span span { color: #666}
.body span span span { color: #888} 
.body span span span span { color: #aaa} 
.body span span span span span { color: #bbb } 
      
.actbt { position: absolute; top: 0px; left: 5px }
.actbt a { float: left; display: block; padding: 0 10px; margin: 2px 5px; border-style: solid; border-width: 1px; border-color: white }
.actbt a:hover { color: black; background: #f71; }

#login { margin: 10px; font-size: 10px  }                 
#login input.txt { font-size: 10px; width: 60px }    

a.changeview { z-index: 3; position: relative; display: block; float: right; margin: 5px 10px; border-style: solid; border-width: 1px; border-color: white; padding: 0 10px; text-align: center; text-decoration: none; background: #ccf; line-height: normal}   
a:hover.changeview {background: #f71; color: black }   

a#new{ margin: 10px; padding: 0 10px; text-align: center; text-decoration: none; background: #ccf}
a:hover#new{ background: #f71; color: black }

#lnkback a{padding: 0 6px; margin: 0 4px; color: blue; background: #ccf}
#lnkback a:hover{ background: #f71; color: black}

#lnkback { padding: 0 10px; margin: 5px 0; float: right; text-align: right; z-index: 10;}            
           
a#addupload { padding: 0 10px; position: absolute; top: -20px; right: 20px; color: blue; text-align: right; z-index: 10; background: #ccf; border: solid 1px white }
a:hover#addupload { background: #f71; color: black}

#inputs { position: absolute; width: 190px; top: 0px; left: 690px; height: 300px; border-color: #7F9DB9; border-width: 1px; border-style: solid; overflow: scroll }  
#inputs div { margin: 3px 2px; background: #ccf; text-align: center }
#inputs img { margin: 1px }
#inputs input { font-size: 10px; margin: 2px }

#smiles img { cursor: pointer }

#new_subject { margin: 10px 15px; width: 300px }
#new_body {	margin: 0 15px; width: 660px; height: 300px } 
#new_submit { position: absolute; top: 0; right: 0}
#ftbar { margin: 10px 15px; position: relative; width: 500px;}		            
   
#signature { font-family: sans-serif; font-size: 12px; width: 400px }

#users_list { margin-left: 5px }                                                
#users_list div { position: relative; float: left; width: 108px; height: 160px; text-align: center; background: #ccf; margin: 1px; padding: 2px 0; overflow: hidden}                                                
#users_list .n { position: absolute; top: 2px; left: 0; display: block; width: 100%; font-weight: bold; z-index: 2 }
#users_list .ide { position: absolute; top: 16px; left: 0; display: block; width: 100%; font-size: 10px; z-index: 2 }
#users_list .i { position: absolute; top: 32px; left:0; display: block; width: 100%; height: 90px; z-index: 1}
#users_list .p { position: absolute; top: 150px; left:0; display: block; width: 100%; font-size: 10px}               

.bt_ban1 { display: block; float: right; margin: 0 5px 0 0; width: 13px; height: 11px; background-image: url(forum/user.png) }
.bt_ban2 { display: block; float: right; margin: 0 5px 0 0;  width: 13px; height: 11px; background-image: url(forum/user.png); background-position: bottom }
.bt_del { display: block; float: right; margin: 0 5px 0 0;  width: 13px; height: 11px; background-image: url(forum/delete.png) }
.bt_ban1:hover { background-position: bottom  }
.bt_ban2:hover { background-position: top }

fieldset { position: relative; top: 20px; border-style: solid; border-width: 1px; border-color: blue; background: #ccf; margin: 0 5px 15px 5px; color: blue }
legend {  border-style: solid; border-width: 1px; border-color: blue; background: #ccf; font-weight: bold;}
th { text-align: left }                                             
button { cursor: pointer }      

a.adminupdate { border-color: red }

#thrpanel #mainpan { background-color: #ccf }

.body object { margin: 5px 0 5px 128px }

#lcol { float: left; width: 445px }
#rcol { float: left; width: 445px }


/* CSS3 non standard */

#thread a, #topics a, #topics div, #lnkback a, #new, #mainpan, #users_list div, #thrpanel .subject, #thrpanel .author, #thrpanel .body, #thrpanel .replies { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }

#searchres a .title, #lastmsg a .title { padding: 0 3px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 }
#searchres a .subtitle, #lastmsg a .subtitle { padding: 0 3px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px }