/* Main HTML Styles */
body{
background: #fff url(images/background/top.gif) repeat-x top;
margin: 0; padding: 0;
font-family: 'Trebuchet MS';
font-size: 11px;
}
a img, input{
border: 0;
}
h1,h2,p,ul,li{
margin: 0; padding: 0;
}
p{
line-height: 18px;
}
ul,li{
list-style: none;
}
	/* Top bar */
	#topbar{
	color: #fff;
	height: 13px;
	padding: 6px 10px 10px 10px;
	}
		#topbar a{
		text-decoration: none;
		color: #bed76f;
		}
		#topbar a:hover{
		text-decoration: none;
		color: #ffffcc;
		}
		#welcome{
		float: left;
		width: 45%;
		}
		#extra{
		float: left;
		width: 55%;
		text-align: right;
		}
	/* Starting the Page */
	#wrapper{
	width: 808px;
	margin: auto;
	background: url(images/background/side.jpg) no-repeat;
	padding:0 9px 0 9px;
	}
	/* Header */
		#top{
		background: #1b1d24 url(images/header/gaara.jpg) repeat-x left top;
		height: 145px;
		}
		/* Navigation */
		#navigation{
		height: 25px;
		position:relative:
		bottom:150px;
		}
			#tabs{
			padding: 0 0 0 5px;
			}
			.link{
			width: 70px; height: 25px;
			text-align: center;
			margin: 0 1px;
			float: left;
			}
				.link a{
				background: url(images/navigation/buttons.gif) no-repeat;
				width: 70px; height: 20px;
				text-align: center;
				padding: 5px 0 0 0;
				text-decoration: none;
				color: #000;
				float: left;
				}
				.link a:hover{
				background: url(images/navigation/buttons.gif) no-repeat;
				width: 70px; height: 20px;
				text-align: center;
				padding: 5px 0 0 0;
				float: left;
				color: #fff;
				text-decoration: none;
				background-position: -70px 0;
				}
				/* Green Button */
				.green{
				width: 70px; height: 25px;
				text-align: center;
				margin: 0 1px;
				float: left;				
				}
				.green a{
				background: url(images/navigation/buttons.gif) no-repeat right;
				width: 70px; height: 20px;
				text-align: center;
				padding: 5px 0 0 0;
				text-decoration: none;
				color: #000;
				float: left;
				}
				.green a:hover{
				background: url(images/navigation/buttons.gif) no-repeat right;
				width: 70px; height: 20px;
				text-align: center;
				padding: 5px 0 0 0;
				float: left;
				color: #000;
				text-decoration: none;
				}
			/* Search Bar */
			#navigation form{margin-top:10px}
			#search{
			text-align: right;
			padding: 1px 6px 0 0;
			}
				/* Input */
				.search{
				background: url(images/navigation/login.gif) no-repeat top;
				width: 112px; height: 16px;
				margin: 0 10px 0 0; padding: 1px;
				color: #fff;
				}
				/* Submit */
				.submit{
				background: url(images/navigation/search.gif) no-repeat;
				width: 62px; height: 18px;
				margin: 0; padding: 0;
				cursor: pointer;
				}
			/* Under The Navigation */
			#sub{
			background: url(images/navigation/sub.gif) repeat-x;
			height: 21px;
			text-align:left;
			}
				#sub-nav{
				padding: 3px 0 0 240px;
				}
					#sub-nav li{
					float: left;
					}
						#sub-nav li a{
						text-decoration: none;
						color: #000;
						padding: 3px 10px 2px 10px;
						}
						#sub-nav li a:hover{
						background: #ecedef;
						text-decoration: none;
						color: #000;
						}
			/* Movie Box */
			#movie{
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			width: 55px; height: 15px;
			padding: 210px 0 0 245px;
			float: left;
			}
				#movie li a span{
				display: none;
				}
				/* Controls */
				.back{
				background: url(images/content/back.gif);
				width: 19px; height: 15px;
				font-size: 5px;
				float: left;
				display: block;
				overflow: hidden;
				}
					.back a{
					background: url(images/content/back.gif);
					width: 19px; height: 15px;
					font-size: 5px;
					float: left;
					text-indent: -10000px;
					display: block;
					overflow: hidden;
					}
				.play{
				background: url(images/content/play.gif);
				width: 18px; height: 15px;
				font-size: 5px;
				float: left;
				display: block;
				overflow: hidden;
				}
					.play a{
					background: url(images/content/play.gif);
					width: 18px; height: 15px;
					font-size: 5px;
					float: left;
					text-indent: -10000px;
					display: block;
					overflow: hidden;
					}
				.next{
				background: url(images/content/next.gif);
				width: 18px; height: 15px;
				font-size: 5px;
				float: left;
				display: block;
				overflow: hidden;
				}
					.next a{
					background: url(images/content/next.gif);
					width: 18px; height: 15px;
					font-size: 5px;
					float: left;
					text-indent: -10000px;
					display: block;
					overflow: hidden;
					}
			/* Main Content */
			#text{
			background: url(images/content/background.gif) repeat-y;
			width: 487px;
			padding: 10px;
			float: left;
			}
				#text p{
				padding: 5px 0 5px 0;
				}
					#text a{
					color: #4e4e4d;
					}
					#text a:hover{
					text-decoration: none;
					color: #4e4e4d;
					}
				#text h1{
				font-size: 14pt;
				letter-spacing: -1px;
				font-weight: normal;
				color: #14171c;
				}
			/* Extra Divs With Content */
			#more{
			background: url(images/content/bottom-lines.gif) repeat-x;
			height: 94px;
			color: #fff;
			}
				.more{
				height: 94px; width: 489px;
				border-right: 1px solid #fff;
				float: left;
				}
					.title{
					height: 21px;
					padding: 5px 0 0 8px;
					}
						.title a{
						text-decoration: underline;
						color: #ffffcc;
						}
						.title a:hover{
						text-decoration: none;
						color: #ffffcc;
						}
					.thumbs{
					padding: 8px 0 0 0;
					}
					.thumbs a{
					margin: 0 7px;
					}
						.thumbs img{
						border: 1px solid #fff;
						}
						.thumbs a:hover img{
						border: 1px solid #e4fe96;
						}
				/* Online Users */
				.users{
				width: 318px;
				float: left;
				}
					.links{
					padding: 2px 3px 2px 7px;
					}
						.links span{
						color: #bed76f;
						font-weight: bold;
						}
						.links a{
						text-decoration: none;
						color: #fff;
						}
						.links a:hover{
						text-decoration: underline;
						color: #ffffcc;
						}
			/* Bar with Titles */
			#grey{
			background: url(images/content/grey.gif) repeat-x;
			height: 18px;
			font-weight: bold;
			padding: 3px 0 0 5px;
			}
				/* Poll Div */
				.poll{
				background: #14171c;
				width: 146px;
				float: left;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #fff;
				}
					#question{
					background: #1b1e25;
					font-size: 10px;
					padding: 2px;
					}
					#vote{
					background: #1b1e25;
					padding: 3px 5px 4px 3px;
					text-align: right;
					}
						.vote{
						background: url(images/content/vote.gif) no-repeat;
						width: 61px; height: 18px;
						cursor: pointer;
						margin: 0 0 0 5px;
						}
						#vote a{
						text-decoration: underline;
						color: #ffffcc;
						}
						#vote a:hover{
						text-decoration: none;
						color: #ffffcc;
						}
					#list{
					padding: 9px 7px 9px 7px;
					text-align: right;
					}
					.poll-selection{
					float: right;
					padding: 0 6px 0 0;
					}
				/* Latest Forums */
				.latest-forum{
				background: #14171c;
				width: 342px;
				float: left;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #fff;
				}
					.forums{
					background: #1b1e25;
					width: 342px; height: 126px;
					overflow: auto;
					}
				.random{
				background: #14171c;
				width: 318px;
				float: left;
				border-bottom: 1px solid #fff;
				}
					.polling{
					margin: 0 75px 0 0;
					}
					.latest{
					margin: 0 270px 0 0;
					}
		/* Keeping Structure */
		#spacer{
		background: url(images/content/spacer.gif) repeat-x;
		height: 102px;
		}
		/* Footer */
		#footer{
		background: #767677;
		border-top: 1px solid #fff;
		text-align: right;
		padding: 8px 10px;
		color: #fff;
		}
			#footer a{
			text-decoration: none;
			color: #fff;
			}
			#footer a:hover{
			text-decoration: underline;
			color: #e5ff97;
			}
		/* Lists */
		#begin{
		background: #1b1e25;
		width: 290px;
		font-size: 10px;
		}
			.name{
			float: left;
			padding: 1px 109px 0 23px;
			font-weight: bold;
			font-size: 10px;
			}
			.thread{
			float: left;
			padding: 1px 77px 0 23px;
			font-weight: bold;
			font-size: 10px;
			}
			.author{
			float: left;		
			padding: 1px 29px 0 0;
			font-weight: bold;
			font-size: 10px;
			}
			.tag{
			float: left;		
			padding: 1px 46px 0 0;
			font-weight: bold;	
			font-size: 10px;
			}
			.date{
			float: left;
			font-weight: bold;
			padding: 1px 0 0 0;	
			font-size: 10px;
			}
			.date2{
			float: left;
			width: 70px;
			}
			.date3{
			float: left;
			width: 100px;
			}
			#all div{
			clear: both;
			font-size: 10px;
			padding: 0;
			height: 16px;
			}
			.line{
			margin: 0 1px;padding: 0 1px;
			}
			.line a{
			color: #fff;
			text-decoration: none;
			}
			.line a:hover{
			color: #000;
			text-decoration: none;
			cursor: pointer;
			}
			.line img{
			float: left;
			width: 16px;
			}
			.name2{
			float: left;
			padding: 0 0 0 5px;
			width: 136px;
			}
			.tag2{
			float: left;
			width: 60px;
			}
			.dark{
			background: #14171c;
			clear: both;
			font-size: 10px;
			height: 16px;
			}
			.dark a{
			color: #fff;
			text-decoration: none;
			}
			.dark a:hover{
			color: #000;
			text-decoration: none;
			cursor: pointer;
			}
			.dark img{
			float: left;
			width: 19px;
			}
			.light{
			clear: both;
			font-size: 10px;
			padding: 0 0 0 1px;
			height: 16px;
			}
			.light a{
			color: #fff;
			text-decoration: none;
			}
			.light a:hover{
			color: #000;
			text-decoration: none;
			cursor: pointer;
			}
			.light img{
			float: left;
			width: 18px;
			}
			div.forums a {
			color:#fff;
			text-decoration:none;
			cursor:hand;
			}
			div.forums a:hover {
			color:#000;
			text-decoration:none;
			}
