/*
Theme Name: YouthInBC
Theme URI: 
Description: Theme for youthinbc.com
Version: 1.0
Author: Tzaddi Gordon of Bluelime Media
Author URI: http://bluelimemedia.com
Latest updated: September, 2007
Thanks and greetings: Andreas Viklund, who makes nice clean themes for WP newbies to learn from
*/


p, ul, ol, h1, h2, h3, h4, h5, h6, img, dt, dd {margin:0;padding:0;border:0;}

body {
	border-top:3px solid #9FCF67;
	margin:0px auto;  
    text-align:center;
	padding:0px; 
	font: 76.1%  verdana, tahoma, lucida, arial,sans-serif; 
	color:#2F2F2F; 
	background:#2F2F2F url(images/bg.gif) top center repeat-y;
}
h1, h2, h3, h4, h5, h6, h2 a{font-family: georgia, serif;color:#93BF61;}

#wrapper {
	position:relative;
	width:883px;
	margin:0px auto 0px auto;
}
/*---- Header Area --------------------------------*/
#buttons{
	z-index:100;
	position:fixed;
	top:0;
	border-top:3px solid #9FCF67;
	margin:0 656px 0 0;
	width:227px;
	
}
#header{
    width:100%;	
    margin:0px auto;
    height:185px;
	padding-top:30px;
    background: url(images/home/top.gif) bottom center no-repeat;
}
#logo a{

    height:155px;
    width:207px;
    position:absolute;
    left:20px;
    top:0px;
    z-index:300;
    }

#contactnumbers a{color:#9FCF67;text-decoration:underline;}
#contactnumbers{color:#9FCF67;float:right;width:250px;text-align:left;line-height:1.6em;font-weight:bold;}

/*---- General Fonts and links --------------------------------*/
h2{margin:0 0 5px 0;font-size:1.25em;font-weight:bolder;}
a{ color:#93BF61; text-decoration:underline;}
#content a:hover, #sidebar1 a:hover, #sidebar2 a:hover, #footer a:hover {color:#C34101;}    


/*---- Main Content Area --------------------------------*/

#content{
    background: url(images/home/bgcontent.gif) top center repeat-y;    
	text-align:center;
	padding:20px 0 0 0;}

#col1, #col2, #col3, #col4 {float:left;width:190px;padding:0 15px 20px 0;text-align:center;}
#col1{background:url(images/home/art1.jpg) top left no-repeat;margin-left:30px;}
#col2{background:url(images/home/art2.jpg) top left no-repeat;}
#col3{background:url(images/home/art3.jpg) top left no-repeat;}
#col4{background:url(images/home/art4.jpg) top left no-repeat;}



#contentbottom{height:630px;/*without a height, IE6 wasn't pushing the bg to the bottom*/
    background: url(images/home/bgbottom.gif) bottom center no-repeat;}

#content p, #content ul li, #content h3{margin:1em 0;line-height:1.5em;font:bold 14px verdana, tahoma, lucida, arial,sans-serif; }
#content ul li{list-style:none;line-height:1.3em;}
#content h3{font-weight:bold;color:#2F2F2F;}
#col2 ul li{text-align:left;padding-left:15px;}
#col1 h2 a, #col2 h2 a, #col3 h2 a, #col4 h2 a{
	display:block;
	width:190px;
	height:267px;
}

/*---- Footer --------------------------------*/
#footer{	position:relative;
	width:800px;
	margin:0 auto 0px auto;
    clear:both;
}
#footer p{line-height:1.6em;margin:12px 0;padding:0 40px;}
#footer p, #footer ul, #footer a{font-size:.9em;font-weight:normal;color:#9FCF67;}
#footer ul{padding-top:35px;}
#footer ul li{display:inline;padding:0 20px;}
#footer #numbersleft{float:left;width:250px;padding:0 0 20px 70px;}
#footer #numbersright a{padding:0;}
#footer #numbersright{float:right;width:250px;padding:0 70px 20px 0;}


/* Forms */
#searchform{margin-top:8px;width:205px;}
#s,#submit, #searchsubmit{background-color:#2F2F2F;border:1px solid #93BF61;font-size:0.9em;color: #EEE;font-weight:bold;}
#searchsubmit{padding:3px 5px;display:inline;float:right;}
#s{padding:4px;width:120px;}
#submit{padding:4px 30px;}



.hide {display:none;}