/*

	Halotalk Cascading StyleSheet

	Designed by: Lewis Ainslie - http://www.shock.in

	Coded by: Lee Tomblin - http://www.3vo.co.uk



	Table of Contents:

		layout

		navigation see navigation.css

		settings

*/



/* layout

----------------------------------------------- */



body {

	font-family:Arial, sans-serif;

	font-size:12px;

	color:#414141;

	background:#202020;

	margin:0; padding: 0;}

	

div#container {

	width:930px;

	background:url(imgs/bg.gif) repeat-y;

	margin:0 auto;

	overflow:auto;}

	

div#logo {

	width:930px;

	height:177px;

	background:#202020 url(imgs/logo.gif) no-repeat;

	display:block;}	

	

.menu {

	width:930px;

	height:64px;

	background:url(imgs/menu_bg.gif) no-repeat;}

		

div#dropdown {

	padding:25px 73px 0 0;

	float:right;}

	

	.dropdown {

		width:172px; 

		border:1px solid #e37c1f;}



div#banner {

	width:930px;

	height:203px;

	background:url(imgs/banner.jpg) no-repeat;}

	

div#content {

	width:910px;

	margin:0 auto;}

	

	div#left {

		width:194px;

		padding:0 13px 0 0;

		float:left;}

		

	div#center {

		width:496px;

		float:left;}

		

	div#right {

		width:194px;

		float:right;}

		

.header_side_under {

	width:181px;

	padding:0 0 0 13px;

	height:40px;

	line-height:33px;

	color:#fff;

	font-weight:bold;

	background:url(imgs/header_sides_under.gif) no-repeat;}

	

.header_center_under {

	width:483px;

	padding:0 0 0 13px;

	height:40px;

	line-height:33px;

	color:#fff;

	font-weight:bold;

	background:url(imgs/header_center_under.gif) no-repeat;}

	

.middle_box_top {

	width:483px;

	padding:0 0 0 13px;

	height:51px;

	line-height:51px;

	color:#fff;

	font-weight:bold;

	background:url(imgs/middle_box_top.gif) no-repeat;}

	

.header_side_full {

	width:181px;

	padding:0 0 0 13px;

	height:51px;

	line-height:51px;

	color:#fff;

	font-weight:bold;

	background:url(imgs/header_box_top.gif) no-repeat;}

	

.box_sides {

	width:190px;

	padding:2px;

	margin:0 0 5px 0;

	background:#e3e3e3;

	overflow:auto;}

	

	.box_sides ul {

		margin:0; padding:0;

		list-style-type: none;}



		.box_sides li {

			margin-bottom:1px;}



			.box_sides a {

				width:180px;

				padding:5px 0 5px 10px;

				background:#ededed;

				color:#f09f27;

				font-size:11px;

				font-weight:bold;

				display:block;

				text-decoration:none;}



				.box_sides a:hover {

					color:#f09f27;

					text-decoration:underline;}

					

.box {

	width:180px;

	padding:5px 0 5px 10px;

	background:#ededed;

	color:#f09f27;

	font-size:11px;

	margin:0 0 1px 0;

	font-weight:bold;}

	

.center_box {

	padding:2px;

	overflow:auto;

	margin:0 0 5px 0;

	background:#e3e3e3;

}

	

	.center_box img {

		margin:3px 10px 0 5px;

		float:left;}

		

		.center_box_bottom {

			overflow:auto;

			height:15px;

			padding:5px;

			margin:5px 0 0 0;

			background:#ededed;}

			

.box_right_date {

	background:#ededed;

	margin:0 0 1px 5px;

	padding:3px;

	color:#414141;

	float:left;}



.box_right_video_name {

	background:#ededed;

	color:#e3801e;

	text-decoration:underline;

	font-weight:bold;

	padding:3px;

	text-align: center;

	margin-top: 0;

	margin-right: 5;

	margin-bottom: 1px;

	margin-left: 5px;

}

	

.box_side_right {

	width:190px;

	padding:2px;

	background:#e3e3e3;

	overflow:auto;}

	

.box_right_footer {

	width:179px;

	height:49px;

	padding:0 15px 0 0;

	margin:0 0 5px 0;

	line-height:49px;

	text-align:right;

	clear:both;

	background:url(imgs/box_right_footer.gif) no-repeat;}

	

	.box_right_footer a {

		color:#fff;

		font-weight:bold;

		text-decoration:none;}

		

	.box_right_footer a:hover {

		color:#fff;

		font-weight:bold;

		text-decoration:underline;}

		

div#bottom {

	width:930px;

	height:152px;

	clear:both;

	background:url(imgs/bottom.gif) no-repeat;}

	

div#footer {

	width:668px;

	height:57px;

	padding:30px 0 0 130px;

	margin:5px auto 0 auto;

	clear:both;

	background:url(imgs/footer.gif) no-repeat;}

	

/* settings

----------------------------------------------- */



.left {

	float:left;}

	

.right {

	float:right;}



a {

	color:#f09f27;

	font-weight:bold;

	text-decoration:underline;}

	

a:hover {

	color:#f09f27;

	font-weight:bold;

	text-decoration:none;}



span.black {

	font-weight:normal;

	color:#414141;}



form {

	margin:0; padding:0;}

.registerbox {

	width:188px;

	background:#e3e3e3;

	overflow:auto;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 4px;

}

div#bannerlong {



	width:930px;

	height:203px;

	background:url(imgs/banner2.gif) no-repeat;

}

div#centerlong {



		width:630px;

		float:left;

}

.header_center_underlong {

	width:630px;

	padding:0 0 0 13px;

	height:40px;

	line-height:33px;

	color:#fff;

	font-weight:bold;

	background-image: url(imgs/longcontentbar.gif);

	background-repeat: no-repeat;

}

.center_boxlong {



	padding:2px;

	overflow:auto;

	margin:0 0 5px 0;

	background:#e3e3e3;

}

.middle_box_toplong {

	width:630px;

	padding:0 0 0 13px;

	height:50px;

	line-height:51px;

	color:#fff;

	font-weight:bold;

	background-image: url(imgs/longcontentbarunder.gif);

	background-repeat: no-repeat;

}

.box_right_image_name {

	background:#ededed;

	color:#e3801e;

	text-decoration:underline;

	font-weight:bold;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 1px;

	margin-left: 5px;

	text-align: center;

}

.contribute {



	padding:2px;

	overflow:auto;

	margin:0 0 5px 0;

	background:#e3e3e3;

}.news_box {



	padding:2px;

	overflow:auto;

	margin:0 0 5px 0;

	background:#e3e3e3;

}

img {

       border:0;}

.center_boxlong imgold {
	float:left;
	height: 50%;
	width: 50%;
	margin-top: 3px;
	margin-right: 100%;
	margin-bottom: 0;
	margin-left: 5px;
}
.newscenter_box_bottom {
	overflow:auto;
	height:15px;
	padding:5px;
	background:#ededed;
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

