/*
Theme Name: United Way CSO
Theme URI: http://unitedwaycso.com/
Description: The Default Blog theme for Unitedway CSO.
Author: Spincaster Prodctions
Version: 1.0
*/


@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------
	css properties reset for all browswers
----------------------------------------------------------------------------------*/
* {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}

/*----------------------------------------------------------------------------------
	Deafault template for United Way
----------------------------------------------------------------------------------*/

body {
	background:#eeeeee url(/blog/wp-content/themes/unitedway/images/backgrounds/background_image_4.jpg) repeat-x center top;
	font-weight: inherit;
	font-family: Calibri, sans-serif, Verdana, Arial, Helvetica;
	font-style: normal;
	font-size: 14px;
}

#main_container{
	position:relative;
	width:900px;
	margin:0px auto;
}

#main_content 
{
	padding: 15px;
}
/*-------------------
	united way Header
----------------------*/
	#header{
		position:relative;
		height:400px;
		width:900px;
		z-index:600;
	}
		#header h1{
			height:111px;
			background:url(/blog/wp-content/themes/unitedway/images/backgrounds/United-way-logo.jpg) no-repeat 0px 9px;
			border-top:1px solid #fff;
		}
			#header h1 a{
				display:block;
				margin:9px 0px 0px 0px;
				width:321px;
				height:88px;
			}
				#header h1 a span{
					display:none;
				}
/*-----------------------------------------------------
	Hot Links are the large grey buttons in the header
-------------------------------------------------------*/
#imgDiv
	{
		position: absolute;
		left: 0px;
		top: 112px;
		width: 465px;
	}
#hot_links{
	margin:0px;
	height:238px;
	padding:10px 0px 0px 465px;
	background:url(/blog/wp-content/themes/unitedway/images/backgrounds/home.jpg) no-repeat 0px 0px;
	color:#f3f3f3;
}
	#hot_links li{
		width:425px;
		height:40px;
		margin:0px 0px 7px 0px;
		
		border: 1px solid #777;
		background-color:#5b5b5b;
	}
		#hot_links li a{
			display:block;
			width:410px;
			height:28px;
			padding:12px 0px 0px 15px;
			background:url(/blog/wp-content/themes/unitedway/images/buttons/down_arrow.gif) no-repeat 395px 9px;
			font-size:18px;
			text-decoration:none;
			color:#fff;
		}
	/*as the client requested the donation button to stand out 
 	consequently the style donation was created as follows*/
	
	#hot_links #donation{
		background:#2a2627 url(/blog/wp-content/themes/unitedway/images/backgrounds/glossy_hot_link.gif) repeat-x 0px 0px;
	}
		#hot_links #donation a{
			width:425px;
			height:38px;
			margin:0px;
			padding:0px;
			background:transparent url(/blog/wp-content/themes/unitedway/images/buttons/glossy_hot_link_downarrow.gif) 
			no-repeat 392px 6px;
		}
			#hot_links #donation a span{
				cursor:pointer;
				height:31px;
				display:block;
				padding:9px 0px 0px 55px;
				background:url(/blog/wp-content/themes/unitedway/images/buttons/glossy_hot_link_button.gif) no-repeat 15px 1px;
				font-weight:bold;
				font-size:18px;
				text-decoration:none;
				color:#fff;
			}
	
	/*the last li of the hot_links ul is actually just text for any important news	*/
	
	#hot_links #hot_link_content{
		width:395px;
		height:62px;
		padding:12px 15px 5px 15px;
		overflow:auto;		
		background:#545456 url(/blog/wp-content/themes/unitedway/images/backgrounds/hot_links_content_bg.jpg) repeat-y 0px 0px;
		font-size:12px;
		color:#bbb;
	}
		#hot_links #hot_link_content p,
		#hot_links #hot_link_content a,
		#hot_links #hot_link_content p a,
		#hot_links #hot_link_content p strong{
			font-family:Arial, Helvetica, sans-serif;
			margin:0px; padding:0px;
			display:inline; width:auto;
			font-size:14px;
			color:#bbb;
		}
		#hot_links #hot_link_content p strong{font-weight:bold;}
		#header #hot_links #hot_link_content h1,
		#header #hot_links #hot_link_content h2,
		#header #hot_links #hot_link_content h3,
		#header #hot_links #hot_link_content h4,
		#header #hot_links #hot_link_content h5{
			font-family:Arial, Helvetica, sans-serif;
			margin:0px; padding:0px;
			display:inline; width:auto;
			font-size:15px;
			color:#bbb;
			font-weight:bold;
		}
	
