/* 

	CSS for SlikWise 
	Design by PETER

 */

@import 'reset.css';
@import 'forms.css';

body { 
font:normal 12px Arial, Helvetica, sans-serif; color:#656565; background: #009ACD;
/*#C0DEED; background:url(/mvnplugin/mvnforum/images/swimages/body_bg.jpg) repeat-x scroll left top #083550;*/ padding-bottom:50px;
text-align:center; /* centered layout: ie6 hack*/ }

p { line-height:20px; }
a { outline:none; }
em { font-style:italic; }

h2{font: bold 18px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; text-align:left; border-bottom:2px solid #ccc; padding-bottom:8px; }
h3{font: bold 14px Arial, Helvetica, sans-serif; color:#333; line-height:28px;margin:0;padding:0 0 0 0px;text-align:left;}
h4 {color:#FFF; font: bold 13px Arial, Helvetica, sans-serif;line-height:28px;margin:0;padding:0 0 0 8px;text-align:left;}

a:link{ color:#06d;}
a:hover{color:#090;}
a:active{color:#090;}
a:visited{color:#06f;}

/* GLOBAL */
.green { color:#b0e157; }
.green1 { color:#9ac343; }
.green_striking { color:#2f9b24; }
.blue { color:#0071bc; }
.red{color:#FF0000;}
.bold{font-weight:bold;}
.light_grey { background:#f7f7f7; }
.tright { text-align:right;}
.fright{ float:right;}
.hide { display:none; }
.noborder{border:none; }
.clear { height:1%; clear:both;}
.vtop{vertical-align:top;}
.vmid{vertical-align:middle;}
.vbottom{vertical-align: bottom;}
.nopadding{padding:0;}
.tbox{width:430px; border:1px solid #ccc;}


.centerbody {background:#fff;overflow:hidden;padding:16px; width:972px;margin:0 auto;text-align:center}

/*   ---- Page Structure ----   */

/* HEADER */
#header {background:transparent url(/mvnplugin/mvnforum/images/swimages/banner-tile.jpg) repeat-x scroll left top;height:140px;text-align:left;
width:100%; border-bottom:2px solid #c6def5;}
#header-content {height:140px;margin:0 auto;overflow:hidden;width:972px;}
#header-nav {color:#888;float:right;position:relative;right:0;top:5px;}
#header-nav .welcome{margin-right:20px;}
#header-nav .add{margin-left:10px; background:url(/mvnplugin/mvnforum/images/swimages/add_to_search.png) no-repeat; padding-left:18px;}
#header-nav ul {display:inline;list-style-type:none;}
#header-nav li {color:#e0e0e0;float:left;font-family:Helvetica,arial,sans-serif;font-size:12px;margin-right:4px;}
#header-nav a:hover {text-decoration:underline;}
#header-nav a {color:#7EE13F;font-weight:bold;text-decoration:none;}

#searchbox{float:left;position:relative;left:285px;top:-90px;width:675px;}
.search_box{ float:left;width:400px; height:30px; font:bold Arial, Helvetica, sans-serif; font-size:18px; border:3px solid #eee;  margin-right:6px;}
.search_btn{background:none;border:none;}

/*Breadcrumb*/
#breadcrumb{ margin:12px 0; text-align:left; font-weight:bold;color:#fff;}
#breadcrumb a{color:#fff; font-weight:normal; padding:0 4px;}
#breadcrumb a:hover{color:#7EE13F;}

/* CONTENT */
#container { position:relative; width:972px; margin:0 auto; }

#container0 { position:relative; width:974px; margin:0 auto; }
#content0 { float:left; width:973px; margin:0 auto; background:#fff url(/mvnplugin/mvnforum/images/swimages/content_gradient_top.gif) repeat-x top; padding:10px 0 0 0;text-align:left; min-height:500px; }
#content1 { float:left; width:770px; margin:0 auto; background:#fff url(/mvnplugin/mvnforum/images/swimages/content_gradient_top.gif) repeat-x top; padding:10px 0 0 0;text-align:left; min-height:500px; }
#content2 { width:720px; margin:0 auto;  padding:10px; background:url(/mvnplugin/mvnforum/images/swimages/content_gradient_bottom.gif) repeat-x bottom; }
#content02 { width:952px; margin:0 auto;  padding:10px; background:url(/mvnplugin/mvnforum/images/swimages/content_gradient_bottom.gif) repeat-x bottom; }


/* SideBar*/
#sidebar{float:left;width:170px; background:#f1f1f1; border:1px solid #e0e0e0; padding:5px;text-align:left;}
#sidebar ul{ list-style:none; margin:0;background:#f1f1f1; }
#sidebar ul li{ margin:0px 0;}
#sidebar ul li a{color:#333; text-decoration:none; font-weight:bold;}
#sidebar ul li a:hover{color:#090;}
#sidebar ul.menu{list-style:url(/mvnplugin/mvnforum/images/swimages/arrow.gif) outside;}
#sidebar ul.menu li{margin-left:25px; margin-top:4px;padding:0; }
#sidebar ul.submenu{list-style:disc; list-style-position:outside; margin:0px;margin-left:16px}
#sidebar ul.submenu li{padding:0px; margin-top:0}
#sidebar ul.submenu li a{color:#06d; text-decoration:none; font-weight:normal;}
#sidebar ul.submenu li a:hover{color:#090;}


/* EXTENDED PANEL*/
#ext{float:right;width:170px; background:#f1f1f1; border:1px solid #e0e0e0; padding:5px;text-align:left;}
#ext ul{ list-style:none; margin:5px;}
#ext ul li{ margin:8px 0;}
#ext ul li a{color:#06d;}
#ext ul li a:hover{color:#F75342;}
#ext ul.menu{list-style:none;}
#ext ul.menu li{padding:2px 0; }


/* FOOTER */
#footer {clear:both;background:#083550;border:1px solid #000;height:80px;line-height:80px;margin:12px 0;padding:15px;text-align:left;}
#footer a.rss{padding:15px; float:left;}
#footer a{color:#B6D7E9; padding:0 5px;}
#footer a:hover{color:#e0e0e0;}
#footer .share {float:right; width:390px; text-align:left; }



/*   ---- Pages ----   */

/* Index Page */
#content_index {float:left;width:500px;}
#topsearch{/*background:#FFF6BF;border:2px solid #FFD324;*/margin:10px 0 10px 0px;width:480px;}
ul.topsearch,ul.mostactive{padding-left:30px;}

ul.topsearch li,ul.mostactive li{ font:bold 15px Arial, Helvetica, sans-serif; margin:15px 0;}
ul.topsearch li a,ul.mostactive li a{text-decoration:none;}
ul.topsearch li a:hover,ul.mostactive li a:hover{text-decoration:underline; color:#F75342;}
ul.topsearch{ width:210px; float:left; }
ul.mostactive{ width:460px;}


/* Detail Page */
h2 span { font:normal 18px Arial, Helvetica, sans-serif; text-transform:none; color:#090; }
div.author{margin:20px 0;}
div.author p{font:18px Arial, Helvetica, sans-serif; line-height:24px; margin:15px 0 15px 15px; color:#333;}
p.answer{font:14px Arial, Helvetica, sans-serif; line-height:22px; margin:15px 0 15px 15px; color:#333;}
div.user{margin:15px;}
div.user span{ padding-right:20px;color:#999;}
div.stars{float:left; }
.ad_left{float:left;padding:0px 10px 10px 0;}
.ad_right{float:right;padding:0px 0 10px 10px;}
ul.creator{list-style:none;}
ul.creator li{ float:left; padding: 2px 8px 8px 0;}

/* List Page */
a.post_new{ float:right; width:95px; height:27px; background:url(/mvnplugin/mvnforum/images/swimages/new_btn.png) no-repeat; display:block;}
a:hover.post_new{ background:url(/mvnplugin/mvnforum/images/swimages/new_btn_hover.png) no-repeat;}

/* Regester */
#lightform{background:#EBEBEB url(/mvnplugin/mvnforum/images/swimages/reg_form_bg.gif) repeat-x scroll 0 0;border:1px solid #D3D3D3;width:620px;text-align:left;}
#lightform .lightform {margin:22px;}
.lightform em{ font: normal 10px Arial, Helvetica, sans-serif;}



/*   ---- Component ----   */

/* LIST */
ul.list{ list-style:none;}
ul.list li{background-color:#FFFFFF; padding:10px 0 10px; border-bottom:1px dashed #e0e0e0;}
ul.list li a{color:#06d;}
ul.list li a:hover{color:#F75342;}
ul.list .description{margin:5px 0;}
ul.list .description span{display:block; color:#090}


/* PAGINATION */
.pagination {padding:10px 0;text-align:right; font:16px Arial, Helvetica, sans-serif;}
.pagination a{ padding:0 5px;}
.pagination .current{border:1px solid #D8D9DA; font-weight:bold; margin:1px;padding:3px 7px;vertical-align:middle;}

/* BOX */
div.box{position:relative;}
div.box div.nipple {border-color:transparent;border-style:solid solid none;border-width:6px 6px 0;height:0;left:16px;position:absolute;top:24px;width:0;z-index:2;}
div.box div.content {background-color:#FFFFFF; position:relative;z-index:1; margin:10px 0 20px; color:#333;}

/* yellow box-----*/
div.box.yellow div.bar {background:#FBCA54;}
div.box div.bar {background:#4EBAFF;height:25px;text-align:left;}
div.box.yellow div.nipple {border-top-color:#FBCA54;}

/* blue box -----*/
div.box.blue div.bar {background:#4EBAFF;}
div.box div.bar {background:#4EBAFF;height:25px;text-align:left;}
div.box.blue div.nipple {border-top-color:#4EBAFF;}

/* green box -----*/
div.box.green div.bar {background:#66CC9A;}
div.box div.bar {background:#4EBAFF;height:25px;text-align:left;}
div.box.green div.nipple {border-top-color:#66CC9A;}

/* pink box -----*/
div.box.pink div.bar {background:#FC575E;}
div.box div.bar {background:#4EBAFF;height:25px;text-align:left;}
div.box.pink div.nipple {border-top-color:#FC575E;}

/* gray box -----*/
div.box.gray div.bar {background:#969696;}
div.box div.bar {background:#4EBAFF;height:25px;text-align:left;}
div.box.gray div.nipple {border-top-color:#969696;}

/* Buttons */
.buttonbig {display:block;width: 200px; height: 32px;line-height: 32px;vertical-align: text-middle;background-image: url(/mvnplugin/mvnforum/images/swimages/btn_bg_big.png); text-align: center; font:bold italic 23px Calibri; text-shadow: #59ad18 1px 1px 0;text-decoration:none;}
.buttonbig > span {color: #fff;}
.button {display:block;width: 100px; height: 32px;line-height: 32px;vertical-align: text-middle;background-image: url(/mvnplugin/mvnforum/images/swimages/btn_bg.png); text-align: center; font:bold italic 23px Calibri; text-shadow: #59ad18 1px 1px 0;text-decoration:none;}
.button > span {color: #fff;}