/* Style Sheet */

/*
	Generic Elements
	
	#31363E
	#22262B
	#F2F7FF
	#E4EEFF
*/

body{
	background-color: #242424;
	font-family: "Lucida Sans Unicode", "Tahoma", "Verdana";
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	/*background-image: url(images/bg.png);*/
}

img{
	border: none;
}

/*
	Form Elements
*/

input,
select,
textarea{
	background-color: #1b1b1b;
	color: #ffffff;
	font-size: 12px;
	font-family: "Tahoma", "Verdana";
	border: 1px solid #ffffff;
	margin: 1px;
}

input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active{
	background-color: #4d4d4d;
	color: #ffffff;
}

input[type=button],
input[type=submit],
input[type=reset]{
	cursor: pointer;
}
input.button{
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	cursor: hand;
	cursor: pointer;
	margin: 1px 2px 1px 2px;
}
input.text{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid white;
}
input.text{
	padding: 2px 2px 2px 19px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

textarea.text{
	padding: 2px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	text-indent: 19px;
	line-height: 16px;
}
/*
	Anchor Elements
*/
a, 
a:visited{
	color: #9c3;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


/*
	Header Elements
*/
h1{
	font-size: 20px;
	border-bottom: 1px dotted #666;
}

h2{
	font-size: 18px;
	border-bottom: 1px dotted #666;
}
h3{
	font-size: 16px;
	border-bottom: 1px dotted #666;
}
h4{
	font-size: 14px;
	border-bottom: 1px dotted #666;
}
/*
	List Elements
*/
ul,
ol{
	margin: 0 0 0 20px;
	padding: 0;
}



/*
	Containers DIV
*/
div#top_bar{
	background-image: url(images/top_grad.png);
	background-repeat: repeat-x;
	height: 119px;
	margin: 0;
}
	div#top_bar div#banner{
		width: 766px;
		height: 119px;
		background-image: url(images/banner.png);
		background-repeat: no-repeat;
		margin: 0 auto 0 auto;
	}

div#overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
	z-index: 10000;
}
	
/*
	Infobar
*/
#info{
	width: 100%;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active{
	display: block;
	float: left;
	width:100%;
	clear: both;
	color: InfoText;
	font-family: tahoma;
	font-size: 11px;
	background: InfoBackground url('images/misc/icon_warning.gif') no-repeat fixed .3em .3em;
	padding: .45em .3em .45em 2em;
	border-bottom: .16em outset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	font-family: tahoma;
	font-size: 11px;
	color: HighlightText;
	background: Highlight url('images/misc/icon_warning.gif') no-repeat fixed .3em .3em;
}

	div#tooltip{
		filter:alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
		background-color: #242424;
		border: 1px solid black;
		padding: 3px;
		position: absolute;
		z-index: 999;
		max-width: 400px;
	}
	
	a.tooltip,
	span.tooltip{
		width: 16px;
		height: 16px;
		background-image: url(images/widgets/help.png);
		background-repeat: no-repeat;
		overflow: hidden;
		cursor: hand;
		cursor: pointer;
	}
	a.tooltip:hover{
		text-decoration: none;
	}
	
div#menu_bar{
	background-image: url(images/menu_grad.png);
	height: 43px;
	background-repeat: repeat-x;
}
	/*
		Top Menu
	*/

	div#menu_bar div#top_menu{
		width: 750px;
		height: 46px;
		margin: auto;
		font-size: 15px;
	}
	div#menu_bar div#top_menu a:link,
	div#menu_bar div#top_menu a:visited{
		color: #ffffff;
		text-decoration: none;
		display: block;
		padding: 10px 10px 0 10px;
		border-right: 1px solid #4d4d4d;
		height: 27px;
	}
	div#menu_bar div#top_menu a:hover{
		background-image: url(images/menu_grad_hover.png);
		background-repeat: repeat-x;
		display: block;
		padding: 10px 10px 0 10px;
		border-right: 1px solid #4d4d4d;
	}
	div#menu_bar div#top_menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 27px;
	}
	div#menu_bar div#top_menu ul li{
		float: left;
	}
	div#menu_bar div#top_menu a.first:link,
	div#menu_bar div#top_menu a.first:visited,
	div#menu_bar div#top_menu a.first:hover{
		border-left: 1px solid #4d4d4d;
	}
	
	/*
		User Controls
	*/
	div#menu_bar div#top_menu div#user_controls{
		padding: 10px 0;
		float: right;
	}
	div#menu_bar div#top_menu div#user_controls a:link,
	div#menu_bar div#top_menu div#user_controls a:visited{
		border-bottom: 1px dotted white;
		display: inline;
		padding: 0;
		border-left: none;
		border-right: none;
	}
	div#menu_bar div#top_menu div#user_controls a:hover{
		background-image: none;
		color: #ff0000;
		border-bottom: 1px dotted #ff0000;
	}
	
	div#menu_bar div#top_menu div#user_controls input{
		height: 15px;
		border: none;
		background: none;
	}
	
	/*
		Login Stuff
	*/
	
	div#menu_bar div#top_menu div#login_form{
		position: absolute;
		z-index: 1000;
	}
	
	div#menu_bar div#top_menu div#login_form div#login_relative{
		position: relative; 
		left: -124px;
		background-color: #383838;
		width: 175px;
		height: 85px;
		border: 1px solid #555555;
		padding: 5px;
	}
	
