/*
Main CSS file for http://www.coffeehousepoetry.org/
by Jeremy Bojczuk of Lab 99 Web Design (http://www.lab99.com/)
*/

html { 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	width: 100%; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	background: #e9ede9; 
	color: #657265;  
	font: small/150% verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	text-align: left; 
	width: 100%; 
	} 

.inner  { 
	margin: 0 auto; 
	width: 880px; 
	} 

#header  { 
	background: #daddda; /* pale greeny grey */ 
	border-top: 2px solid #5f695f; /* nav background */ 
	float: left; 
	width: 100%; 
	} 

ul#nav  { 
	background: #5f695f url(images/navcornersgrad.gif) no-repeat 0 0; 
	float: left; 
	list-style: none; 
	padding: 0; 
	width: 880px; 
	} 

#main  { 
	background: #e9ede9; 
	border-top: 2px solid #cacdca; /* slightly darker than header background */ 
	color: #414941;  
	float: left; 
	width: 100%; 
	} 

#container  { 
	background: #fff; 
	float: left; 
	padding: 0 30px 20px 30px; 
	width: 820px; 
	} 

#search  { 
	background: #e9ede9 url(images/searchcorners1.gif) no-repeat 0 100%; 
	float: right; 
	width: 300px; 
	} 

#search form  { 
	float: right; 
	padding: 10px 20px; 
	width: 260px; 
	} 

#search form input#box  { 
	float: left; 
	width: 180px; 
	} 

#search form input.submit  { 
	float: right; 
	height: 20px; 
	width: 70px; 
	} 

#signuplink  { 
	background: #e9ede9; 
	float: right; 
	height: 30px; 
	margin: 15px 0 0 0; 
	width: 300px; 
	} 

#siteinfo  { 
	background: url(images/siteinfo1.gif) no-repeat 50% 0; 
	float: left; 
	padding: 90px 0 20px 0; 
	width: 100%; 
	} 

#primary  { 
	float: left; 
	width: 500px; 
	} 

#secondary  { 
	float: right; 
	width: 300px; 
	} 

body#index #primary  { 
	width: 400px; 
	} 

body#index #secondary  { 
	width: 400px; 
	} 

#featuredpoet  { 
	float: left; 
	margin: 0 0 20px 0; 
	width: 400px; 
	} 

#poetpicture  { 
	float: left; 
	width: 380px; 
	} 

#homepoem  { 
	background: #f6f9f5 url(images/poembottom1.gif) no-repeat 0 100%; 
	float: left; 
	font-family: tahoma, "trebuchet ms", sans-serif; 
	margin: 0 0 20px 0; 
	padding: 0 0 10px 0; 
	width: 400px; 
	} 

#coffeecontact  { 
	border-bottom: 1px solid #daddda; /* header background */ 
	float: left; 
	width: 100%; 
	} 

#troubadourcontact  { 
	float: left; 
	width: 100%; 
	} 

#contactform  { 
	float: left; 
	width: 430px; 
	} 

#map  { 
	border: 1px solid #daddda; /* header background colour */ 
	float: left; 
	height: 500px; 
	margin: 20px 0 0 0; 
	width: 800px; 
	} 

#signupform  { 
	float: left; 
	margin: 20px 0 0 0; 
	width: 800px; 
	} 

.piccontainer  { 
	float: left; 
	width: 820px; 
	} 



/* navigation menu
   --------------- */ 

ul#nav li  { 
	float: left; 
	padding: 0; 
	text-align: center; 
	width: 121px; 
	} 

#nav a  { 
	color: #fff; 
	display: block; 
	float: left; 
	margin: 0; 
	padding: 0.7em 0; 
	text-decoration: none; 
	width: 121px; 
	} 

#nav a:hover  { 
	background: #5f695f; /* dark grey */ 
	color: #8cff8c; /* coffee cup green */ 
	} 

#nav a:active  { 
	color: #fff; 
	} 

body#index ul#nav li#navindex a, 
body#prizes ul#nav li#navprizes a, 
body#readings ul#nav li#navreadings a, 
body#classes ul#nav li#navclasses a, 
body#poems ul#nav li#navpoems a, 
body#history ul#nav li#navhistory a, 
body#contact ul#nav li#navcontact a  { 
	background: none; 
	color: #8cff8c; /* coffee cup green */ 
	} 

