* {
	margin: 0 0;
	padding: 0 0;
}

BODY {
	font-family : sans-serif, Arial;
	font-size: 0.75em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	min-width: 600px; /* For centering in Mozilla */
	background-color: #f1efe4;
}

#container {
	width: 900px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: 100%;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto; /* For centering in IE & Mozilla */
	padding: 0;
	background-color: #FFFFFF;
}

p {
	margin-bottom: 10px;
}

a {
	color: #206098;
}

a:hover {
	color: #000000;
}

/* usermenu_large corners */
#header_bg #usermenu_large b.rbottom, #header_bg #usermenu_large b.rtop {
	display:block;
	background: #7aa9d3;
}

#header_bg #usermenu_large b.rbottom b, #header_bg #usermenu_large b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#206098;
}

/* usermenu_small corners */
#header_bg #usermenu_small b.rbottom, #header_bg #usermenu_small b.rtop {
	display:block;
	background: #7aa9d3;
}

#header_bg #usermenu_small b.rbottom b, #header_bg #usermenu_small b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#206098;
}


/* cpmenu corners */
#cpmenu b.rbottom, #cpmenu b.rtop {
	display:block;
}

#cpmenu b.rbottom b, #cpmenu b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#206098;
}

#bottommenu {
	color: #FFFFFF;
	float: right;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #C4C09B;
}

#bottommenu a {
	color: #FFFFFF;
	text-decoration: none;
}

#bottommenu:after { content: ""; display: block; height: 0; clear: both; }

#bottommenu b.rbottom, #bottommenu b.rtop {
	display:block;
	background: #f1efe4;
}

#bottommenu b.rbottom b, #bottommenu b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#C4C09B;
}

#usermenu_large {
	width: 370px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #206098;
	margin-right: 5px;
}

#usermenu_small {
	width: 220px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #206098;
	margin-right: 5px;
}

#usermenu_large p, #usermenu_large a, #usermenu_small p, #usermenu_small a {
	margin: 0 10px;
}

#cpmenu {
	text-align: center;
	width: 400px;
	background-color: #206098;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 15px;
}

#cpmenu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin: 0 10px;
}

.profile_pic {
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 6px;
}

.profile_stats {
	float: left;
	margin-top: 6px;
	margin-left: 30px;
}

.friend {
	float: left;
	width: 150px;
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 6px;
}

/* header_bg corners */
#header_bg b.rtop {
	display: block;
	background-color: #f1efe4;
}

#header_bg b.rtop b {
	display: block;
    overflow: hidden; 
	background-color: #82B0D8;
}

#header {
	width: 100%;
	background-color: #f1efe4;
	padding-top: 10px;
	padding-bottom: 0px;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header_logo a {
	float: left;	
}

#header img {
	border: none;
}

#header_bg {
	width: 100%;
	height: 85px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
}

#header_bg img {
	padding-top: 5px;
	padding-left: 100px;
	margin: 0 0;
	padding-bottom: 0;
	padding-right: 0;
}

/* login corners */
#login b.rtop, #login b.rbottom {
	display:block;
	background: #FFFFFF;
}

#login b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#26659C;
}

#login b.rbottom b {
	display:block;
    overflow: hidden; 
	background-color:  	#82AFD7;
}

#login a {
	color: #FFFFFF;
	text-decoration: none;
}

/* search corners */
#search b.rtop, #search b.rbottom {
	display:block;
	background: #FFFFFF;
}

#search b.rtop b {
	display:block;
    overflow: hidden; 
	background-color:  	#517400;
}

#search b.rbottom b {
	display:block;
    overflow: hidden; 
	background-color:  	#829E07;
}

#search_content {
	color: #FFFFFF;
	font-weight: bold;
	height: 52px;
	margin: 0 0;
	padding: 0 0;
	background-image: url(images/search_background.png);
	background-repeat: repeat-x;
}

#search p {
	padding-left: 15px;
	padding-top: 5px;
	margin-top: 0px;
}

#search form {
	padding-left: 15px;
}

#search input, #login input {
	border: none;
}

/* leftmenu corners */
#leftmenu b.rtop, #leftmenu b.rbottom {
	display:block;
	background: #FFFFFF;
}

#leftmenu b.rtop b, #leftmenu b.rbottom b {
	display:block;
    overflow: hidden; 
	background-color:  	#e2e0ca;
}

#header_sep {
	width: 100%;
	height: 25px;
	background-color: #206098;
}

#top_main_menu {
	width: 100%;
	height: 65px;
	background-color: #e2e0ca;
}

#slogan {
	float: left;
	margin-left: 40px;
	text-align: center;
	width: 300px;
}

#slogan p {
	color: #206098;
	margin: 0 0;
	padding-top: 15px;
	font-weight: bold;
}

