/*
Theme Name: Darwin Gamers Association
Theme URI:
Description: Custom designed theme for DGA
Version: 1.0
Author: Keith Whannell
Author URI: http://www.1lwebdesign.com
Tags: dga, clean, custom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	setup
*/

* {
	margin:0;
padding: 0;
} 
html{
	background: url(images/banner_bg.jpg) repeat-x #666;
}

html,
body{
	margin: 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.2;
	height: 100%;
}
h1{
	font-size: 2em;	
}
h2{
	font-size: 1.8em;
	font-family: "Century Gothic", Arial, sans-serif;
}
h3{
	font-size: 1.5em;	
}
h4{
	font-size: 1.2em;	
}
a:active,
a:link,
a:visited{
	text-decoration: none;
	color: #fff;
}
a:hover {
	color: #777;
}

ol{
	
}
ul{
	list-style-type: disc;
}
li{
	list-style-position: inside;
}
/*
	classes
*/
/*#mainContent p.submit input,*/
#otherContent p.submit input,
.button {
	font-family: "Century Gothic";
	text-transform: uppercase;
	font-size: 2ex;
	margin: .5ex 0;
	padding: .1ex;
	background: #f93;
	border-bottom: 2px solid #f60;
	border-right: 2px solid #f60;
	border-top: 2px solid #fc6;
	border-left: 2px solid #fc6;
	font-weight: bold;
	color: #333;
}
.push {
	height: 35px;
	/*clear: both;*/
}
.clear {
	clear: both;
}
.edit {
	float: left;
	background: url(http://www.newzbin.com/m/i/i/nfo_glass.png) no-repeat center right;
	font-family: "Century Gothic";
	text-transform: uppercase;
	font-size: 2ex;
	color: #666;
	margin: 1ex 1.5em 1ex 1ex;
	padding: .8em 1.5em .8em .5em;
	font-weight: bold;
}
.col5{
	width: 5%;
}
.col10{
	width: 10%;
}
.col20{
	width: 20%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.quarter{
	width: 25%;
}
.third{
	width: 33%;
}
.half{
	width: 50%;
}
.two_thirds{
	width: 66%;
}
.three_quarters{
	width: 75%;
}
.full{
	width: 100%;
}
.r_align{
	text-align: right;
}
.l_align{
	text-align: left;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
.padding{
	padding: 1ex;
}
.break{
	border-bottom: 1px dotted #777;
}
.inline{
	display: inline;
}
.border{
	border: 1px dotted #777;
}
span.tick{
	padding: 0 0 0 13px;
	background: url(images/img_tick.png) left center no-repeat;
}

.flash-replaced .alt{
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

h5.feedback{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 1.5em;
	margin: 1em;
	background: none;
	border: none;
	border-bottom: 1px dotted #f93;
}	
div.table,
div.row{
	clear: both;
	width: 100%;
	float: left;
	vertical-align: bottom;
}
div.cell{
	float: left;
	padding: 1ex;
}
div.adsense{
	text-align: center;
	padding: 1ex;
}
div.pagenav{
	margin: 1ex;
}
div.pagenav a{
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background: #777;
	padding: .5ex;
}
div.pagenav a:hover{
	color: #f93;
}
/*
	body wrapper
*/
#wrapper {
	min-height: 100%;
	position: relative;
}

/*
	header
*/

div#header{
background: url(images/img_shadow_24.png) center repeat-y;
	height: 124px;
}
div#headerContainer {
	width: 970px;
	margin: 0 auto; 
}
#headerContainer #logo{
	float: left;
}
#headerContainer #logo h1{
	background: url(images/logo_top.jpg) top left no-repeat;
	height: 124px;
	width: 201px;
}
#headerContainer #logo h1,
#headerContainer #logo p {
	text-indent: -9999px;
}
#headerContainer #logo p {
	display: none;
}

