/*
1.GLOBAL
2.LAYOUT
3.NAVIGATION
4.SPECIAL
*/

/* -- 1.GLOBAL -- */
		
* {margin: 0; padding: 0;}
			
body {
	background: #000 url(/wp-content/themes/gene/images/layout/body-bg.jpg) top left repeat-x;
}
						
/* -- 2.LAYOUT -- */
#container {
	margin: 0 auto 1em auto;
	width: 960px;
}
#content {
	background-color: #fff;
	margin: 0 20px 10px 20px;
	padding: 0 20px 20px 20px;

}

#footer {
	margin: 0 20px;
	padding: 1em 0;
}

#header {
	margin: 0 auto;
	width: 920px;
}
#donation-module {
	background: transparent url(/wp-content/themes/gene/images/layout/keep-us-rolling.gif) top center no-repeat;
	float: right;
	min-height: 40px;
	padding: 20px 10px 15px 70px;
	width: 199px;
}

#logo {
	float: left;
	width: 261px;
}			
#logo a {
	background: transparent url(/wp-content/themes/gene/images/logos/g-d-logo.gif) center center no-repeat;
	display: block;
	height: 59px;
	text-indent: -9999em;
}			

#main-content {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 639px;
}

#masthead {
	font-size: .8em;
	margin: 0 0 1em 0;
	text-align: right;
	width: 940px;
}

#search-form {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	right: 20px;
}
#sidebar {
	border-left: solid 1px #999;
	float: left;
	width: 200px;
	padding: 0 0 0 20px;
}
#sidebar .sidebar-module {
	border-bottom: solid 1px #999;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}
#sidebar .sidebar-module#sidebar-module-videos p,
#sidebar .sidebar-module#sidebar-module-news p {
	margin: 0;
}
#sidebar .sidebar-module#sidebar-module-news {
	border: none;
}


/* -- 3.NAVIGATION -- */
/* - Main Navigation - */
#main-nav {
	background: transparent url(/wp-content/themes/gene/images/layout/main-nav-bottom-cap.png) bottom center no-repeat;
	margin: .5em 0 0 0;
	padding-bottom: 30px;
	position: relative;
}
#main-nav ul {
	background: transparent url(/wp-content/themes/gene/images/layout/main-nav-top-cap.png) top center no-repeat;
	list-style: none;
	min-height: 40px;
	margin: 0;
	padding: 12px 200px 0 20px;
}
#main-nav ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#main-nav ul li a {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	color: #000;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	height: 40px;
	outline: none;
	padding: 0 0 0 4px;
	text-transform: uppercase;
	text-decoration: none;
}

#main-nav ul li a:hover,
#main-nav ul li a:focus,
#main-nav ul li.current_page_item a {
	background: #000 url(/wp-content/themes/gene/images/navigation/main-nav-tab.png) top left no-repeat;
	color: #fff;
}

#main-nav ul li a span {
	display: block;
	height: 19px;
	padding: 8px 14px 10px 9px;
}

#main-nav ul li a:hover span,
#main-nav ul li a:focus span,
#main-nav ul li.current_page_item a span {
	background: #000 url(/wp-content/themes/gene/images/navigation/main-nav-tab.png) bottom right no-repeat;
}

			
/* -- 4.PAGES/SECTIONS -- */
/* HOMEPAGE */
body.home #container {
	margin-bottom: 6em;
}
body.home #newsletter-signup {
	background: transparent url(/wp-content/themes/gene/images/layout/homepage-newsletter-signup.gif) top center no-repeat;
	color: #fff;
	min-height: 80px;
	width: 330px;
	padding: 30px 40px 20px 40px;
}
body.home #featured-video {
	text-align: center;
	width: 510px;
	float: right;
}
body.home #featured-video object {
	margin: 0 0 0 20px;
}

body.home #main-content {
	background-color: #fff;
	float: none;
	margin: 0 20px 1em 20px;
	padding: 0 10px 10px 10px;
	width: 900px;
	z-index: 1;
}
body.home #homepage-promo {
	float: left;
	width: 360px;
}
body.home .homepage-module {
	color: #fff;
	margin: 0 auto 2em auto;
	width: 920px;
}
body.home .homepage-module .module-header {
	border-bottom: solid 1px #fff;
	margin: 0 0 1em 0;
}
body.home .homepage-module#module-latest-news .latest-news-column {
	float: left;
	margin-right: 30px;
	width: 285px;
}
body.home .homepage-module#module-latest-news .latest-news-column#latest-news-column-3 {
	margin-right: 0;
}
body.home #footer {
	border-top: solid 1px #fff;
}

/* -- 5.SPECIAL -- */
span.replace, #skip-nav, .hidden-controls { /* Image Replacement */
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;			
}
						
/* Clear fix */
.clear:after{
	clear: both;
	content: "."; 
	display: block; 
	height: 0;  
	visibility: hidden;
}
.clear{
	display: block;
}
/*  \*/
.clear{
	min-height:1%;
}
* html .clear{
	height:1%;
}
/*  */