#button_menu {
	width: 450px;
	float: right;
}

#button_menu img {
	margin-top: 10px;
	margin-right: 10px;
}

#button_menu a {
}

table#cat td {
	padding: 10px 20px;
	font-size: 1.5em;
}

table#cat a {
	text-decoration: none;
}

table#cat a:hover {
	color: #000000;
}

table.cp {
	border-collapse: collapse;
}

th.cp {
	text-align: left;
	text-transform: lowercase;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	background-color: #e2e0ca;
	border-top: 2px solid #333333;	
	border-bottom: 2px solid #333333;	
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}

tr.cp {
	background-color: #FFFFFF;	
}

tr.cp_even {
	background-color: #e2e0ca;	
}

tr.cp_odd {
	background-color: #FFFFFF;	
}

td#top {
	vertical-align: top;
}

td.cp {
	padding-left: 4px;
	padding-right: 4px;
}

table.login {
	width: 200px;
	border-collapse: collapse;
	border: none;
}

tr.login {
}

td.login_dot {
	border-top: 1px dotted #e2e0ca;
	padding-bottom: 3px;
	
}

td.login {
	padding-bottom: 3px;
}

INS.i {
	/*background-color: #00FF66;*/
	background-color: #A0B542;
	border: dotted 1px #999999;
	text-decoration: none;
}

INS.in {
	text-decoration: none;
}

INS.iw {
	background-color: #FFFFFF;
	text-decoration: none;
}

DEL.d {
	/*background-color: #FF6699;*/
	background-color: #F9AE1E;
	border: dotted 1px #999999;
}

DEL.dn {
}

DEL.dw {
	background-color: #FFFFFF;
}

input {
	font-size: 1em;
	font-family : sans-serif, Arial;
	line-height: 1.5em;
	color:#000000;
	border: 1px solid #206098;
	padding: 1px;
	margin-top: 2px;
}

input.check {
	border: none;
}

input.radio {
	border: none;
	margin-right: 3px;
}

textarea.textarea {
	width: 100%;
}

input.title, input.subtitle {
	width: 100%;
}

textarea {
	font-size: 1em;
	font-family : sans-serif, Arial;
	line-height: 1.5em;
	color:#000000;
	background-color:#FFFFFF;
	border: 1px solid #206098;
	padding: 2px;
}

hr {
	color: #DDDDDD;
	height: 1px;
}

font.ip {
	color : #0B0C0E;
	font-size: .75em;
}

#top_bg {
	height: 70px;
	width: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
}

#top {
	width: 100%;
	height: 120px;		
	border-bottom: 1px #000099 solid;
}

#banner {
	float: left;
	width: 300px;
	height: 70px;
}

#banner:after { content: ""; display: block; height: 0; clear: both; }

#top_ads {
	float: right;
	width: 468px;
}

#top_ads:after { content: ""; display: block; height: 0; clear: both; }

#login {
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
	width: 100%;
	margin-bottom: 15px;
}

#login table {
	height: 88px;
	margin-left: 10px;
}

#login_content {
	height: 88px;
	width: 100%;
	background-image: url(images/login_background.png);
	background-repeat: repeat-x;
}

#error {
	font-size: 0.85em;
	color: Red;
	font-weight: bold;
}

#title {
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	color: #4F7200;
	padding-bottom: 5px;
}

h1{
	color: #4F7200;
	margin-bottom: 10px;
}

h2{
	color: #3c7cb3;
	margin-bottom: 5px;
}

h3{
	color: #3c7cb3;
	margin-bottom: 5px;
}

#subtitle {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding: 2px 2px;
}

#views {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

#rating {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

#story {
	padding-right: 5px;	
	padding-bottom: 5px;
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
}

#rate_menu {
	border-top: 1px dotted #206098;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 1em;
	color: #000000;
}

#rate_menu img {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 100px;
}

#rate_menu input {
	color: #FFFFFF;
	background-color: #206098;
	font-weight: bold;
}

/* Vertical topmenu */
#topmenu {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #999999;
	color: #FFFFFF;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	float: left;
	width: 575px;
}

#topmenu:after { content: ""; display: block; height: 0; clear: both; }

#vert_menu {
	float: right;
	padding-top: 25px;
	margin-right: 15px;
	width: 225px;
}

/*#vert_menu:after { content: ""; display: block; height: 0; clear: both; }*/

div.break {
	/*margin-top: 5px;*/
}

#user_content {
	position: absolute;
	top: 110px;
	left: 210px;
	width: 480px;
}

#actual_content {
	float: left;
	width: 587px;
	padding-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
}

#actual_content:after { content: ""; display: block; height: 0; clear: both; }

#leftmenu {
	margin-top: 15px;
	padding: 0px 0px;
}

