/*
Theme Name: YouthOverViolence
Theme URI: http://youthoverviolence.org/
Description: WP template for Youth over Violence compaign
Author: Ben Brown and Jesse Keyes
Author URI: http://xoxco.com and http://www.jessekeyes.com

*/



body {
	font-family: helvetica, verdana, sans-serif;
	background: #fff;
	font-size: 10pt;

}

#wrap {
	margin: 0 auto 0 auto;
	width: 900px;
	background: #fff;
}


a { text-decoration: none; color: #FFB90F; }

a:hover {text-decoration: underline;} 

h1.blog-title {display: none;}


h3 {
	padding: 5px 0;
	margin-top: 0;
}

#widecontent h3 {
	padding: 5px;
	margin-top: 0;
	
}
/******************************* education stuff ********************************/
	#hotline_info { border: 1px solid #F00; padding: 10px; } 
	#self_defense_classes { width: 250px; height: 280px; background: #fff204; margin-top: -1px; padding-top: 5px;  }
	#self_defense_testimonial { width: 250px; background: #FFFAA7;padding-top: 5px; }

/******************************* video stuff ********************************/

	#video_player { height: 300px; overflow: hidden; margin-bottom: 20px; }
	#video { float: left; width: 400px; height: 300px;  margin-bottom: 20px; } 
	#video_description{ width: 250px; height: 300px; background: #fff204; color: #333; float: right;  }
	#video_description h3 { padding: 10px;  }