/*
	Main Content
*/
div#main{
	margin: 0 auto 0 auto;
	width: 750px;
	overflow: hidden;
	position: relative;
	background-color: #2d2d2d;
	padding: 0 5px 10px 15px;
}

	div#main input,
	div#main select,
	div#main textarea{
		background-color: #2d2d2d;
	}
	div#main input:focus,
	div#main select:focus,
	div#main textarea:focus{
		background-color: #1d1d1d;
	}
	div#main div#loading{
		position: absolute;
		right: 10px;
		top: 5px;
		z-index: 900;
		background-image: url(images/loading.gif);
		width: 16px;
		height: 16px;
	}
	
	/*
		Error Box
	*/
	div#main div#dialog_box{
		width: 258px;
		position: absolute;
		top: 0;
		right: 5px;
		z-index: 1000;
	}
		div#main div#dialog_box_top{
			background-image: url(images/dialog/dialog_box_01.png);
			width: 258px;
			height: 33px;
		}
		div#main div#dialog_box_content{
			background-image: url(images/dialog/dialog_box_02.png);
			width: 231px;
			color: #000000;
			background-repeat: repeat-x;
			padding: 0 17px 0 10px;
			line-height: 16px;
		}
		div#main div#dialog_box_bottom{
			background-image: url(images/dialog/dialog_box_03.png);
			width: 258px;
			height: 23px;
		}
	div#main h3.title{
		padding: 0;
		margin: 0 0 5px 0;
		color: #9c3;
		text-decoration:none;
		border-style: none;
		font-size: 16px;
		font-weight: bolder;
		text-transform: none;
		display: block;
		border-bottom: 1px dotted #666;
	}
	div#main div#content{
		float: left;
		width: 535px;
		padding: 15px 5px 0;
	}
	div#main div#sidebar{
		float: left;
		width: 170px;
		padding: 15px 0 0 20px;
	}
	
	div#main div#sidebar h4{
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
		font-size: 12px;
		color: #999999;
		line-height: 15px;
		margin: 0 0 5px 0;
		padding: 0 0 3px 0;
	}
	
	div#main div#sidebar ul{
		list-style-type: none;
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	div#main div#sidebar ul li a{
		border-bottom: 1px dotted #666;
		color: #9c3;
		display: block;
		text-decoration: none !important;
		margin-left: 0px;
		padding-top: 4px;
		padding-right: 0px;
		padding-bottom: 4px;
		padding-left: 25px;
		background-image: url('images/bullet.gif');
		background-repeat: no-repeat;
		background-position: 10px 50%
	}
	
	div#main div#sidebar ul li a:hover{
		color: #9c3;
		background-color: #666;
	}
	
	div#main div#sidebar ul li a.active{
		color: #9c3;
		background-color: #666;
		font-weight: bold;
	}
	
	div#main div#sidebar div.submenu{
		margin: 0 0 0 20px;
		border-left: 1px dotted #666;
	}
	
	div#main div#sidebar div.submenu ul{
		margin: 0;
	}
	
/*
	Tables
*/
table{
	margin: 5px;
	padding: 0;
	border: none;
	border-collapse: collapsed;
}
table tr{
	background-color: #1b1b1b;
}
	table tr.even{
		background-color: #4b4b4b;
	}
	
	table tr.odd:hover,
	table tr.even:hover{
		color: #fff;
		background-color: #6b6b6b;
	}
	
table td{
	padding: 3px;
	margin: 2px;
	border: none;
	vertical-align: top;
}

