/*--- Local ---*/

.container {
   background:none;
   border-left:1px solid #400;
   border-right:1px solid #400;
}

#masthead  {
   margin: 0px auto auto auto;
   padding: 0;
   height: 45px;
   background: none;
   background:#770000;
}

h1, h1 a {
   margin: 0px 0 1px 0;
   padding: 0em 0 0px 0em;
   font: normal 2.3em/1.8em Georgia, serif;
   color:#FFFFCC;
   text-align: left;
   text-decoration: none; }

#masthead img {
   float:left;
   padding: 3px 5px 0 10px;}

#masthead ul
{
   margin:5px 0 0 0;
   padding: 0;
   list-style: none;
}

#masthead ul li.search, #masthead ul li.search a
{
   margin: 0 0 3px 0;
   padding: 0px 4px 0px 0px;
   font: 11px/14px Veranda, Arial, Helvetica, sans-serif;
   color: #FFFFCC;
   text-align: right;
   text-decoration: none;
}

#header{
   margin: 0px auto 0px auto;
   height: 159px;
   margin: 0px 0 0 0;
   border-bottom:1px solid #ccc;
}


/* ---- SEARCH BAR --- */


#searchbar {
   margin:0px 0 15px 0;
   padding:10px 0 0 0;
   background:#F4DD83;
   border-bottom:5px solid #770000;
   }
form#searchform{
   padding:0px;margin:0px;}
fieldset.searchfield {
  margin:0 0 10px 25px;padding:0;
  border:0;}
fieldset.searchfield label {
   margin:0px 10px 0px 0px;
  font: bold 1.1em/1.4em GillSans,Calibri,Trebuchet,sans-serif;}
input.searchBox {
   padding:2px;margin:0 5px 0 0;width:265px;}
span.account {
   padding:0px 0 0px 0;
   margin:0px 0 0px 10px;
   font: bold 1.1em/1.4em GillSans,Calibri,Trebuchet,sans-serif;}
#lower {
   min-height:350px;
   background:#fff;
   margin:-15px 0px 0 0;
   padding:13px 0 0 0; 
   background-image: url('http://scpl.us/images/7.gif');
   background-repeat: repeat-y;
   }


#eventslower {
   min-height:350px;
   background:#fff;
   margin:-15px 0px 0 0;
   padding:13px 0 0 0; 
   background-image: url('http://scpl.us/images/10.gif');
   background-repeat: repeat-y;
   }

img.topshadow {margin:-13px 0 4px 0;}

/* ---- MENU --- */


#menu {
   margin: 0px 5px 0 0px; 
   padding: 0px 0 10px 0px;}

#menu h3 {
   font: bold 1.15em GillSans,Calibri,Trebuchet,sans-serif;
   letter-spacing:-0.01em;
   margin: 0em 0em 0em 0em;
   padding: .8em .5em .7em .75em;
   text-align: left;
   background:none;}

#menu h3 a {
   display:block;
   color:#040;}

#menu h3.active {
   background:#fff;
   padding: .8em .5em .7em .75em;
   margin: 0 -11px 0 0;
   border-bottom:1px solid #700;
   border-top:1px solid #700;
   border-left1px solid #700;}


/* ---- CONTENT --- */


#content {
   margin:0 10px 0 20px;
   padding: 0 0px 0 0px;
   min-height:275px;}

#content h2 {
   font: 2.5em Georgia, serif;
   color:#700;
   background:none;
   padding: 0px 0 .3em 0em;
   margin: 0em 0 .3em .1em;
   text-align: left;}

#content h3 {
   margin: 0em 0 1em .5em;
   text-align: left;}

#content h3 a {
   font: 1.9em Georgia, serif;
   color:#700;
   background:none;}

#content h4 {
   font: bold 1.2em Georgia, serif;
   color:#700;
   background:none;
   padding: 0px 0 1em .5em;
   margin: 0em 0 0em 0em;
   text-align: left;}

#content p {
   font-size:110%; line-height:125%;
   margin:0 1.5em 1.5em .7em;
   text-align:left;}

#content img {
   margin:0 10px 10px 10px;
   padding: 4px;
   border:solid 1px #ccc;
   float:right;}

.smallcat {
   margin:0 0 0 1em;}

.smallcat a {
   font: bold italic 1.2em/1em Georgia,serif;}

/* ---- SIDEBAR --- */


#sidebar {padding:0 0 0 8px;}
#sidebar p {margin: .7em .1em .7em .7em;}

#sidebar h2, #right h2 a {
   font: normal 2em Georgia, serif;
   color:#700;
   background:none;
   padding: 0px 0 .3em 0em;
   margin: 0em 0 .2em .2em;
   text-align: left;
}

#sidebar ul {margin:0 0em 1em 0em;}

#sidebar li {
font-size: 1em;
line-height:1.1em;
color:#333;
background: none;
list-style:none;
padding: 0em 1em .7em 0;
margin: 0em 0em 0em .5em;
text-align: left;
}

#sidebar li b {color:#700;}


/* ----MULLET--- */

#mullet {
   margin:0em 0 0em 0em;
   padding: 1.2em 0em 1em 0em;
   background:#fff;
   border-top:2px solid #770000;
   border-bottom:6px solid #770000;}

#mullet ul {
   margin: 0em 0 0 0em;}
#mullet li {
   margin: 0em 0 0 1em;}
#mullet p b {
   color:#700;}

#mullet h2 {
   font: 2em Georgia, "Times New Roman", Times, Serif;	
   color:#700;
   letter-spacing:-0.01em;
   background: none;
   padding: 0em .6em .4em 0em;
   margin: 0em 0em 0em 0em;
   text-align: left;}


