/*
Theme Name: 911 Custom
Theme URI: 
Description: carlos esparza's adaptation of joe greys layout into wordpress.
Version: 
Author: carlos esparza
Author URI: 
Tags: 

*/
/*-------------------- b a s i c s -------------------------*/


html, body { 
		margin: 0 0 0 0;
		padding:0;
		min-height:100%;
		width:100%;
		color: #333333;
		position:absolute;
		background:#666;
		font-family: verdana; font-size:11px;
	}
	
a{
text-decoration:none;
}

.call-out-lists a{
border:1px;
}

#tier-three-nav a{
text-decoration:none;
color:#000;
border-bottom:1px solid #00ffff;
}
	
#tier-three-nav a:hover{
color:#fff;
background:#00ffff;
}

.post a{
text-decoration:none;
color:#000;
border-bottom:1px solid #00ff00;
}

.post a:hover{
color:#fff;
background:#00ff00;
}
	
/*-------------------- h e a d e r  -------------------------*/

	
	#header{
	position:relative;
	top:0; left:0;
	height:159px;
	width:100%;
	z-index:10;
	}
	#logo{
	background:#ccc;
	width:180px;
	height:160px;
	position:absolute;
	left:0;
	right:0;
        z-index:1;
	} 
	#logo img{margin-top:-2px;}
	#top-nav{
	position:absolute;
	top:0;left:180px;
	width:650px;
	}
	#tier-one-nav{
	position:absolute;
	top:0;left:0px;
	height:160px;
	width:200px;
	background:#ddd;
z-index:3;
	}
	#tier-two-nav{
	position:absolute;
	top:0;left:200px;
	height:160px;
	width:200px;
	overflow:hidden;
	background:#fff;
z-index:2;
	}
	#tier-three-nav{
	position:absolute;
	top:0;left:400px;
	height:160px;
	width:250px;
	overflow:hidden;
	background:#fff;border-left:#ddd 1px solid;
z-index:2;
color:#86EFEF;
color:#666;
text-align:left;
text-indent:0px;
	}

#tier-three-nav p{
margin-top:-10px;
margin-left:19px;
}

#searchform{
position:absolute;
top:120px; left:20px;
}

input, textarea{
border:1px solid #666;
background:#eee;
font-family:verdana;
font-size:12px;
}
#header input{
width:130px;
}

input:focus{
border: 1px #ff00ff solid;
}

.post input.submit, .entry input.submit {border:none;}

#header .submit, .submit{
cursor:pointer;
background:#666;
color:#fff;
font-family:verdana;
font-size:12px;
width:60px;
text-transform:uppercase;
border:none;
}

#header .submit:hover, .submit:hover{
background:#ff00ff;
color:#fff6;
border:none;
}

	#constant-nav { 
	height:20px;
	width:830px;
	position:relative;
	top:0px;left:0px;
	background: url(http://64.13.248.105/images/bars.gif) no-repeat;
	text-align:right;
        z-index:3;
	}
	#constant-nav ul{
	width:830px;
	height:20px;
	text-align:right;
	}

#info{
background:#00FFFF;
width:830px;
z-index:1;	
}	
/*-------------------- n a v i g a t i o n a l   s t y l e -------------------------*/

	
#top-nav {font-family: verdana; width:201px; height:120px; font-size:11px; line-height:20px; text-indent:10px;}
#top-nav ul li a, #top-nav ul li a:visited {display:block; text-decoration:none; color:#333; width:200px; height:20px; text-align:left; line-height:20px; font-size:11px;}
#top-nav ul {position:relative; top:10px; padding:0; margin:0;list-style: none; }
#top-nav ul li {margin-right:1px; position:relative;}

#tier-three-nav ul li a, #tier-three-nav ul li a:visited {width:270px;}

#top-nav ul li a:hover {color:#2CCEEF; color:#00ffff;background:#fff;}

#constant-nav {top:1px; font-family: verdana; font-size:8px;}
#constant-nav ul li a, #constant-nav ul li a:visited {display:inline; text-decoration:none; color:#fff; height:14px; text-align:left; line-height:19px; font-size:10px;}
#constant-nav ul {padding:0; margin:0;list-style-type: none;}
#constant-nav ul li {float:right; margin-right:12px; position:relative;}
#constant-nav ul li a:hover {color:#FF00ff;background:#fff;}



/*-------------------- c o l u m n s  -------------------------*/
	
	
	#column3 {
    margin: 0;
    padding: 0;
    background-image: url(http://64.13.248.105/images/call-out-grey.gif);
    background-position: left;
    background-repeat: repeat-y;
    width: 100%;
	}	
	#column2 {
    margin: 0px;
    padding: 0px;
    background-image: url(http://64.13.248.105/images/content.gif);
	background-position:180px 0;
    background-repeat: repeat-y;
    width: 100%;
	}
	.clear {
    clear: both;
    display: block;





    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
	}
	#body{
	position:relative;
	top:0px;left:0;
	min-height:100%;width:100%;
	background:#666;
	z-index:4;
        width:830px;
	}
	#call-outs{
	position:relative;
	top:0;left:0;
	width:180px;
	min-height:100%;
	background:#ddd;
	float: left;
	}
	#call-outs div{
	padding:10px;
	padding-top:20px;
	color:#222;
	}
	#content{
	position:relative;
	top:0px;left:0px;
	width:650px;
	min-height:100%;
	background:#fff;
        float:left;
	}
	#content{
	min-height:100%;
	width:650px;
	padding:0px;
	text-align:justify;
	overflow:hidden;
	}

	.breadcrumb{
	color:#777;
	font-size:10px;
	padding:5px;
	margin-bottom: 30px;
	background: #E7E7E7;
	overflow:visible;
	}
	
	div.post{
	position:relative;
        width:545px;
	left:75px;
	}

	.breadcrumb a{
	color:#777;
	}

	.breadcrumb a:hover{
	color:#333;
	background:#DDD;
	}

