/*	
	Copyright (c) 2007.
	All rights reserved
	
	$ Revision date: 11/11/05
	
	Positional CSS Selectors 	 

	CONTENTS
	1. 

*/
@import "nav.css";



* {padding: 0px; margin: 0px; border: 0px;} 

#container {
    width: 800px;
    margin: 0 auto;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:62.5%; 
    }
    
#header {
    width: 750px;
    margin: 0px;
	padding:0px;
    }

#flashybits {
    width: 750px;
    margin: 0 auto;
    }

#flashystory {
    width: 640px;
    margin: 0 auto;
    }

#bestview {
    float: right;
    padding: 0 106px 0 0 ;
    }

#footer {    
    background: url("../media/images/backgrounds/bground_footer.jpg") bottom left no-repeat;
    width: 731px;
    padding: 0 0 49px 0;
    margin: 0 auto;}
 
#footer p {   
    font-size: 1.1em;
    display: block; 
    color: #00539f;
    padding: 0 0 0 57px;
    }

#panel {
	position:relative;
    float: left;
    width: 193px;
    padding: 0 0 0 30px;
}

#suggest {
    width: 164px;
    background: url("../media/images/backgrounds/bground_suggest_top.gif") top left no-repeat;
    padding: 75px 0 0 0;
    font-size: 1.2em !important;
    }

#suggest a, #suggestform a {
    background: url("../media/images/bullets/bullet_suggest.gif") left no-repeat;
    display: block;
    height: 18px;
    padding: 2px 0 0 22px;
    margin: 7px 0 0 0;
    text-decoration: none;
    color: #00539f !important;
    }

#suggest a:hover, #suggestform a:hover {
    color: #1E7C26 !important;
    }

#suggest span {
    display: block;
    background: url("../media/images/backgrounds/bground_suggest_bottom.gif") bottom left no-repeat;
    width: 164px;
    height: 42px;
    }

#news {
    width: 164px;
    background: url("../media/images/backgrounds/bground_news_top.gif") top left no-repeat;
    padding: 43px 0 0 0;
    font-size: 1.2em;
    }

#news span {
    display: block;
    background: url("../media/images/backgrounds/bground_news_bottom.gif") bottom left no-repeat;
    width: 164px;
    height: 42px;
    }
#news a {
    margin: 0 0 5px 0; 
    display: block;
    }

#news a.bulleted {
    background: url("../media/images/bullets/bullet_news.gif") left no-repeat;
    height: 18px;
    padding: 2px 0 0 22px;
    text-decoration: none;
    margin: 0 0 0 0;}

#intro {
	position:relative;
	float: left;
    width: 507px;
    background: url("../media/images/backgrounds/bground_intro_top.gif") top left no-repeat;
    padding: 54px 0 0 0;
    color: #00539f;
}

#introFooter {
    display: block;
    background: url("../media/images/backgrounds/bground_intro_bottom.gif") top left no-repeat;
    width: 507px;
    height: 35px;
}

#intro p {
    padding: 8px 0 5px 0;
    font-size: 1.7em;
    }

p.footer {
    font-size: 1.1em !important;
    padding: 0 !important;
    margin: 5px 0 5px 0;
    }

#tastytext, #storytext, #questiontext, #flavourtext {
    margin: 0px auto;
    width: 614px;
    border: 1px solid #1E7C26;
    border-width: 0 0 1px 0;
    padding: 0px 0;
    }

#storytext {
    border-width: 1px 0 1px 0;
    }
    
#tastytext p, #storytext p {
    font-size: 1.2em;
    padding: 8px 0;
    }

#tastytext a.external,#questiontext a.external {
    font-size: 1.0em;
    padding: 0;
    color: #1E7C26;
    }

#tastytext a:hover.external, #questiontext a:hover.external {
    color: #00539f;
    }   

#questiontext p, #tastytext p {
    font-size: 1.2em;
    padding: 0;
    }

#tastytext p.sub, #storytext p.sub, #flavourtext p.sub {
    font-size: 1.4em;
    color: #00539f;
    }

.news {
	font-weight:normal;
	}

#tastytext h2, #questiontext h2 {display: inline; 
    color: #00539f;  
    font-size: 1.4em;
    font-weight: normal
    }

#tastytext h2.buy {
    color: #1E7C26;
    }
	
