/*  
Theme Name: Williamstown Youth Center v2.0
Description: The default theme created for Williamstown Youth Center
Version: 2.0
Orignal design: Berkshire Direct
Author: Brainspiral http://www.brainspiral.com
Last Changes: 3/23/09

*/

* {margin:0; padding:0} 
/* -------- Icon Code -------*/
a[href $='.pdf'] {
   padding-right: 25px;
   background: transparent url('images/pdficon_small.jpg') no-repeat center right;
}
a[href$=".xls"] {
background: transparent url('images/xlsicon_small.gif') no-repeat center right;
   padding-right: 25px;
}
a[href$=".doc"] {
background: transparent url('images/docicon_small.jpg') no-repeat center right;
   padding-right: 25px;
} 
body{
font-size: 62.5%; /* Resets 1em to 10px */
background:#fff;
font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
} 

#page{
width:813px;
background:#fff;
margin:auto;
font-size:1.1em;
border:1px solid #b0b1b0;
color:#4a4e50;
}
#header{
width:813px;
height:102px;
background: #000 url('images/logo.jpg') no-repeat;
} 




/************************************************
*	Navbar      								*
************************************************/

#navbar {
	
	width: 100%;
	height:214px;
	
	font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
	color: #FFFFFF;
	font-weight: 600;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
float:left;
width:229px;
height:214px;
background: #fff  url('images/nav.jpg') no-repeat;
}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	margin-left:33px;
	padding: 0px;
	width:188px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	display: block;
	font-weight: 600;
    margin: 0px;
	padding: 0px 0px 22px 0px;
	text-decoration: none;
	text-transform: uppercase;
	
	}

#nav li a:hover, #nav li a:active {
	
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 120px;
	background: #fff;
	color: #000;
	float: none;
	margin: 0px;
	font-size: 1.2em;
	padding: 0px 10px 7px 10px;
	border-bottom: 1px solid #af1100;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #fff;
	color: #af1100;
	
	padding: 0px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	margin: 0px;
	margin-top:-30px;
	margin-left:40px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 120px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 111px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
/************************************************/

.alignleft{
float:left;
}
.alignright{
float:right;
}
p{
padding-bottom:10px;
}
ol{
padding-left:45px;
}


#headerimg{  
float:right;
width:583px;
height:214px;
background: #000  url('images/kids.jpg') no-repeat;
}
.entry{
margin-top: 10px;
}
.entry ol li{
position:relative;
margin-left: 10px;
}
._entry{
margin-top: 10px;
}
._entry ol li{
position:relative;
margin-left: 10px;
}
#content img{
padding:3px;
margin:2px;
border:1px solid #af1100;
}
#wrap{
width:813px;
margin: auto;
}

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:0%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:75%;			/* width of the middle column */
		background:#fff;	left column background colour */
	}
	.threecol .col1 {
		width:67%;			/* width of center column content (column width minus padding on either side) */
		left:104%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:25%;			/* Width of left column content (column width minus padding on either side) */
		left:11%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:0%;			/* Width of right column content (column width minus padding on either side) */
		left:0%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

#bottom{clear:both;
min-height: 75px;
width:813px;
background: url('images/footer.jpg')no-repeat bottom center;
}
#sidebar{
width:151px;
margin:auto;
margin-top: 10px;
}
#sidebar ul li{
list-style:none;
margin:0;
margin-left:-20px;

padding:0;
}
#sidebar ul li ul li{
list-style:disc;
margin-left:20px;
}
.ec3_small_calendar{
border: 1px solid #ac0c00;
padding:3px;
background:#999800;
}
.ec3_small_calendar a{
color:#fff;
font-weight:600;
}
.navigation{
padding: 10px 10px 40px 10px;
}
.postmetadata {
border-top:1px solid #000;
}
#footer{
margin:auto;
min-height: 75px;
width:813px;

}