html, body{padding:0; margin:0; font-family: Helvetica, Arial, sans-serif; font-size:11px; height: 100%; background:#eff0f0;}

strong, span, a, form, img, h1, h2, h3{border:0; padding:0; margin:0;}
.clearb{clear:both; font}.clearl{clear:left;}.clearr{clear:right;}

#js{color:red; font-weight:bold; position:absolute; top:0; left:0; margin:5px;}
h4{margin:0; padding:0; text-decoration:underline; font-size:13px; margin:3px; font-style:italic;}

#arch{background:#eff0f0;}
#headas{height:90px; background:#000000; color:#FFFFFF;}#headas a{color:#FFFFFF;}#headas a:hover{color:#B3D9FF}
#headcon{width:950px; margin:auto;}

#logo{padding-right:20px; width:230px; height: 80px; float:left; background: #000000 url(images/skypeup.gif) no-repeat; padding-top:3px; text-align:right} #hidden{display:none;}
#rightl{float:left; width:700px;padding-top:10px; margin-bottom:-10px;}
#search{padding-left:50px;}

#searchbox #q{width:300px; border:solid 0 #fff; color:#CCCCCC; height:19px; margin-top:-1px; padding-top:4px; padding-left:2px; background: #000000 url(images/search_bg.gif) repeat-x;}
#searchbox>input#q{height:18px; margin-top:0;}

#searchbox{float:left; text-align:left; font-size:9px;} #searchbox a{color:#FFFFFF;}

#search #s{background: url(images/butt.gif) no-repeat; border:none; margin-left:-3px; height:23px;}
#headlog{float:left; margin-top:4px; margin-left:5px;}
#headlog a{ padding:3px 5px 3px 5px; text-decoration:none}
#headlog a{position: relative; border:1px solid #9FBBC6; margin-right:3px;}

/*main nav*/
#nav{margin-top:10px; margin-left:10px; font-size:14px; }
#nav a{color: #9FBBC6; font-weight:bold; text-decoration:none}
#nav a:hover{color: #D9ECFF;}
.activn a{color:#FFFFFF !important;}

#nav ul{margin:0; padding:0; list-style:none;}
#nav li{float:left; margin-left:10px; margin-right:10px; display:block; padding-top:5px; cursor:pointer; width: 1px; white-space: nowrap;}
#nav>ul li{width:auto;}

#nav li span{display:block; background: #787777 url(images/roff.gif) 100% no-repeat; height:24px; padding-right:7px; margin-top:-4px;}
#nav span a{color:#FFFFFF;}
#nav #myplace{margin-bottom:-17px;}
#nav li strong{display:block; background: url(images/loff.gif) 0 no-repeat;	height:20px; padding-left:7px; padding-top:4px;}


#showm{margin-bottom:-3px;}
#nexm{position:absolute; z-index:1; display:none; background:#000000; padding-top:3px; padding-bottom:3px; border:1px solid #C1C1C1; margin-top:3px;}
#nexm p{font-weight:bold; margin:0; padding:0; color:#AEAEAE; font-size:12px; display:block; padding:3px; width:130px; padding-left:10px; cursor:default; position: relative;}
#nexm a{color:#FFFFFF; font-size:12px; display:block; padding:3px; width:130px; padding-left:10px;}
#nexm a:hover{background:#787777;}
#sublog{filter: alpha(opacity=55); -moz-opacity: .80;}
#sublog a{font-size:10px; border-bottom:1px solid #C1C1C1; padding-bottom:5px;}
#sublog a:hover{color:#D9ECFF; background:none;}
/*end main nav*/


/*formating top*/
#glass{width:950px; margin:auto; margin-bottom:0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topglass.png', sizingMethod='none'); margin-top:10px; height:10px;}
#contentas>#glass{background:url(images/topglass.png);}

#rtopflat{width:950px; margin:auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contr.png', sizingMethod='scale'); margin-bottom:0 !important;}
#contentas>#rtopflat{background:url(images/contr.png); margin-bottom:0 !important;}
#rtop{margin-right:10px; margin-left:10px; height:10px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top.png', sizingMethod='none');}
#rtopflat>#rtop{background:url(images/top.png) no-repeat;}
/*end top*/



/*content...*/
#maincontent{margin-left:10px; margin-right:10px; background:#FFFFFF; padding-left:5px; padding-bottom:50px; height:500px;}
#contentcon>#maincontent{min-height:500px; height:auto;}
#centertube{float:left; width:700px;}
#righttube{float:right; width:220px; height:100%;}
#rightcontent{margin:5px; text-align:center;}

#contentas{height:500px; background:#eff0f0 url(images/back.png) repeat-x; border-top:1px solid #828282;}
#arch>#contentas{min-height:500px; height:auto;}
#contentcon{width:950px; margin:auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contr.png', sizingMethod='scale');}
#contentas>#contentcon{background:url(images/contr.png);}
#contentcon a{position:relative; color:#000077;}#contentcon a:hover{color:#3465A4} /*relative for sick IE*/

#contentas h1{font-size:24px; color:#828282;}
#contentas h3{font-size:9px; color:#B7B7B7; padding-left:15px; border-top:1px solid #828282;} #contentas h3 a{color:#B7B7B7}
#contentas h2{font-size:16px; color:#828282;}



/*title navigation..*/
#titlenav{float:right; margin-top:13px;}
#titlenav ul{margin:0; padding:0; list-style:none;}
#titlenav li{float:left; display:block; cursor:pointer; width: 1px; white-space: nowrap;}
#titlenav>ul li{width:auto;}
#titlenav a{ font-weight:bold; margin-right:8px;} #titlenav a:hover{color: #3465A4;}
#titlenav li span{display:block; background: #000000 url(images/rtitle.gif) 100% no-repeat; height:14px; margin-right:8px; padding-right:5px;}
#titlenav li strong{display:block; background: url(images/ltitle.gif) 0 no-repeat; color:#FFFFFF; padding-left:6px;}
#titlenav li strong a{color:#FFFFFF; margin:0px; text-decoration:none;} #titlenav li strong a:hover{color:#B3D9FF; text-decoration:none;}


/*format table...*/
.table{width:700px !important;}
#tablehead{font-size:12px; font-weight:bold; color:white; background:#000000; width:100%} #tablehead a{color: #FFFFFF;} #tablehead a:hover{color:#B3D9FF}
#tablel{background:#000000 url(images/tablelc.gif) no-repeat; width:4px; height:5px; float:left; }
#tabler{background:#000000 url(images/tablerc.gif) no-repeat; width:4px; height:5px; float:right;}
#tablehead .skypename{float:left; width:140px; background:#000000; padding:3px;}
#tablehead .interests{float:left; width:440px; background:#000000;  padding:3px;}
#tablehead .rate{float:left; width:90px; background:#000000;  padding:3px;}

.tablebody{font-size:12px; font-weight:bold; color:#000000; width:100%; background: url(images/bg1.gif) repeat-x; position:relative; cursor:default; background-repeat:repeat-x;}
.tablebody .skypename{float:left; width:140px; padding:3px; padding-top:8px; padding-left:5px; height:20px;}
.tablebody .skypename .name{margin-left:5px; margin-right:5px; float:left}
.tablebody .skypename a{text-decoration:none; color:#000000 !important;} .tablebody .skypename a:hover{color:#000000 !important;} .skypename .tool{float:left;}
.tablebody .interests{float:left; width:440px; padding:3px; font-size:10px; font-style:italic; color:#3465A4;}
.tablebody .rate{float:left; width:90px; padding:3px;} .rate .ratio{float:left; font-size:19px; margin-top:2px; font-weight:bold;} .rate .tool{float:right; margin-left:5px; margin-top:4px;} .rate .tool img{margin-right:2px;} .tool .hand{cursor:pointer;}

#tablefoot{font-size:1px; font-weight:bold; color:white; background:#000000; width:100%; height:5px;}
#tablefl{background:#000000 url(images/tablelb.gif) no-repeat bottom; width:4px; height:5px; float:left;}
#tablefr{background:#000000 url(images/tablerb.gif) no-repeat bottom; width:4px; height:5px; float:right;}

/*pages..*/
#pages{margin-top:13px; margin-left:10px;}
#pages ul{margin:0; padding:0; list-style:none;}
#pages li{float:left; display:block; cursor:pointer; width: 1px; white-space: nowrap;}
#pages li#active{margin-top:-5px;}
#pages>ul li{width:auto;}
#pages li span{display:block; background: #000000 url(images/pagesr.gif) 100% no-repeat; height:16px; margin-right:8px; padding-right:8px; }
#pages li strong{display:block; background: url(images/pagesl.gif) 0 no-repeat; color:#FFFFFF; padding-left:9px; height:15px; padding-top:1px;}
#pages li strong a{font-weight:bold; color:#FFFFFF; margin:0px; text-decoration:none;} #pages li strong a:hover{color:#B3D9FF; text-decoration:none;}

/*footer*/
#footer{background:#000000; color:#FFFFFF; border-top:#828282 1px solid; width:950px; height:35px;}#footer a{color:#FFFFFF;}#footer a:hover{color:#B3D9FF}
#footcontent{padding:4px; float:left}
#footright{padding-right:10px; float:right;}

/*buttons*/
.butt{border:1px solid silver; color:#000000;}
.buttp{border:1px solid silver; background:#EAFFEA; color:#000000;}
.buttm{border:1px solid silver; background:#FFECEC; color:#000000;}

/*some stupid stuff*/
.onhand{cursor:pointer;}
.offhand{cursor:default;}

#errbox{width:96%; margin:5px; border:2px solid #D2D0C1; padding:5px; color:red;padding-top:3px; background:#FFECEC;}
#errbox h3{border:none; color:red; font-size:12px; padding-left:0px;}
#errbox a{color:#000000;} #errbox a:hover{color:#3465A4;}

#box{margin:5px; border:1px solid #517286; background:#F0F4F4; padding:5px; border:2px solid #D2D0C1; width:96%;}
#box a{color:#000000;} #box a:hover{color:#3465A4;}

#attbox{margin:5px; border:1px solid #517286; background:#FFF8E1; padding:5px; border:2px solid #D2D0C1; width:96%;}
#attbox a{color:#000000;} #attbox a:hover{color:#3465A4;}

.attbox{margin:5px; border:1px solid #517286; background:#FFF8E1; padding:5px; border:2px solid #D2D0C1; width:96%;}
.attbox a{color:#000000;} .attbox a:hover{color:#3465A4;}

.contenttable input, select, textarea{color:#666666}
.inputfile{border:1px solid silver;}



/*photos..*/
.photobox{width:200px; background:black; color:white; float:left; margin-right:10px; margin-bottom:10px;} .photobox .butt{margin-top:3px; font-size:9px;}
.photohead{font-size:1px; font-weight:bold; color:white; background:#000000; width:100%; height:4px; line-height:1px;}
.phototitle{background:#666666; border:1px solid silver; float:left; padding:1px; padding-left:3px; padding-right:3px;margin-left:2px;} .inp{font-size:10px; padding:1px; padding-bottom:2px; border:1px solid silver; margin-left:3px;}
.photobody{text-align:center; margin-top:3px; width:100%}
.displayphoto{background:url(images/ajax.gif) no-repeat center;}
.none{border:none; background:none;}

.displayphoto{width:700px; background:black; color:white; margin-right:auto; margin-left:auto; margin-bottom:5px; }
#displayphotohead{height:15px; font-size:12px; font-weight:bold; color:white; background:#000000; width:100%}
.phototitler{margin-left:auto; margin-right:auto; width:150px; background:#666666; border:1px solid silver; padding:1px; padding-left:3px; padding-right:3px;}



/*albums*/
.albumtitle{width:128px; background:#FFFFFF; padding:1px; padding-left:3px; padding-right:3px; text-align:center; margin-bottom:1px;} .inpa{margin-top:0px; font-size:10px; border:1px solid silver; text-align:center; width:128px; padding:1px; }
.albumbox{float:left; margin-left:5px; margin-bottom:10px;}



/*storage*/
.storagebar{width:200px; height:14px; border:1px solid silver; background:#CEFFD0}
.ones{width:4px; height:14px; background:#FFA4A4; float:left;}


/*table for rates*/
#tablehead .date{float:left; width:100px; background:#000000; padding:3px;}
#tablehead .comment{float:left; width:530px; background:#000000;  padding:3px;}
#tablehead .rated{float:left; width:40px; background:#000000;  padding:3px;}

.tablebody .date{float:left; width:100px; padding:3px; padding-top:8px; padding-left:5px; height:20px;}
.tablebody .comment{float:left; width:540px; padding:3px; font-size:10px; font-style:italic; color:#3465A4;}
.tablebody .rated{float:left; width:30px; padding:3px; text-align:center;margin-top:2px;}

#addme{margin-top:10px; margin-bottom:10px;}

/*bookmarks*/
.bookmarks{font-size:13px; font-weight:bold; text-align:left; margin-top:10px; margin-bottom:10px; margin-left:15px; margin-right:15px; width:auto; }
.bookmarks .head{width:180px; background:#000000; color:#FFFFFF; font-size:11px;}
.bookmarks .body{border:1px solid black; padding:3px;}
.bookmarks .body .hide{width:auto; text-align:right; font-size:9px;}
.bookmarks .body .hide a{text-decoration:underline;}
.bookmarks .headtitle{width:150px; float:left; padding-left:2px; padding-top:2px;}
.bookmarks a{text-decoration:none}
.bookmarks ul{list-style:none; padding:0; margin:0;}
.bookmarks ul li{margin-bottom:2px; margin-left:2px;}
.bookmarks ul li img{margin-bottom:-2px;}


/*default right box*/
.right_box{font-size:13px; font-weight:bold; text-align:left; margin-top:10px; margin-bottom:10px; margin-left:15px; margin-right:15px; width:auto; }
.right_box .head{width:180px; background:#000000; color:#FFFFFF; font-size:11px;}
.right_box .body{border:1px solid black; padding:3px; background:#f9f8f8}
.right_box .body .hide{width:auto; text-align:right; font-size:9px;}
.right_box .body .hide a{text-decoration:underline;}
.right_box .headtitle{width:150px; float:left; padding-left:2px; padding-top:2px;}
.right_box a{text-decoration:none}
.right_box ul{list-style:none; padding:0; margin:0;}
.right_box ul li{margin-bottom:2px; margin-left:2px;}
.right_box ul li img{margin-bottom:-4px;}
.right_box ul li img#trend{margin-bottom:-1px;}
.right_box ul li span.small{font-size:9px;}

.right_box ul li span.hotbar{border: 1px solid red; line-height:10px; font-size:10px; width:50px !important;}




/*comments*/
.commenttable{width:670px; border-top:silver solid 1px; padding-top:8px; padding-bottom:8px; margin-left:5px;}
.commentinfo{float:left; width:120px;}
.commentinfo .tool{float:left;}
.commentinfo .tool2{padding: 3px; margin-right:10px; border:1px solid #D2D0C1; background:#FFF8E1;}
.commentinfo .tool3{margin-top:3px;}
.commentinfo .name{margin-left:5px; margin-right:5px; float:left; padding-top:1px;}
.commentinfo .name a{text-decoration:none; color:#000000 !important; font-size:12px; font-weight:bold;} .commentinfo .name a:hover{color:#000000 !important;}
.commenttable .date{margin-left:3px; font-size:9px; margin-top:3px;}
.commenttable .mycomment{float:left; width:550px;}
.closecomm{margin-left:5px; width:670px; border-top:silver solid 1px;}
.mycomment .delcom{padding-top:15px;}
.mycomment .delcom a{font-size:9px; color:silver !important;}

.addcomment{margin-top:10px; margin-left:5px;}
.addcomment textarea{width:600px; height:100px;}
.qcom{border:1px dotted silver; padding:2px; width:500px; margin-bottom:3px;}

/*photo pages..*/
#photopages{width:700px;}
#photopages ul{margin:0; padding:0; list-style:none;}
#photopages li{float:left; display:block; cursor:pointer; width: 1px; white-space: nowrap;}
#photopages>ul li{width:auto;}
#photopages li span{display:block; background: #000000 url(images/pagesr.gif) 100% no-repeat; height:16px; margin-right:8px; padding-right:8px; }
#photopages li strong{display:block; background: url(images/pagesl.gif) 0 no-repeat; color:#FFFFFF; padding-left:9px; height:15px; padding-top:1px;}
#photopages li strong a{font-weight:bold; color:#FFFFFF; margin:0px; text-decoration:none;} #photopages li strong a:hover{color:#B3D9FF; text-decoration:none;}


/*banners*/
.banner-promo{margin-bottom:6px; margin-top:-5px;}