/******************************* class page stuff ********************************/


	#board_nav { position: relative; top: -31px; left: 0px; }
	
	
	.class_widget { margin-bottom: 20px; }
	.class_widget h3 { background: #FFB90F; text-align: center; width: 200px; padding-top: 10px; padding-bottom: 10px; color: #FFF;  margin: 0px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
	.widget_box { border: 3px solid #666; padding: 10px; }
	.widget_link { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dashed #ccc; }
	.widget_link a:hover {color: #000;}
	
	#class_nav { height: 300px;  }
	#class_nav a { display: block; font-size: 15px; padding-left: 30px; text-decoration: none; text-transform: uppercase; color: #666;}
	#class_nav a:hover {  color: #FFF;}
	
	a.classhome { background: #8ED8F8;  padding-top: 30px; padding-bottom: 29px;}
	a.classresources { background: #FFF204; padding-top: 25px; padding-bottom: 19px; } 
	a.classabout { background: #FFB90F;  padding-top: 30px; padding-bottom: 29px;}
	a.classart {background: #FFFAA7; padding-top: 30px; padding-bottom: 29px; }
	
	.class_schedule { background: #FFEDBD; padding: 10px; }
	.program_class {background: #FFF; padding: 10px; margin-bottom: 20px;}
	.program_class:hover { background: #50C0F4; }
	.program_class .class_photo { float: left; margin-right: 50px;  }
	

	#activities_top_block { height: 300px; width: 650px; overflow: hidden; margin-bottom: 20px; }
	#activities_top_block #activities_top_blurb { background: #fff204; color: #000; width: 250px; float: right; font-size: 12px; min-height: 300px;}
	#activities_top_block #activities_top_blurb p { padding: 0px; margin: 10px; margin-bottom: 0px; }
	#activities_top_block #activities_top_blurb a {color: #000;} 

	.activity { margin-left: 10px; } 
	.activity h3 { color: #FFB90F;  }

/******************************* homepage stuff ********************************/


	div#survey { margin-top: 20px; margin-right: 10px; padding: 10px; background: #FFFF99; }
	div#survey div.xoxco_promo_spot { margin: 0px; min-height: 50px; padding: 0px; } 
	#homepage_top_block { height: 300px; width: 650px; overflow: hidden; margin-bottom: 20px; }
	#flash_replace { width: 400px; height: 300px; overflow: hidden; }
	#homepage_top_blurb { background: #FFB90F; color: #FFF; width: 250px; float: right; font-size: 12px; min-height: 300px;}
	#homepage_top_block #homepage_top_blurb p { padding: 0px; margin: 10px; margin-bottom: 0px; } 
	#homepage_top_blurb a { color: #FFF; font-weight: bold; text-decoration: underline; } 
	.homepage_pod { width: 300px; border: 1px solid #CCC; -moz-border-radius: 12px;-webkit-border-radius: 12px;  margin-bottom: 20px; }
	.homepage_pod h3 { margin: 0px; background: #CCC; color: #666; padding: 5px; text-transform: uppercase; margin-bottom: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }


	#left_half { width: 350px; float: left; }
	#right_half { width: 350px; margin-left: 350px; }
	
/* generic left and right floats for sidebars etc */	
	
 	div.left {
		float: left;
		width: 40%;
		margin: 0 0 5px 5px;
	}
	
	div.right {
		float: right;
		width: 40%;
		margin: 0 5px 5px 0;
	}
	
	
	.homepage_pod #subhead {
		color: #FFB90F;
		text-align: center;
		margin: 0 auto 10px;
	}
/* homepage left and right floats */	
	.homepage_pod div.left {
		float: left;
		width: 95px;
		margin: 0 0 10px 30px;
	}
	
	.homepage_pod div.right {
		float: right;
		width: 35%;
		margin: 0 30px 10px 15px;
	}
	

	
	
	
/******************************* news stuff ********************************/

	
	#news_archive a { font-size: 12px; color: #CCC; display: block; padding: 5px 10px; margin: 0;} 
	#news_archive a:hover {background: #ccc; color: #fff;}
	#news_archive h3 { paddding: 0px; margin: 0px; font-size: 12px; } 
	#news_archive h3 a { color: #AAA; } 

	#news_archive p {font-size: 12px; margin: 2px 0; } 
	
/******************************* header stuff ********************************/

#header { 
	width: 900px;
}

#main-title {
	background: #50C0F4 URL('images/YOV_logo.png') no-repeat /* old color #C6ECFB */;
	width: 100%;
	height: 175px;
}

#main-title a {
	border: none;
	text-decoration: none;
}


li#search  form{
	float: right;
	margin: -15px 5px 0 0;
}






.search-text {
	width: 150px;
	overflow: visible;
}

.pov, .project_of {
	border: none;
	float: right;
}

/* menu stuff top */

#menu {
	width:900px;
	margin: 7px auto;
	height: 22px;
}

#menu ul {
	margin: 2px 0px 0 -40px;
	white-space: nowrap;
}

#menu li {
	list-style-type: none;
	display: inline;
	margin-right: -3px;
}

#menu li a {	
	background: #FFB90F;
	padding: 5px 40px 5px 10px;
	font-size: 10pt;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#menu li a:hover {
	background: #ccc;
	}
	
#menu li a.home {
	background: #fff;
	color: #FFB90F;
	border: solid 1px #DADADB;
	padding: 4px 40px 4px 10px;
}

#menu li a.selected {
	background: #fff;
	color: #7E8083;
	}
	
#menu li.current_page_item a {
	background: #fff;
	color: #000;
	border: solid 1px #DADADB;	
	border-bottom: solid 5px #6B6C70;
}

	
/* bread crumbs */

.crumbs {
	color: #FF8A00;
	font-size: 20pt;
	text-transform: uppercase;
	padding: 10px 5px;
}

.crumbs a {
	color: #FF8A00;
	text-decoration: none;
}

.crumbs a:hover {
	color: #ccc;
	text-decoration: none;
}


span.breadcrumb_0 a { color: #e18323; }
span.breadcrumb_1 a { color: #ecae61; }
span.breadcrumb_2 a { color: #f3c88a; }

/******************** sidebar 1 (left) **********************/

#sidebar1 {
	width: 250px;
	float: left;
} 

#sidebar1 li {
	list-style-type: none; /* hides empty li */
	}
	

#sidebar1 ul{
	background: #A3A4A8;
	padding: 0 10px;
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	list-style-type: none;
	margin-top: 0;
	min-height: 300px;
}

#sidebar1 ul.widget {
	background: none;
	min-height: 10px;
	}

#sidebar1 #submenu li.current {
	margin: 0 0 0px 0px;
	background: #fff;
	}


