/*
Theme Name: Pacific Christian
Description: Custom Template for downstairsdesignstudio.com
Version: 1.0
Author: Downstairs Design
*/


/* reset the css rules */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
:focus {outline: 0;}

/* set up some pre-determined styles */
.clear {width: 100%; height: 1px; background: transparent; clear: both;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd {font-size: 9pt; line-height: 17pt; padding: 0 4px 5px; margin: 0;}
.wp-caption-text {font-size: 9pt; line-height: 17pt;}
.alignleft {float: left; border: 5px solid #fff; outline: 1px solid #ccc;}
.aligncenter {margin: 0 auto; clear: both; text-align: center; border: 5px solid #fff; outline: 1px solid #ccc;}
.alignright {float: right; border: 5px solid #fff; outline: 1px solid #ccc;}
.alignnone {border: 5px solid #fff; outline: 1px solid #ccc;}

.deskitem p .alignleft {border: 0; outline: 0;}

/* Begin page styling */
html {background: transparent url(images/html_bg.jpg) top left repeat;}
body {background: transparent url(images/body_bg.jpg) top left repeat-x; font: 11pt/19pt Trebuchet MS, sans-serif; color: #000000;}

a {color: #666; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}

h1 {color: #804c1b; font: 22pt/18pt Trebuchet MS, sans-serif;}
.post h1 {color: #804c1b; font: 22pt/18pt Trebuchet MS, sans-serif; padding-bottom: 10px;}
.post h1 a {color: #804c1b; font: 22pt/18pt Trebuchet MS, sans-serif;}
.post h1 a:hover {text-decoration: underline;}

h2 {color: #000; font: 22pt/18pt Trebuchet MS, sans-serif;}
h3 {color: #000; font: 14pt/19pt Trebuchet MS, sans-serif;}
h4 {color: #804c1b; font: 14pt/19pt Trebuchet MS, sans-serif;}
h5 {color: #707069; font: 11pt/16pt Trebuchet MS, sans-serif;}
p {color: #000; font: 11pt/19pt Trebuchet MS, sans-serif;}
caption {font: 10px/12px Trebuchet MS, sans-serif; font-style: italic;}
ul {padding-left: 11pt; margin-left: 0;}

.odd {background: #efeedf; padding: 8px 15px;}
.even {background: transparent; padding: 8px 15px;}


/* Header */
#header {background: transparent url(images/head_bg.jpg) top left no-repeat; height: 97px; width: 942px; margin: 0 auto;}
 a#headerlogin {color: #333; font-size: 12px; position: absolute; z-index: 5; top: 70px; left: 50%; margin-left: 385px; margin-top: 0px;}
 a#headerlogin:hover {text-decoration: underline;}
 #headerkids {width: 288px; height: 107px; position: absolute; z-index: 5; top: 0; left: 50%; margin-left: 100px;}

#wrapper {width: 950px; margin: 0 auto; background: transparent url(images/wrapper_bg.png) top left repeat-y;}


/* Navigation */
 #navcontainer {width: 942px; height: 40px; margin: 2px 0px 0px 4px; background: transparent url(images/navcontainer_bg.jpg) top left no-repeat;}
 #navcontainer ul {float: left; list-style: none; height: 33px; width: 933px; margin: 7px 0px 0px 4px; padding-left: 0;}
 #navcontainer ul li {float: left; height: 33px;}
  #b1 {width: 66px; background: url(images/headernav_bg.png) 0px 0px no-repeat;}
   #b1:hover {background-position: 0px -33px;}
  #b2 {width: 96px; background: url(images/headernav_bg.png) -66px 0px no-repeat;}
   #b2:hover {background-position: -66px -33px;}
  #b3 {width: 91px; background: url(images/headernav_bg.png) -162px 0px no-repeat;}
   #b3:hover {background-position: -162px -33px;}
  #b4 {width: 104px; background: url(images/headernav_bg.png) -253px 0px no-repeat;}
   #b4:hover {background-position: -253px -33px;}
  #b5 {width: 140px; background: url(images/headernav_bg.png) -357px 0px no-repeat;}
   #b5:hover {background-position: -357px -33px;}
  #b6 {width: 104px; background: url(images/headernav_bg.png) -497px 0px no-repeat;}
   #b6:hover {background-position: -497px -33px;}
  #b7 {width: 92px; background: url(images/headernav_bg.png) -601px 0px no-repeat;}
   #b7:hover {background-position: -601px -33px;}
  #navform {width: 239px;}
   #navform input {background: transparent; border: 0; margin: 0; padding: 0; outline: 0;}
   input#navsearch {height: 25px; width: 172px; float: left; background: url(images/headernav_bg.png) -694px 0px no-repeat; padding: 4px 0px 4px 4px;}
    #navsearch:hover {background-position: -694px -33px;}
   input#navsubmit {width: 63px; height: 33px; float: left; background: url(images/headernav_bg.png) -870px 0px no-repeat;}
    #navsubmit:hover {background-position: -870px -33px;}
 #navcontainer ul li a {float: left; width: 100%; height: 33px;}

 #navcontainer ul ul {width: 281px; margin-top: 32px; position: absolute; z-index: 3; margin-left: 0px; display: none;}
 #navcontainer ul ul li {width: 281px; float: left; background: transparent url(images/navsub_bg.png) top left repeat-y; border-bottom: 1px solid #000; padding: 4px 0 0 0;}
 #navcontainer ul ul li a {color: #fff; width: 250px; margin: 0px 0px 0px 10px; float: left; display: block; font-size: 12px; padding: 0px 0px 8px 12px;}
 #navcontainer ul ul li a:hover {background: url(images/navsubs_active.png) top left no-repeat;}

 #navcontainer ul ul li.navsubbots {width: 281px; float: left; background: transparent url(images/navsubbot.png) top left no-repeat; border-bottom: 0;} 


/* Page content */
#content {width: 942px; margin: 0px 0px 0px 4px; background: transparent url(images/content_bg.jpg) top left repeat-y;}
#content-inner {width: 100%; padding-bottom: 25px; background: transparent url(images/backpack.png) bottom right no-repeat;}
.twocolumn #content-inner, .threecolumn #content-inner {background: none;}

 #slideshow {float: left; width: 464px; height: 282px; position: relative; left: 4px; top: 4px; background: transparent url(images/slideshow_bg.png) top left no-repeat;}
 #slides {position: relative; left: 18px; top: 16px; width: 429px; height: 206px; overflow: hidden;}
 #slides a {display: block;}
 #ssanchors {position: relative; top: 30px; left: 20px; height: 22px;}
  #ssanchors a {height: 22px; padding: 0px 12px 0px 8px; color: #fff;}
  #ssanchors a.current {background: transparent url(images/ssanchors_bg.jpg) top left no-repeat;}
 
 #welcome {width: 450px; float: right; position: relative; top: 8px; left: -8px; color: #000509; font-size: 13px; line-height: 18px; text-align: justify;}
 #welcome h1 {color: #804c1b; padding-top: 8px; font: 22px/15px Trebuchet MS, sans-serif;}
 #welcome h2 {color: #804c1b; font: 22px/18px Trebuchet MS, sans-serif; padding: 4px 0px; font-style: italic;}
 #welcome p {padding-bottom: 12px; font: 11pt/14pt Trebuchet MS, sans-serif;}
 
 #apply {width: 212px; height: 193px; float: left; position: relative; left: 10px; top: 6px; background: transparent url(images/apply_bg.png) top left no-repeat;} 
 #apply a {padding: 0px 30px; position: relative; z-index: 10; left: 137px; top: 166px; }

#leftside {width: 209px; float: left; height: 100%; margin-left: 10px; padding-top: 10px;}
 #recentposts {width: 209px; height: 212px; background: transparent url(images/newsblock_bg.png) top left no-repeat; font: 11pt/12pt Trebuchet MS, sans-serif;}
 #recentposts h4 {display: none;}
 #recentposts ul {padding: 30px 0px 0px 25px; color: #fff; width: 181px;} 
 #frontblocks #recentposts ul {padding-left: 20px; color: #fff; width: 181px; margin-top: -5px;} 
 #recentposts ul .post-title {color: #fff;font: 11pt/10pt Trebuchet MS, sans-serif;}
 #recentposts ul .post-title:hover {text-decoration: underline;}
 #recentposts ul p {color: #000; font: 9pt/10pt Trebuchet MS, sans-serif;}
 #recentposts ul .post-date {font: 8pt/10pt Trebuchet MS, sans-serif;}
  #recentposts #seeallnews {position: absolute; z-index: 50; top: 331px; left: 50%; width: 63px; height: 16px; margin-left: -322px;}

 #eventsblock {width: 209px; height: 212px; background: transparent url(images/eventblock_bg.png) top left no-repeat; font: 11pt/12pt Trebuchet MS, sans-serif;}
 #eventsblock h4 {display: none;}
 #eventsblock ul {padding: 30px 0px 0px 25px; color: #804c1b; width: 181px;} 
 #frontblocks #eventsblock ul {padding-left: 20px; color: #804c1b; width: 181px; margin-top: -5px;} 
 #eventsblock ul .post-title {color: #804c1b;font: 11pt/10pt Trebuchet MS, sans-serif;}
 #eventsblock ul .post-title:hover {text-decoration: underline;}
 #eventsblock ul p {color: #000; font: 9pt/10pt Trebuchet MS, sans-serif;}
 #eventsblock ul .post-date {font: 8pt/10pt Trebuchet MS, sans-serif;}
  #eventsblock #seeallevents {position: absolute; z-index: 50; top: 550px; left: 50%; width: 63px; height: 16px; margin-left: -322px;}

.cat-post-item {margin-bottom: 4px;}

 #leftside #applybutton {width: 208px; height: 41px;}

 #frontblocks #recentposts, #frontblocks #eventsblock  {float: left;}
 #frontblocks ul {padding-top: 41px;}
 #frontblocks ul li {padding: 2px 0px;}
 #frontblocks #seeallevents {position: absolute; z-index: 50; top: 588px; left: 50%; width: 63px; height: 16px; margin-left: -98px;}
 #frontblocks #seeallnews {position: absolute; z-index: 50; top: 588px; left: 50%; width: 63px; height: 16px; margin-left: 118px; margin-top: 5px;}
 #frontblocks #recentposts {width: 220px; height: 193px; margin: 8px 0 0 15px; background: transparent url(images/front_newsblock_bg.png) top left no-repeat;}
 #frontblocks #eventsblock {width: 209px; height: 193px; margin: 8px 0 0 5px; background: transparent url(images/front_eventblock_bg.png) top left no-repeat;}

 #emailsignup {float: left; margin-left: 10px; margin-top: 5px;}
 #emailsignup #emailfield {width: 195px; height: 20px; background: transparent url(images/emailfield.jpg) top left no-repeat; color: #000; border: 0; outline: 0; margin-left: 2px; padding-left: 2px;}
 #emailsignup input.submit {float: left; width: 54px; height: 16px; background: transparent url(images/emailsubmit.jpg) top left no-repeat; border: 0; outline: 0; margin-top: 2px;}

#rightside {width: 685px; float: left; height: 100%; margin-left: 20px; padding-top: 10px;}
#calendar {margin-top: 30px; width: 685px; height: 485px; overflow: hidden;}
#callinks {text-align: center; padding: 6px 0px;}
#callinks a {display: inline-block; padding: 0px 8px;}
.threecolumn #rightside {width: 190px;}

#centercolumn {width: 495px; float: left; margin-left: 10px; padding-top: 10px;}
.threecolumnslide #centercolumn {width: 460px;}
.threecolumnslide #rightside {width: 210px;}
.threecolumnslide .post {width: 450px; float: left; margin-left: 15px; padding: 10px 0px;}

#desks .left {width: 50%; float: left;}
#desks .right {width: 50%; float: left;}
#desks .even {background: #e7e7d4; margin: 2px 0px;}
.deskitem h3 {color: #343434; font: 14pt/15pt Trebuchet MS, sans-serif;}
.deskitem .grade {color: #707069; font: 11pt/16pt Trebuchet MS, sans-serif; padding-top: 3px;}
.deskitem a {color: #466492; font: 9pt/9pt Trebuchet MS, sans-serif; text-decoration: underline;}
.deskitem a:hover {color: #707069;}
.deskitem .email {background: transparent url(images/emailteacher.png) left no-repeat; padding-left: 20px;}
.deskitem .gotodesk {background: transparent url(images/gotodesk.png) left no-repeat; padding-left: 20px;}
.deskitem .alignleft {padding: 2px;}
.deskitem p {margin: 0; padding: 6px 0px;}

.more-link {background: transparent url(images/readmore.png) left no-repeat; padding-left: 20px; float: right; color: #5f7a77; font: 9pt/9pt Trebuchet MS, sans-serif; text-decoration: underline;}
.more-link:hover {color: #707069;}

/* quicklinks */
#quicklinks {width: 947px; height: 91px; background: transparent url(images/quicklinks_bg.png) top left no-repeat; margin: -15px auto 0 auto; position: relative; left: 2px;}
 #quickstuff {padding: 45px 25px 0 0; text-align: right;}
 #quickstuff a {font-size: 11px; color: #424244; padding-right: 12px;}
 #quickstuff a:hover {text-decoration: underline;}


/* footer */
#footernavs {width: 942px; margin: 0 auto;}
 #footernavs div {float: left; font-size: 12px; line-height: 18px; margin-top: 8px; color: #a1a1a1;}
  #footdiv1 {width: 19%;}
  #footdiv2 {width: 14%;}
  #footdiv3 {width: 14%;}
  #footdiv4 {width: 18%;}
  #footdiv5 {width: 19%;}
  #footdiv6 {width: 16%;}
 #footernavs div h3 {color: #000616; font-size: 14px;}
 #footernavs div a {display: block; color: #a1a1a1; font-size: 12px; padding: 0px 0px;}
 #footernavs a:hover {color: #000616;}
 #footernavs a.socialicon {float: left; display: inline; padding: 0px 3px 0px 0px;}

#footercopy {width: 600px; margin: 0 auto; text-align: center; position: relative; top: -25px; left: 80px; color: #000; font-size: 13px; font-weight: bold;}
 #footercopy a {color: #000;}
 #footercopy a:hover {color: #000616; text-decoration: underline;}

.dlm_download_list li {list-style: none; margin-bottom: 5px; border-bottom: 1px solid #707069; padding: 5px;}
.dlm_download_list li img.alignleft {width: 80px; height: 80px; overflow: hidden; border: 2px solid #efefef; outline: 1px solid #707069; margin-right: 8px;}
.dlm_download_list li .deskitem h3, .dlm_download_list li .deskitem h5, .dlm_download_list li .deskitem p {padding: 5px;}