/*-----------------------------
main navigation: Pnav
-------------------------------*/
	
	#pnav{
		position:relative;
		margin:2px 0px 0px 0px;
		z-index:150;
	}
	#pnav li{
		position:relative;
		float:left;
		height:38px;
		background:url(/blog/wp-content/themes/unitedway/images/buttons/pnav_bg.jpg) no-repeat top right;
		text-align:center;
		
		/* ie 6 hover does not work with background image */
		_background-image:none;
	}
		#pnav li a{
			display:block;
			width:90px;
			height:30px;
			padding:5px 5px 0px 5px;
			font-size:13px;
			text-decoration:none;
			color:#959595;
		}
			#pnav li:hover a, #pnav li.sfhover a {
				border-bottom:2px solid #b8001a;
				color:#fff;
			}
/*-----------------------------
sub navigation of Pnav
-------------------------------*/			
			#pnav li ul {
				/*this is for the suckerfish style drop down invisible until parent li is hovered*/
				display:none; 
				position:absolute;
				top:38px; right:0px;
				width:150px;
				background:#cccccc url(/blog/wp-content/themes/unitedway/images/backgrounds/submenu_bground.jpg) repeat-x top right;
				border:1px solid #999;
				border-bottom:3px solid #c0384c;
				
				/*fix for ie6 image with hover fix causes flicker glitches with background display */
				_background-image:none;
			}
			
			#pnav li:hover ul,#pnav li.sfhover ul{ 
				display:block;
			}
				
				#pnav li:hover ul li, #pnav li.sfhover ul li{
					display:block;
					float:none;
					position:relative;
					width:150px;
					height:auto;
					margin:0px;
					padding:0px;
					background-image: none;
					border-bottom:1px solid #999;
				}
					#pnav li:hover ul li a,#pnav li:hover ul li:hover a,
					#pnav li.sfhover ul li a,#pnav li.sfhover ul li.sfhover a{
						display:block;
						height:100%;
						width:140px;
						margin:0px 0px 0px 0px;
						padding:5px 5px 5px 5px;
						border:none;
						text-align:left;
						color:#444;
				}
				
				#pnav li:hover ul li a:hover,#pnav li.sfhover ul li a:hover{
					color:#fff;
				}
					
/*-----------------------------
sub sub navigation of Pnav
-------------------------------*/	
					
					#pnav li:hover ul li ul,
					#pnav li.sfhover ul li ul{ 
						display:none;
						position:absolute;
						left:100%; top:0px;
						margin:-1px 0px 0px 0px;
					}
					#pnav li:hover ul li:hover ul,
					#pnav li.sfhover ul li.sfhover ul{
						display:block;
					}

/*----------------------------------------------------------------------------------
	united way MAIN CONTENT
----------------------------------------------------------------------------------*/	

.clearer{
	clear:both
}

/*-----------------------------------------
  POSTS
-------------------------------------------*/
#main_content .post_placeholder
	{
		width: 600px;
		
	}
#main_content .post_placeholder .post
	{
		margin: 15px 0px 0px 0px;
		padding: 8px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #CCC;
	}
#main_content .post_placeholder .entry-meta
	{
		float: right;
		color: #333;
	}
#main_content .post_placeholder .entry-title
	{
		width: 350px;
		float: left;
		background: none;
		padding: 0px;
		margin: 0px;
	}
#main_content .post_placeholder .entry-title a,
#main_content .post_placeholder .entry-title a:visited
	{
		padding: 0px 0px 0px 15px;
		font-size: 24px;
		font-weight: bold;
		background:url(/blog/wp-content/themes/unitedway/images/backgrounds/content_headers.gif) no-repeat top left;	
	}
#main_content .post_placeholder .entry-summary, 
#main_content .post_placeholder .entry-content 
	{
		clear:left;
		padding: 10px 0px 0px 15px;
		color:#333;
	}
#main_content .post_placeholder .entry-content,
#main_content .post_placeholder .entry-summary,
#main_content .post_placeholder .entry-content p,
#main_content .post_placeholder .entry-summary p
	{
		font-size:18px;
		margin: 0px;
	}
#main_content .post_placeholder .entry-content p
	{
		margin: 0px 0px 12px 0px;
	}
#main_content .post_placeholder .required
	{
	color: red;
	margin: 0px 2px 0px 0px;
	}
#main_content .post_placeholder .entry-utility
	{
		margin: 15px 0px 5px 15px;
		color:#333;
	}
#main_content .post_placeholder #comments #respond 
	{
		color:#333;
		margin: 15px 0px 5px 0px;
	}
#main_content .post_placeholder #comments #respond p
	{
		font-size: 12px;
	}
#main_content .post_placeholder #comments #respond label
	{
		margin: 0px 5px 0px 0px;
		font-weight: bold;
	}	
#main_content .post_placeholder #comments .form-allowed-tags
	{
		display:none;
	}