#sidebar1 #submenu li a,  ul.wp-tag-cloud li a, #sidebar1 li.page_item a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 0 0px -10px;
	width: 230px;
	display: block;
	border-bottom: 1px dashed white;
	font-size: 10pt !important;
}
#sidebar1 #submenu li a:hover,  ul.wp-tag-cloud li a:hover, #sidebar1 li.page_item a:hover {
	color: #B2B3B7;
	background: #D4D5D7;
	font-size: 10pt;
}





/* subsubmenu styles */


#submenu ul.children {
	margin: 0 0 0 30px;
}

#submenu li.currentmenu, #sidebar1 li.current_page_item  {
	background: #D4D5D7 url('images/arrow2.png') no-repeat;
	color: #7F8083 !important;
	margin: 0 -10px !important;
	padding: 10px 0 3px 10px !important;
	border: none !important;
}


	

li.currentmenu a, #sidebar1 li.current_page_item a  {
	color: #7F8083 !important;
	padding: 0px 0 0px 10px !important;
	margin: 0 -10px !important;
	border-bottom: none !important;
}

li.currentmenu a:hover { 
	background: url('images/transparent.png') no-repeat !important;

}



#submenu li.currentmenu ul.children {
	margin: 3px 0 0 0px;
	padding: 0 0 5px 10px;
	background: #D4D5D7;	
	min-height: 10px;
}


#submenu li.currentmenu ul.children li {
	background: #D4D5D7 url('images/dot.png') no-repeat center left;
	color: #7F8083 !important;
	text-transform: none;
	padding: 5px 0 0 8px  !important;
	border: none;
	}


#submenu li.currentmenu ul.children a {
	background: #D4D5D7 !important;
	color: #7F8083 !important;
	text-decoration: none;
	text-transform: none;
	background-image: none;
	width: 100px !important;
	border: none !important;
}


#submenu li.currentmenu ul.children a:hover {
	text-decoration: underline !important;
	background-image: none !important;

}

#submenu li.currentmenu ul.children ul.children { /* hides the sub sub cats cuz the plugin doesn't */
	display:none;
}




/* red and white blocks */

.red-block {
	background: #f00;
	color: #fff;
	font-size: 8pt;
	text-transform: uppercase;
}

.red-block h3, .white-block h3 {
	font-size: 9pt;
}

.white-block {
	background: #fff;
	color: #f00;
	font-size: 8pt;
	text-transform: uppercase;
}



/******************** sidebar 2 (right) **********************/

#sidebar2 {
	width: 250px;
	float: right;
}


#sidebar2 div#orange_box {background: #FFB90F; /* FFB90F */
	min-height: 300px;
	padding: 0px 10px; }


#sidebar2 div#orange_box a { color: #FFF; } 


/******************** main content **********************/

h3.post_title { font-size: 12px; color: #FFB90F; text-transform: uppercase; margin: 5px; padding: 0px; margin-bottom: 10px;  }

h3.post_title-no {display: none;}

h3.page_title { font-size: 14px; color: #FFB90F; font-weight: bold; text-transform: uppercase; margin: 5px; padding: 0px; margin-bottom: 10px;  }

div.cat-sub { padding: 10px; } 

#content {
	width: 390px;
	float: left;
	padding: 0 5px;
	font-size: 13px; color: #333; line-height: 125%;
}

#content-forum {
	width: 625px;
	float: left;
	padding: 0 5px;
	font-size: 13px; color: #333; line-height: 125%;
	margin-top: 20px;
}

.navigation {
	padding: 0 5px;
	font-size: 14px; 
}

#widecontent {
	width: 650px;
	float: left;
	font-size: 13px; color: #333; line-height: 125%;
}