#rightmenu {
	position: absolute;
	top: 110px;
	left: 700px;
	width: 205px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#storymenu {
	float: right;
	width: 190px;
}

#storymenu .content a {
	text-decoration: none;
	font-weight: bold;
}

#storymenu .content {
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #206098;
	border-right: 1px solid #206098;
}

#storymenu .content p {
	margin: 0px 0px;
	padding: 0px 0px;
	padding-bottom: 3px;	
}

#updatemenu {
	width: 380px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#updatemenu .content {
	padding-left: 10px;
	border-left: 1px solid #206098;
	border-right: 1px solid #206098;	
}

#storymenu:after { content: ""; display: block; height: 0; clear: both; }

#linkmenu {
	margin-top: 10px;
	text-align: right;
	float: right;
}

.menu_title {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	color: #206098;
	/*color: #4F7200;*/
	margin-top: 10px;
}

div.menu_title_newest {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #206098;
	padding-left: 10px;
	background-color:  #e2e0ca;
	background-image: url(images/newest.png);
	background-repeat: no-repeat;
}

div.menu_title_rated {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #206098;
	padding-left: 10px;
	background-color:  #e2e0ca;
	background-image: url(images/rated.png);
	background-repeat: no-repeat;
}

div.menu_title_popular {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #206098;
	padding-left: 10px;
	background-color:  #e2e0ca;
	background-image: url(images/popular.png);
	background-repeat: no-repeat;
}

div.menu_content {
	font-size: 1em;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px 0px;
	background-color: #e2e0ca;
}

div.menu_content a {
	color: #206098;
	text-decoration: none;
}

#photo {
	margin-left: 10px;
}

#facts {
	float: left;
	width: 150px;
}

#facts:after { content: ""; display: block; height: 0; clear: both; }

div.author {
	font-size: 1em;
	margin: 0 0;
	padding: 0 0;
}

ol {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.0em;
	color: #206098;	
	padding-left: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
	text-indent: 0px;
}

ul {
	font-size: 1em;
	line-height: 1.5em;
	color: #222222;	
	padding-left: 5px;
	margin-left: 5px;
	text-indent: 0px;
	list-style-type: none;
}

ul li {
	padding-bottom: 10px;	
}

ul p {
	margin-left: 20px;
	margin-bottom: 0px;	
}

.comment_form input, .story_form input.submit {
	border-top: none;
	margin-top: 0px;
}

#comments {
	border-top: 1px dotted #206098;
	margin-top: 20px;
}

#comments h2 {
	padding-top: 20px;
}

.comment {
	width: 400px;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #206098;
}

.comment_user_ts {
	width: 100%;
}

.comment_username {
	float: left;
	width: 140px;
}

.comment_timestamp {
	float: right;
	text-align: right;
	width: 240px;
}

.comment_subject {
	width: 100%;
	font-weight: bold;
	padding-top: 5px;
	border-top: 1px solid #206098;
}

.comment_text {
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid #206098;
}

.placeholder {
	clear: both;
}

#actual_content .menu_content {
	background: #FFFFFF;
	border-left: 1px solid #206098;
	border-right: 1px solid #206098;
	padding: 0 0;
	margin: 0 0;
}

#actual_content .menu_content a {
	font-weight: bold;
}

#actual_content .menu_content a:hover {
	color: #000000;
	text-decoration: underline;
}

#actual_content .reg_content {
	float: left;
	width: 270px;
	margin-right: 20px;
}

#actual_content .reg_content form, #actual_content .reg_content h1, #actual_content .reg_content h3 {
	padding-left: 15px;
}

div#actual_content b.rtop, b.rbottom {
	display:block;
	background: #FFFFFF;
	margin: 0 0;
}
div#actual_content b.rtop b, b.rbottom b {
	display:block;
    overflow: hidden;
}
div#actual_content b.r1 {
	background-color: #206098;
}
div#actual_content b.r2 {
	border-left: 2px solid #206098;
	border-right: 2px solid #206098;
}
div#actual_content b.r3 {
	border-left: 1px solid #206098;
	border-right: 1px solid #206098;
}
div#actual_content b.r4 {
	border-left: 1px solid #206098;
	border-right: 1px solid #206098;
}

b.r1 {
	margin: 0 5px;
	height: 1px;
}

b.r2 {
	margin: 0 3px;
	height: 1px;
}

b.r3 {
	margin: 0 2px;
	height: 1px;
}

b.r4 {
	margin: 0 1px;
	height: 2px;
}

.form_errors {
	color: #FF0000;
	border: 1px solid #FF0000;
	padding-left: 5px;
	margin-bottom: 5px;
}

.form_errors h3 {
	color: #FF0000;	
}