/*-----------------------------------------
 styles for the side3bar column on the right
-------------------------------------------*/
#main_content #sidebar{
	position:relative;
	float:right;
	width:250px;
	margin:0px;
	padding:0px 10px 10px 10px;
	font-size:12px;
	}
	#main_content #sidebar h2{
		width:200px;
		margin:15px 0px 10px 0px;
		padding:0px 0px 0px 20px;
		background:url(/blog/wp-content/themes/unitedway/images/backgrounds/content_headers.gif) no-repeat top left;
		font-size:17px;
		color:#c0384c;
		font-weight:bold;
	}
	#main_content #sidebar p span{
		clear:left;
		display:block;
		width:250px;
		margin:10px 0px 5px 0px;
		border-top:1px dashed #686868;
		color:#686868;
		font-size:12px;
	}
		#main_content #sidebar p span b{
			font-weight:bold;
			font-size:12px;
		}
	#main_content #sidebar a{
		text-decoration:none;
		color:#c0384c;
		font-size:12px;
		font-weight:bold;
	}
		#main_content #sidebar a img{
			margin:10px 0px 0px 0px;
			border:1px solid #bbb;
		}
			
	#main_content #sidebar p{
		width:100%;
		margin:5px 0px 0px 0px;
		font-size:12px;
	}
	#main_content #sidebar img{
		border:1px solid #fff;
	}
	
/*------------------------------------------------------------
			Calendar control
-------------------------------------------------------------*/
	#main_content #sidebar a,
	#main_content #sidebar a:visited
	{
		padding: 0px 0px 0px 20px;
		color:#333;
	}

	#main_content #sidebar a:hover
	{
		padding: 0px 0px 0px 20px;
		color:#c0384c;
	}
	#main_content #sidebar h3
	{
		width:200px;
		margin:15px 0px 10px 0px;
		padding:0px 0px 0px 15px;
		font-size:17px;
		color:#c0384c;
		font-weight:bold;
		border-bottom: 1px solid #999;
		background:url(/blog/wp-content/themes/unitedway/images/backgrounds/content_headers.gif) no-repeat top left;
	}
	#main_content #sidebar #side_content #calendar_wrap
	{
		color:#c0384c;
		font-size: 14px;
		margin: 0px 0px 0px 20px;
	}
	#main_content #sidebar #side_content #calendar_wrap caption
	{
		background-color:#c0384c;
		border: 1px solid #c0384c;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px -1px;
		text-align: center;
	}
	#main_content #sidebar #side_content #calendar_wrap #wp-calendar
	{
		border: 1px solid #c0384c;
		width: 175px;
	}
	#main_content #sidebar #side_content #calendar_wrap #wp-calendar thead
	{
		color:#333;
	}
	#main_content #sidebar #side_content #calendar_wrap #wp-calendar a,
	#main_content #sidebar #side_content #calendar_wrap #wp-calendar a:visited
	{
	color:#FFF;
	background-color: #c0384c;
	padding:0px;
	}
/*------------------------------------------------------------
			Sidebar: Search form
-------------------------------------------------------------*/
#main_content #sidebar #side_content #searchform label
	{
	display:none;
	}
#main_content #sidebar #side_content #searchform #searchsubmit
	{
		background-color:#c0384c;
		color: #fff;
		font-size: 11px;
		font-weight:bold;
		letter-spacing: 1px;
	}
/*-----------------------------------------------------
styles for the all major content of the main container
-------------------------------------------------------*/
#main_content{
	width:900px;
		/*the following is a hack for ie6 that seems to be disrupted on all pages including the calendar include*/
		min-height:350px;
  		height:auto !important;
  		height:350px;
}
#main_content p{
	width:auto;
	margin:5px 280px 10px 0px;
	font-size:17px;
	word-spacing: 3px;
}

#main_content h2{
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	width:590px;
	background:url(/blog/wp-content/themes/unitedway/images/backgrounds/content_headers.gif) no-repeat top left;
	font-size:20px;
	color:#c0384c;
	font-weight:bold;
}
#main_content a{
	text-decoration:none;
	color:#c0384c;
	font-size:12px;
	
}
#main_content a img{
	margin:0px;
}
#main_content h3 a{
	display:none;
}
/*------------------------------------------
	homepage h3 tage for succes by six
--------------------------------------------*/

#successbysix{
	width:612px;
	height:40px;
	background:url(/blog/wp-content/themes/unitedway/images/backgrounds/success_by_six.gif) no-repeat top left;
}
	#successbysix a{
		display:block;
		height:30px;
		width:120px;
		margin:10px 10px 10px 30px;
	}
		#successbysix a span{
			display:none;
		}
a#succesby6{
	text-decoration:none;
	color:#c0384c;
	font-size:12px;
}

/*----------------------------------------------------------------------------------
	Styles for the footer
----------------------------------------------------------------------------------*/
#footer{
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	border-top:1px solid #838383;
	color:#838383;
}
	#footer p span{
		float:right;
	}
	#footer p span a{
		text-decoration:none;
		color:#838383;
		font-size:14px;
	}
		#footer p span a:hover{
			color:#c0384c;
		}

/*----------------------------------------------------------------------------------
	Styles for aligned images
----------------------------------------------------------------------------------*/

img[align="left"] {
	margin-right:10px;	
}
img[align="right"] {
	margin-left:10px;	
}