#widecontent li {
	margin: 12px 0;
	}



#widecontent p, #content p, h2, small{
	padding: 0 5px;
}




div#post-title { }

div#floating-picture { position: relative; top: -38px; z-index: 1; }
div#floating-post-title { float: left; position: relative;  z-index: 2; top: 0px; left: 0px; width: 390px; background: #000;  	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);}
	
div#post-title h2, div#floating-post-title h2 { color: #FFF; font-size: 18px;  padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }

div.entry { } 
div.news_entry { padding-left: 10px; } 


p.highlight { color: #FFB90F; }



/*********************** links ***********************/

#ddmcl_container {
	margin: 0 0 0 10px;
}


.ddmcl {
	width: 195px;
	float: left;
	padding-right: 15px;
}

.ddmcl ul {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

.ddmcl li {
	margin: 0 0 2px 0;
	padding: 0;
}

.ddmcl p.sep {
	font-size: 1.2em;
	color: #808080;
	font-weight: bold;
}

.ddmcl p.sep:hover {
	cursor: pointer;
}

/*********************** footer ***********************/

#footer {
	width: 900px;
	color: #333;
	font-size: 8pt;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px #ccc solid;
	}
	
#footer a {
	color: #333;
}

#footer a:hover {
	text-decoration: underline;
	}
	
	
/********************* safari hackas *******************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */


	li#search form  {margin-top: 0px;}
	
	#sidebar1 ul, #sidebar2 div#orange_box, #homepage_top_blurb { min-height: 300px;}
	
	div#forum_homepage_map { height: 300px;}


}

span.xoxco_edit_link { font-size: 10px; } 
span.xoxco_edit_link a:hover { background: #F00; color: #FFF; }

#featured_digital_story img.xoxco_img { float: left; } 

div#two_photo_header { margin-bottom: 20px; }

div#xoxco_admin_edit { font-size: 16px; color: #666; border-top: 5px solid #CCC; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; padding-left: 10px;  background: #F0F0F0; line-height: 150%; }
.xoxco_photo_gallery_album { width: 305px; padding: 10px; float: left; padding-bottom: 10px;  border-bottom: 1px dashed #CCC;  }
.xoxco_photo_gallery_album:hover { background:#F0F0F0; }
.xoxco_photo_gallery_album img.xoxco_img  { float: left; border: 0px; max-height: 200px; overflow: hidden;}
.xoxco_photo_gallery_album_title { display: block; text-transform: uppercase; margin-bottom: 10px; } 
.xoxco_photo_gallery_album_count { display: block; width: 45px; margin-top: 160px; margin-left: 10px; float: left;} 

/******** gallery ************************/
div#gallery_homepage_map { height: 300px; width: 100%; background: #ccc url(/images/gallery/gallery_background.jpg); } 
div#gallery_homepage_map span a { border-right: 1px dashed #FFF; border-bottom: 1px dashed #FFF; display: block; float: left;
	font-size: 20px;
	text-transform: uppercase;
	width: 246px; 
	height: 104px;
	display: block;
	padding: 45px 0 0 78px;
	}
div#gallery_homepage_map a { 
	color: #fff;
	text-decoration: none;
	}
	
div#gallery_homepage_map span#pictures a {
background: no-repeat url(/images/gallery/pictures.png);
}
div#gallery_homepage_map span#pictures a:hover {
background:  no-repeat url(/images/gallery/pictures-hover.png);
}

div#gallery_homepage_map span#videos a {
background: no-repeat url(/images/gallery/videos.png);
border-right: none;
}
div#gallery_homepage_map span#videos a:hover {
background:  no-repeat url(/images/gallery/videos-hover.png);
}

div#gallery_homepage_map span#poetry a {
background: no-repeat url(/images/gallery/poetry.png);
border-bottom: none;
}
div#gallery_homepage_map span#poetry a:hover {
background:  no-repeat url(/images/gallery/poetry-hover.png);
}

