/* bReset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img, :link img, :visited img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

html {
	background:#EFF2F5 url("../images/bg.png") repeat-x top;
}

body {
	font:0.7em Arial;
	color:#6B6A6A;
	background:url("../images/bottom-bg.gif") repeat-x bottom;
	padding:8px 0 0;
}

a {
	text-decoration:underline;
	color:#00AEEF;
}

a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1 {
	color:#00AEEF;
	font:normal 1.6em Arial;
	margin-bottom:2px;
}

	h1 sup {
		font:normal 11px Arial;
		color:#fff;
		background:#F68E56;
		padding:0 2px;
	}

h2 {
	font:bold 1.1em Arial;
	padding:3px 10px;
	color:#fff;
	background:#7b7b7b;
	margin-bottom:3px;
}
h2 a, h2 a:hover {
	color:#fff;
}

	h2.green {background:#ACD373}
	h2.red {background:#F69679}
	h2.pink {background:#F06EAA}
	h2.blue {background:#6DCFF6}
	h2.brown {background:#998675}
	h2.aqua {background:#1CBBB4}
	h2.lightpink {background:#F5989D}
	h2.orange {background:#E7A71D}

h3 {
	font:bold 1.25em Arial;
	margin-bottom:5px;
}

/* Form elements */

.textbox, select {
	font:normal 1em Arial;
	color:#6B6A6A;
	background:#fff;
	border:1px solid #bbb;
}

.textbox:focus {
	background:#f5f5f5;
}

.button {
	border:1px solid #ccc;
	font:normal 1em Arial;
	color:#00AEEF;
	cursor:pointer;
	background:#fff;
}

.button:hover {
	background:#f5f5f5;
}

textarea {
	background:#f5f5f5;
	padding:0;
	font:normal 1em Arial;
}

/* Structure */

.wrap {
	width:96%;
	margin:0 auto;
	background:url("../images/wrapper-middle.png") repeat-y center;
}

.outer-wrapper {
	background:url("../images/wrapper-top.png") no-repeat center top;
}

.wrapper {
	padding:0 4px 10px;
	background:#ffffff;
}

.wrapper:after {
	clear:both;
	display:block;
	content:"";
}

.container {
	width:100%;
	float:right;
	margin-left:-230px;
}

/* Header */

.header {
	position:relative;
	height:198px;
	background:url("../images/header.jpg") no-repeat center top;
}
.header2 {
	position:relative;
	width:400px;
	height:80px;
	color: #001039;
	bottom: 120px;
	left:255px;
	align:center;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 21px;
	padding-bottom: 20px;
	margin : 0 auto;
	}
}

	.logo {
		padding-top:10px;
		margin-left:20px;
	}

	.post {
		position:absolute;
		right:10px;
		top:85px;
	}

	.login {
		position:absolute;
		left:0;
		bottom:15px;
		padding:2px 5px;
		background:url("../images/login-bg.png");
	}

		.login span {
			font-size:1.1em;
			color:#004654;
		}

			.login span a {
				color:#004654;
			}

		.login table {
			text-align:right;
		}

			.login td {
				padding:0 4px 2px 0;
			}

				.login ul {
					padding-left:5px;
				}

					.login li {
						padding-left:8px;
						background:url("../images/login-arrow.gif") no-repeat left 4px;
						text-align:left;
					}

		.login a {
			color:#464646;
		}

		.login a:hover {
			color:#004654;
		}

/* Content */

.content {
	margin-left:230px;
}

	.center {
		text-align:center;
	}

/* Recommended block */

.recommended {
	overflow:hidden;
	background:url("../images/recommended.png") no-repeat left;
	padding-left:34px;
	align:center;
	margin:0 0 12px 230px;
}

	.recommended li {
		float:right;
		margin-right:10px;
		width:22%;
		background:#F3FFE0;
		text-align:center;
		padding:10px 3px 3px;
	}

		.recommended p {
			margin-bottom:3px;
		}

			.recommended a {
				color:#464646;
				text-decoration:none;
			}

			.recommended a:hover {
				color:#F06EAA;
				text-decoration:underline;
			}

/* Central column */

.main {
	margin-right:220px;
}

	.category {
		overflow:hidden;
		background:url("../images/category-bg.gif") no-repeat left top;
		padding-left:15px;
		margin-bottom:6px;
	}

		.category p {
			float:left;
			background:#F7E7D9 url("../images/category-right.gif") no-repeat right top;
			padding:0 30px 0 10px;
			font:normal 1.2em/20px Verdana;
			color:#998675;
		}

			.category a {
				color:#998675;
				text-decoration:none;
			}

			.category a:hover {
				color:#695645;
			}

		.date {
			float:right;
			background:#F3F3F3;
			line-height:20px;
			color:#7D7D7D;
			padding:0 5px;
		}

	.title-footer {
		margin-bottom:10px;
		font-family:Verdana;
	}

		.title-footer a {
			color:#F26C4F;
			text-decoration:none;
		}

		.title-footer a:hover {
			text-decoration:underline;
		}

		.title-footer img {
			vertical-align:top;
		}

	.news {
		overflow:hidden;
		padding-bottom:8px;
	}

		.news img {
			margin:0 5px;
		}

		.news form img {
			margin:0;
			vertical-align:top;
		}

	.post-footer {
		background:#E9F7F7;
		color:#00AEEF;
		font:italic normal 1.3em Arial;
		padding:3px 7px 5px;
		margin-bottom:16px;
	}

		.post-footer .rating {
			float:right;
			padding-top:1px;
			font-size:12px;
		}

	.banner-block {
		margin-bottom:12px;
		text-align:center;
	}

