/*
Theme Name: Educate-Inspire-Enrich
Theme URI: http://3cheersdesign.com/
Description: Northshore Schools Foundation 
Version: 1
Author: Three Cheers Design
Author URI: http://3cheersdesign.com/
*/

@import "style/css/typography.css";
@import "style/css/layout.css";

/*** GENERAL STYLES ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0 none;
padding:0;
}

table { 
border-collapse:collapse; 
border-spacing:0;
}

fieldset, img { 
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }

q:before, q:after { content:''}

a img { border:none } /* Gets rid of IE's blue borders */

body {
        color:#2d2d2d;
        font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
        font-size:70%;
        background: #faf9f0 url('images/bg-body.jpg') repeat-x scroll 0 0;
        background-attachment:fixed;
        text-align: center;
}

#container {
        width: 960px;
        margin: 0 auto;
        padding:0;
}

a {
        text-decoration: underline;
        color: #e72325;
}

h1, h2, h3, h4, h5, h6 {
        font-family: Arial, sans-serif;
        font-weight:normal;
}

p {
        color: #2d2d2d;
        font-size:1.3em;
        line-height: 1.4em;
        margin: 12px 0;
}

p.misc-text {
        font-size:1em;
}

#content {
        overflow: hidden;
        margin:0 auto;
        width: 914px;
        background-color: #FFF;
}

#content h3{
        color: #9F2020;
        text-transform: uppercase;
        font-size:1.7em;
        padding-left:15px;
}

#content p{
        padding-left:15px;
}

#home-content {
        margin:0 auto;
        padding:0 19px 0;
        overflow:hidden;
}

.clear {
        clear:both;
}

#bottom-bar {
        background: url('images/bottom-bar.png') no-repeat scroll center top;
        width: 100%;
        height: 19px;
}

a.readmorebtn, a.readmorebtn:link, a.readmorebtn:visited {
        background-color:#ADD475;
        color:#FFFFFF;
        font-size:12px;
        font-weight:bold;
        text-transform: uppercase;
        text-decoration:none;
        padding: 4px;
}
/*******/

/*** HEADER ***/

#top-bar {
        background: url('images/top-bar.png') no-repeat scroll center top;
        margin: 0 auto;
        width: 914px;
        height: 9px;
}

#header {
        background: url('images/header-image.jpg') no-repeat scroll center top;
        height: 120px;
}

#logo {
        float: left;
        margin-left: 13px;
}
/*******/

/*** NAVIGATION ***/

#social-media {
        float: right;
        padding-right: 40px;
        letter-spacing: 1px;
        line-height: 50px;
        font-family: Arial, sans-serif;
        font-size: 1em;
        text-transform: uppercase;
}

#nav-container {
        height: 55px;
        margin-left: 40px;
        margin-top: 10px;
}

ul#nav {
        letter-spacing: 1px;
        line-height: 50px;
        font-family: Arial, sans-serif;
        font-size: 1.5em;
        text-transform: uppercase;
}

ul#nav li {
        float: left;
        display: inline;
        margin-right: 25px;
}

ul#nav li a {
        color: #59210d;
        text-decoration: none;
}

ul#nav li a:hover {
        border-bottom: 4px solid #9f2020;
}

ul#nav .current_page_item a {
        border-bottom: 4px solid #9f2020;
}
/*******/

/*** IMAGE ROTATOR ***/

#gallery-learnmore {
        background: url('images/slider-pic.jpg') no-repeat scroll 0 0;
        width: 915px;
        height: 327px;
}

#slider {
        float: left;
        width: 555px
        height: 278px;
        margin:19px 0 0 28px;
}

/*******/

/*** RIBBON ***/

#ribbon{
        background: url('images/ribbon.png') no-repeat scroll 0 0;
        width: 960px;
        height: 77px;
        position:absolute;
        top:510px;
        z-index:100;
}

#sub-ribbon {
        background: url('images/ribbon.png') no-repeat scroll 0 0;
        width: 960px;
        height: 77px;
        position:absolute;
        top: 180px;
        z-index: 100;
}

/*******/

/*** 365 CLUB & VOLUNTEER SECTION ***/

#ads {
        width: 284px;
        height: 309px;
        margin: 0 auto;
        padding-left: 12px;
        overflow: hidden;
}

/*******/

#holder {
        width: 876px;
        padding: 18px 0 10px 0;
        margin: 0 auto;
        overflow: hidden;
        clear: both;
}

/*** NEWS EVENTS SECTION ***/

#news-events {
        background-color:#FAF9F0;
        float:left;
        height:220px;
        width:429px;
        margin-left:17px;
        margin-top:50px;
        overflow:hidden;
        text-align:left;
}

#news-events h2{
        background-color: #ADD475;
        font-size: 1.4em;
        font-weight: bold;
        letter-spacing: 1px;
        margin: 0 auto;
        padding: 5px 5px 5px 10px;
        text-align: left;
        text-transform: uppercase;
        width: 429px;
}

