/*
	BWDEC2007 Template
	CSS StyleSheet by David Herreman
	http://www.free-css-templates.com
*/

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
color : #ccc;
background: #111 url(common/bg.jpg) no-repeat top left;
}

a {
color : #999911;
background : inherit;
text-decoration : none;
}
a:hover {
color : #cccc00;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
img { border : 0 }
.right { float: right }


ul {
margin : 0;
padding : 0;
list-style : none;
}

hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}

#sitewrap {
margin : 0 auto;
width : 990px;	
background-color : #000;
}

.content {
margin : 0 auto;
width : 960px;
background-color : #000;
}

#topbar {
height : 70px;
color: #ccc;

}

#topbar .wrap {
	height: 70px;
	width: 958px;

} 

#topbar h1 {
	font : bold 3.0em Arial, sans-serif;
	color: #ffff00;
	line-height: 70px;
	padding: 0 0 0 130px;
	letter-spacing: 7px;
}
#topbar h1 a { color: #ffff00; }
#topbar h1 a:hover { color: #ffff00; text-decoration: none }

#topbar h1 span { text-transform: uppercase; }


#topbar .se {
	float: right;
	padding: 12px 10px 0 0;
	color: #666611;

}

#subbar {

	height: 34px;
	width: 100%;
}

#subbar .rss {
	position: relative;
	right: 5px;
	top: 1px;
	height: 21px;
}

.menu {
	background-color : #333;
	height: 34px;
	line-height: 34px;
	padding: 0;
	margin: 0 10px 0 10px;
}

.menu a {
color : #999911;

text-decoration : none;
padding: 0 10px 0 10px;
line-height : 23px;
}
.menu a:hover, {
color : #ffff00;

height : 23px;
text-decoration: none;
}
.menu ul {
list-style : none;
padding : 0;
margin : 0;
padding-top: 5px;
font : bold 1.5em Arial, sans-serif;
}
.menu li {
float : left;
margin : 0 0 0 0px;
display: inline;
}

.menu li:hover {
background: #000;
line-height : 23px;
}

#main {
width : 958px;
background: #000;
margin : 0px 0 0 0;
padding: 10px 0 0 0;
}
#main .padding {
	padding: 10px;
}
.right_side {
float : right;
width : 391px;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 0;

}

.right_side li {
line-height: 2.0em;
list-style : none;
background: #222 url(common/li.gif) no-repeat left;
margin-bottom: 3px;
}
.right_side li a{
	padding-left: 15px;
	color: #777700;
	
}


.right_side a:hover {
text-decoration : underline;
color: #ffff00;
background: inherit;
}
.right_side h3 {
color : #000;
font : bold 1.3em Arial, Sans-Serif;
background : #ffff00;
width : 100%;
height : 24px;
line-height : 22px;
text-indent : 10px;
}

.right_side .sponsors {
	margin-bottom: 5px;
	margin-top: 25px;
	width : 391px;
	overflow: hidden;
	clear: both;
}
.right_side .sponsors img.ml { margin-right: 4px; overflow: hidden }

.right_side .ls {
	float: left;
	width: 191px;
}

.right_side .rs {
	float: right;
	width: 191px;
	
}

.right_side .extra {
	color : #999911;
	margin-bottom: 10px;
	font : bold 1.3em Arial, Sans-Serif;

}

.right_side .extra .padding { padding: 10px }

#left_side {
margin-bottom : 10px;
width : 527px;
color: #454545;
}
#left_side .intro {
background : #333;
color : #ccc;
border-bottom: 4px solid #222
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #777700;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cccc00;
text-decoration : underline;
}
#left_side .mpart {
padding : 15px 0 0 0;
}
#left_side h2 {

padding : 0;
margin : 0;
font : 2.0em verdana, Arial, Sans-Serif;
color: #999911;
}
#left_side .mpart h3 {
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #666611;
}
#left_side p {
color : #888;
padding : 0;
text-align : justify;
}

#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
padding : 7px 10px 0 0;
margin : 10px 0 10px 0;
text-align : right;
height : 30px;
width: auto;
background : #333;
border-bottom: 4px solid #222
}
.date a {
color: #777700;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;

}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
color : #ccc;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;

}


#footer {
clear : both;
width : 940px;
margin : 0 15px 0 5px;
padding : 10px 0 0 10px;
color : #777;
background : inherit;
line-height : 1.7em;
border-top: 4px solid #222;
height:50px;
}
#footer .right {
float : right;
padding-right: 20px;
padding-bottom:20px;
}
#footer a {
text-decoration : none;
background : inherit;
}