/* Block */

.block {
	padding:0 8px;
	margin-bottom:12px;
}

/* Left column */

.leftside {
	width:220px;
	float:left;
}

	.random-news {
		margin-bottom:12px;
		padding:0 8px;
	}

		.random-news li {
			background:#E4F2FC;
			margin-bottom:4px;
			font-size:1.1em;
			padding:4px;
			text-align:center;
		}

			.random-news p {
				margin-bottom:3px;
			}

				.random-news a {
					color:#464646;
					text-decoration:none;
				}

				.random-news a:hover {
					color:#222;
				}

	.searchbox {
		padding:5px 10px 5px;
		margin-bottom:12px;
	}

		.searchbox .textbox {
			width:140px;
		}

/* Right column */
.lcol, .rcol, form { display: inline; }
.lcol { float: left; } .rcol { float: right; }

.rightside {
	width:210px;
	float:right;
}

	.topnews {
		font-size:1.1em;
		color:#4D4D4D;
	}
.topnews li {
		margin-left: 10px;
	}
		.topnews a {
			color:#4D4D4D;
			text-decoration:none;
		}

		.topnews a:hover {
			color:#8DC63F;
			text-decoration:underline;
		}

	.menu {
		margin-bottom:20px;
	}

		.menu li {
			margin-bottom:5px;
		}

			.menu p {
				color:#737171;
			}

				.menu dl {
					overflow:hidden;
					padding:5px 0;
					cursor:pointer;
				}

				.menu .even {
					background:#F7F1F1;
				}

				.menu dl:hover, .menu .iehover {
					background:#E7FDC5;
				}

					.menu dd {
						display:table;
					}

					.menu dt {
						float:left;
						width:40px;
						text-align:center;
					}

						.menu dl:hover h3, .menu .iehover h3 {
							color:#F06EAA;
							text-decoration:underline;
						}

				.menu ul {
					display:none;
					margin:5px 0 5px 22px;
				}

					.menu ul li {
						background:url("../images/menu-bullet.gif") no-repeat left 3px;
						padding-left:18px;
					}

						.menu ul li a {
							color:#737171;
						}

						.menu ul li a:hover {
							color:#0498cf;
						}

/* Footer */

.footer {
	margin:0 auto;
	width:950px;
	color:#fff;
	padding:0 0 1px;
	text-align:center;
}

.addcombtn { text-align: center; font: 1.15em/30px sans-serif; color: #fff; float: left; height: 31px; width: 181px; padding-right: 27px; background: #428cda url("../images/addcombtn.png") no-repeat; }
	.addcombtn:hover { background-position: 0 -31px; }

.bcomment { border-bottom: 1px solid #dadada; background: url("../images/speedbar.png") repeat-x 0 100%; padding-bottom: 15px; }
	.bcomment .dcont, .bcomment .dtop { padding: 0 15px; }
	.bcomment .dcont { padding-top: 10px; }
	.bcomment .dtop { overflow: hidden; padding-left: 140px; height: 100px; border-top: 3px solid #3f84cb; }
	.bcomment .dtop .lcol { width: 100px; padding: 0 15px; margin-left: -130px; }
		.bcomment .dtop .lcol span { float: left; width: 100px; height: 100px; overflow: hidden; }
			.bcomment .dtop .lcol span img { width: 100px; }

	.bcomment .dtop .rcol { font-size: 0.9em; color: #90a7b2; width: 100%; }
		.bcomment .dtop .rcol ul { margin-top: 12px; padding-top: 4px; height: 36px; float: left; margin-right: 15px; }

		.cmsep { padding-left: 19px; background: url("../images/cmsep.png") no-repeat 0 50%; }

	.reply a, .reply a b { height: 28px; background: #2b88d5 url("../images/reply.png") no-repeat; }
		.reply a { float: right; margin-top: 21px; color: #fff; line-height: 27px; }
		.reply a b { cursor: pointer; float: left; padding: 0 15px; background-color: transparent; background-position: 100% -28px; }
			.reply a:hover { background-position: 0 -56px; }
			.reply a:hover b { background-position: 100% -84px; }

	div.cominfo { position: relative; border-bottom: 1px solid #fff; color: #3F84CB; font-size: 0.9em; height: 29px; margin-top: -30px;}
		div.cominfo .thide { width: 13px; padding-top: 8px; position: absolute; left: 29px; top: -7px; background: url("../images/comarrow.png") no-repeat; }
		div.cominfo .dpad { overflow: hidden; }
		.comedit, .selectmass { display: inline; }
		.selectmass input, .comedit ul, .comedit ul li { float: right; }
		.comedit ul li, .selectmass input { margin: 6px 0 0 8px; }
			.comedit ul li { float: left; }
			.comedit ul li a { color: #3F84CB; }
			.selectmass input { vertical-align: middle; }

			.signature { color: #93918d; }

		ul.cominfo, ul.cominfo li { float: left; }
			ul.cominfo { margin: 6px 0 0 -8px; }
				ul.cominfo li { border-left: 1px solid #73858e; margin: 0 7px 0 0; padding-left: 7px; }