/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background-color: #000;
	margin: 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 
			
	width: 395px; height: 58px; 
	display: block; float: right;
	margin: 0 10px 0 0;

	}

#main-nav ul {

	background: transparent url('../img/nav/main-nav.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 395px; height: 26px; 
	margin: 32px 0 0 0; padding: 0; 
	

	}

#main-nav li, #main-nav a 	{ display: block; height: 26px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 55px; }                                            
#main-nav #nav-two		{ left: 55px; width: 180px; }
#main-nav #nav-three	{ left: 235px; width: 94px; }
#main-nav #nav-four		{ left: 329px; width: 66px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -0px -26px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -55px -26px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav.jpg') -235px -26px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -329px -26px no-repeat; }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logo/claire-booth-341x52.jpg') no-repeat left top;
	display: block; float: left;
	clear: both;
	width: 341px; 	height: 52px;
	margin: 10px 0 0 210px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}

#main-content-col h2 {

	display: block;
	margin: 15px 0 15px 0; padding: 0 0 0 0; height: 30px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}

h2#cb-home 		{ background: transparent url('../img/headers/journalist-194x30.jpg') no-repeat left top; width: 194px; }
h2#cb-book 		{ background: transparent url('../img/headers/book-177x30.jpg') no-repeat left top; width: 194px; }
h2#cb-author 	{ background: transparent url('../img/headers/author-175x30.jpg') no-repeat left top; width: 194px; }
h2#cb-contact	{ background: transparent url('../img/headers/contact-137x30.jpg') no-repeat left top; width: 194px; }

	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.overline { border-top: 1px dotted #333; padding-top: 8px; }