/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {display:block}
mark,rp,rt,ruby,summary,time {display:inline}
hr{border-top:3px solid #e9e9e9;}

body {
background:url(../images/bg_top2.gif) top repeat-x #e2e2e2;
border:0;
font-size:12px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
color:black;
line-height:17px
}

.wrapper {
width:100%;
overflow:hidden;
}

.main {
position:relative;
margin:0 auto;
width:920px;
}

a {
color:#308da2;
text-decoration:none;
outline:none
}

a:hover {
color:#a12361;
}

.important{color:#C12869;}
h1 {float:left;padding:16px 0 0 0}
h2 {font-size:35px;font-weight:600;color:#000;line-height:44px;padding:16px 0 9px 0;letter-spacing:-1px}
.box h2 {padding:29px 0 16px 0}
p {padding-bottom:17px}
/* header */
.toplinks{float:right; text-align:right; padding:1px; margin:8px 0 8px 0; text-decoration:none;}
.toplinks a{text-decoration:none; margin-left:10px;}
.toplinks a:hover{text-decoration:underline;}
#logo {font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; position:relative; padding:1px 10px; margin-top:8px;float:left; border:1px solid #459daf; color:#459daf;}
#search {float:right;margin:0px 0 0 0}
#search .bg {background:url(../images/search.gif) no-repeat;width:193px;height:36px}
#search .submit {float:right;width:40px;background:none;cursor:pointer}
#search .input {float:right;background:none;font:13px Arial,Helvetica,sans-serif;color:#323232;height:16px;width:143px;padding:10px;padding-right:0}
#menu {clear:both; height:55px; padding:0 0 20px 0; width:920px; background-color:red; background:url(../images/menu.gif) top repeat-x; overflow:hidden;margin-top:3px;}
#menu li {float:left}
#menu a {display:block;font-size:14px;font-weight:400;color:#000;line-height:55px;text-decoration:none}
#menu li span {margin:0 auto; display:block;background:url(http://o-stea.net/web) top left no-repeat}
#menu .alpha span {margin:0 auto; background:url(../images/left_menu.gif) top left no-repeat}
#menu .alpha a:hover span,#menu .alpha#menu_active a span {background:url(../images/left_menu_active.gif) top left no-repeat}
#menu .omega{float:right; width:10px; height:80px; background:url(../images/right_menu.gif) top right no-repeat;}
#menu li span span,#menu .alpha span span {background:url(http://o-stea.net/web) top right no-repeat;padding:0 50px;}
#menu a:hover,#menu #menu_active a{color:#fff;background:url(../images/menu_active.gif) top repeat-x}
#menu a:hover span,#menu #menu_active a span{background:url(../images/menu_left_active.gif) top left no-repeat}
#menu a:hover span span,#menu #menu_active a span span,#menu .alpha#menu_active a span span,#menu .alpha a:hover span span {background:url(../images/menu_right_active.gif) top right no-repeat}

#content {
position:relative;
min-height:380px;
background:url(../images/bg_cont.gif) bottom repeat-x #fff;
padding:5px;
border:1px solid #ccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:1px 1px 2px #cfcfcf;
-moz-box-shadow:1px 1px 2px #cfcfcf;
-webkit-box-shadow:1px 1px 2px #cfcfcf;
behavior:url(http://o-stea.net/web);
}

.nickhov {
display:inline;
padding:4px 10px;
border: 1px solid #4da3b5;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.nickhov:hover {
background-color:#4da3b5;
color:white;
}

#inbox {
min-height:400px;
}


.pad {padding:0 30px 0 35px}
.pad_left1 {padding-left:55px}
.pad_left2 {padding-left:45px}
.marg_right1 {margin-right:12px}
.marg_right2 {margin-right:18px}
.pad_bot1 {padding-bottom:35px}
.pad_bot2 {padding-bottom:49px}
.pad_bot3 {padding-bottom:7px}
.pad_bot4 {padding-bottom:17px}
.marg_top {margin-top:17px}
.marg_top2 {margin-top:7px}
.box {background:#f5f5f5;behavior:url(http://o-stea.net/web);position:relative;width:100%;overflow:hidden}
.box.top {border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;behavior:url(http://o-stea.net/web)}
.box.bot {border-radius:0 0 11px 11px ;-moz-border-radius:0 0 11px 11px;-webkit-border-radius:0 0 11px 11px;behavior:url(http://o-stea.net/web)}
.banners {padding:19px 0 19px 19px;overflow:hidden}
.banners li {width:210px;float:left;padding-right:12px}
.banners p {padding-bottom:7px}
.banners p.font1 {font-weight:bold;color:#318ea2;padding:16px 0 7px 0}
.banners .marker {background:url(../images/marker_1.gif) no-repeat}
.banners .marker:hover {background:url(../images/marker_3.gif) no-repeat}
.banners .pad {padding:0 10px 0 15px}
.marker {display:inline-block;background:url(../images/marker_3.gif) no-repeat;width:17px;height:17px}
.marker:hover {display:inline-block;background:url(../images/marker_1.gif) no-repeat;width:17px;height:17px}
.line1 {background:url(../images/line_ver1.gif) 250px 0 repeat-y;padding:7px 0}
.under {padding-bottom:17px;border-bottom:1px solid #ddd;margin-bottom:17px}
.color1 {color:#308da2}
.list1 li {line-height:23px}
.list1 li a {padding-left:20px;background:url(../images/marker_2.gif) 5px 5px no-repeat}

/* footer */
footer {padding:25px 0 28px 0;width:100%;overflow:hidden;text-align:center;line-height:18px; color:#308da2;}

textarea {
background-color:#eeeeee;
border:1px solid #999;
padding:5px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
font-size:12px;
font-style:italic;
}

input {
background-color:#eeeeee;
border:1px solid #999;
padding:5px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
font-size:12px;
font-style:italic;
}
/* forms */
.button, button {
margin-top:5px;
padding:3px 7px;
float:right;
font-size:16px;
font-weight:500;
color:#fff;
line-height:25px;
text-align:center;
background-color:red;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(http://o-stea.net/web);
text-decoration:none
}

.button:hover, button:hover {
color:#fff;
background:#696969;
}

.bg{background:url(../images/bg_input.gif) top repeat-x #e6e6e6;float:right;margin-right:150px;border:1px solid #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:1px 1px 2px #e3e3e3;-moz-box-shadow:1px 1px 2px #e3e3e3;-webkit-box-shadow:1px 1px 2px #e3e3e3;behavior:url(http://o-stea.net/web);position:relative;height:26px}

.indexot{
bottom:0;
right:0;
position:absolute;
font-size:20px;
margin:10px;
}


#topmsgcount{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#9F000F; color:white; padding:2px 4px 2px 4px; vertical-align:top; font-size:10px;}
.info{opacity:0.8; filter:alpha(opacity=80); background-color:#FAF0BE; color: #333333; padding: 10px; font-size: 13px; font-weight: bold; margin:0 0 5px 0;}
.info li{background:url(http://o-stea.net/web) no-repeat; padding-left:20px;}
.bluebox{background-color:#99CCCC; color:BLACK; padding: 4px 10px; font-size: 12px; font-weight: bold;}
ul.bluebox li{background:url(http://o-stea.net/web) no-repeat; padding-left:20px;}
.greenbox{opacity:0.8; filter:alpha(opacity=80); background-color:#D0F0C0; color:#333333; padding: 10px; font-size: 13px; font-weight: bold; margin:0 0 5px 0;}
.greenbox li{background:url(http://o-stea.net/web) no-repeat; padding-left:20px;}




.pagnum{clear:both; text-align:center; padding-top:10px; font-weight:bold; margin-bottom:5px;}
.pagnum a{padding:2px 5px 2px 5px;text-decoration:none;}
.lihov{padding:2px 5px 2px 5px; background-color:#4da3b5; color:white;}
input[type=checkbox].css-checkbox, input[type="radio"] {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {
padding-left:20px;
color:black;
height:15px;
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label  {
background-position: 0 -15px;
}

.css-label{
margin-left:10px;
background-image:url(http://o-stea.net/web);
}

.notific {
height:90%;
overflow:auto;
padding-right:6px;
}

.notific li {
margin:2px 0;
padding:3px 0;
border-bottom:1px solid #ccc;
}

.notific li:hover, #settnot:hover {
background-color:#eaeaea;
}

#upprofile, #upnotif {
z-index:10;
position:absolute;
right:0;
text-align:left;
background-color:white;
clear:both;
width:220px;
margin-top:5px;
height:200px;
padding:12px;
border:1px solid #ccc;
box-shadow:1px 1px 2px #cfcfcf;
-moz-box-shadow:1px 1px 2px #cfcfcf;-
webkit-box-shadow:1px 1px 2px #cfcfcf;
}

#upnotif {
padding-right:5px;
width:350px;
}

#upnotif a{
margin:0;
}

#indexset, #rgset{
z-index:1;
display:none;
position:absolute;
right:0;
background-color:white;
width:200px;
padding:12px;
border:1px solid #ccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:1px 1px 2px #cfcfcf;
-moz-box-shadow:1px 1px 2px #cfcfcf;-
webkit-box-shadow:1px 1px 2px #cfcfcf;

}

.linksmsg{
margin-top:15px;
}

.linksmsg a, .lbutton {
font-family: Verdana, Tahoma, sans-serif;
color: #6b6b6b;
font-size: 12px;
background: #F3F3F3;
background: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid #b1b1b1;
text-align: center;
padding:5px;
text-decoration: none;
margin-top:315px;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
cursor: pointer;
}

.linksmsg a:hover, .lbutton:hover{
text-decoration:none;
border-color: #a7a7a7;
color: #333;
box-shadow:0px 1px 1px #ccc;
-webkit-box-shadow:0px 1px 1px #ccc;
-moz-box-shadow:0px 1px 1px #ccc;
}

#resultsul li{height:22px; font-size:14px; padding:2px 5px 0 5px; background-color:#3490a5; color:white; width:300px;}
#resultsul li:hover{background-color:#696969;}
#resultsul img{padding-right:10px;}

#prof{float:left; margin:2px 3px 5px 5px; width:80px; height:110px; border:1px solid #999;}
#prof:hover{border:1px solid #409aad;}
.profbt{position:absolute; text-align:center; margin-top:59px; font-size:12px; background-color:white; width:80px; opacity:0.6; filter:alpha(opacity=60); color:#8C001A;}
.profbt:hover{opacity:1; filter:alpha(opacity=100);}
.profbtr{font-size:9px; float:right; margin-right:4px;}

table{border:1;}

.morelinks {
background-color: #000;
position: relative;
padding: 10px;
width: 220px;
height:30px;
}

.tul {
float:left;
min-width:185px;
margin-right:5px;
}

.tul a {
display:block;
}

.tul a:hover {
color:white;
background-color:#459daf;
}


.blgc {
width:290px;
display:block;
border-bottom:1px solid black;
margin:0 10px 5px 0;
}

#lista li{
display:inline;
padding:12px 24px 12px 5px;
}

.pl{
margin-top:5px;
}


.pl a {
color:black;
text-decoration:none;
}
.pl a:hover {
color:green;
}

.pl li, .smpf {
border:1px solid black;
background-color:white;
margin-bottom:8px;
line-height:26px;
padding:2px 10px 2px 30px;
margin:2px 0 8px 2px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 4px rgba(0,0,0,.4);
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
}

.pl li, .lospa {
border:1px solid green;
background-color:#1F87AD;
background-image: url('http://o-stea.net/web/images/lospa.png');
color:black;
margin-bottom:8px;
line-height:26px;
padding:2px 10px 2px 30px;
margin:2px 0 8px 2px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 4px rgba(0,0,0,.4);
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
}


.pl li:hover {
border:1px solid #459daf;
}

.pl li span {
display:inline;
float:right;
padding-right:5px;
}

.sp {
float:right;
padding:2px 10px 2px 10px;
border:1px solid #459daf;
line-height:20px;
background-color:white;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.sp #setprof {
padding-left:25px;
background:url(http://o-stea.net/web) no-repeat left 3px;
font-size:16px;
color:black;
text-decoration:none;
}

.sp #setprof:hover {
color:#a12361;
}

.extset {
min-width:180px;
padding:5px 0px;
display:none;
}

.extset li {
padding:2px 4px;
}

.extset li:hover {
color:white;
background-color:#459daf;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.tapet {
height:150px;
width:680px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.avatar{
height:50px;
width:50px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.avatarsm{
height:35px;
width:35px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.proful {
margin-bottom:10px;
}

.proful li {
display:block;
line-height:20px;
}

.proful li:hover {
color:#848482;
}

.proful li span {
position:absolute;
}

.proful li b {
margin-left:120px;
}


.mchef {
border-left:2px solid black;
padding:7px 5px;
}

.lav {
position:absolute;
}

.ltext {
margin:10px 0;
}
.ltextc {
margin:6px 0;
}

.lnick span {
float:right;
font-size:8px;
letter-spacing:1px;
}

.lright {
margin-left:90px;
}

.llinks a, .llinks h3, .llinks span, .mmult {
padding-left:10px;
opacity:0.8;
filter:alpha(opacity=80);
}

.llinks a:hover, .llinks h3:hover, .llinks span:hover, .mmult:hover {
opacity:1;
filter:alpha(opacity=100);
}

.llinks span{
float:right;
height:11px;
width:11px;
background:url(../images/drow.png) top right no-repeat;
margin-top:3px;
}

.llinks span:hover{
background:url(http://o-stea.net/web) top right no-repeat;
}

.llinks a {
margin-right:15px;
}

.llinks .clc, .llinks .alc, .llinks .plc {
display:inline;
color:#848482;
background:url(http://o-stea.net/web) no-repeat;
height:34px;
padding-left:18px;
margin-right:15px;
}

.llinks .coc {
display:inline;
color:#848482;
background:url(../images/coms.png) no-repeat;
height:32px;
padding-left:18px;
margin-right:15px;
}

.lika {

}


.lika a {
margin:0;
padding:0;
}

.lika li {
padding:3px;
}

.lika li:hover{
color:white;
background-color:#459daf;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.slikes {
display:none;
height:160px;
width:140px;
position:absolute;
padding:2px 10px 2px 10px;
border:1px solid #459daf;
line-height:15px;
background-color:white;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
opacity:1;
filter:alpha(opacity=100);
margin:-80px 0 0 50px;
z-index:2;
overflow:auto;
}


.lline {
margin:10px 0;
border-top:1px solid white;
box-shadow:0 0 4px rgba(0,0,0,.4);
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
}

.cl {
z-index:10;
position:absolute;
right:5px;
min-width:140px;
padding:2px 5px;
border:1px solid white;
background-color:white;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 4px rgba(0,0,0,.4);
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
}

.cl li {
color:black;
padding:2px 4px;
}

.cl li label:hover{
color:white;
}


.cl li:hover {
color:white;
background-color:#459daf;

}

.garr li {
color:black;
border:1px solid white;
}

.garr li:hover {
color:#459daf;
border:1px solid #459daf;
}

.garr {
min-height:100px;
margin-bottom:10px;
padding:3px 3px;
border:4px solid #e9e9e9;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 4px rgba(0,0,0,.4);
-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
}

.garr li {
line-height:30px;
}


.games {
position:relative;
float:left;
height:90px;
width:267px;
border:1px solid #459daf;
margin:2px;
padding:7px;
margin:2px 5px;
}

.games span {
color:#333; ;
font-size:16px;
}

.games span:hover {
color:#000; ;
font-size:16px;
}

.games i {
margin-top:195px;
color:black;
}

.games .love {
color:black;
position:absolute;
background:url('http://o-stea.net/web') 0 5px no-repeat;
height:16px;
padding:5px 5px 5px 20px;
font-size:14px;
bottom:0;
right:5px;
}

.glove {
color:black;
height:16px;
padding:5px 5px 5px 20px;
font-size:16px;
}

.ggplus {
background:url('http://o-stea.net/web') 0 5px no-repeat;
}

.ggminus {
background:url('http://o-stea.net/web') 0 5px no-repeat;
}

.thiscom {
margin-bottom:15px;
}

.videosrc, .pimgsrc {
color:#848482;
min-height:50px;
padding:2px;
background-color:#edeff4;
}

.pimgsrc img, .galimga {
border:1px solid white;
margin:1px;
}

.pimgsrc img:hover, .galimga:hover {
border:1px solid #4da3b5;
margin:1px;
}

.videosrc {
height:100px;
}

.videosrc img {
float:left;
position:relative;
}

.videosrc div {
float:left;
padding-left:20px
}

.videosrc small {
font-size:11px;
}

.ifyt {
margin:5px 0 5px 0;
}

.radius10 {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.mainplus {
background-color:#459daf;
color:white;
margin-left:40px;
padding:2px 3px;
}

.button2 {
width:100%;
background-color:#dcefd4;
border:1px solid #dcefd4;
padding:10px 0;
}

.button2 span {
padding:0 10px;
}

.button2:hover {
background-color:#cde8c1;
}

#lihelp li, #lifaq li, #gal li {
line-height:20px;
padding:5px 10px;
margin-bottom:2px;
background-color:#e9e9e9;
}

#lihelp li:hover, #lifaq li:hover, #gal li:hover {
background-color:#dcefd4;
}

#lihelp li span, #tickinfo span {
color:white;
padding:1px 5px;
margin-right:10px;
}

#lihelp li i {
float:right;
}

.inchis {
background-color:#DC381F;
}

.deschis {
background-color:#348017;
}

.answer {
margin:5px 0;
display:none;
}

#tpleft {
background-color:#e9e9e9;
float:left;
width:200px;
padding:20px 0;
margin-right:10px;
}

#tpleft a {
color:black;
padding-left:5px;
display:block;
line-height:30px;
}

#tpleft a span {
float:right;
padding-right:5px;
}


#tpleft a:hover {
color:white;
background-color:#4da3b5;
}

.tpright {
width:690px;
float:left;
}

/* BLOG */

.post-title {
padding:10px;
font-size:20px;
margin:10px 0;
}

.post-title a, .post-title a:link, .post-title a:visited, .post-title span {
color:#333;
text-decoration:none;
}

.post-title a:hover, .post-title a:active, .post-title span:hover {
color:#000;
}

.post-subbar {
background-color:#e7e7e7;
padding:2px 10px;
font-size:12px;
margin:10px 0;
}

.post-com {
float:right;
background:url(../images/coms.png) no-repeat;
padding-left:22px;
}


/* BB CODES */

.bbcode-quote {
padding:10px 5px;
border:1px solid #d4d4d4;
background-color:#f6f4f0;
}

.bbcode-code {
border:1px solid #d4d4d4;
font-family:"Courier New",Courier,mono;
margin:0;
padding:1em 0 1em 2.8em;
color:black;
}

.bbcode-ul{
padding-left:20px;
list-style-type:circle;
}

.bbcode-ol{
padding-left:20px;
list-style-type:decimal;
}

#rssblog {
display:inline;
margin-right:10px;
color: #6b6b6b;
background: #F3F3F3;
background: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid #b1b1b1;
background:url('http://o-stea.net/web') 6px 4px no-repeat;
padding:5px 5px 5px 30px;
}

.ttitle {
background-color:#e9e9e9;
padding:10px;
margin-bottom:10px;
}

.non {
display:none;
}

#lifaq li div{display:none; font-weight:normal;}
#lifaq li {font-weight:bold;}

#ww a{border-radius:2px; border:1px solid #49a0b2; padding:1px 5px; background:#49a0b2; color:white; margin-left:5px;}
#ww a:hover{background:white; border:1px solid #49a0b2; color:#49a0b2;}