#news-events a{
        color: #E72325;
        text-decoration: none;
}

#news-events a:hover{
        color: #2D2D2D;
        text-decoration: underline;
}

.news-events-row {
        overflow: hidden;
        padding: 7px 10px 7px;
}

.news-events-row h5 {
        margin-left: 45px;
        width: 90%;
        text-align: left;
        font-size: 1.3em;
}

.news-events-row h6 {
        float: left;
        color: #898989;
        font-size: 1.3em;
        font-weight: normal;
}

#news-events-more {
        font-size: 1.3em;
        font-weight: normal;
        padding-top: 10px;
        text-align: left;
        text-transform: uppercase;
        float: right;
}

#shop {
        background-color: #FAF9F0;
        float: left;
        height: 220px;
        width: 429px;
        margin-left: 20px;
        margin-top: 50px;
        overflow: hidden;
        text-align: left;
}
#shop h2{
        background-color: #ADD475;
        font-size: 1.4em;
        font-weight: bold;
        letter-spacing: 1px;
        margin: 0 auto;
        padding: 5px 5px 5px 10px;
        text-align: left;
        text-transform: uppercase;
        width: 429px;
}

#shop a{
        color: #E72325;
        text-decoration: none;
}

#shop a:hover{
        color: #2D2D2D;
        text-decoration: underline;
}

/*******/

/*** 4 BUTTON LINKS ***/

.bottom-links {
        width: 879px;
        height: 116px;
        margin: 0 auto;
        padding-top: 20px;
        overflow: hidden;
        clear: both;
}

.btn_donate {
        background: url('images/donate.jpg') no-repeat scroll 0 0 transparent;
        display: block;
        float: left;
        height: 116px;
        width: 205px;
        margin-right: 19px;
}

.btn_help {
        background: url('images/help-us.jpg') no-repeat scroll 0 0 transparent;
        display: block;
        float: left;
        height: 116px;
        width: 205px;
        margin-right: 19px;
}

.btn_fundraiser {
        background: url('images/fundraising.jpg') no-repeat scroll 0 0 transparent;
        display: block;
        float: left;
        height: 116px;
        width: 205px;
        margin-right: 19px;
}

.btn_support {
        background: url('images/supporters.jpg') no-repeat scroll 0 0 transparent;
        display: block;
        float: right;
        height: 116px;
        width: 205px;
}
/*******/

/*** SUBPAGES ***/

.left-column {
        width: 630px;
        margin: 75px 10px 0;
        float: left;
        text-align: left;
}

.left-column h2 {
        background-color: #ADD475;
        letter-spacing: 1px;
        font-size: 2em;
        font-weight: normal;
        color: #331F0E;
        text-transform: uppercase;
        padding: 7px 0px 7px 15px;
        margin-bottom: 10px;
        width: 600px;
}
/*******/

/*** SIDEBAR ***/

#sidebar {
        background-color: #FAF9F0;
        border-top: 4px solid #ADD475;
        float: right;
        margin-right: 19px;
        margin-top: 75px;
        padding: 10px;
        text-align: left;
        font-size: 1.3em;
        width: 200px;
}

#sidebar h2{
        text-transform: uppercase;
        font-size: 1.3em;
        padding-bottom: 5px;
}

#sidebar ol, ul, li{
        padding-bottom: 5px;
}

#sidebar p{
        padding:0;
}

.side-nav li{
        padding: 10px 0px 10px 15px;
        background: transparent url('images/red-dots.png') no-repeat scroll 5px 15px;
}

.side-nav a {
        color: #e72325;
        text-decoration: none;
}

.side-nav a:hover{
        text-decoration: underline;
}

.side-nav .current_page_item a {
        color: #59210d;
}

#searchsubmit {
        margin-top: 10px;
}

#searchform {
        margin-bottom: 15px;
}
/*******/

/*** COMMENTS ***/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*** FOOTER ***/

.footer-wrap {
        background: url('images/footer-wrap-bck.png') repeat-x scroll center bottom transparent;
}

.footer-image {
        background: url('images/footer-image.png') no-repeat scroll center bottom transparent;
        padding-bottom: 150px;
}

#footer {
        margin: 0 auto;
        padding: 19px 0px 10px 0px;
        width: 914px;
        clear: both;
}

#footer p{
        color: #616161;
        font-size: 1.3em;
        font-weight: normal;
        text-align: left;
        padding-left: 10px;
}

#footer a{
        color:#fab000;
        text-decoration: underline;
}

#footer h2{
        color: #FAB000;
        letter-spacing: 1px;
        font-size: 2.3em;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
        padding-left: 10px;
}

#footer-two {
        font-size:.9em;
}

#footer-two p{
        color:#2D2D2D;
}

#footer-two a{
        color:#00D1FF;
        text-decoration:none;
}
/*******/