/**********************************************************************************************
* DO NOT MAKE MODIFICATIONS HERE. USE BASE.CSS INSTEAD
*
/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, serif; */
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
	padding: 40px 0 30px 0;
	background: #311948 url(../images/bg.gif) repeat-x;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing:-.05em;
	padding-bottom: 17px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing:-.05em;
	padding-bottom: 10px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	letter-spacing:-.05em;
}


h2 a, h3 a, h4 a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
h2 a:hover, 
h3 a:hover, 
h4 a:hover,
.newslist p a:hover,
.latest_item li a:hover{
	color: #381d52;
}


h4.category,
h4.category a {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #381d52;
	letter-spacing:0;
}

p  {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 7px;
}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color: #510707;
	text-decoration: none;
}

a:visited {}

a:hover {
	color: #3d4a0c;
	text-decoration: underline;
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 970px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#content {
	padding: 10px;
}	

#footer {
	background: #221132;
	padding: 15px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	clear: both; }
	


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header h1{
	float: left;
	font: 3.6em Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
	padding: 30px 0 10px 20px;
}
	#header h1 a{
		text-decoration: none;
		color: #20102e;
		letter-spacing: -.05em;
	}

.weather{
	width: 120px;
	height: 40px;
	padding: 50px 0 0 120px;
	float: right;
}
	.weather p{
		font: 1.1em/1.3em Helvetica, Arial, sans-serif;
		color: #232323;
	}
	.weather p strong{
		color: #381d52;
	}
	.weather p a{
		color: #6e912a;
		text-decoration: underline;
	}
	.weather p a:hover{
		text-decoration: none;
	}
	
	/* Weathers style */
	
	.weather_snow{background: url(../images/weather_snow.gif) no-repeat left bottom;}
	.weather_cloudy{background: url(../images/weather_cloudy.gif) no-repeat left bottom;}
	.weather_partly_cloudy{background: url(../images/weather_partly_cloudy.gif) no-repeat left bottom;}
	.weather_sunny{background: url(../images/weather_sunny.gif) no-repeat left bottom;}
	.weather_rainy{background: url(../images/weather_rainy.gif) no-repeat left bottom;}
	
	/* End weathers style */
	

.secondary_nav{
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	top: -28px;
	right: 0;
}
	.secondary_nav li{
		float: left;
		padding: 0 10px 0 11px;
		font-size: 1.1em;
		line-height: 2.1em;
		background: url(../images/secondary_nav_line.gif) left 6px no-repeat;
	}
	.secondary_nav li.first{
		background: none;
	}
	.secondary_nav li a{
		text-decoration: none;
		color: #fff;
	}
	.secondary_nav li a:hover{
		color: #b99c9c;
	}
	.secondary_nav li a img{
		margin: 0 0 -3px 5px;
	}
	
.last_update{
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	top: -28px;
	left: 10px;
	font-size: 1.1em;
	line-height: 2.1em;
	color: #fff;
}

#navigation{
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	clear: both;
	background: #422261;
}
	#navigation li{
		float: left;
		position: relative;
	}
	#navigation li a{
		color: #b99c9c;
		font-size: 1.2em;
		display: block;
		font-weight: bold;
		text-decoration: none;
		padding: 14px 21px 12px 20px;
		border-right: 1px solid #562c7e;
	}
	#navigation li a:hover,
	#navigation li.active a{
		color: #fff;
		background: #2d1742;
	}
	
	#navigation li ul{
		display: none;
		position: absolute;
		top: 37px;
		border: 1px solid #562c7e;
		border-top: none;
		z-index:9999;
		width: 180px;
	}
	#navigation li ul li{
		display: block;
		float: none;
		line-height: 1%;
	}
	#navigation li ul li a{
		display: block;
		font-weight: normal;
		font-size: 12px;
		padding: 0 0 0 20px;
		border-right: none;
		line-height: 30px;
		height: 30px;
		background: #422261;
		border-top: 1px solid #562c7e;
	}
	#navigation li ul li a:hover{
		background: #2d1742;
	}
	
	#navigation li:hover ul,
	#navigation li.hover ul{
		display: block !important;
	}


.search{
	float: right;
	padding: 7px 30px 0 0;
}	
	.search input{
		float: left;
	}
	.searchbox{
		background: url(../images/search_bg.gif) no-repeat left top;
		border: none;
		padding: 5px 0 0 10px;
		height: 20px;
		width: 245px;
	}

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

.headlines{
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 14px;
	border: 1px solid #eeeedc;
	background: #ffffec;
}
	.headlines img.main-image{
		float: left;
		margin: 0 10px 5px 0;
		left: 0; top:0;
		border: 1px solid #fff;
	}
	.headlines .headline-footer{
		padding-top: 10px;
	}
	.headlines .headline-footer a{
		color: #000;
		margin-right: 10px;
		display: inline;
		text-decoration: none;
	}
	.headlines .headline-footer a:hover{
		color: #2d1742;
		text-decoration: underline;
	}

.editor-choice{
	width: 310px;
	padding-top: 15px;
	float: right;
}
	.editor-choice h4.category{
		border-bottom: 1px solid #d5d5d5;
		padding-bottom: 8px;
	}
	.main-editor-choice{
		border-top: 2px solid #606060;
		margin-top: 1px;
		padding-top: 8px;
	}
	.main-editor-choice .main-image{
		float: left;
		margin: 3px 10px 10px 0;
	}
	.main-editor-choice p{
		font-size: 11px;
		line-height: 14px;
	}