/*-------------------- f o o t e r -------------------------*/


	#footer{
	position:relative;
	top:0px;left:0;
	height:65px;
	width:830px;
	background:#9F9F9F;
	}
	#footer img{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
	}


/*-------------------- c o n d i t i o n a l    n a v   d i s p l a y -------------------------*/

li.pagenav{list-type:none;}
#tier-two-nav li{display:none;}
#education #nav-education li{display:block;}
#programs #nav-programs li{display:block;}
#resources #nav-resources li{display:block;}
#gallery #nav-gallery li{display:block;}
#artists #nav-artists li{display:block;}
#get-involved #nav-get-involved li{display:block;}

img{
border:none;	
}

#top-nav h2{
display:none;
}

#top-nav li ul li ul{
display:none;
}

#top-nav li ul li:hover ul{
height:200px;
display:block;
position:absolute;
left:200px;
top:0px;
}

#top-nav li ul li:hover{
background:#fff;
}

.page-item-3, .page-item-704, .page-item-4, .page-item-10, .page-item-16, .page-item-17, .page-item-18, .page-item-57, .page-item-58{
display:none;
}

.page-item-27 li{
top:-20px;
}
.page-item-38 li{
top:-40px;
}
.page-item-45 li{
top:-60px;
}
.page-item-49 li{
top:-80px;
}
.page-item-60 li{
top:-100px;
}

.call-out-lists{
list-style:none;
padding:0;margin:0;
}

.call-out-lists h2{
font-weight: normal;
font-family: verdana;
text-transform: uppercase;
font-size: 14px;
color: #333;
background: #EEE;
width: auto;
height: auto;
margin: 0px -10px 0px -10px;
padding: 5px;

}

.call-out-lists li a{
color:#222;
border-bottom:1px #fff solid;
}

.call-out-lists li{
margin-bottom:10px;
}

.call-out-lists li a:hover{
color:#ffff00;
background:#fff;
}

#calendar{
position:relative;
left:-20px;
}

/*-------------------- c o n d i t i o n a l    n a v   d i s p l a y -------------------------*/

.addthis_toolbox {
margin: 3px 0px 0px 0px;
display: inline;
float: right;
white-space: nowrap;
width: 110px;
}

.post h1, .entry h1{
width:600px;
font-size:40px;
position:relative;
left:-40px;
font-family:helvetica,arial,univers;
color:#2CCEEF;
color:#00ffff;
}
.post h2, .entry h2{
width: 580px;
font-size: 22px;
position: relative;
left: -40px;
font-family: helvetica,arial,univers;
color: #333;
background: #FAFAFA;
margin: 0px;
padding: 10px;
}

.post h2 a, .entry h2 a{
	color: #333;
	text-decoration: none;
}

.post h2 a:visited, .entry h2 a:visited {
	color: #333;
	text-decoration: none;
}

.post h3, .entry h3{
margin:0px;
width:525px;
line-height:30px;
font-size:30px;
position:relative;
left:20px;
font-family:helvetica,arial,univers;
color:#000;
}
.post h4, .entry h4{
border-bottom:1px #666 solid;
position:relative;
left:-20px;
color:#666666;
font-weight:normal;
letter-spacing:2px;
font-size:30px;
padding:0px;margin:0px;
font-family:helvetica,arial,univers;
}
.post h5, .entry h5{
color:#000;
font-size:20px;
letter-spacing:2px;
padding:0px;margin:0px;
margin-bottom:-10px;
font-family:helvetica,arial,univers;
}

.entry p, .post p{
margin-bottom:10px;
text-align:left;
font-size:12px;
width:550px;
}

.post .entry li, ul{
list-style-type:circle;
}

#header ul, #header li{
list-style:none;
}

.post, .entry{
overflow:visible;
}

.newspost{
border-bottom:1px dashed #666;
margin: 0px 0px 50px 0px;
}

.post ul, .post ul p{
width:425px;
}


/*-------------------- h o m e  p a g e  b o x e s -------------------------*/


div.home-posts ul{
position:relative;
top:-25px;
left:10px;
z-index:1;
width:600px;
height:390px;
overflow:visible;
list-style:none;
display:block;
margin:0px;padding:0px;
}

div.home-posts ul li{
position:relative;
margin-left:20px;margin-bottom:20px;padding:0px;
width:180px;height:180px;
display:inline;
float:left;
}

div.home-box{
position:relative;
width:180px;
height:180px;
background:#fafafa;
border:#eaeaea 1px solid;
}

div.home-box h1, div.home-box{
width:180px;
}

div.home-box:hover{
background:#fff;
border:#00ffff solid 1px;
}



div.home-box h1 a{
position:relative;
color:#666;
border-bottom:2px solid #00ffff;
margin-left:00px;
font-size:30px;
top:-20px;
}

div.home-box h1 a:hover{
color:#fff;
background:#00FFFF;
}

div.home-box p{
margin-top:00px;
text-align:left;
margin-left:0px;
}

#silver{
height:25px;
width:830px;
background:url(http://64.13.248.105/images/27years.png);
}