body#index ul#nav li#navindex a:hover, 
body#prizes ul#nav li#navprizes a:hover, 
body#readings ul#nav li#navreadings a:hover, 
body#classes ul#nav li#navclasses a:hover, 
body#poems ul#nav li#navpoems a:hover, 
body#history ul#nav li#navhistory a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	background: none; 
	color: #8cff8c; /* coffee cup green */ 
	cursor: default; 
	} 



/* other links
   ----------- */ 

a:link  { 
	color: #3279ba; /* blue */ 
	text-decoration: none; 
	} 

a:visited  { 
	color: #54948a; /* greeny blue */ 
	text-decoration: none; 
	} 

a:hover { 
	color: #458a45; /* green */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #2f45cb; /* bright blue */ 
	} 

a:active  { 
	color: #5ba050; /* dull green */ 
	} 

h1 a  { 
	background: url(images/h1c.gif) no-repeat 0 0;   
	float: left; 
	height: 110px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 500px; 
	} 

#signuplink a  { 
	background: url(images/signup.gif) no-repeat 0 0;   
	float: left; 
	height: 30px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 300px; 
	} 

#signuplink a:hover  { 
	background: url(images/signup.gif) no-repeat 0 -30px;   
	float: left; 
	height: 30px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 300px; 
	} 

p.seemore a  { 
	background: url(images/arrow.png) no-repeat 0 50%; 
	padding: 0 0 0 12px; 
	font-style: italic; 
	} 



/* headings
   -------- */ 

h1  { 
	background: url(images/h1c.gif) no-repeat 0 0;   
	float: left; 
	height: 110px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 500px; 
	} 

h2  { 
	background: url(images/h2index.gif) no-repeat 0 0; /* index, search, newsletter & thank you pages */ 
	border-top: 2px solid #5f695f; /* nav background */ 
	border-bottom: 1px solid #daddda; /* header background */ 
	float: left; 
	height: 60px; 
	margin: -2px 0 0 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 880px; 
	} 

body#prizes h2  { 
	background: url(images/h2prizes.gif) no-repeat 0 0;   
	} 

body#readings h2  { 
	background: url(images/h2readings.gif) no-repeat 0 0;   
	} 

body#classes h2  { 
	background: url(images/h2classes.gif) no-repeat 0 0;   
	} 

body#poems h2  { 
	background: url(images/h2poems.gif) no-repeat 0 0;   
	} 

body#history h2  { 
	background: url(images/h2history.gif) no-repeat 0 0;   
	} 

body#contact h2  { 
	background: url(images/h2contact.gif) no-repeat 0 0;   
	} 

body#instructions h2  { 
	background: url(images/h2instructions.gif) no-repeat 0 0;   
	} 

body#signup h2  { 
	background: url(images/h2signup.gif) no-repeat 0 0;   
	} 

h3  { 
	color: #215021; /* green */ 
	font: normal 160%/140% tahoma, "trebuchet ms", verdana, arial, sans-serif; 
	margin: 0; 
	padding: 25px 0 5px 0; 
	} 

#homepoem h3  { 
	background: #f6f9f5 url(images/poemtop1.gif) no-repeat 0 0; 
	float: left; 
	padding: 10px 20px; 
	width: 360px; 
	} 

#coffeecontact h3  { 
	background: url(images/coffeecup20x20.jpg) no-repeat 0 50%; 
	margin: 25px 0 0 0; 
	padding: 5px 0 5px 30px; 
	} 

#troubadourcontact h3  { 
	background: url(images/troubadourshield20x20.png) no-repeat 0 50%; 
	margin: 25px 0 0 0; 
	padding: 5px 0 5px 30px; 
	} 

h4  { 
	color: #215021; 
	font-size: 120%; 
	font-weight: normal; 
	line-height: 140%; 
	margin: 0; 
	padding: 20px 0 0 0; 
	} 

body#index h4, 
body#readings h4, 
body#classes h4  { 
	padding: 5px 0 0 0; 
	} 

body#index #homepoem h4  { 
	float: left; 
	padding: 5px 20px 10px 20px; 
	width: 360px; 
	} 



/* paragraphs
   ---------- */ 

p  { 
	margin: 0.8em 0 0 0; 
	padding: 0; 
	} 

#siteinfo p  { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	width: 100%; 
	} 

p#mission  { 
	font-style: italic; 
	margin: 2em 0 0 0; 
	} 

#featuredpoet p  { 
	float: left; 
	font-style: italic; 
	text-align: center; 
	width: 100%;
	} 

#homepoem p  { 
	padding: 0 20px; 
	} 

p#troubadourinfo, 
p#webinfo  { 
	margin: 1.2em 0 0 0; 
	} 