#leftpromo {
   margin:0 0 0 15px;}
#centerpromo {
   margin:0 0 0 10px;}
#rightpromo {
   margin:0 0 0 20px;}

.footer, .footer p, .footer p a {
   margin-top: 5px;
   padding: 4px 0px;
   text-align: center;
   color: #222;
   background: #BFA09B;
   border:none;
}


#accessibility {
   position: absolute;
   top: -10000px;
}

.post-date {
   float: left;
   color: #333333;
   font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   text-align: center;
   font-weight: bold;
   margin: 0px 13px 0 0;
   padding: 4px 5px;
   width: 55px;
   background: #a1c1a7;
   line-height: 1.15em;
}


/* ---- CALENDAR ---- */

#calendar {
   margin:0 0px 0 5px;
   padding: 0 0px 0 20px;}

#calendar h2, #calendar h2 a {
   font: 1.5em Georgia, serif;
   color:#fff;
   background:#700;
   padding: .2em 0 .3em 1em;
   margin: 0em 0 .3em 0em;
   text-align: left;
}

#calendar h4 {
   font: 1.4em Georgia, serif;
   color:#700;
   background:none;
   padding: 0.2em 0 0em 0.3em;
   text-align: left;
}


#calendar img {
   float:right; margin: 0 0 0 10px;}


#calendar table {
   width:590px;
   border-bottom: 3px solid #ccc;
   border-right: 1px solid #ccc;
   margin: 0px 15px 15px 0px;
   border-collapse:separate;
   border-spacing:0;}

#calendar td {
  border-left: 1px solid #DDD;
  border-top: 1px solid #BBB;
  padding: 0 5pxpx 5px 5px;
  min-width: 60px;
  }

#event_calendar p {margin: 0 0 10px 0;}

#calendar col.Sat,col.Sun {
   background: #D6DFD1;}
#calendar tr.day {
   color: #700;
   font-size: 9px;
   height: 90px;}
#calendar tr.number {
   background: #BECFB5;
   color: #555;
   font-size: 12px;
   height: 15px;
   text-align: right;
   vertical-align: middle; }
#calendar th {
   background:#D6DFD1;
   color: #700;
   font-size: 12px;
   font-variant: small-caps;
   font-weight: normal;
   height: 15px;
   text-transform: capitalize;
   text-align: center;
   vertical-align: middle;
   border-right:1px solid #fff;
   border-bottom:2px solid #fff;}

table.zem_event_calendar caption {display:none;}


span.smd_cal_ev_kid-events a, 
span.kid-events {
  color:#a00;}

span.smd_cal_ev_adult-events a, 
span.adult-events {
  color:#00BFBB;}

span.smd_cal_ev_teen-events a, 
span.teen-events {
  color:#A400BF;}

span.holidays {display:none;}


div#calendar_nav {
   width: 90%;
   margin:  0px auto auto;
}


tr.smd_cal_navrow th {
  padding: 5px 0 8px 0;
  font-weight:bold;
  font-size:1.8em;
  background:#446644;
  color: #DDD;
  text-align: center;}

tr.smd_cal_daynames th {
  padding: 3px 0 3px 0;
  font-weight:bold;
  font-size:1em;
  background:#004400;
  color: #DDD;
  text-align: center;}

a.smd_cal_navprev, a.smd_cal_navnext {
  color:#fff;}

td.smd_cal_event {
  padding:0px 5px 0 5px;}


/* --- Nav specific --- */

* {
   padding: 0;
   margin: 0;
   outline: 0;
}

h2#back a{
   color: #30F;
   font-weight: normal;
   font-size: 15px;
   float: left;
   text-decoration: underline;
   padding: 15px 0;
}

/* -----------------------------------------
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2008-08-14) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            760 px
   * Number of columns:     24
   * Column width:          24 px
   * Margin width:          8 px
  ======================================
   
*/

/* --- reset.css --- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --- typography.css --- */


body {font-size:75%;color:#222;background:#BFA09B;font-family:GillSans,Calibri,Trebuchet,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h2 {font-size:2em;margin-bottom:.75em;}
h3 {font-size:1.5em;font-weight:700;line-height:1;margin:.8em .5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

h5 {font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:700;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration:underline;}
a {color:#040;font-weight:700;text-decoration:none;}
blockquote {color:#666;font-style:italic;margin:1.5em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* --- grid.css --- */

.container {width:760px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:0em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 8px;}

div.last {margin-right:0;}

.span-1  { width: 24px;}
.span-2  { width: 56px;}
.span-3  { width: 88px;}
.span-4  { width: 120px;}
.span-5  { width: 152px;}
.span-6  { width: 184px;}
.span-7  { width: 216px;}
.span-8  { width: 248px;}
.span-9  { width: 280px;}
.span-10 { width: 312px;}
.span-11 { width: 344px;}
.span-12 { width: 376px;}
.span-13 { width: 408px;}
.span-14 { width: 440px;}
.span-15 { width: 472px;}
.span-16 { width: 504px;}
.span-17 { width: 536px;}
.span-18 { width: 568px;}
.span-19 { width: 600px;}
.span-20 { width: 632px;}
.span-21 { width: 664px;}
.span-22 { width: 696px;}
.span-23 { width: 728px;}
.span-24, div.span-24 { width: 760px; margin: 0; }

div.border{padding-right:3px;margin-right:4px;border-right:1px solid #eee;}
div.colborder { padding-right:21px;margin-right:20px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;
   width:100%;height:.1em;margin:0  0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* --- forms.css --- */

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}