/* COLORS
 * Maroon Background: #660000
 * Orange Accent:     #ff6600
 * Light Orange:      #ff9933
 * Blue Accent:       #0066cc
 * Gray Text:         #666666
 */

 
/* **********************************          
 * Include Yahoo! resets.           *
 ********************************** */
@import reset.css;
@import reset-fonts.css;

/* + get rid of all the nonsense */
* { margin: 0; padding: 0; border: 0; outline: 0; }


/* **********************************          
 * FONTS, Color Scheme, Decoration  *
 ********************************** */

html, body { background: #660000; font-family: Lucida, Arial, sans-serif; text-align: left; }

a:hover { text-decoration: underline; }
a:link, a:visited, a:active { text-decoration: underline; color: #660000; }

input { background-color: #ff9933; }
input#current_vote { background-color: #0066cc; }
input#vote         { background-color: #ff6600; }
textarea { background-color: #ff9933; }

div#logo_div, div#login_div { background-color: #660000; }
div#header, div#contentwrap, div#footer { background: #660000; }
div#indexwrap, div#registerwrap, div#loginwrap, div#searchwrap, div#myaccount, div#myschools, div#commentsglobal, div#faq, div#bugreport, div#toswrap { background: #ffffff; }

label#comment_title, label#comment_body { font-size: 20px; color: #660000; }
div#login_div p { color: #ff6600; }
div#login_div div#user_capsule p { font-size: 20px; }
div#login_div div#login_capsule { text-align: right; }
div#login_div div#login_capsule label, #login_div #login_capsule submit { font-size: 10px; }

div#menu_bar             { background: #ff6600 url(../images/menu_back.gif) top left no-repeat; }
div#navmenu              { background: #0066cc url(../images/menu_back.gif) top left no-repeat; }
div#navmenu li           { font-size: 12px; text-align: center; }
div#navmenu li a:link,
div#navmenu li a:visited { background: transparent url(../images/menubar_spacer.gif) bottom right no-repeat; color: #660000; }
div#navmenu li a:hover   { background: #0066cc url(../images/menu_hover_background.gif) bottom left repeat-x; color: #660000; }
div#navmenu a:link, div#navmenu a:visited, div#navmenu a:active { text-decoration: none; color: #660000; }

div#navmenu #thispage /* what page? */ a:link,
	div#navmenu #thispage  a:hover,
	div#navmenu #thispage  a:visited
{ background-color: #ffffff; background-image: none; border-bottom: 1px solid #ffffff; color: #660000; cursor: default; }


div#copyright   { background: #ff6600; border-top: 5px solid #0066cc; /* height: 30px; */ }
div#copyright p { color: #660000; font-size: 10px; text-align: center; }

form#login_form label { color: #ff6600; }
form#login_form input { padding: 2px; }

/* Things that are generally page-specific. */
div#indexwrap h2, div#registerwrap h2, div#loginwrap h2, div#searchwrap h2, div#schoolcolumns h2, div#myaccount h2, div#myschools h2, div#commentsglobal h2 { color: #660000; font-size: 24px; text-align: center; padding-bottom: 15px; }
h2 { color: #660000; font-size: 24px; text-align: center; padding-bottom: 15px; }
div#indexwrap p  { color: #ff6600; font-size: 20px; line-height: 30px; text-align: center; }
div#faq p { color: #ff6600; size: 14px; }

div#registerwrap input, div#loginwrap input, div#searchwrap div#searchbox input, div#schoolcolumns div#schoolcomments { font-size: 20px; color: #660000; padding: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 100px; border: 1px solid #ff6600; }
div#registerwrap textarea, div#schoolcolumns div#schoolcomments { font-size: 20px; padding: 2px; margin: 2px; border: 1px solid #ff6600; }
div#registerwrap form fieldset, div#loginwrap form fieldset, div#schoolcolumns form fieldset { text-align: right; }
div#registerwrap p, div#loginwrap p, div#schoolcolumns p { line-height: 30px; font-size: 20px; color: #ff6600; }
div#registerwrap form, div#loginwrap form, div#schoolcolumns div#schoolcomments form { display:  block; clear: both; }
div#registerwrap fieldset, div#loginwrap fieldset { border: 1px solid #ff6600; padding: 15px; margin-bottom: 15px; }
div#registerwrap fieldset legend, div#loginwrap fieldset legend { font-size: 20px; font-weight: bold; color: #ff6600; }
div#registerwrap fieldset p.textlabel { text-align: left; }
div#searchwrap div#searchbox { text-align: right; }
/*div#searchwrap div#searchbox input { */

div#searchwrap, div#schoolcolumns { font-size: 20px; }
div#schoolcolumns div.commentodd, div#schoolcolumns div.commenteven, div#commentsglobal div.commentodd, div#commentsglobal div.commenteven { margin-bottom: 10px; padding: 5px; }
div#schoolcolumns div.commenteven, div#commentsglobal div.commenteven { background: #ff9933; }
div#schoolcolumns dt { font-weight: bold; }


div#contentwrap div#loginwrap p.notice { color: #660000; font-size: 12px; text-align: center; line-height: 14px; }
div#bugreport p.notice { color: #660000; font-size: 12px; text-align: center; line-height: 14px; }

div#schoolcomments h3 {font-size: 14px; color: #660000; }
h3 { font-size: 14px; color: #660000; line-height: 20px; margin-top: 10px; }
h4 { font-size: 13px; color: #660000; line-height: 19px; margin-top: 5px; }
div#toswrap p { font-size: 12 px; color: #666666; line-height: 16px; margin-bottom: 15px; }
div#schoolcomments form fieldset textarea { width: 350px; height: 150px; font-size: 14px; padding: 1px; border: 1px solid #ff6600; }
div#schoolcomments form input { font-size: 14px; padding: 1px; border: 1px solid #ff6600; }
div#schoolcomments form label { font-size: 14px; color: #ff6600; }
div#schoolcomments form fieldset { text-align: left; }

/* Consolidate this bugreport crap */
div#bugreport input { font-size: 20px; color: #660000; padding: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 100px; border: 1px solid #ff6600; }
div#bugreport textarea { font-size: 20px; padding: 2px; margin: 2px; border: 1px solid #ff6600; }
div#bugreport form fieldset { text-align: right; }
div#bugreport p { line-height: 30px; font-size: 20px; color: #ff6600; }
div#bugreport form { display:  block; clear: both; }
div#bugreport fieldset { border: 1px solid #ff6600; padding: 15px; margin-bottom: 15px; }
div#bugreport fieldset legend { font-size: 20px; font-weight: bold; color: #ff6600; }
div#bugreport fieldset p.textlabel { text-align: left; }
/* End to-be-consolidated */


/* **********************************          
 * LAYOUT                           *
 ********************************** */
 
html { height: 100%; margin-bottom: 0.01em; } /* Makes scrollbar always visible in Fx */
body { margin: 0px; padding: 0px; }

div.centerit { margin: 0pt auto; position: relative; width: 800px; }

div#header { height: 80px; position: relative; }
div#logo_div  { height: 80px; width: 400px; position: absolute; left: 0; top: 0; }
div#login_div { height: 80px; width: 400px; position: absolute; right: 0; top: 0; }

div#footer { float: none; height: 30px; }
div#copyright { height: 15px; padding-top: 5px; padding-bottom: 5px; }

ul { list-style: none; }

.hide { display: none; }

.clear { clear: both; height: 0px; }
.left  { float: left; }
.right { float: right; }


input#current_vote, input#vote, input#submitschool { padding: 5px; }

div#login_div div#login_capsule { padding-top: 5px; width: 250px; float: right; }
div#login_div div#login_capsule input { border: 0; height: 15px; margin: 2px; padding: 1px; }

div#menu_bar { float: none; height: 30px; width: 800px; }
dt#commentodd, dt#commenteven { width: 500px; }


div#navmenu a            { display: block; }
div#navmenu ul           { margin-left: 15px; padding-top: 4px; }
div#navmenu ul:after     { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div#navmenu ul.current   { padding-bottom: 1px; }
div#navmenu li           { float: left; position: relative; }
div#navmenu li a         { padding: 8px 12px 8px 12px; }
div#navmenu li.current a { margin-bottom: -1px; }
div#navmenu #thispage  a { margin-bottom: -1px; }

/* Things that are generally page-specific. */
/*div#topborderleft { height: 15px; background: transparent url("../images/leftbar_top.gif"); }
div#topborderright { height: 15px; background: transparent url("../images/rightbar_top.gif"); }*/

div#indexwrap   { padding-left: 150px; padding-right: 150px; padding-top: 30px; padding-bottom: 30px; width: 500px; }
div#registerwrap, div#bugreport, div#loginwrap { padding-left: 100px; padding-right: 100px; padding-top: 30px; padding-bottom: 15px; width: 600px; }
div#searchwrap, div#schoolcolumns, div#myaccount, div#myschools, div#commentsglobal, div#faq, div#toswrap { padding-top: 30px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; width: 770px; position: relative; }


div#schoolcolumns   { position: relative; background: #ffffff; }
div#schoolcolumns div#leftbar { overflow: hidden; clear: left; float: left; position: relative; width: 270px; margin-right: 15px; }
div#schoolcolumns div#schoolcomments { float: left; position: relative; }
div#schoolcolumns div#schoolinformation, div#schoolcolumns div#addschool, div#schoolcolumns div#schoolvote { border: 1px solid #ff6600; margin-bottom: 15px; padding: 15px; }
div#schoolcolumns div#schoolcomments div#comments { width: 438px; padding: 15px; }


div#searchwrap div#searchbox { width: 270px; float: left; clear: left; overflow: hidden; margin-right: 15px; }
div#searchwrap div#searchbox textfield { width: 200px; }
div#searchwrap div#searchresults { width: 485px; float: right; }