* { outline: none; outline:0; outline-style: none; text-shadow: 0 0 5px black; }
body { background:#222 url(src/bgs.png) repeat-y; background-position: center; font-family:'Segoe UI','Calibri',Tahoma; color:#eee; margin: 0px; border:0px;
line-height:110%; }

a { text-decoration:none; border:0px; color:#6d7f75; }
a:hover { color:#ff0; text-decoration:none; }
h1 { font-size:25px; color:#ccc; }
h2 { font-size:22px; color:#bbb; }
h3 { color:#999; line-height:110%; }
textarea { -moz-border-radius:0.3em; border-radius: 0.3em; -webkit-border-radius: 0.3em;  }

#roof { width:850px; height:300px; text-align:center; margin: 0px auto; font-size:14px; }
#menuf { float:left; width:170px; height:235px; display:inline; margin-top:40px; text-align: right; color:#aaa;}
#menuf2 { float:right; display:inline; margin-top:40px; text-align: right; width:270px; }
#menuf2 a{ color:#eee; } #menuf2 a:hover{ color:#ff0; }
#logof { background-image: url(src/logo.png); background-repeat: none; height:300px; width:407px; float:left; }
        
#roofi { width:800px; text-align:center; margin: 0px auto; }
#logoi { width:250px; float:left; margin: 0px auto; height:110px;  }
#menui { float:right; width:540px; display:inline; margin-top:10px; text-align:right; z-index:1; }

#clear { clear:both; }
.greyline { border-bottom:1px dotted;width:100%; }

#container { width:850px; text-align:center; margin: 0px auto; display:block; font-size:14px; line-height:110%; }

#footer { font-size:12px; color:#555; }
#footer a{ color:#555; } #footer a:hover{ color:#aaa; }

.ta { background:#222; border:0px; color:#777; font-family:'Segoe UI','Calibri',Tahoma; font-size:12px; overflow: hidden; padding:3px;
    box-shadow:inset 0px 0px 15px #080808; -moz-box-shadow:inset 0px 0px 15px #080808; -webkit-box-shadow:inset 0px 0px 15px #080808; }

    a.opacity img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
    a.opacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
    a.opacityc img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
    a.opacityc:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
  
#nwhr { border-bottom:dotted 2px;border-color:black;margin-bottom:20px; }

#nwmenu { width:250px; text-align:right; margin: 0px auto; color:#555;  float:left; }
#nwmenu a{ color:#eee; } #nwmenu a:hover{ color:#ff0; }

#nwcontent { text-align:left; padding-left: 30px; color:#777; float:right; width:520px; }
#nwcontent a{ color:#eee; } #nwcontent a:hover{ color:#ff0; }

#nwt { background:#111; color:#555; font-size:12px; border-bottom:dotted 1px; border-color:black; 
padding:5px 25px 5px 25px; }

#nws { color:#777; /*padding-bottom:30px;*/ text-align:left; }
#lng { float:right; text-align:right; margin-right:20px; width:30px; position: absolute; top: 10px; left:10px; }
#htx { color:#aaa; text-align:justify; margin:20px; width:450px; float:left; }
#htb { color:#aaa; text-align:right; margin:20px; width:300px; float:right; }

#separator { clear:both; display:block; }
#hr { border-bottom:1px dotted; border-color:black; }

#cbutt { width: 100%; height: 60px; text-align: center; }
#button { width: 150px; height: 60px; background: url(src/pb0.jpg) no-repeat; color: white; text-align: center; }
#button:hover { background: url(src/pb1.jpg) no-repeat; }

#ibutton { width: 250px; height: 30px; background: url(src/ib0.jpg) no-repeat; color: #aaa; text-align: right; float:right; }
#ibutton:hover { background: url(src/ib1.jpg) no-repeat; color: white; float:right; }
#sbutton { width: 250px; height: 30px; background: url(src/ib2.jpg) no-repeat; color: white; text-align: right; float:right; }
#dbutton { width: 250px; height: 30px; background: url(src/ib3.jpg) no-repeat; color: white; text-align: right; float:right; }

#kbutton { width: 250px; height: 30px; background: url(src/sb0.jpg) no-repeat; color: #aaa; text-align: right; }
#kbutton:hover { background: url(src/sb1.jpg) no-repeat; color: white; }
#fbutton { width: 250px; height: 30px; background: url(src/sb3.jpg) no-repeat; color: white; text-align: right; }

blockquote { border-left: 3px dotted; border-color: black; margin-bottom: 15px; margin-top: 10px; padding: 15px; background: #191919; }
.intext { float:right; border: 2px; border-color: black;  margin: 8px 0 8px 12px; }
.forminput { background: url(/src/input.jpg) repeat-x; border:0px; padding:6px; color: white; -moz-border-radius: 0.5em;  border-radius: 0.5em; -webkit-border-radius: 0.5em;min-height: 25px; }

.messagebox {  width:100px; } .messageboxok{  width:100px; color:green; } .messageboxerror{  width:100px;  color:red; }

.sr_text { position:relative; top:15px; font-size:25px; text-align:center; font-family:Calibri; z-index:2; }
#wy { width:250px; margin:0 auto; } #wy a { color:white; } #wy a:hover { color:yellow; }
.sr_bg { height:30px; position:relative; top:40px; background:black; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; overflow:visible; z-index:1; }
.sr_teaser { width:250px; height:80px; border:1px solid; border-color:#111; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; margin-bottom:8px; box-shadow:inset 0px 0px 15px #080808; -moz-box-shadow:inset 0px 0px 15px #080808; -webkit-box-shadow:inset 0px 0px 15px #080808;}

.icons { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; position:relative; top:90px; left:40px; }
.tq { color:white; position:relative; top:90px; left:40px; }
.preview { -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-border-radius: 0.4em; width:128px; height:128px; }

.piccontainer { -moz-border-radius: 0.8em; border-radius: 0.8em; -webkit-border-radius: 0.8em; background:#111; width:846px; 
    border:1px solid; border-color:#1b1b1b; box-shadow:0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow:0px 0px 15px #000; }
#piccontainer { -moz-border-radius: 0.8em; border-radius: 0.8em; -webkit-border-radius: 0.8em; background:#111; z-index:2;
    border:1px solid; border-color:#1b1b1b; box-shadow:0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow:0px 0px 15px #000; }
    
.rb8 { -moz-border-radius: 0.8em; border-radius: 0.8em; -webkit-border-radius: 0.8em; }
.rb3 { -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.statinfo { background:#1F1F2C; padding:10px;width:80%; color:#57577D; -moz-border-radius:0.5em; border-radius: 0.5em; -webkit-border-radius: 0.5em; float:right; margin-top:7px; border:1px solid; border-color:#57577D; }
#comf { margin-left:0px;background:#111;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; 
    border:1px solid; border-color:#1b1b1b; box-shadow:0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow:0px 0px 15px #000; }

.greylinevk { border-bottom:1px dotted;width:100%; padding-top:5px; padding-bottom:10px; }
.avavk { float:left; margin-right:20px; border-color:#111; }
.clearvk { clear:both;padding-bottom:10px; }
.spnvk { color:#999; }

#footr { text-align:center; background:#111; -moz-border-radius: 0.5em; border-radius: 0.5em; -webkit-border-radius: 0.5em; width:500px; padding:10px; margin: 0 auto; font-variant: small-caps; font-size: 12px; }
#albumtxt { margin-right:100px;margin-left:100px;color:#999; }

.pbgnd { background: #111; }

.usermenu { background:#222;color:#777;width:470px;font-size:12px;margin:0px;font-family:'Segoe UI','Calibri',Tahoma; }
.comtr { background:url(/src/tarea.png) no-repeat;background-position:center;height:160px; }
.comta { padding:10px;font-family:'Calibri';background:transparent; color:#888;border:0px;width:85%;height:130px; }

#srseotext { margin-right:100px;margin-left:100px;color:#999; }