/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	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: #A8C7CF url('../img/bg/main-bg.png') 0px 0px  repeat-x;
	margin: 55px 0; padding: 0;	
}

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

#main-nav { 
	background-color: #7A000A; 		
	width: 860px; height: auto;

	}

#main-nav ul {
	display: block; float: right; 
	width: 815px; height: auto;
	list-style-type: none;
	margin: 0; padding: 0; 
	}

#main-nav li { 
	margin: 0 15px 0 0; padding: 9px 0 8px 0; 
	display: inline; float: left; 
	text-transform: uppercase; font-weight: bold; 
	line-height: 100%; font-size: 11px; }

#main-nav a:link, #main-nav a:visited { color: white; text-decoration: none; }

#main-nav a:active, #main-nav a:hover,
body#nav-about #nav-one a,
body#nav-doughnuts #nav-two a,
body#nav-coffee #nav-three a,
body#nav-faq #nav-four a,
body#nav-news #nav-five a,
body#nav-careers #nav-six a,
body#nav-locations #nav-seven a,
body#nav-store #nav-eight a
{ color: #BB726E;}

#sub-nav a.active-nav { color: #BB726E; }

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

#header-div h1 a {

	background: transparent url('../img/logo/top-pot-doughnuts-205x203.png') no-repeat left top;
	display: block; float: left;
	width: 205px; 	height: 203px;
	margin: 40px 0 0 66px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}

#logo img { display: block; float: left; margin: 40px 0 0 66px; padding: 0; border: 0px solid white; }
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.article-title 	{ margin: 0; padding: 15px 0 0 0; }
.article-title2 	{ margin: 0; padding: 0px 0 0 0; }
.article-text 	{ margin: 0; padding: 0 0 5px 0; font-size: 10px; }
.article-link 	{ margin: 0; padding: 2px 0; font-size: 10px; font-weight: normal; }
.article-cite 	{ margin: 0; padding: 0 0 5px 0;   /*font-style: italic;*/ }
.small-text { margin: 0; padding: 2px 0; font-style: italic; }	
.lbAction { float: right; display: block; width: 80px;}
#news-table td { margin: 0; padding: 5px 0 5px 5px; }
#flags { margin: 0; padding: 5px 0 0 5px; line-height: 24px; font-weight: bold; color: black; }
.lang-photo { padding: 5px 0 0 0; }

/* Doughnut Popups - Special Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#doughnut-table { padding: 0; margin: 0; }
#doughnut-table td { margin: 0; padding: 0 8px; text-align: center; }
#doughnut-table a {text-decoration: none; border-width: 0px; }
#doughnut-table a:link, #doughnut-table a:visited { color: white; }
#doughnut-table a:active, #doughnut-table a:hover { color: #A6545B; }

#doughnut-table img 	{ display: block; clear: both; border-width: 0px; }
#doughnut-table span 	{ display: block; clear: both; font-weight: bold; padding: 5px 0 30px 0; }

	
/* Content Table - Special Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content-table {margin: 30px 0 0 0; padding: 0; }

.home-header { margin: 0; padding: 0 0 15px 0; }
.story-header { margin: 0; padding: 0 0 15px 0; }
.coffee-header { margin: 0; padding: 0 0 20px 0; }
.doughnut-header { margin: 0; padding: 0 0 20px 0; }
.choose-header { margin: 0; padding: 0 0 20px 0; }
.faq-header { margin: 0; padding: 0 0 15px 40px; }
.news-header { margin: 0; padding: 0 0 20px 0; }
.jobs-header { margin: 0; padding: 0 0 15px 40px; }
.locations-header { margin: 0; padding: 0 0 15px 0px; }
.merch-header { margin: 0; padding: 0 0 15px 40px; }

.faqs-table strong { display: block; padding: 5px 0 5px 0; margin: 0;  }