/*
	News Post
*/
div.news_post{
	padding-bottom: 30px;
	line-height: 1.5em;
}

	div.news_post a.entry_title{
		padding: 0;
		margin: 0 0 5px 0;
		color: #9c3;
		text-decoration:none;
		border-style: none;
		font-size: 14px;
		font-weight: bolder;
		text-transform: none;
		display: block;
	}
	
	div.news_post a.entry_title:hover{
		text-decoration:underline;
	}
	
	div.news_post div.entry_meta{
		height: 16px;
		margin-top: 0;
		font-size: 11px;
		color: #666;
		border-top:dotted 1px #666;
		padding-top:4px;
		margin-bottom: 8px;
	}
	
	/*
		Link List
	*/
	
	div.link_list  h4{
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 2px 5px 2px 20px;
		margin: 19px 0 10px 0;
	}
	
	div.link_list ul{
		list-style-type: none;
		margin-left: 12px;
	}
	div.link_list ul li{
		padding: 0;
		margin: 0;
	}
	
	div.link_list ul a{
		display: block;
		padding: 2px 5px 2px 24px;
		font-size: 12.5px;
		height: 16px;
		background-repeat: no-repeat;
		background-position: 3px 2px;
	}
	
	div.link_list ul a:hover{
		text-decoration: none;
		background-color: #1b1b1b;
	}
	
	/*
		Form Group
	*/
	
	div.form_group  h4{
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 2px 5px 2px 20px;
		margin: 19px 0 0 0;
	}
	
	div.form_group div.form{
		padding: 10px 5px;
		border: 1px dotted #666666;
		border-top: none;
	}
	
	div.form_group div.form input,
	div.form_group div.form select{
		margin: 5px 5px 5px 20px;
		width: 90%;
		display: block;
	}
		div.form_group div.form input.button{
			margin: 0 1px 0 1px;
			display: inline;
			width: auto;
		}
	
	div.form_group div.form div.indicator_left{
		margin: 5px 5px 5px 20px;
	}
	div.form_group div.form div.indicator_left input,
	div.form_group div.form div.indicator_left textarea,
	div.form_group div.form div.indicator_left select{
		display: inline; 
		width: 50%; 
		margin: 0;
	}
	
	div.form_group div.form div.indicator_right{
		float: right;
	}

	/*
		DIV Based Tables
	*/
	
	
	
/*
	Others
*/
	ul.bullet li{
		list-style-image: url(images/bullet.gif);
	}
/*
	Footer
*/
div#footer{
	background-color: #1b1b1b;
	width: 750px;
	margin: auto;
	padding: 10px 5px 10px 15px;
	position: relative;
	overflow: hidden;
}
	div#footer div.column{
		float: left;
		width: 240px;
		margin: 0 10px 20px 0;
	}
		div#footer div.column h4{
			color: #9c3;
			font-size: 12px;
			border: none;
		}
		
		div#footer div.column ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		div#footer div.column ul li a{
			border-bottom: 1px dotted #666;
			color: #9c3;
			display: block;
			text-decoration: none !important;
			margin-left: 0px;
			padding-top: 4px;
			padding-right: 0px;
			padding-bottom: 4px;
			padding-left: 25px;
			background-image: url('images/bullet.gif');
			background-repeat: no-repeat;
			background-position: 10px 50%
		}
		
		div#footer div.column ul li a:hover{
			color: #9c3;
			background-color: #666;
		}
	div#footer div#copyright{
		font-size: 10px;
		clear: both;
	}
	
/*------------------------------ENTRY FORMATTING------------------------------*/

div.entry{
	margin: 0 0 60px 0;
}

p.entry{
	margin: 0;
}

span.entry-title{
	font: normal normal 18px/19px 'Gill Sans MT', verdana;
	font-size-adjust:.46;
	height:35px;
	/*width:160px;*/
	text-indent:20px;
	display:block;
	background: transparent url(images/post/entrytitle_test.png) 0% 100% no-repeat}

span.entry-title a{
	color: #fff;
}
span.entry-title a:hover{
	text-decoration: none;
	color: #9c3;
}

span.date{
	display:block;
	width:100px;
	height:80px;
	margin: 0 0 0 5px;
	float:right;}

span.entry-month-01{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test01.png) no-repeat;}
span.entry-month-02{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test02.png) no-repeat;}
span.entry-month-03{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test03.png) no-repeat;}
span.entry-month-04{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test04.png) no-repeat;}
span.entry-month-05{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test05.png) no-repeat;}
span.entry-month-06{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test06.png) no-repeat;}
span.entry-month-07{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test07.png) no-repeat;}
span.entry-month-08{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test08.png) no-repeat;}
span.entry-month-09{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test09.png) no-repeat;}
span.entry-month-10{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test10.png) no-repeat;}
span.entry-month-11{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test11.png) no-repeat;}
span.entry-month-12{display:block;width:80px;height:70px;float:left;clear:both;text-indent:-9999px;background: transparent url(images/post/entrymth_test12.png) no-repeat;}

span.entry-date{
	float:left;
	clear:both;
	position:relative;
	margin-top:-70px;
	left:40px;
	font: normal normal 28px verdana;}
	
span.entry-year{
	float:left;
	clear:both;
	position:relative;
	margin-top:-40px;
	left:43px;}

span.entry-content{
	display:block;
	margin-left:20px;}

span.entry-misc{
	font: normal normal 10px verdana;
	color:#CCCCCC;
	border-top:1px dotted #CCCCCC;
	position:relative;
	top:10px;
	margin-left:20px;}
	
.hidden-text{
	display: none;
}