#pagesub1 {
margin:none;
padding:10px;
} 

#pagesub1 h1 {
margin:none;
padding:0 0 10px 10px;
font-size: 14pt;
letter-spacing: -1px;
font-weight: normal;
color: #14171c;
}

#pagesub1 h4 {
font: normal 14pt Georgia, sans-serif;
color: #BED970;
margin: 0 0 5px 0;
padding: 5px;
background: transparent url(images/content/grey-fade-down.gif) top left repeat-x;
}

#pagesub1 a {
color:#BED970;
text-decoration:underline;
}

#pagesub1 a:hover {
color:#1B1E25;
text-decoration:none;
}




#page {
margin:none;
padding:10px;
}

#page h1 {
margin:none;
padding:0 0 10px 10px;
font-size: 14pt;
letter-spacing: -1px;
font-weight: normal;
color: #14171c;
}

#page h4 {
font: normal 14pt Georgia, sans-serif;
color: #BED970;
margin: 0;
padding: 5px 0 0 0;
background: transparent url(images/content/grey-fade-down.gif) top left repeat-x;
}

#page img {
float:left;
padding:10px 10px 5px 0;
}

.pagecutter {
margin-bottom:10px;
}

#page h2 {
color:#ccc;
text-align:center;
padding:17px;
font: normal 14pt Georgia, sans-serif;
}

#page h2 a {
color:#767677;
text-decoration:underline;
}

#page h2 a:hover {
text-decoration:none;
}