/* 
Theme Name: schoolsfirst
Theme URI: http://www.3crowncreative.com
Description: Custom theme for SchoolsFirstSeattle.org
Version: 1.0
Author: 3 Crown Creative
Author URI: http://www.3crowncreative.com

License: GNU General Public License (GPL) version 3

*/


/*  <RESET>
--------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote,  dl, address  {margin:0;padding:0;}
img {border:none}
img a, img a:hover {text-decoration: none;}
a, a:link, a:visited, a:focus {outline: none;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
blockquote:before, blockquote:after {content: "";}
blockquote, q {quotes: "" "";}


/*  <BASE>
--------------------------------------------------*/
#content a { text-decoration:underline; color: #666}
#content a:hover {color:#b4282e}
h1 {font-size: 1.4em; margin: 0 0 1em 0; font-weight:bold}
/*h2 {font-size: 1.3em; margin: 1em 0 .5em 0; color:#b4282e; text-transform:capitalize}
h3 {font-size: 1.2em;margin: .7em 0 0 0;color:#b4282e; text-transform:capitalize}*/
h2 {font-size: 1.3em; margin: 1em 0 .5em 0; color:#000; text-transform:capitalize}
h3 {font-size: 1.2em;margin: .7em 0 0 0;color:#000; text-transform:capitalize}

h4 {font-size: 1.1em;margin: .7em 0 0 0;}
h5 {font-size: 1.1em;margin: .7em 0 0 0;}
blockquote {width: 90%;margin: 2em auto;padding: 0 0 0 1em;border-left: 2px solid #000;font-style: italic;}
code {font-size: 1.2em;}
p {padding-bottom:1em}
img { -ms-interpolation-mode:bicubic; }   /*  Better image scaling in IE  */


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
body  {background: #000;font-family: Verdana, Geneva, sans-serif}

#wrapper {width:60em;margin: 0 auto; background: #fff url(images/bkgBody.jpg) repeat-y}

#header {background:#fff; height:7.875em }
#navbar {width:10.5em;float:left;}
#content {width:49.5em;float: left;}
#page_content {padding: 1em 2.5em 1em 1.5em;float: left;display: inline;min-height:30em;}
#entry_content {padding: 1em 2.5em 1em 1.5em;float: left;display: inline;min-height:30em;}

.boardLeft {float:left; width:55%}
.boardRight {float:left; width:35%; margin-left:2em; border:1px solid #000; padding:.5em}

#footer {background:#000; color:#999;font-size: .7em;line-height: 1.7em; text-align:right; float:right; width:100%}


/*  <NAVIGATION>
--------------------------------------------------*/
.navigation {font-size:.6em; font-family:Arial, Helvetica, sans-serif; letter-spacing:.05em; text-transform:uppercase}
.navigation ul{list-style-type: none; padding:0; margin:0}
.navigation ul li{}
.navigation ul li a{color: #000; background:#dcdcdd;display:block; padding-right:1em; line-height:2.5em; text-align:right; border-bottom:1px solid #818081}
.navigation ul li a:hover{color: #fff;background: #b4282e;}
.navigation ul li.current_page_item a{color: #fff;background: #b4282e; cursor:default}

#contButton {margin-top:2.25em;}
#contButton a { margin:0 auto;background:url(images/btnContribute.png) no-repeat 0 0; text-decoration:none; text-indent:-5000px; display:block; width:150px; height:64px}
#contButton a:hover {background:url(images/btnContribute.png) no-repeat -150px 0; text-decoration:none}
.donate {font-size:.625em; color:#333; font-style:italic; font-weight:bold; padding:0 1em}

/*  <PAGE CONTENT>
--------------------------------------------------*/
#page_content p {font-size:0.75em; line-height:1.5em; letter-spacing:.04em }		  
#google_calendar {float:right; margin-left:.625em}
.yes {color: #b4282e; text-transform:uppercase}
.botContent {clear:both; font-weight:bold; margin-top:2em}
#page_content li {font-size:0.75em;line-height:1.5em; letter-spacing:.04em}
#page_content ul,
#page_content ol {margin-top:0}

/*  <CONTRIBUTE FORM>
--------------------------------------------------*/
.contribute_form {
	font-family:Arial,Verdana,Times New Roman; margin:0 .625em 0 1.5625em;	font-size:.8em; width:80%}
#page_content .contribute_form p{font-size:1em; margin:0; padding:0}
.contribute_form hr {width:100%;line-height:0.5em;}
.contribute_form td {padding:.4em 0}
.required {background:url(images/formRequired.gif) no-repeat 2px 0; width:15px; height:15px; display: inline-block; text-indent:-5000px}
.no_class_form {margin-left:1.5em;}
.ccImg {vertical-align: bottom}
.ccInfo {float:left; padding-right:2em}

/*  <HOW YOU CAN HELP FORM>
--------------------------------------------------*/

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr { background-color:#bc2d33; color:#FFF}
.inpOK {color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; }
.noerror {font-weight:normal; margin:0; font-style:italic; border:1px solid #666; padding:2px 3px }
.smaller {font-size:.8em; width:80%; margin-bottom:10px}

/*  <SIDEBAR>   (for blog)
--------------------------------------------------*/
#sidebar p {line-height: 1.5em;}
#sidebar a {color:#888;	}
#sidebar a:hover {color: #1744a1;}

#sidebar form {margin:1.5em 0 0 0}

#sidebar ul {margin: 2.5em 0 0 0;font-size: .75em;list-style-type: none;}
#sidebar ul.first {margin-top:0}
#sidebar ul li ul li {border-bottom: 1px dotted #EEE;}
#sidebar .head {margin:0 1.5em 0 0;color:#000;font-size:1.1em; border-bottom:1px dotted #ccc}


#sidebar #tag_cloud h2.widgettitle {margin: 2em 0 0 0;}

#sidebar h3 {margin: 2.5em 0 -.7em 0;font-size: 1.15em;font-variant: normal;border-bottom: 1px dotted #999;}
#sidebar h3.first {margin-top:0}


ul#categories, ul#archives {margin-top:1em}
ul#categories, ul#categories li, ul#categories a,
ul#archives, ul#archives li, ul#archives a
	{font-size:1em; color:#000; line-height:1.1em;}


.meta {margin: 0;font-size: .7em;line-height: 1.9em;}
.meta ul {margin: 1em 0 0 0;}
.meta li {margin: .3em 0 0 0;line-height: 1.5em;padding: 0 0 .2em 0;}


/*  <ENTRY_CONTENT>
--------------------------------------------------*/
#entry_content .date {margin: -1em 0 2em 0;}

#entry_content p {margin: .7em 0 1em 0;}
#entry_content .sticky {border: 1px dotted #CCC;padding: 15px;margin-bottom: 20px;}
#entry_content .caption {margin: -2.4em 2em 1.5em 0;font-size: .85em;color: #666;text-align: center;}

#entry_content .caption a {font-size: 1.0em;}

#entry_content h3 a {font-weight: normal;font-variant: normal;color: #000;font-size: .75em;}
#entry_content .fin {text-align: center;font-size: 1.3em;margin: 3em 0 4em 0;}

#firstPost h2,
#firstPost h2:hover {border-bottom:none;}

#firstPost h2 a {border-bottom:1px solid #d7d4d4;}
#firstPost h2 a:hover {border-bottom:1px solid #bf2e1a;}

.postNav a {font-weight: bold;font-size: 12px;color: #000;border-bottom: 1px solid #EEE;}
.postNav a:hover {color: #bf2e1a;border-bottom: 1px dotted #333;}



/*  <ENTRY>
--------------------------------------------------*/
.entry {margin:0;font-size: .75em;line-height: 1.9em;}

.entry a {font-weight: bold;font-size: 12px;color: #000;border-bottom: 1px solid #EEE;}
.entry a:hover {color: #bf2e1a;border-bottom: 1px dotted #333;}
.more-link  {margin:0;padding:0;}
.entry a.more-link {
	color: #666;font-variant: normal;font-size: 1.2em;text-transform: none;font-weight: normal;
	clear: both;border: 0;text-align: center;display: block;margin: 1em auto;
}
.more-link .bracket {line-height: 5em;font-size: 1.5em;}

.entry .gallery {margin-top: 0;padding-top: 0;}
.entry img.alignright {margin: 0 0 10px 10px;}
.entry img.alignleft {margin: 0 10px 10px 0;}


.entry ul, .entry ol {margin: 1em 0 0 0;padding-left: 2.2em;}

.entry .postmetadata {color:#aaa; font-size:.95em}
.entry .postmetadata a {font-weight: normal;font-size:.95em; color:#666;border-bottom:none;}
.entry .postmetadata a:hover {color:#bf2e1a;}

#entry_content .entry p.wp-caption-text {color: #CCC;text-align: center;font-size: 11px;margin-top: 0;}

.entry h3 a, 
.entry h3 a:hover {
	color: #333;text-decoration: none;border: 0;}


.entry sup {font-size: 11px;color: #aaa;}
.entry sup a {border: 0;color: #bf2e1a;margin: 0;font-weight: normal;font-size: 10px;}



/*  <POSTMETADATA>
--------------------------------------------------*/
.postmetadata  { color:#aaa; font-size:.7em; padding:0; margin:0; clear: both; line-height:normal	}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
.postmetadata img {margin:.1em .3em 0 0; padding:0; border:none; display:inherit}
.postmetadata a:hover {color:#bf2e1a;border-bottom: none;}





/*  <FOOTER>
--------------------------------------------------*/
#footer a {border-bottom: 1px solid #eee;}
#footer a:hover {color: #bf2e1a;border-bottom: 1px solid #bf2e1a;}

#footer p {margin: 0;padding: 0;}
#footer_contact {padding: 1em 0 1em 1em;}
#footer_info {height: 3.2em;padding: 1em 1.9em 1em 1em;border-right: 1px dotted #000;}


/*  <COMMENTS>
--------------------------------------------------*/
.commentcount {color: #aaa ;}
.commenttext {margin-left: 4.4em;border-bottom: 1px dotted #000;padding-bottom: 1.5em;}

#comments, #respond {margin: 3em 0 0 0;border: 0;}

ul.commentlist {margin: 0;padding: 0;list-style-type: none;}
ul.commentmeta {margin:2em 0 0 0;padding: 0;list-style-type: none;}

ul.commentlist cite {font-style: normal;font-weight: bold;}

ul.commentlist span.says {display: none;}

ul.commentlist .comment-author {font-variant: normal;}
ul.commentlist .comment-meta {margin-top: -.5em;font-variant: normal;}
ul.commentlist .postNav {border: 0;}

ul.children {list-style-type: none;}

h3#comments {margin-bottom: 1em;clear: both;}

ul.commentlist .comment.bypostauthor .vcard img {border: 1px solid #bf2e1a;}
ul.commentlist .comment .comment-author.vcard img{border: 1px solid #000;}

.depth-2 {margin-top: 2em;}


/*  <SEARCH>
--------------------------------------------------*/
.search {text-transform: uppercase;font-size: .65em;padding-right: .5em;}
#searchform {margin-top: 0;text-align: right;padding: 0 0 1em 0;float:right;}
	
.seachCritera {padding:0; margin:0;  font-size:.55em}
#cse-search-box {margin-top: 0;text-align: right;padding: 0 0 1em 0;float:right;}
#cse-search-results {max-width:500px;}
.radioButton {border:none; background:none}


/*  <CONTACT>
--------------------------------------------------*/
.contactform {margin: 2em 0;}
.contactform label {font-weight: bold;}
.contactleft {margin: 1em 0 0 0;}
#contactsubmit {margin: 1em 0 0 0;}


/*  <WIDGETS>
--------------------------------------------------*/
.wp-tag-cloud {padding-left: 0;}
h2.widgettitle {margin: 2em 0 -.7em 0;font-size: 1.15em;font-variant: normal;border-bottom: 1px dotted #999;}

.textwidget {margin-top: 15px;padding-bottom: 15px;border-bottom: 1px dotted #CCC;}
#ryboe-tag-cloud h2.widgettitle {border-bottom:none}
.widget li {border-bottom: 0;}
.offsite img {margin-top: 1em;border: 0;}

dd.gallery-caption {font-size: 11px;color: #CCC;line-height: 12px;margin-top: .5em;}


/*  <PLUG-IN STYLES>
--------------------------------------------------*/

ul.delicious {list-style-type: none;}
ul.delicious li {margin: 1em 0;line-height: 1.5em;padding-bottom: .8em;}


.smartarchives {margin: 2em 0 3em 0;font-size: .8em;}
.smartarchives ul {margin: 0 0 1.5em 0;list-style-type: none;}
.smartarchives h2 {margin: 0 0 0 0;}
.smartarchives h2 a {text-decoration: none;color: #000;border: 0;}
.smartarchives h2 a:hover {text-decoration: none;border: 0;}

.monthly {clear: both;padding-top: 3em;}

ul.archive_block {padding-left: 0;width: 100%;overflow: hidden;padding-bottom: 2em;}

#content .archive_block li {
	float: left;display: inline;padding: 5px 7px;background: #000;color: #FFF;font-size: 11px;margin-left: .2em;margin-bottom: .2em;
}
#content .archive_block li.empty {font-size: 11px;color: #333;}
#content .smartarchives .archive_block li a {color: #CCC;font-weight: normal;font-size: 11px;border-bottom: 1px dotted #336699;}



/*  <MISC CLASSES>
--------------------------------------------------*/

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear:both}
.current {width: 100%;border-right: 3px solid #EEE;}
.mainImg {float:left; margin:15px 10px 0 0}

.moderation {margin-left: 4.4em;}
.ctitle {font-variant: normal;}
.description, .date  {font-size: .8em; font-variant:normal;color: #aaa;margin: .1em 0 1.5em 0;padding: 0;}
.small {font-size:.7em; letter-spacing:.1em;}

.header {margin: 0 0 1.5em 0;}
.highlight {color: #bf2e1a;}
.error {font-size: 5em;text-align: center}
.spacer {height: 2em;background: url(images/spacer.png) top center no-repeat;padding-right: 1em;}

.footnotes {margin: 3em 0 0 0;padding-left: 2.2em;border-top: 1px dotted #999;font-size: .85em;line-height: 1.2em;}
ol.footnotes a {font-size: 1.0em;}
li.footnote {margin-top: .5em;}

img.avatar {margin: 0 1em 0 0;float: left;display: inline;}
.twitter {margin: 0 0 4em 0;font-size: .7em;color: #999;}