body#newsletter p.seemore  { 
	border-top: 1px solid #daddda; /* header background */ 
	margin: 1.5em 0 0 0; 
	padding: 0.5em 0 0 0; 
	} 



/* lists
   ----- */ 

ul  { 
	list-style: disc; 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

ul#nav li#navindex  { 
	margin: 0 0 0 10px; 
	} /* to move away from rounded corner */ 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	line-height: 140%; 
	padding: 0; 
	text-align: center; 
	width: 100%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0; 
	padding: 0 0.5em 0 0; 
	} 

ul.seemore  { 
	list-style: none; 
	padding: 0.2em 0 0 0; 
	} 

ul.seemore li  { 
	background: url(images/arrow.png) no-repeat 0 50%; 
	font-style: italic; 
	padding: 0.1em 0 0.1em 12px; 
	} 

dl  { 
	float: left; 
	margin: 0; 
	padding: 0 0 20px 30px; 
	width: 300px; 
	} 

dt  { 
	color: #215021; /* green */ 
	font-size: 120%; 
	font-variant: small-caps; 
	font-weight: normal; 
	padding: 15px 0 5px 0; 
	} 

dd  { 
	padding: 0 0 0 1em; 
	} 



/* contact forms
   ------------- */ 

#contactform form  { 
	float: left; 
	margin: 0; 
	padding: 0 20px 20px 20px; 
	width: 400px; 
	} 

#signupform form  { 
	border-bottom: 1px solid #daddda; /* header background */ 
	float: left; 
	margin: 0 0 10px 0; 
	padding: 0 0 20px 20px; 
	width: 800px; 
	} 

#contactform form div, 
#signupform div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	width: 8em; 
	} 

#contactform label.message  { 
	padding: 0; 
	text-align: left; 
	width: 100%; 
	} 

#signupform label  { 
	padding: 0 0.5em 0 0; 
	} 

#contactform input  { 
	padding: 2px; 
	width: 240px; 
	} 

#signupform input  { 
	padding: 2px; 
	width: 300px; 
	} 

#signupform .preferences input  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	} 

#contactform input.submitform, 
#signupform input.submitform  { 
	color: #f00; 
	font-weight: bold; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	width: auto; 
	} 

#contactform input.submitform:hover, 
#signupform input.submitform:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

#contactform input:focus, 
#signupform input:focus  { 
    background: #f6f9f5; /* h2 background colour */ 
	color: #215021; /* green */ 
	} 

textarea  { 
	height: 100px; 
	margin-top: 5px; 
	width: 350px; 
	} 

textarea:focus  { 
    background: #f6f9f5; /* h2 background colour */ 
	color: #215021; /* green */ 
	} 

input.validation-failed, 
textarea.validation-failed  { 
	border: 1px solid #007a89; 
	color: #007a89; 
	} 

input.validation-passed, 
textarea.validation-passed  { 
	border: 1px solid #69726c; 
	color : #69726c; 
	} 

.validation-advice {
	background-color: #215021; /* green */ 
	color: #fff; 
	font-weight: bold; 
	margin: 5px 0; 
	padding: 5px 10px; 
	} 



/* minor, decorative elements
   -------------------------- */ 

img  { 
	float: left; 
	margin: 20px 0; 
	padding: 4px; 
    background: #f6f9f5; /* h2 background colour */ 
	border: 1px solid #daddda; /* header background colour */ 
	} 

#featuredpoet img  { 
	margin: 30px 0 0 0; 
	} 

.piccontainer img  { 
	margin: 15px 0; 
	} 

#troubadourcontact img  { 
	margin: 0; 
	padding: 0; 
    background: none; 
	border: none; 
	} 

body#prizes #container img, 
body#newsletter #container img  { 
	float: right; 
	margin: 0 0 20px 20px; 
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #657265; /* text colour */ 
	cursor: help; 
	} 

.piccontainer  { 
	padding: 1em 0 0 0;
	}


/* PayPal buttons on the Prize page
   -------------------------------- */ 

#paypallinks  { 
	float: left; 
	margin: 1em 0 2em 0; 
	width: 100%; 
	}

#paypallinks form  { 
	float: left; 
	width: 250px; 
	} 

tr  { 
	float: left; 
	margin: 0; 
	padding: 0 0 0.2em 0; 
	width: 100%; 
	} 

#paypallinks select  { 
	border: 1px solid #215021; /* green */ 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	padding: 2px; 
	} 

#paypallinks  option  { 
	padding: 2px 5px; 
	}