/*
Theme Name: Get Curious
Theme URI: http://getcurious.org
Description: Theme Design for Kim Sherk's school site
Version: 1.0
Author: Brady J. Frey


*/

* {padding: 0;margin: 0;}
body {background: white url(images/index_backdrop.png) repeat-x top left;color: black;font: normal 14px/1.5 georgia, times, serif;text-align: center;}

/**** Alternating Background Images ****/
#about {background-image: url(images/backdrop_about.gif);}
#class-newsletter {background-image: url(images/backdrop_newsletter.gif);}
#messages-to-parents {background-image: url(images/backdrop_parents.gif);}
#homework-assignments {background-image: url(images/backdrop_homework.gif);}

#container {width: 960px;margin: 0 auto;text-align: left;}
#homework-assignments #container {position: relative;bottom: 300px;}
#content {width: 520px;float: right;margin: 0 70px 0 0;}
#sidebar {float: left;width: 280px;margin: 0 0 0 10px;}
#index_homework {width: 220px;float: left;margin: 0 0 0 80px;}
#index_messages {width: 220px;float: left;margin: 0 0 0 80px;}
#index_news {width: 220px;float: left;margin: 0 0 0 80px;}
#content ol li {list-style-type: none;padding: 0 0 40px 0;}
#content p {padding: 5px 0 10px 0;}


/**** Index Customization ****/
#index_homework {width: 220px;float: left;margin: 20px 0 0 70px;}
#index_messages {width: 220px;float: left;margin: 20px 0 0 80px;}
#index_news {width: 220px;float: left;margin: 20px 0 0 80px;}
#index_homework ol, #index_messages ol, #index_news ol {}
#index_homework ol li, #index_messages ol li, #index_news ol li{list-style-type: none;}
cite {font-style: normal;color: #df403d;padding-bottom: 15px;display: block;}
#index_homework h3, #index_messages h3, #index_news h3 {}
#index_homework p, #index_messages p, #index_news p {}


/**** Various background image repeats ****/
#homework-assignments {background-image: url(images/homework_backdrop.png) top left;}
#messages-to-parents {}
#class-newsletter {}
#about {}

#header {width: 100%;height: 309px;background: transparent url(images/index_header.jpg) no-repeat top center;}
#homework-assignments #header {background-image: url(images/homework_header.jpg);height: 679px;}
#messages-to-parents #header {background-image: url(images/message_header.jpg);height: 341px;}
#class-newsletter #header {background-image: url(images/news_header.jpg);height: 400px;}
#about #header {background-image: url(images/about_header.jpg);height: 368px;}

h1 {width: 328px;height: 85px;margin: 0 auto;position: relative;right: 310px;top: 105px;}
h1 a {width: 328px;height: 85px;display: block;text-indent: -9999px;}
h2 {color: #df403d;font-size: 30px;}
h2 a {color: #df403d;text-decoration: none;font-weight: normal;}
h2 a:hover {text-decoration: underline;}
h3 {color: #888;text-transform: uppercase;font-size: 10px;}


/**** Navigation ****/
#header ul {position: relative;left: 320px;bottom: 26px;background: transparent url(images/index_nav.gif) no-repeat top left;width: 300px;height: 197px;margin: 0 auto;}
#header ul li {list-style-type: none;font-size: 14px;}
#header ul li a {color: #df403d;text-decoration: none;display: block;padding: 4px;}
#header ul li a:hover {background: transparent url(images/nav_hover.gif) no-repeat 40px center;}
#top {padding-top: 30px;}


/**** Navigation Variation ****/
#homework-assignments #header ul {background-image: url(images/homework_nav.gif);width: 287px;left: 333px;}
#homework-assignments #header ul li a {color: white;}
#homework-assignments #header ul li a:hover {background-image: url(images/homework_nav_hover.gif);}
#class-newsletter #header ul {background-image: none;width: 287px;left: 333px;}
#class-newsletter #header ul li a {color: white;}
#class-newsletter #header ul li a:hover {background-image: url(images/news_nav_hover.gif);}
#messages-to-parents #header ul {background-image: none;bottom: 30px;}
#messages-to-parents #header ul li a {color: white;}
#messages-to-parents #header ul li a:hover {background-image: url(images/news_nav_hover.gif);}
#about #header ul {background-image: none;bottom: 30px;}
#about #header ul li a {color: white;}
#about #header ul li a:hover {background-image: url(images/about_nav_hover.gif);}


/**** Search Form ****/
#homework-assignments #sidebar {padding-top: 100px;}
#sidebar fieldset {border: none;background: transparent url(images/h_search.png) no-repeat top left;}
#sidebar legend {display: none;}
#searchform {padding: 40px 0 0 0;}
#searchform input {float: left;width: 200px;padding: 5px;border: 1px solid #ccc;}
#searchform button {position: relative;left: 20px;display: block;width: 48px;height: 48px;background: transparent url(images/search.png) no-repeat top right;text-indent: -9999px;border: none;cursor: pointer;}


/**** Sidebar ****/
#monthly {background: transparent url(images/h_monthly.png) no-repeat bottom left;height: 23px;width: 279px;text-indent: -9999px;padding: 20px 0 0 0;}
#email_updates {background: transparent url(images/receive_email.gif) no-repeat bottom left;height: 31px;width: 279px;text-indent: -9999px;padding: 20px 0 0 0;}
#sidebar .search {padding: 10px 0 10px 0;}
#sidebar .search a {color: #df403d;}
#sidebar .search a:hover {text-decoration: none;}
#sidebar dd a {color: #0c21ae;font-size: 14px;display: block;padding: 5px;text-decoration: none;text-align: center;}
#sidebar dd a:hover {background: white url(images/sidebar_hover.gif) no-repeat 20px center;}
#sidebar dt a {color: #0c21ae;text-decoration: none;}
#sidebar dt a:hover {text-decoration: underline;}


/**** Contact Page ****/
#contactform {}
#contactform fieldset {border: none;}
#contactform legend {display: none;}
#contactform label {display: block;color: #df403d;font-size: 24px;padding: 20px 0 0 0;}
#contactform input {display: block;color: #666666;font-size: 24px;padding: 2px;border: 1px solid #666666;width: 300px;}
#contactform textarea {width: 300px;display: block;color: #666666;font-size: 24px;padding: 2px;border: 1px solid #666666}
#contactform button {cursor: pointer;display: block;background-color: #df403d;padding: 10px;color: white;border: none;font-size: 14px;margin: 10px 0;}
#contactform button:hover {background-color: #666666;}