/* 

	CSS Document 

	FunCommentSpace.com

	Copyright © 2007

	Author: Xxisstudios.com

	*/



body {

	font-family: "Tahoma";

	font-size: 11px;

	color: #454545;

	background-color: #7cc9ff;

	background-image: url(images/bg.gif);

	background-repeat: repeat-x;

	}

	

a {

	color: #c33c3c;

	text-decoration: underline;

	}

	

a:hover {

	color: #c33c3c;

	text-decoration: none;

	}



a:visited {

	color: #454545;

	text-decoration: underline;

	}



a img {

	border: 0;

	}



h1 {

	font-size: 24px;

	}



/* CONTENT */



#container {

	margin-left: auto;

	margin-right: auto;

	width: 985px;

	background-color: #e7e7e7;

	padding: 3px;

	}

	

.header {

	background: url(images/header_bg.gif) repeat-x;

	height: 108px;

	overflow: hidden;

	}

	

#logo {

	background: url(images/logo.gif) no-repeat;

	height: 108px;

	width: 283px;

	float: left;

	}

	

#links {

	float: right;

	margin-right: 6px;

	}



#links ul {

	vertical-align: bottom;

	margin-top: 75px;

	}



.button {

	background: url(images/inactive_bn.gif) no-repeat;

	height: 33px;

	width: 80px;

	float: left;

	margin-right: 4px;

	padding: 7px 0 0 0;

	text-align: center;

	font-weight: bold;

	color: #ffffff;

	}



.button:hover {

	background: url(images/active_bn.gif) no-repeat;

	height: 33px;

	width: 80px;

	}



#links li {

	display: inline;

	}

	

#links li a {

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;

	cursor: hand;

	}

	

#links li a:hover {

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;

	cursor: hand;

	}

	

/* LEFT NAV */



#navigation {

	float: left;

	margin-top: 3px;

	}



.nav {

	background-color: #ffffff;

	width: 158px;

	padding-top: 3px;

	}



.nav_top {

	background: url(images/ul_top.gif) no-repeat;

	height: 28px;

	width: 152px;

	margin: 0 3px 0 3px;

	padding: 3px 0 0 7px;

	font-weight: bold;

	}



.nav_top_title {

	padding: 4px 0 0 0;

	color: #ffffff;

	}



#navigation ul {

	margin: 0;

	padding: 0 3px 3px 3px;

	}

	

#navigation li {

	list-style-type: none;

	font-weight: normal;

	margin: 0;

	padding: 6px 3px 6px 3px;

	}

	

#navigation li:hover {

	background-color: #dd9595;

	font-weight: bold;

	}

	

#navigation a {

	color: #454545;

	text-decoration: none;

	}

	

#navigation a:hover {

	color: #454545;

	font-weight: bold;

	text-decoration: none;

	}

	

/* MAIN */



#content {

	float: right;

	margin-top: 3px;

	}



.content {

	background-color: #ffffff;

	width: 811px;

	padding: 3px 3px 3px 3px;

	}



.content_accent1 {

	background: url(images/accent.gif) repeat-x;

	height: 6px;

	width: 100%;

	padding-bottom: 3px;

	overflow: hidden;

	}

	

.content_accent2 {

	background: url(images/accent.gif) repeat-x;

	height: 6px;

	width: 100%;

	padding-top: 3px;

	overflow: hidden;

	}

	

/* BOTTOM */



#bottom {

	clear: both;

	}

	

/* FOOTER */



#footer {

	margin-top: 3px;

	margin-left: auto;

	margin-right: auto;

	width: 985px;

	background-color: #e7e7e7;

	padding: 3px;

	}

	

.footer {

	padding: 3px 3px 3px 3px;

	background-color: #ffffff;

	text-align: center;

	line-height: 18px;

	}