/*
Theme Name: Cambridge School
Theme URI: http://ninthlink-proofing.com/cambridgesch/
Description: The Cambridge School WordPress theme, built by alex @ <a href="http://www.ninthlink.com">Ninthlink</a>.
Version: 1.0
Author: Alex Smith
Author URI: http://www.planetillogica.com/alexsmith
Tags: blue, custom header, fixed width, two columns, widgets

	Cambridge School v1.0
	 http://ninthlink-proofing.com/cambridgesch/
	 
	This theme was designed and built by Alex Smith of Ninthlink, Inc,
	whom you can find at http://www.planetillogica.com/alexsmith
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
html, body { min-height: 100%; }
a img { border:none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
body { margin: 0; padding: 0; background: #06070c url(images/bgrad.png) repeat-x center top; color: #fff; font: 12px/170% Georgia, serif; text-align: center; }
#rep { float: left; width: 100%; height:100%; background: url(images/bgleaf.png) repeat 0 0; }
#wrap { display: block; width: 977px; margin: 0 auto; text-align: left; }
#page { float: left; }
#hdr { float: left; width:977px; height: 116px; position: relative; }
#logo { float: left; width:353px; height: 85px; background: url(images/logo.gif) no-repeat 0 0; text-indent:-999em; margin: 21px 0 0 33px; }
#hdr ul { float:left; margin: 0 0 0 441px; padding: 0; list-style: none; }
#hdr ul li { float: left; margin: 0; padding: 0; }
#hdr ul li a { float: left; width: 125px; height: 23px; text-indent:-999em; background: url(images/forparents.gif) no-repeat 0 0; }
#hdr ul li a:hover { background-position: 0 -23px; }
#hdr .desc { float: left; width: 432px; font: italic 18px/100% Georgia, serif; text-align: center; background: url(images/hdesc.png) no-repeat 0 0; margin: 29px 0 0 117px; }
#hdr .desc a { color: #e0e1e4; }
#main { float: left; color: #333; width: 973px; background:#fff5dc url(images/mtop.gif) no-repeat 0 0; padding: 3px 0 0 3px; }
#topimg { float: left; width:708px; margin: 1px 3px 0 0; height: 182px; position: relative; }
#topimg.h  {margin-top: 0; height: 369px; }
#topimg img { position: absolute; top: 0; left: 0; }
#topimg img.bye { z-index: 2; }
#topright { float: left; width:258px; position: relative; }
#topright div { float: left; position: relative }
#topright div.h { margin-top: 5px; }
#topright div a { position: absolute; display: block; left: 57px; top: 133px; width: 144px; height: 27px; font: 12px/27px Copperplate; text-align:center; color:#804815; background: url(images/toprightbtn.png) no-repeat 0 0; }
#topright div a:hover { text-decoration:none; background-position: 0 -27px; }
#topnav { float: left; margin: 3px 0 0; padding: 0; list-style: none; width: 969px; height: 31px; }
#topnav li { float: left; margin: 0; padding: 0; }
#topnav li a { float: left; width: 97px; height:31px; text-indent:-999em; background:url(images/topnav.png) no-repeat 0 0; }
#topnav li.page-item-3.current_page_item a, #topnav li.page-item-3.current_page_parent a, #topnav li.page-item-3 a:hover { background-position: 0 -31px; }
#topnav li.page-item-2 a { width: 272px; background-position: -97px 0; }
#topnav li.page-item-2.current_page_item a, #topnav li.page-item-2 a:hover { background-position: -97px -31px; }
#topnav.home li.page-item-2 a { width: 303px; background-position: -709px 0; }
#topnav.home li.page-item-2 a:hover { background-position: -709px -31px; }
#topnav li.page-item-62 a { width: 156px; background-position: -369px 0; }
#topnav li.page-item-62.current_page_item a, #topnav li.page-item-62 a:hover { background-position: -369px -31px; }
#topnav.home li.page-item-62 a { width: 191px; background-position: -1012px 0; }
#topnav.home li.page-item-62 a:hover { background-position: -1012px -31px; }
#topnav li.page-item-51 a { width: 183px; margin-right:3px; background-position: -525px 0; }
#topnav li.page-item-51.current_page_item a, #topnav li.page-item-51 a:hover { background-position: -525px -31px; }
#topnav.home li.page-item-51 a { width: 214px; margin-right:3px; background-position: -1203px 0; }
#topnav.home li.page-item-51.current_page_parent a, #topnav.home li.page-item-51 a:hover { background-position: -1203px -31px; }
#topnav li.page-item-45 a { width: 130px; background-position: -1420px 0; }
#topnav li.page-item-45.current_page_item a, #topnav li.page-item-45 a:hover { background-position: -1420px -31px; }
#topnav li.page-item-47 a { width: 128px; background-position: -1550px 0; }
#topnav li.page-item-47.current_page_item a, #topnav li.page-item-47 a:hover { background-position: -1550px -31px; }
#content { float: left; width: 643px; margin: 36px 38px 0 32px;}
#content a { color: #b2310a; }
#content h2 { font: 34px/121% Garamond, Georgia, serif; margin: 0; font-weight: normal; color: #101216; }
#content .entry h2, #content .endblock h2 { font-size: 24px; line-height: 121%; }
#content.news .post h2 { font-size: 26px; line-height: 121%; }
#content.news .post h2 a { color: #101216; }
#content .entry h3 { font-weight: bold; font-size: 14px; line-height: 170%; margin: 11px 0; padding: 0; }
#content .entry h3 a { color: #333; text-decoration: underline; }
#content .entry h3 a:hover { color: #b2310a; }
#content.news .post { background: url(images/blogline.png) no-repeat bottom left; margin-bottom: 38px; float:left }
#content.news.page .post { background: none; margin-bottom: 0 }
#content.news .post small { font-size:12px; line-height: 16px; }
#content.news .post .entry { float:left; margin-top:11px; }
#content.news .post p.postmetadata { margin-bottom:6px; }
#content ol { }
#content ul { float: left; list-style: none; padding: 0; margin-left: 0; }
#content ul li { float:left; width:633px; padding: 0 0 0 10px; margin: 0; background: url(images/bull.gif) no-repeat; background-position: 0 8px }

a.post-edit-link { display: block; width: 600px; padding: 20px; border: 1px solid #b2310a; float:left }
.news .post small a.post-edit-link { width:auto; padding: 0; display: inline; float:none; border:none }

.halfblock { float: left; margin: 17px 30px 0 0; width: 291px; }
.halfblock img { border: 1px solid #999; padding:4px; margin-bottom:7px; }
#main.home .halfblock img { border-color: #b2310a; border-width: 0 0 3px; padding: 0 0 5px; }
.halfblock a img, #main.home .halfblock a img {border:none; padding: 0; margin: 0; }

#content.news .post p.postmetadata a { color: #62707E; text-transform:uppercase }
#content.news .post p.postmetadata a.more { color: #333; }

img.alignnone, img.alignleft, img.alignright, img.aligncenter { padding: 3px; border: 1px solid #979185; }
img.alignnone.nob, img.alignleft.nob, img.alignright.nob, img.aligncenter.nob { border: none; padding: 0; }
img.alignleft { float: left; margin-right: 30px; }
img.alignright { float: right; margin-left: 30px; }
img.aligncenter { margin: 0 auto; }

#sidebar, #right { float: left; width:257px; padding-top: 10px; }

.block { float: left; width: 256px; margin-bottom: 6px; }
.block .top, .block .end { float: left; width: 256px; height: 7px; background: url(images/sbartop.gif) no-repeat 0 0; }
.block .end { background-image: url(images/sbarend.gif); }
.block .mid { float: left; padding: 10px 12px; width: 230px; background: #fff0d2; border: solid #c5ab7b; border-width: 0 1px; }
.block h3 { font: 22px/24px Arial, sans-serif; color: #242938; margin: 0 auto; padding: 3px 0 16px; width: 174px; text-align:center; }
.block.school .mid { background:#FFF0D2 url(images/schoolblogflourish.jpg) no-repeat 7px 10px; }
.block.school .post { font: 11px/161% Arial, sans-serif; float: left; width:230px; text-align: center; padding: 9px 0 12px; }
.block.school .post, .block.school .post a { color: #252a39; }
.block.school .post a { font-weight: bold; }
.block.school h3 { font-family: Copperplate; }
.block.school h3, .block.school .post { background: url(images/blogsideline.png) no-repeat bottom center; }
.block.school a.typeface-js { font-family:Copperplate; font-weight: bold; font-size: 12px; line-height:14px; color: #333; float: left; width: 230px; margin: 10px 0 0; text-transform:uppercase; text-align:center }
.block.video h3 { margin: 13px auto 3px; font-family:Copperplate; width: 180px; }
.block.video { height: 248px; background:url(images/videobg.jpg) no-repeat 0 0; text-align:center; }
.block .btn { display:block; width:145px; height:27px; margin: 0 auto; font: 12px/27px Copperplate; color:#fff; text-align: center; background: url(images/sidebtn.png) no-repeat 0 0; text-transform: uppercase; border: none; cursor: pointer }
.block .btn:hover, .block a.btn:hover { background-position: 0 -27px; text-decoration:none; }
.block.video .btn { margin-top: 20px; }

.block.pages h3 { display: none; }
.block.pages ul { float: left; width: 230px; margin: 8px 0; padding: 0; list-style: none; border-bottom: 1px solid #e5dac0; }
.block.pages ul ul { border-bottom: none; border-top: 1px solid #e5dac0; margin: 0; padding: 5px 0 15px; }
.block.pages ul li { float: left; border-top: 1px solid #e5dac0; }
.block.pages.dl ul li  {border-top:none; }
.block.pages ul li a { float: left; width: 212px; padding: 0 9px; font: 14px/28px Copperplate;color:#6d6d6d; margin: 3px 0 4px; }
.block.pages ul li.current_page_item a, .block.pages ul li.current_page_parent a, .block.pages ul li a:hover { color: #262626; background: #ffe1b4; text-decoration:none }
.block.pages ul li li { border-top: none; }
.block.pages ul li li a, .block.pages ul li.current_page_item li a, .block.pages ul li.current_page_parent li a { float: left; width: 192px; padding: 0 19px; font-size: 12px; line-height:15px; color: #6d6d6d; background: none}
.block.pages ul li.current_page_parent li.current_page_item a, .block.pages ul li li a:hover, .block.pages ul li li a.roll { color: #262626; background: url(images/pagerrow.gif) no-repeat left center; }

.block.join { height:198px; background: url(images/joinbg.jpg) no-repeat 0 0; text-align:center; }
.block.join h3 { font-size: 18px; font-family: Copperplate; padding: 14px 0 3px; width:190px }
.block.join p, .block.join form { font-size: 11px; line-height: 15px; display: block; width: 193px; margin: 0 auto 10px; font-family: Arial; }
.block.join input.txt, div.wpcf7 input.txt { border:none; padding: 5px 10px; height: 15px; font: 11px/15px Arial, sans-serif; width:173px; margin: 0 0 7px; background: url(images/inputbg.gif) no-repeat 0 0; }
div.wpcf7 { margin-top: 45px !important; }
div.wpcf7 input.txt { width: 260px; }
div.wpcf7 textarea { border:none; padding: 5px 10px; height: 155px; font: 11px/15px Arial, sans-serif; width:575px; margin: 0 0 7px; background: url(images/textareabg.gif) no-repeat 0 0; }
div.wpcf7 select { width: 280px; font: 11px/15px Arial, sans-serif;  }
#content a.btn { float: left; width: 94px; height: 27px; line-height: 27px; font: 12px/27px Copperplate; text-align: center; background:url(images/submitbtn.png) no-repeat 0 0; margin-right:14px; color: #fff; }
#content a.btn.reset { background-image:url(images/greybtn.png); width: 85px; } 
#content a.btn:hover { background-position: 0 -27px; }
.block.join .btn { margin-top: 7px; }

.block.dl ul { margin: 0; padding: 0; width:230px; list-style:none}
.block.dl ul { margin: 0; padding: 0; width:230px; }

.block.contact, .block.contact h3, .block.contact h3 a { font-family:Copperplate; }
.block.contact h3, .block.dl ul li h2 { width:214px; padding: 0 8px; font-size: 14px; line-height: 28px; text-align:left; background-color:#FFE1B4; margin: 13px 0 3px }
.block.dl ul li h2 { font-family:Copperplate; font-weight:normal; }
.block.contact .addr { float: left; width: 214px; padding: 12px 8px 14px; border-top: 1px solid #e5dac0; font-size: 13px; line-height: 16px; color: #6d6d6d; }
.block.contact .addr p { margin: 0; }
.block.contact .addr h3 { color: #262626; font-size: 13px; line-height: 16px; padding: 0; background: none; margin: 0; }
.block.contact .addr h3 a  { text-decoration:underline; color: #262626 }

.block.tabs { width:257px; margin-top:10px }
.block.tabs .mid { width:231px; padding-top: 7px }
.block.tabs a { color: #333; }
.block.tabs .tabs a { float: left; width: 76px; height: 29px; padding-top: 3px; background: url(images/blogtabs.gif) no-repeat; text-align: center; font-size: 14px; color: #2c3445; }
.block.tabs .tabs a:hover { text-decoration: none; }
.block.tabs .tabs a.t0 { width: 96px; background-position: 0 -32px; }
.block.tabs .tabs a.t0.on { background-position: 0 0; }
.block.tabs .tabs a.t1 { background-position: -96px -32px; }
.block.tabs .tabs a.t1.on { background-position: -96px 0; }
.block.tabs .tabs a.t2 { width: 85px; background-position: -172px -32px; }
.block.tabs .tabs a.t2.on { background-position: -172px 0; }
.block.tabs h4 { padding-bottom: 10px; text-align: center; text-transform:uppercase; font-size: 13px; background: url(images/blogsideline.png) no-repeat bottom center; margin-top: 0; font-family:Garamond, Georgia, serif; }
.block.tabs .tab.on { display: block; float: left; margin: 0 0 10px; }
.block.tabs ul { list-style: none; margin: 0; padding: 0; }
.block.tabs ul li { margin: 0 11px 10px; padding: 0; }

.flourish { float:left; width: 643px; height: 34px; background:url(images/flourish.gif) no-repeat 0 0; margin: 26px 0 14px; }
.fadeline { float:left; width: 643px; height: 3px; background:url(images/fadeline.png) no-repeat 0 0; margin: 36px 0; }

#ftr { float: left; width: 941px; padding: 48px 0 20px 35px; background: url(images/mend.png) no-repeat 0 0; font-size:12px; line-height: 14px; }
#ftr ul { float: left; width: 942px; padding: 0; margin: 0 0 6px; list-style: none }
#ftr ul.small { font-size:11px; }
#ftr ul li { border-left: 1px solid #fff; float: left; padding: 0 8px; }
#ftr ul li.page-item-2 { border-left:none; padding-left:0; }
#ftr ul li, #ftr ul li a { color: #fff; }

#closer { position:absolute;top:0px;left:0px;display:none;z-index:100;background-color:#000;cursor:default; }
#video { display:block;padding-top:20px;z-index:200;width:480px;height:290px;background-color:#000; }
#vclose { position:absolute; right: 5px; top: 1px; font: 16px/16px Arial, Helvetica, sans-serif; color: #fff; text-align:right; text-decoration: none; }
#video a.btn { float: left; width: 480px; height: 33px; text-indent:-999em; background:url(images/video_btn.png) no-repeat 0 0; }
#video a.btn:hover { background-position: 0 -33px; }

#joinpop { position: fixed; top: 30%; left: 40%; z-index: 100; color: #333; display: none; }
#joinpop a.closer { position:absolute; top: 5px; right: 5px; font: 16px/16px Arial, Helvetica, sans-serif; color:#333 }
#joinhider { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: inherit; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }

*:focus { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}