div#gallery_homepage_map span#art a {
background: no-repeat url(/images/gallery/art.png);
border-right: none;
border-bottom: none;
}
div#gallery_homepage_map span#art a:hover {
background:  no-repeat url(/images/gallery/art-hover.png);
}


.xoxco_gallery_img {  width: 305px; float: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #CCC; margin-left: 20px; }
.xoxco_gallery_img_title { display: block; margin-bottom: 10px; }


.xoxco_photo_category_summary {  padding-bottom: 10px; margin: 0 20px 10px 20px; border-bottom: 1px dashed #CCC;  }
.xoxco_photo_category_summary img.xoxco_img { float: left; border: 0px; max-height: 200px; overflow: hidden;}
.xoxco_photo_category_summary_title { display: block; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; font-size: 18px; } 
.xoxco_photo_category_summary_title a { color: #666;  } 
.xoxco_photo_category_summary_title img { margin-right: 10px; } 
.xoxco_photo_category_summary_count { display: block; width: 45px; margin-top: 160px; margin-left: 10px; float: left;} 



.program_class .xoxco_photo_category_summary { padding: 0px; margin: 0px; border: 0px;  margin-left: 20px; width: 100px; float: left;   }
.program_class .xoxco_photo_category_summary_count { display: inline; width: auto; height: auto; float: none; margin: 0px; padding: 0px; } 
.program_class .clearer { clear: none; }  
.program_class:hover a { color: #FFF; } 

.highlighted { color: #FF8A00; }
.featured_item,.news_item { height: 50px; margin: 5px 10px 5px 10px } 
.featured_item, { border-bottom: 1px dashed #ccc; } 
.featured_item a img,.news_item a img { float: left; margin-right: 5px; border: 3px solid transparent;}

.featured_item a:hover img, .news_item a:hover img { border: 3px solid #ccc;}

div#homepage_sidebar { background: #FEE8CC; padding: 10px; font-size: 13px; line-height: 125%;}
div#homepage_sidebar h3 { color: #FF8A00; font-weight: bold; font-size: 13px; padding: 0px; margin: 0px; margin-bottom: 10px; } 
div#homepage_sidebar a { text-decoration: none; } 

a.morelink { float: right; text-decoration: none;} 

div#featured_digital_story { margin-bottom: 30px; }
div#featured_digital_story a img { float: left; margin-right: 10px; border: 3px solid transparent; } 
div#featured_digital_story a:hover img {  border: 3px solid #ccc; } 

div#featured_forms { margin-bottom: 30px; } 
div#homepage_sidebar div.xoxco_promo_spot { padding: 0px; border: 0px; margin: 0px;}

/*********************** XOXCO Plugins ***********************/

div#forum_archive{ text-align: right; margin-right: 10px; } 
div#forum_archive p a { font-size: 11px; } 


/******** forum tags ************************/
div#forum_homepage_map { height: 300px; width: 100%; background: #ccc url(/images/forums/forum_background.jpg); } 
div#forum_homepage_map span a { border-right: 1px dashed #FFF; border-bottom: 1px dashed #FFF; display: block; float: left;
	font-size: 20px;
	text-transform: uppercase;
	width: 246px; 
	height: 44px;display: block;
	padding: 30px 0 0 78px;
	}
div#forum_homepage_map a { 
	color: #fff;
	text-decoration: none;
	}
	
div#forum_homepage_map span#culture a {
background: no-repeat url(/images/gallery/culture.png);
border-right: none;
}
div#forum_homepage_map span#culture a:hover {
background:  no-repeat url(/images/gallery/culture-hover.png);
}

div#forum_homepage_map span#health a {
background: no-repeat url(/images/gallery/health.png);
border-bottom: none;
}
div#forum_homepage_map span#health a:hover {
background:  no-repeat url(/images/gallery/health-hover.png);
}

div#forum_homepage_map span#policy a {
background: no-repeat url(/images/gallery/policy.png);
border-bottom: none;
border-right: none;
}
div#forum_homepage_map span#policy a:hover {
background:  no-repeat url(/images/gallery/policy-hover.png);
}