#flavourtext h2 {
    font-size: 1.6em;
    color: #1E7C26;
    font-weight: normal;
    padding: 0px 0 0px 0;
    display: block;
    width: 180px;
}

.backgroundLine{
	    background: url("../media/images/backgrounds/bground_flavourtext_h2.gif") center right no-repeat;
		font-size: 1.6em;
}

#suggestform {
    width: 192px;
    background: url("../media/images/backgrounds/bground_suggestform_top.gif") top left no-repeat;
    padding: 80px 0 0 0;
    font-size: 1.2em !important;
    float: right;
    margin: 0 0 0 15px;
    }

#suggestform span {
    display: block;
    background: url("../media/images/backgrounds/bground_suggestform_bottom.gif") bottom left no-repeat;
    width: 192px;
    height: 36px;
    }

#suggestform p, #chefform p, #loginform p {
    color: #00539f;
    }

#suggestform form, #chefform form, #loginform form { 
    padding: 10px 0;
    }

#suggestform input, #chefform input, #loginform input {
    border: 1px solid #000;
    width: 169px;
    margin: 3px 0 5px;
    }

#suggestform textarea, #chefform textarea {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
    border: 1px solid #000;
    width: 166px;
    height: 58px;
    padding: 0 0 0 3px;
	margin: 3px 0 0;
    }

#chefform {
    width: 192px;
    background: url("../media/images/backgrounds/bground_chefform_top.gif") top left no-repeat;
    padding: 48px 0 0 0;
    font-size: 1.2em !important;
    float: right;
    margin: 10px 0 0 15px;
    }
    
 

#chefform span, #loginform span {
    display: block;
    background: url("../media/images/backgrounds/bground_chefform_bottom.gif") bottom left no-repeat;
    width: 192px;
    height: 36px;
    }

#chefform a, #loginform a {
    background: url("../media/images/bullets/bullet_news.gif") left no-repeat;
    display: block;
    height: 18px;
    padding: 2px 0 0 22px;
    margin: 7px 0 0 0;
    text-decoration: none;
    color: #00539f !important;}
    
#chefform a:hover {
    color: #1E7C26 !important;
    }
    
#chefform label, #loginform label {
    color: #1E7C26;
    }

#loginform {
    width: 192px;
    background: url("../media/images/backgrounds/bground_loginform_top.gif") top left no-repeat;
    padding: 48px 0 0 0;
    font-size: 1.2em !important;
    margin: 10px 0 0 15px;
    }


#floaty {
    float: left;
    width: 400px;
    padding: 10px 0 0 0;
    }

#floaty img{
    float: left;
    padding: 10px 0;
    }

#floaty p {
    font-size: 1.2em
    }
    
#floaty p.desc {
    float: left; 
    width: 242px;
    font-size: 1.2em;
    padding: 20px 0 10px 10px;
    }
    
#floaty br {
    clear: both;
    }    

h1 {
    font-size: 1.8em;
    color: #1E7C26;
    font-weight: normal;
    padding: 0px 0 0px 0;
    }
 
.clear {clear: both;}

em {
    font-style:normal;
    color: #1E7C26;
    }

em.switch {
    font-style:normal;
    color: #00539f;
    }   
    
em.italic {
    font-style:italic;
    color: #00539f;
    }

.green {
    color: #1E7C26;
    }

hr {
    border: 0;
    border-top:1px solid #1E7C26;
    height: 1px;
    padding: 0;
    margin: 0;
    }
    
a {
    color: #00539f;
    } 

a:hover {
    color: #1E7C26;
    }

#flavourtext a {
    color: #1E7C26; 
    font-size: 1.1em;
    } 

#flavourtext a:hover {
    color: #00539f;
    }
 
#textform {
    font-size: 1.2em;    
    }
    
#textform input {
    margin: 3px 0 5px;
    border: 1px solid #000;
    width: 400px;
    }
    
 #textform input#save {
    margin: 3px 0 5px;
    border: 1px solid #000;
    width: 100px;
    }   
    
#textform textarea {
    margin: 3px 0 5px;
    border: 1px solid #000;
    width: 400px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
    }    
    
#update 
{
    width: 60px !important;
    height: 20px !important;
    border: 0px !important;
}
    
.error {border: 1px solid #f00 !important;}
.errortext {color: #f00 !important;}