#headerContainer #events{
	float: left;
	width: 769px;
	height: 124px;
	background: url(images/banner_right.jpg) no-repeat top right;
}
#headerContainer #events span{
	font-size: .8em;
	width: 387px;
	padding: .3ex 1ex 0 1ex;
	background: url(images/img_event_bg.png) no-repeat top right;
	font-family: "Century Gothic", Arial, sans-serif;
	height: 124px;
}
#headerContainer #events p a{
	color: #f93;
	font-size: 1.3em
}
#headerContainer #events ul#banner-event-details{
	width: 60%;
	float: right;
	margin: 1em .1em 0 0;
}
#headerContainer #events ul#banner-event-details li{
	color: #fff;
}
#headerContainer #events h3#banner-event{
	font-size: 2em;
	color: #fff;
	margin: 0 0 -1ex;
}


/*
	main content
*/
div#content{
	color: #ccc;
	background: url(images/img_shadow_24.png) center repeat-y;
}

div#contentContainer{
	position: relative;
	width: 970px;
	margin: 0 auto;
	background: url(images/content_bg.jpg) top left no-repeat #666;
	height: 100%;
}

div#mainContent,
div#otherContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 770px;
	padding: 2em 1em;
}
#mainContent p{
	padding-bottom: .8em;
}
#mainContent ul{
	padding: 1em;
}
#mainContent ul li {
	list-style: square;
	list-style-position: outside;
	list-style-image: url(images/img_tick.png);
	padding: 0 0 0 .5ex;
	margin: 0 0 0 1em;
}
#mainContent h3,
#otherContent h3{
	font-family: "Century Gothic", Arial, sans-serif;
	color: #f93;
	padding: 1ex 0; 
}
#mainContent h3.post-title {
	padding: 1ex 0;
	font-family: "Century Gothic", Arial, sans-serif;
	color: #fff;
}
#mainContent p.last-updated,
#mainContent p.post-details {
	font-family: "Century Gothic", Arial, sans-serif;
	text-transform: lowercase;
}
#mainContent p.last-updated{
	font-size: .9em;
	color: #888;
	margin: 0 0 1em;
	padding: 0;
	text-align: right;
}
#mainContent #platinum{
	position: absolute;
	right: 170px;
	margin: -2em 0 0 0;
	text-align: center;
	background: url(images/bg_24bit_45.png);
	padding: 0;
}
#mainContent #platinum ul{
	padding: 1ex;
}
#mainContent #platinum li{
	list-style: none none outside;
	margin: 0;
	padding: 0;
}
#mainContent #platinum h2{
	color: #666;
	line-height: .9;
	display: none;
}
#mainContent #platinum img{
	width: 350px;
}
/*
	other content
*/

#otherContent h1{
	color: #f93;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
	margin: 0;
}
#mainContent table.form-table tr
#otherContent table.form-table tr{
	padding: 1em 0;	
}
#mainContent table.form-table th{
	width: 250px;
}
#mainContent table.form-table textarea,
#mainContent table.form-table input,
#otherContent table.form-table textarea,
#otherContent table.form-table input{
	width: 250px;
	margin: .5ex 0;
}
#mainContent table.form-table input,
#mainContent table.form-table select,
#mainContent table.form-table textarea,
#otherContent table.form-table input,
#otherContent table.form-table select,
#otherContent table.form-table textarea{
	font-size: 2ex;
	font-family: 'Century Gothic';
}

#otherContent form.loginform{
	padding: 1em;
	font-family: 'Century Gothic';
}
#otherContent form.loginform p img,
#otherContent form.loginform p input {
	width: 155px;
	margin: 0 0 1ex 0;
}
#otherContent form.loginform p#reg_passmail{
	margin: 0 0 1ex 150px;
}
#otherContent form.loginform p input.checkbox {
	width: 15px;
}

