@import url("reset.css");

html{overflow: scroll;}
body{
background: url('../images/bg.jpg') repeat-x;
color: #3880cf;
color:#797979;
text-align:center;
font-face: Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 10pt;
}

a {color: #3880cf;text-decoration: none;font-weight:bold;}
a:hover {text-decoration: underline}

#wrapper{text-align:left;margin:10px auto;width: 775px;border:1px solid #ccc;background-color:#fff;padding:5px;}
#header{height:100px;background: url('../images/cigw.jpg') no-repeat;}

#menu{text-align:center;margin-bottom:15px;padding:5px;background-color:#EFEFEF;}
#menu li{display:inline;padding-right:10px;}
#menu a{padding: 12px 0px 12px 24px;font-weight:bold;}
#menu a:hover{background: url('../images/mnu-hover.gif') no-repeat left center;}

#content{float:left;padding-bottom:5px;width:775px;background-color:#fff;}

h1{margin-bottom:2px;font-weight:bold;}
h2,h3{margin-top:5px;margin-bottom:2px;}
div.category{
	float:left;
	width:165px;
}
div.category p{
	font-weight:bold;
}
div.category ul{
	
}
div.category ul li{
	margin-bottom:1px;
}
div.category ul li a{
	display:block;
	width:100%;
	padding-bottom:2px;
	padding-top:2px;
	text-indent:5px;
	text-decoration:none;
}
div.category ul li a:hover{
	background-color:#EEE;
}

div.story-container{
	margin-left:170px;
}

div.story{
	background-color:#F4F4F4;
	border:1px solid #A2A2A2;
	margin: 0px auto 8px auto;
	width: 550px;
	padding:15px;
}
.storynobg{
	text-align:justify;
	margin: 0px auto 8px auto;
	width: 700px;
}
div.story p{
	margin-top:5px; 
}
div.story a{text-decoration: underline;font-weight:bold;}
div.story a:hover{text-decoration: none;}

div.rating{margin-top:10px;}
div.rating span.rate{font-weight:bold;}
div.clear{clear:both;}
#footer{text-align:center;padding:2px;background-color:#3880cf;color:#fff;}
#footer a{color:#fff;}

/*forms*/
p#outmsg{color:red;}
form.pad{padding:5px;}
form label{display:block;float:left;width:75px;}
form fieldset{margin-bottom:2px;}
input.btn{}
input.text{color:#164c6a;float:left;margin-right:5px;}
span.val{color:red;display:none;float:left;}

div.submit-form{width:750px;}
div.submit-form{border:1px solid #ccc;}
div.submit-form textarea{float:left;width: 460px;height:200px;}

div.comment{border:1px solid #ccc;width:70%;margin:0px auto 5px auto;padding:2px;}
div.comment p.comment-text{text-indent:5px;}

div.signup-form{border:1px solid #ccc;width:310px;overflow:visible;margin: 0 auto;}
div.login-form{border:1px solid #ccc;width:250px;overflow:visible;margin: 0 auto;padding:15px;}
div.login-form input.btn{margin:0 auto;}

div.paging {text-align: center; margin-top: 5px;}
div.paging span{font-weight: bold;}
div.paging ul{overflow: hidden;}
div.paging ul li{float: left; margin: 0px 10px 5px 0px;}
div.paging ul li a{width: 12px;}

textarea.comment{display:block;width:70%;height:80px;margin:0 auto;}
.err{color:red;font-weight:bold;padding:2px;margin-bottom:5px;text-align:center;}
.succ{color:#3880cf;font-weight:bold;padding:2px;margin-bottom:5px;text-align:center;}
.tcenter{text-align:center;}
.center{display:block;margin:0 auto;}
.right{float:right;}
.left{float:left;}
.spacer{height:10px;}