/* 
Design by CASoul
2011-05-01
*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;word-wrap:break-word;word-break:break-all;
	font-size:12px;
	padding:0;
	margin:0;
	color:#000;
	background: black url('http://www.casoul.cn/commons/images/bg/glosoli.jpg') no-repeat;
	cursor: url('http://www.casoul.cn/commons/images/arrow_gray.cur'),default;
}

div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding: 0;border: 0;}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
td{text-align:left;}
select,input{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
ul, li {
    list-style: none
}
a:link{color:#666; text-decoration:none;}
a:visited{color:#ccc; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline; cursor:url('http://www.casoul.cn/commons/images/hand_mac.cur');}
.clear{clear:both;}
.fb{font-weight:bold;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}

/* White Colour Styles */
.white{color:#FFF;}
.snow{color:#FFFAFA;}
.azure{color:#F0FFFF;}
.ghostwhite{color:#F8F8FF;}

/* Blue Colour Styles */
.casoulblue{color:#29D9E8;}
.blue{color:#00F;}
.aqua{color:#0FF;}
.deepskyblue{color:#00BFFF;}
.teal{color:#008080;}

/* Orange & Yellow Colour Styles */
.casoulorangered{color:#FF6600;}
.casoulorange{color:#FE8467;}
.orange{color:#FFA500;}
.yellow{color:#FFFF00;}
.gold{color:#FFD700;}
.tomato{color:#FF6347;}
.darkorange{color:#FF8C00;}
.orangered{color:#FF4500;}
.chocolate{color:#D2691E;}

/* Violet Colour Styles */
.darkorchid{color:#9932CC;}
.darkviolet{color:#9400D3;}
.blueviolet{color:#8A2BE2;}

/* Pink & Red Colour Styles */
.casoulpink{color:#ff0066;}
.deeppink{color:#FF1493;}
.hotpink{color:#FF69B4;}
.red{color:#F00;}
.darkred{color:#8B0000;}
.crimson{color:#DC143C;}
.firebrick{color:#B22222;}

/* Green Colour Styles */
.casoulgreen{color:#67B544;}
.green{color:#008000;}
.darkolivegreen{color:#556B2F;}
.greenyellow{color:#ADFF2F;}
.lightseagreen{color:#20B2AA;}

/* Gray Colour Styles */
.casoulgray{color:#666;}
.gray{color:#808080;}
.silver{color:#C0C0C0;}
.darkgray{color:#A9A9A9;}
.darkslategray{color:#2F4F4F;}


.center{text-align:center;}

a {
      /* Default Colour/Styles here */
      color: #666;
}
a em:first-line {
      /* Rollover Colour/Styles here */
      color: #ff6600;
}

.logo{	margin: 0px;
	margin-left: 389px;
	margin-top: 0px;
	padding: 0px;}

.wrapper{margin:0 0 0 40px;}
.nav{width:100px; float:left; margin:0 10px 0 0; line-height:20px;}
.nav h1{border-bottom:1px solid #ff6600; padding:5px 0; margin:0 0 5px 0;}
.nav ul{padding:0 0 0 4px;}
.nav li{list-style:none; }

.nav2{width:130px; float:left; margin:0 10px 0 0; line-height:20px;}
.nav2 h1{border-bottom:1px solid #ff0066; padding:5px 0; margin:0 0 5px 0;}
.nav2 ul{padding:0 0 0 4px;}
.nav2 li{list-style:none; }

.nav3{width:180px; float:left; margin:0 10px 0 0; line-height:20px;}
.nav3 h1{border-bottom:1px solid #67B544; padding:5px 0; margin:0 0 5px 0;}
.nav3 ul{padding:0 0 0 4px;}
.nav3 li{list-style:none; }

.nav4{width:220px; float:left; margin:0 10px 0 0; line-height:20px;}
.nav4 h1{border-bottom:1px solid #29D9E8; padding:5px 0; margin:0 0 5px 0;}
.nav4 ul{padding:0 0 0 4px;}
.nav4 li{list-style:none; }

.nav5{width:270px; float:left; margin:0 10px 0 0; line-height:20px;}
.nav5 h1{border-bottom:1px solid #FE8467; padding:5px 0; margin:0 0 5px 0;}
.nav5 ul{padding:0 0 0 4px;}
.nav5 li{list-style:none; }

/* Fanfou Styles here */

#box{width:220px;margin:0px 0 0; padding:0; border:0px dotted #ccc;overflow:hidden}
#ft{text-align:center;background:#000;padding:5px 0; font-size:12px; color:#666}
#fflist{background:#000;font-size:12px; margin:0; padding:0; overflow:hidden}
#fflist li{line-height:1.5em; margin:0 5px; padding:10px 0; border-top:1px dotted #ccc; color:#666}
#fflist li img{ vertical-align:middle}
#fflist li b{ color:#ccc; margin-right:1em;}
#fflist li i{ display:block}
#loading{text-align:center;background:url(http://www.casoul.cn/apps/fanfou/loading.gif) scroll no-repeat center center;font-size:12px;color:#ff6600;}

.contact{ position:absolute; bottom:60px; z-index:20; text-align:center; }

.footer{ position:absolute; bottom:30px; z-index:20; text-align:center; }