div#forum_homepage_map span#violence a {
background: no-repeat url(/images/gallery/violence.png);
border-right: none;
}
div#forum_homepage_map span#violence a:hover {
background:  no-repeat url(/images/gallery/violence-hover.png);
}

div#forum_homepage_map span#sexuality a {
background: no-repeat url(/images/gallery/sexuality.png);
}
div#forum_homepage_map span#sexuality a:hover {
background:  no-repeat url(/images/gallery/sexuality-hover.png);
}

div#forum_homepage_map span#relationships a {
background: no-repeat url(/images/gallery/relationships.png);
}
div#forum_homepage_map span#relationships a:hover {
background:  no-repeat url(/images/gallery/relationships-hover.png);
}

div#forum_homepage_map span#family a {
background: no-repeat url(/images/gallery/family.png);
}
div#forum_homepage_map span#family a:hover {
background:  no-repeat url(/images/gallery/family-hover.png);
}

div#forum_homepage_map span#school a {
background: no-repeat url(/images/gallery/school.png);
border-right: none;
}
div#forum_homepage_map span#school a:hover {
background:  no-repeat url(/images/gallery/school-hover.png);
}


	
#forum_tag_icon {
	margin: -20px 0 -20px 10px;
}
div#forum_images { margin-bottom: 20px; } 
div#forum_header { width: 650px; height: 150px; background: #F0F0F0 url(/images/photos/annie_stephanie.jpg); }
div#forum_tag { width: 100px; margin-left: 10px; float: left;   }
div#forum_title {   }
div#forum_logo { float: right; width: 150px; background: #CCC; text-align: center; font-size: 15px; padding-top: 15px;  margin-right: 10px; margin-left: 90px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px;-webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}
div#forum_comment_link { float: right; width: 150px; background: #333; text-align: center; font-size: 15px; padding-top: 15px;  margin-right: 10px;  -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px;-webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;} 
div#forum_comment_link a {  color: #FFF; text-decoration: none;}
div.xoxco_comment {  margin-bottom: 10px; border-bottom: 2px #666 dotted; }
div.xoxco_comment_border { border-top: 1px dashed #ccc; }
div.xoxco_date { text-align: right; } 
div.xoxco_comment_byline { margin-left: 10px;  width: 100px; float: left;  margin-top: 10px;  }
div.xoxco_topic { padding: 10px; border-bottom: 1px dashed #CCC; margin-left: 10px; } 

div.xoxco_comment_body {  margin-left: 110px; padding-top: 10px; } 
div.xoxco_comment_body p { margin-top: 0px;; } 

div.clearer { clear: both; width: 100%; height: 1px; }  
div.xoxco_promo_spot { padding: 0px 0px 10px 10px; min-height: 100px; margin: 10px 5px 10px 5px;}
div.xoxco_promo_spot a { margin: 0 0 10px 0;;}
div.xoxco_promo_spot a:hover { color:#000;}
div.xoxco_promo_spot bl li {margin: 10px 20px;}

div#hotline_info div.xoxco_promo_spot {  border: 0px; padding: 0px; margin: 0px; }


#sidebar2 div.photo_gallery { padding-right: 10px; margin-bottom: 10px; text-align: right; font-size: 10px;} 
#sidebar2 div.photo_gallery img { margin-left: 10px; }
#sidebar2 div.photo_gallery a { color: #FFF; text-decoration: none; }


div.poll { padding: 10px; color: #FFF; font-size: 11px;  }
div.poll p.poll_question { font-weight: bold; margin-top: 0px; margin-bottom: 20px; }
div.poll input.poll_click { margin-right: 20px; } 
div.poll div.poll_answers { }
div.poll div.poll_results { }


/********************* safari hackas *******************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */

	
	div#forum_homepage_map span a{ height: 45px;}
	div#forum_homepage_map span#policy a, div#forum_homepage_map span#health a  {height: 43px;}

}