#otherContent form.loginform p.submit input {
	width: 100px;
	margin: 0 0 1ex 150px;
}
#mainComments #respond #error span.error,
#mainContent p#profile,
#mainContent p.error,
#mainContent p#login_error,
#mainContent p.message,
#otherContent p#login_error,
#otherContent p.message{
	font-family: 'Century Gothic';
	margin: 1em;
	background: none;
	border: none;
	border-bottom: 1px dotted #f93;
}
#mainComments #respond #error span.error,
#mainContent p#profile p.error,
#mainContent p#login_error,
#otherContent p#login_error{
	color: #ccc;
}
#otherContent #cycnav{
	display: none;
}
#otherContent #captcha{
	clear: both;
	margin: 0 0 1em 0;
}
#otherContent #captcha img {
	float: left;
}
/*
	registration
*/
#registered-gamers{
	border-left: 1px dotted #777;
	height: 100%;
}
#registered-gamers,
#registration-details{
	font-family: 'Century Gothic';
}
#registration-info{
	font-size: .8em;
}
iframe#google-map{
	float: right;
	border: 1px groove #777;
	margin: 1.5ex 0;
}
#upcoming-event{
	float: left;
	width: 40%;
	/*border: 1px groove #777;*/
	margin: 1.5ex 0;
	padding: 1ex;
}
#upcoming-event p{
	padding: 0;
	margin: 0;
}
#upcoming-event ul{
	padding: .5em;
}
#upcoming-event ul li{
	list-style: none;
}
#upcoming-event h2.event-details,
#upcoming-event h3.event-details{
	padding: 0;
	margin: 0;
	text-align: center;
}
#view-registered{
	
}
/*
	Event Management
*/

#display-events{
	font-size: .9em;
	font-family: "Century Gothic", Arial, sans-serif;
}
div.cell textarea,
div.cell input{
	font-family: "Century Gothic", Arial, sans-serif;
}
div.cell label{
	display: inline;
}
/*
	single post
*/
p.last-updated-single{
	font-family: "Century Gothic", Arial, sans-serif;
	text-transform: lowercase;
	font-size: .9em;
	color: #888;
	margin: -1.5em 0 .5em;
	padding: 0;
	text-align: right;
}
/*
	page
*/

h2.page-title {
	color: #666;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
	margin: -5ex 0 0 190px; 
}
/*
	comments
*/
#mainComments p.nocomments,
#mainComments h3#comments{
	font-size: 1em;
	font-family: "Century Gothic", Arial, sans-serif;
	text-transform: uppercase;
	clear: left;
}

#mainComments ol.commentlist{
	
}
#mainComments ol.commentlist li{
	padding: 1ex;
	background: #777;
	margin: 1ex 0;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
}
#mainComments textarea#comment {
	font-size: 1em;
	width: 100%;
	height: 100px;
	font-family: "Century Gothic", Arial, sans-serif;
}
#mainComments h3#reply{
	clear: left;
}
#mainComments a:hover{
	color: #888;
}
/*
	main sidebar
*/

div#mainSidebar {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 150px;
	color: #fff;
	background: url(images/bg_24bit_45.png);
	padding: 1ex;
}
#mainSidebar input{
	font-size: .7em;	
}
#mainSidebar ul#affiliates img{
	width: 150px;
}
#mainSidebar #sponsors{
	float: left;
}
#mainSidebar ul#sidebarLinks h2{
	font-size: 1.4em;
	color: #f93;
}
#mainSidebar ul#sidebarLinks li,
#mainSidebar ul#archives li{
	font-weight: bold;
	padding: .5em 0;
	text-transform: uppercase;
	font-size: .9em;
}
#mainSidebar div.generalstats-output li,
#mainSidebar ul#profile li{
	padding: .5em 0;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#mainSidebar div.generalstats-output {
	padding: 0 0 0 1ex;
}

#mainSidebar ul#profile span.register li,
#mainSidebar ul#nav li{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .5em 0;
	text-transform: uppercase;
	font-size: 1.2em;
}
#mainSidebar li#search-form,
#mainSidebar #profile form.loginform{
	text-transform: lowercase;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#mainSidebar #affiliates,
#mainSidebar #sponsors,
#mainSidebar div.generalstats-output,
#mainSidebar ul#profile,
#mainSidebar ul#nav{
	border-bottom: 1px dotted #555;
}
#mainSidebar ul#social li{
	margin: 1ex 0;
}
/*
	footer
*/

div#footer{
	background: url(images/img_shadow_btm_24.png) no-repeat top center #f93;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	clear: both;
}
div#footerContainer {
	width: 970px;
	margin: 1em auto;
	background: none;
	color: #666;
}
#footerContainer #footerNav li{
	text-transform: uppercase;
}
#footerContainer h2{
	margin: 0 0 1ex 0;
	color: #333;
	font-weight: bold;
	font-size: 1.3em;
}
#footerContainer ul#affiliates img{
	width: 100px;
}
#footerContainer ul#affiliates,
#footerContainer span#sponsors {
	width: 150px;
}