/*
Theme Name: Cornerstone Youth Centre

Theme URI: http://www.vanquishmedia.ca

Description: 

Version:

Author: Vanquish Media

Author URI: http://www.vanquish.ca

Tags: 

*/

* {margin:0; padding:0;}
body {text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(./img/bodybg.gif) repeat-x;}

a img {border:0;}

#container1 {width:920px; background:url(./img/shadow1.gif) no-repeat; margin:0px auto; padding:0;}

#container2 {width:920px; background:url(./img/shadow2.gif) repeat-y; margin:0px auto; clear:both;}
#header {height:44px; background:url(./img/headerbg.jpg) no-repeat; margin:0 0 0 50px;}
#header ul { list-style-type:none; font-size:15px; float:right; margin:8px 20px 0 0;}
#header ul li {float:left;}
#header ul a {height:36px; line-height:36px; float:left; text-decoration:none; margin:0 3px 0 0 ; color:#213F75; padding:0 4px; -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px; background:url(./img/bg_menu.jpg) 0 -36px repeat-x; border:1px solid #A0A0A0; border-bottom:none; margin-top:-1px;}
#header ul li a:hover {background-position:0 0; color:#fff;}

#header ul li.current_page_item a {background-position:0 0; color:#fff;}

#splash {margin:0px auto; width:900px;}

#splash #logo {width:351px; height:267px; background:url(./img/logobg.jpg) no-repeat; float:left;}
#slideshow {position:relative;}
#slideshow {width:549px; height:267px; float:right; position:relative;}
#fader_frame {width:549px; height:267px; background:url(./img/fader_frame.png) no-repeat; position:absolute; z-index:50;}
#cross_slide { background:url(./slideshow/slide1.jpg) no-repeat; width:549px; height:267px; position:absolute; z-index:20;}

#content {text-align:left; float:right; width:900px; padding:0 10px 0 0;}

#leftcol {width:520px; float:left; padding:0 0 0 40px;}

#rightcol {width:315px; float:right;}

#content .newsbox {width:520px; margin:0 0 10px 0;}

.newsboxheader {background:url(./img/cboxheader.jpg) no-repeat; width:520px; height:70px;}

.newsboxheader h1 {padding:27px 0 0 20px; float:left; font-weight:100; font-size:30px;}

.newsboxheader h1 a {text-decoration:none; color:#385c85;}

#content .newsbox .newsboxheader p.date {background:url(./img/datebg.gif) repeat-x; width:52px; height:62px; font-family:"Times New Roman", Times, serif; font-size:12px; text-align:center; color:#385c85; font-weight:bold; float:right; margin:12px 8px 0 0;}

#content .newsbox .newsboxheader p.date span {font-size:23px; font-weight:100; line-height:30px;}

#content .newsbox .newsboxcontent {background:url(./img/cboxbg.gif); font-family:"Times New Roman", Times, serif;  margin:-4px 0 0 0;}

#content .newsbox .newsboxcontent p {padding:15px 15px 0 20px; font-size:14px;}

#content .newsbox .newsboxcontent .newsfooter {background:url(./img/cboxfooter.jpg); color:#25476f; font-size:12px; height:27px; margin:15px 0 0 0; padding:0 0 0 20px; font-weight:100;}

#content .newsbox .newsboxcontent .newsfooter a {color:#25476f;}


#rightcol #missionstatement {background:url(./img/missionstatement.gif) no-repeat; width:315px; height:119px; margin:15px 0 0 0; color:#385c85; padding:8px 0 0 0;}

#rightcol #missionstatement h3 {font-weight:100; font-size:23px; margin:0 0 0 34px;}

#rightcol #missionstatement p {font-style:italic; font-size:15px; margin:4px 0 0 34px; line-height:18px;}

#rightcol h2 {text-decoration:underline; color:#385c85; font-weight:100; font-size:28px; text-align:center;}

#rightcol table {width:223px; font-style:italic; font-size:14px; margin:10px 40px 14px 12px; float:right; color:#385c85;}

#rightcol table tr td {padding:0 5px 0 5px;}

#rightcol table tr .left {text-align:right;}

#rightcol table tr.shadow {background:url(./img/smallshadow.jpg) 0 6px no-repeat; text-align:center;}

#rightcol table tr.shadow td {padding:15px 0 0 0;}

.entry {width:660px; float:left; margin:0 0 0 20px; font-family:Arial, Helvetica, sans-serif;}

.entry .newsboxheader {margin:0 0 15px 0;}

.entry  h4 {margin:0 0 10px 0;}

.entry a {color:#213F75;}

.entry #entrycontent {font-size:14px; margin:0 0 15px 10px;}

.entry #entrycontent p {margin:0 0 12px 0;}

.post-title {color:#385c85; padding:0 0 4px 0; width:520px; border-bottom:2px solid #ddd; margin:0 0 20px 0;}

#botshadow {background:url(./img/botshadow.gif) no-repeat; width:920px; height:18px; margin-top:-10px; clear:both;}

#footer {background:url(./img/footerbg.gif) no-repeat; width:920px; height:48px; margin:5px auto 10px auto; color:#565656; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;}

#footer a {text-decoration:none; color:#565656; text-transform:uppercase;}

#footer a:hover {text-decoration:underline;}

#footer #botmenu {float:right; margin:11px 30px 0 0;}

#botmenu {list-style:none; font-size:12px;}
#botmenu li {display:inline; border-right:1px solid #565656; padding:0 5px 0 0;}
#botmenu li:last-child {border:none;}

#footer #copyright {float:left; margin:10px 0 0 25px;}

.clr {clear:both;}

/* staff & board list
----------------------------- */

ul#staff {
list-style-type:none;
margin:20px 0 0 0;
padding:0;
}

ul#staff li {
float:left;
clear:left;
width:610px;
margin:0 0 30px 0;
padding:10px 0 8px 8px;
}

ul#staff p {
margin:0;
}