.newslist{
	clear: both;
}
	.newslist li{
		width: 100%;
		padding-top: 7px;
		overflow: hidden;
	}
	.newslist em{
		display: block;
		float: left;
		padding-top: 3px;
		width: 45px;
		font: 11px Helvetica, Arial, sans-serif;
		color: #381d52;
	}
	.newslist p{
		width: 262px;
		float: right;
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 7px;
		border-bottom: 1px solid  #bfbfbf;
		line-height: 14px;
	}
	.newslist .last p{
		border: none;
	}
	.newslist p a{
		color: #000;
		text-decoration: none;
	}

.latests{
	padding: 10px 0 1px 0;
	clear: both;
	background: url(../images/latest_bottom.gif) bottom no-repeat;
}
	.latests_wrapper{
		background: url(../images/latest_bg.gif) repeat-y left;
	}
		.latest_item{
			float: left;
			width: 152px;
			padding: 15px;
			border-top: 1px solid #dedede;
			margin-left: 10px;
		}
		.first_latest_item{
			margin-left: 0;
		}
		.latest_item img{
			border: 1px solid #dedede;
			padding: 1px;
		}
		.latest_item li{
			border-top: 1px solid #dedede;
			padding: 5px 0;
		}
			.latest_item p{
				padding-bottom: 0;
			}
			.latest_item li a{
				text-decoration: none;
				color: #000;
				font-size: 11px;
				font-weight: bold;
				line-height: 14px;
			}
		.latest_item li.first{
			border: none;
		}
		
.features{
	clear: both;
	padding: 10px 0 1px 0;
	background: url(../images/features_bg_bottom.gif) bottom no-repeat;
}
	.features_wrapper{
		background: url(../images/features_bg.gif) repeat-y left;
	}
		.feature_item{
			float: left;
			width: 280px;
			padding: 15px 14px 15px 14px;
			margin: 0 1px 0 11px;
			border-top: 1px solid #dedede;
			background: url(../images/feature_item_bg.gif) top repeat-x;
		}
		.first_feature_item{
			margin-left: 1px !important;
		}
		.feature_item img{
			border: 1px solid #dedede;
			padding: 1px;
		}
		.feature_item .newslist p{
			float: left;
			width: 232px;
		}

.ads{
	padding-top: 10px;
}


.interior_content .headlines{
	border: none;
	background: #fff;
}

.sidebar{
	width: 310px;
	padding-top: 15px;
	float: right;
}
.bordered_header{
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 8px;
}
.related_content{
	border-top: 2px solid #606060;
	margin-top: 1px;
	padding-top: 8px;	
}

.article_info{
	padding-bottom: 30px;
}
	.article_info p{
		padding: 0;
		font-size: 11px;
	}
	.article_info .writer{
		float: right;
		font-weight: bold;
	}
	.article_info ul{
		padding-top: 12px;
		border-bottom: 1px solid #e6e6e6;
	}
	.article_info li a{
		display: block;
		font-size: 11px;
		color: #000;
		line-height: 20px;
		padding: 2px 0 3px 0;
		padding-left: 25px;
		border-top: 1px solid #e6e6e6;
	}
	.article_info li a.icon_email{
		background: url(../images/icon_email.gif) no-repeat left 6px;
	}
	.article_info li a.icon_print{
		background: url(../images/icon_print.gif) no-repeat left 5px;
	}
	.article_info li a.icon_discuss{
		background: url(../images/icon_discuss.gif) no-repeat 1px 4px;
	}


.headlines h4.bordered_header{
	padding-top: 30px;
}
	.discussion_item{
		width: 100%;
		overflow: hidden;
		padding: 10px 0;
	}
	.discussion_item .avatar{
		float: left;
		text-align: right;
		font:11px Arial, Helvetica, sans-serif;
		color: #381d52;
	}
	.discussion_content{
		border-bottom: 1px solid #e6e6e6;
		width: 540px;
		float: right;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	.discussion_content h4{
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 8px;
		font-weight: normal;
	}
	.discussion_content h4 strong{
		font-weight: bold;
	}
	.discussion_content p{
		padding-top:5px;
	}

.post_comment{
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}
	.post_comment label{
		display: block;
		width: 400px;
		overflow: hidden;
		padding-bottom: 8px;
	}
		.post_comment label strong{
			display: block;
			float: left;
			width: 80px;
			font:12px Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
		.post_comment label input{
			width: 308px;
			padding: 3px 2px;
			border: 1px solid #bdbdbd;
			border-top: 2px solid #bdbdbd;
			border-bottom: 1px solid #dedede;
			background: #f3f3f3;
		}
		.post_comment label textarea{
			width: 310px;
			padding: 3px 2px;
			border: 1px solid #bdbdbd;
			border-top: 2px solid #bdbdbd;
			border-bottom: 1px solid #dedede;
			background: #f3f3f3;
		}
		.btn_submit{
			margin-left: 80px;
		}

.comment_form{
	float: left;
}
.comment_warning{
	float: right;
	width: 164px;
	padding: 13px;
	border: 1px solid #ede3e3;
	background: #fff4f4;
}
.comment_warning p{
	font: 11px Arial, Helvetica, sans-serif;
	line-height:12px;
	color: #684040;
	padding: 0;
}

/* 3.4	Footer
-----------------------------------------------------------------------------------------------*/	

#footer p{
	font-size: 11px;
	padding-bottom:0;
}
#footer p a{
	color: #fff;
	text-decoration: none;
}
#footer p a:hover{
	text-decoration: underline;
}
.footer_left{
	float: left;
	width: 500px;
}
.footer_right{
	float: right;
	width: 250px;
	text-align: right;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/