/* colors: 
	sd pink: #e80c7a
	lightt pink: #ff0dff
	dark pink: #8c004e
	
	purple: #4c002a
	
	green: #058000
	light green: #08cc00
	
	yellow: #d4bd15

*/



body { background-color: #fff; color: #e80c7a;
		font: 62.7% Helvetica, Arial, sans-serif; margin: 0; padding: 0;}


		/* TODO, look up the stuff for nice text style */


/* text */ 			
h1 { font-weight: bold; font-size: 3em; margin: 35px 0 25px 0; padding-bottom: 7px; border-bottom: 4px dashed #000;}
div#footer h1 {border-bottom: none;}
div#sideBar h1 {margin-bottom: 5px;}

h2 { font-weight: bold; font-size: 2.5em; margin: 25px 0 15px 0; }
h3 { font-weight: bold; font-size: 2em; margin: 25px 0 15px 0;}

strong { color: #e80c7a;}
td strong {color: #000;}
div#sideBar strong {color: #000;}

ul {list-style: none; font-size: 1.5em; line-height: 1.3em;}
ol {font-size: 1.5em; line-height: 1.3em;}
div#sideBar ul { margin: 0; padding: 0;}
div#sideBar li { line-height: 1.7em;}
div#sideBar li.biggie { font-size: 1.7em; line-height: 2em;}


div#footer ul {list-style: none;}
div#footer ul li {float: left; padding: 3px 0; margin: 3px 10px 7px 10px; border-top: 3px solid #000;}


a:visited, a:link {color: #000; text-decoration: none; font-weight: bold;}
a:hover {color: #08cc00; border-bottom: 1px dashed #000;}
ul#menu a {text-decoration: none; display: block; width: 400px; font-size: 1.5em; font-weight: bold;}
ul#menu a:hover { border: none;}

p { font-size: 1.3em; line-height: 1.3em; margin: .8em 0;}
p.emailBeg { font-size: 1.7em; line-height: 1.3em; width: 600px; margin: 14px auto 0 auto;}
div.biggie p { font-size: 1.6em; line-height: 1.4em; color: black; margin: 10px 0;}
p.biggie { font-size: 2em; margin: 10px 0;}
div.smallie p { font-size: 1em; margin: 10px 0 0 0;}
p.emailThankYou {color: #000; font-size: 2.5em; width: 600px; margin: 25px auto 0 auto;}


br.breaky {clear: both;}




/* tables */
table {font-size: 1.2em; width :100%;}
td {width: 350px;}





/* forms */
select { background-color: #e80c7a; border: 2px solid #000; font-size: 1.5em;width: 200px;}
label { float: left; width: 250px; font-size: 2em; font-weight: bold; text-align: right;padding:4px 5px 0 0;}
input { background-color: #e80c7a
	; font-size: 2em; border: 2px solid #000; width: 370px;}
input.button {width: 150px;}

select, label, input {margin: 8px 0;}

form br{ clear: both; margin-top: px; display: block;}

form.sessionChoice {text-align: center;}
input.sessionChoice {}
select.sessionChoice { width: 500px; margin: 25px auto;}



/* divs */

div.errorExplanation { font-size: 1.5em; background-color: #d9d5d7;}
div.errorExplanation ul { font-weight: 1.5em;}
div.errorExplanation ul li { margin: 3px 0 3px 25px;}
div.fieldWithErrors {background-color: #d9d5d7; border-left: 25px solid red;}
div.biggie {margin: 30px 0;}

div.contentWrapper { width: 900px; margin: 20px auto 0 auto;}
div#content { float: left; width: 500px;}
div#sideBar { float: right; width: 300px; padding-left: 20px;}


div.wrapper { width: 900px; margin: 0 auto;}
div#head {margin: 0 auto; text-align: center; width: 900px;}
div#footer {border-top: 5px dashed #000; margin: 100px auto 0 auto; padding-top: 33px; width: 900px; clear: both;}
div#newUser { width: 900px; margin: 0 auto;}
div#newUser div.signUp { width: 400px; float: left; border-right: 5px dashed #000; padding-right: 15px;}
div#newUser div.signIn { width: 400px; float: left; margin-left: 15px;}
div#wintersThought { text-align: center; margin-top: 25px;}



/* images */
div#wintersThought img { margin-bottom: 15px;}




/* object */

object#steamPoweredClouds { margin: 0; padding: 0;}









/* picnic 

div.picnicLeft { width: 425px; float: right;margin-top: 50px;}
div.picnicLeft h1 {color: #000;}

div.picnicRight {width: 400px; float: left; margin-top: 50px;}

div.schedule h1 { color: black; font-height: 2em; margin: 25px 0 10px 0;}
div.schedule table {width: 100%; font-size: 1.9em; line-height: 1.2em; margin: 0 auto; }
div.schedule table td {padding: 7px 0; }

tr { margin: 5px 0;}
div.schedule table td.black {color: #000; padding-right: 17px; }

p.emailThankYou {color: #000; font-size: 2.5em; width: 600px; margin: 25px auto 0 auto;}


div#wintersThought { text-align: center; margin-top: 25px;}
div#wintersThought img { margin-bottom: 15px;}
span.pink { color: #e80c7a;}

div.picnicPhotos { width: 900px; margin: 0 auto; text-align: center;}
div.picnicPhotos img.left { margin-right: 75px;}


*/

/*
div#members {margin: 0 auto; width: 900px; height: 230px; border-bottom: 3px dashed #000;
							background: url(/grfx/design/steamPoweredCloudsSignBottom.png);}
div#members ul {list-style: none;}
div#members ul li {display: inline; margin: 0 5px;}
div#members ul li a{ width: 150px; font-size: 1.5em; font-weight: bold;}
div#members h2 {border-bottom: none;}

div#memberCart {margin: 0 50px;}
div#memberBar {padding: 50px 50px 0 50px;}

div#memberSignIn {padding: 10px 25px 0 50px;}
div#memberSignIn div.floatLeft { float: left;}
div#memberSignIn label { width: 75px;}
div#memberSignIn input { width: 200px; margin-right: 5px;}
div#memberSignIn p#notYet {font-size: 1.2em; width: 600px; margin: 0 auto;}
*/