ul#staff p.staff_member_img {
float:left;
margin:0 12px 0 0;
padding:0;
display:block;
border:3px double #aaa;
font-size:0;
}

ul#staff p.staff_member_name {
font-weight:bold;
font-size:16px;
border-bottom:1px dashed #ccc;
display:inline;
margin:0 0 8px 0;
padding:0 0 5px 0;
}

ul#staff p.staff_member_bio {
float:left;
margin:20px 0 0 0;
width:425px;
}

/* end - staff & board list
----------------------------- */

/* youth
----------------------------- */

ul#youth {
list-style-type:square;
padding:0 0 0 20px;
}

ul#youth li {
line-height:17px;
margin:0 0 20px 0;
}

/* end - youth
----------------------------- */

/* volunteers
----------------------------- */

ul#volunteers {
list-style-type:none;
}

ul#volunteers li {
clear:left;
mrgin:0 0 20px 0;
}

ul#volunteers li img {
float:left;
margin:0 20px 35px 0;
border:3px double #aaa;
}

ul#volunteers p {
margin:0;
}

/* end - volunteers
----------------------------- */

/* how can you help
----------------------------- */


/* end - how can you help
----------------------------- */

/* programs
----------------------------- */

ul#programs {
float:left;
list-style-type:none;
}

ul#programs li {
margin:10px 0 0 0;
padding:8px 15px 5px 20px;
width:750px;
float:left;
clear:left;
border:1px solid #ddd;
}

ul#programs li.alt_row {
background-color:#f5f5f5;
}

ul#programs li img {
float:left;
padding:5px 0 0 0;
}

ul#programs li h3 {
margin:0 0 10px 0;
}

ul#programs li p {
margin:0;
padding:0;
width:350px;
min-height:5em;
float:left;
}

/* end - programs
----------------------------- */

/* conatc us
----------------------------- */

div#contact_us {
margin:0 0 0 20px;
}

div#contact_us p {
margin:15px 0;
}

div#contact_us a {
text-decoration:none;
padding:0 0 1px 0;
color:#4F789F;
border-bottom:1px solid #4F789F;
}

div#contact_us a:hover {
border:none;
}

/* end - contac us
----------------------------- */

/* side bar
----------------------------- */

#sidemenu {float:right; width:150px; margin:50px 10px 0 0; border:1px solid #ccc;}

#sidemenu h2 {margin:5px 5px 10px 5px; padding:0 0 0 10px; border-bottom:1px solid #ccc;}

#sidemenu ul {list-style-type:none;}

div#sidemenu ul li {
margin:0 5px 4px 5px;
float:left;
display:block;
width:95%;
}

div#sidemenu a {
color:#385c85; text-decoration:none;
}

div#sidemenu ul li a {
padding:10px 5px 7px 10px;
display:block;
}

div#sidemenu ul li a:hover {
background-image:url(img/sidebar_link.jpg);
background-repeat:repeat-x;
border-left:5px solid #213f75;
padding-left:5px;
}

div#sidemenu ul li.current_page_item a {
background-image:url(img/sidebar_link.jpg);
background-repeat:repeat-x;
border-left:5px solid #213f75;
padding-left:5px;
}

/* end - side bar
----------------------------- */