/****************************
Kevin Navia
CSS Framework
****************************/
/*
* { margin: 0; padding: 0; }   CSS RESET  */
@import "cssreset.css";

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px; line-height: 1.5em;
color: #333;
background-color: #661010;
}

h1, h2, h3, h4 	{ font-weight: normal; font-size: 2em; margin-bottom: 15px; color: maroon; }
p 				{ margin-bottom: 15px; }
a, 
a:visited, 
a:active 		{ color: maroon; }
a img 			{ border: none; }


/* FRAMEWORK **************/
#container {
margin: 1em auto;
width: 760px;
background: url(../images/bg_stars.gif) 100% 0 no-repeat;
overflow: hidden; _zoom: 1;
}

#header {
float: left; padding-bottom: 150px;
width: 586px;
height: 114px;
border-bottom: 2px solid maroon;
background: url(../images/bg_header.jpg) 0 100% no-repeat;
background-position: 0 150px;
overflow: hidden; _zoom: 1;
}

#header h1 {
padding: 20px 0;
}

#content {
float: left;
padding: 20px;
width: 546px;
background:  #fbf3f3;
}

#sidebar {
float: right;
width: 150px;
text-align: center;
color: #fff;
}

#sidebar img {
margin-bottom: 8px;
}

#footer {
clear: both; padding: 1.5em 0;
color: #fff;
}

#footer a {
color: #fffa9a;
}

#question h3 {
margin-top: 1.5em;
width: 520px; height: 50px;
text-indent: -999em;
background: url(../images/tellusin50words.gif) 0 0 no-repeat;
}

form textarea {
margin-bottom: 15px;
width: 95%;
height: 80px;
}

form p {
margin-bottom: 10px;
}

form label {
float: left; padding-top: 2px; width: 140px;
font-weight: bold;
}

form input {
width: 200px;
border: 1px solid #ccc;
}

#nl p input {
width: auto;
border: none;
}

#nl p label {
float: none;
}

#submitform, #skipform {
margin: 1em 0;
width: auto; height: auto;
}

#referform td { padding: 2px; }

.req { color: #c62929; }