input.text { background-color: #333; border: 1px solid #333; color: #ccc; width: 200px; padding: 2px 5px 2px 5px; }

#calender
{
	margin: 0px 0px 10px 0px;

	/* defines container for calender element */
}

	#calender table
	{
		background-color: #F4F4EC;
		border: 1px solid #C0C57F;
		width: 100%;
		height: 150px;
		text-align: center;

		/* define table for calender */
	}

	#calender table td
	{
		width: 14%;
		padding: 3px 0px;

		/* set column width */
	}

	#calender table .controls
	{
		background-color: #C0C57F;
		font-weight: bold;
		color: #FFFFFF;

		/* style event controls */
	}

	#calender table .controls a
	{
		color: #FFFFFF;
		text-decoration: underline;

		/* style control links */
	}

	#calender table .controls a:hover
	{
		color: #FFFFFF;
		text-decoration: none;

		/* style link controls */
	}

	#calender table .title
	{
		background-color: #CBD6AD;

		/* style calender titles */
	}

	#calender table .days td
	{
		background-color: #DEE6CC;

		/* style day columns */
	}

	#calender table .days a
	{
		color: #728C40;
		text-decoration: underline;

		/* style day links */
	}

	#calender table .days a:hover
	{
		color: #728C40;
		text-decoration: none;

		/* style day links */
	}

	#calender table td.empty
	{
		background-color: #E4E4E4;

		/* style empty cells */
	}

	#calender table td.article
	{
		background-color: #669900;

		/* style article cells */
	}

	#calender table td.article_event
	{
		background-color: #009980;

		/* style article cells */
	}

	#calender table td.event
	{
		background-color: #006699;

		/* style event cells */
	}

	#calender table td.event a, #calender table td.article a, #calender table td.article_event a
	{
		color: #FFFFFF;
		text-decoration: underline;

		/* style item links */
	}

	#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover
	{
		color: #FFFFFF;
		text-decoration: none;

		/* style item links */
	}




#notification
{
	background-color: #FFFDFB;
	height: 100%;
	padding: 15% 10%;
	text-align: center;

	/* defines container for notification element */
}

	#notification h1
	{
		margin: 5px 0px;
		font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
		font-weight: normal;
		font-size: 25px;
		color: #728c40;
		text-transform: uppercase;

		/* defines notification h1 element */
	}

	#notification a
	{
		color: #4F5F34;
		text-decoration: underline;

		/* defines notification link styles */
	}

	#notification a:hover
	{
		color: #4F5F34;
		text-decoration: none;

		/* defines notification link hover styles */
	}

#screenshot
{
	background-image:url(Common/Screenshot-Background.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	text-align: center;
	color: #FFFFFF;
	overflow: visible;
}

	#screenshot img
	{
		background-color: #EFEFD6;
		border: 1px solid #542700;
		margin: 6px;
		padding: 3px;
	}




#comments
{
clear: left;
	margin-bottom: 20px;
}

	#comments .details
	{
		margin-bottom: 10px;
	}

	#comments .details dt
	{
		background-image: url(Icons/Avatar.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		float: left;
		height: 55px;
		width: 55px;
		margin-right: 5px;
	}

	#comments .details dd
	{
		margin: 0;
	}

	.comment
	{
		padding: 5px 0px;
		clear: both;
	}

	.whisper
	{
		background-color: #E4E4E4;
		padding: 5px 5px;
		clear: both;
	}

form
	{
	margin: 0;
	padding: 0;


	/* container for comment and search forms */
	}

	form #comment
	{
		width: 95%;
		height: 250px;
		background-color: #333; 
		border: 1px solid #333; 
		color: #ccc; 
		padding: 2px 5px 2px 5px;
		overflow: hidden; 
		/* comment textarea */
	}

	form #whisper
	{
		margin-left: 0px;

		/* whisper checkbox */
	}

	form #keywords
	{
		width: 32%;
	}

	form #date
	{
		width: 32%;
	}

	form #category
	{
		width: 32%;
	}

#paging
{
	text-align: right;

	/* container for paging controls */
}

	#paging a
	{
		padding: 0px 5px;
	}

/* begin events styling */

.event
{

}

	.event h1
	{

	}

	.event h2
	{

	}

	.event h3
	{

	}

	.event .details
	{
		margin: 0;
		padding: 0;
	}

	.event .details li
	{
		margin-right: 5px;
		list-style: none;
		display: inline;
	}


.clear
{
	clear: both;

}

.clearLeft
{
	clear: left;

}

/* miscellaneous elements */
img
{
	border: none;
}


input.button {background-color: #cccc00; color: #000000; border: solid 1px #cccc00; font-weight: bold; text-transform: lowercase; font-size: 0.8em; height: 2.5em; cursor:hand;}
.text {height: 1.6em;}




table {
		width: 100%;
		border-collapse: collapse;
		overflow: hidden;
		} 

th, td { 
		border: 1px solid #333; 
		font-size: 0.9em;
		padding: 4px 10px;
		line-height: 1.2;
		} 

tbody td {
		border-top: 0;
		border: 1px solid #333;
		}

caption {
		font-weight: bold;
		font-size: 1.4em;
		text-transform: uppercase;
		padding: 0 0 5px;
		color: #888;
		text-align: left;
		}

th {
		background-color: #333; 
		text-align: left;
		color: #ccc;
		}

tfoot {
		background-color: #e2e2e2;
		color: #888;
		border-bottom: 1px solid #333; 
		}

tfoot td {
		font-size: 1.0em;
		text-align: center;
		}

tbody tr.alt td {
		background: #d8ddf0;
		}

tbody tr.over td, tbody tr:hover td {
		background: #ffff00;
		color: #000;
		}

tbody tr.over+tr td {
		background-image: url(common/shadow.png);
		background-repeat: repeat-x;
		}