/*
Theme Name: AgencySide2010
Theme URI: http://agencyside.net
Description: Custom built WordPress theme for agencyside.net
Version: 1.0
Author: Chuck Reynolds of rYnoweb
Author URI: http://rynoweb.com/
*/

body {
	background: #fff;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.333em;
	color: #454545;
}

.wrapper {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

#header .wrapper { overflow: visible; }

#header {
	width: 100%; height: 135px;
	background: url(images/header_bg.png) repeat-x top;
}

	#header #logo a {
		width: 156px; height: 31px;
		background: url(images/agencyside_logo.png) no-repeat;
		text-indent: -9999px;
		margin: 44px 0 24px 11px;
		float: left;
	}
	
	#header .member_login, #header .member_bar {
		width: 172px;
		text-align: right;
		padding: 22px 0 0 0;
		float: right;
	}
	
		#header .member_login p {
			font-size: 0.75em;
			padding: 0 0 5px 0;
			overflow: hidden;
			clear: both;
		}
		
		#header .member_bar .links a {
			font-size: 0.833em;
			text-decoration: none;
		}
		
		#header .member_bar .links a:hover { text-decoration: underline; }
		
		#header .member_login input.text {
			width: 148px; height: 17px;
			font-size: 1.333em;
			color: #454545;
			padding: 0 11px;
			border: 1px solid #d7d7d7;
			display: block;
		}
		
		#header .member_login input#login {
			width: 57px; height: 21px;
			background: url(images/login_submit.png) no-repeat;
			border: 0;
			float: right;
			cursor: pointer;
		}
		
	#header .menu {
		float: left;
		clear: left;
	}
	
		#header ul li {
			margin: 0 3px 0 0;
			position: relative;
			float: left;
		}
		
			#header ul li ul.sub-menu {
				z-index: 100;
			}
		
			#header ul li a {
				height: 21px;
				background: #818285 url(images/nav_rollover.png) no-repeat -500px 0;
				line-height: 21px;
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
				padding: 10px 8px 0 18px;
				float: left;
			}
			
				#header ul li.membership a { background-color: #454545; margin: 0 0 0 21px; }
				#header ul li a:hover,
				#header ul li:hover a,
				#header ul li.current-menu-item a,
				#header ul li.current_page_ancestor a {
					background: #fbad18 url(images/nav_rollover.png) no-repeat 2px 2px;
					font-style: italic;
				}
				
			#header ul li ul {
				position: absolute;
				top: 31px;
				left: 0;
				display: none;
			}
			
			#header ul li:hover > ul {
				display:block;
			}
			
				#header ul li ul li {
					width: 100%;
				}
				
					#header ul li ul li a, #header ul li:hover ul li a {
						width: 140px; height: auto;
						background: #818285;
						line-height: 21px;
						font-style: normal;
						text-align: left;
						text-transform: none;
						padding: 2px 18px 2px 8px;
					}
					
						#header ul li ul li a:hover, #header ul li ul li.current-menu-item a {
							background: #fbad18;
							font-style: normal;
						}
				
#main_content {
	width: 950px;
	padding: 30px 0;
	margin: 0 auto;
	overflow: hidden;
}

	#content {
		width: 750px;
		float: left;
	}
	
		#content h1 {
			line-height: 1.2em;
			font-size: 2.5em;
			font-weight: bold;
			text-transform: uppercase;
			font-style: italic;
			color: #818285;
			margin: 0 0 20px 0;
		}
		
		h2, h3, h4, h5 {
			font-weight: bold;
			line-height: 1.2em;
			margin: 0 0 10px 0;
		}
		
		h2 {
			font-size: 1.833em;
		}
		
		h3 {
			font-size: 1.5em;
		}
		
		h4 {
			font-size: 1.167em;
		}
		
		h5 {
			font-size: 1em;
		}
		
		h2 a, h3 a, h4 a, h5 a {
			text-decoration: none;
		}
	
		h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }
		
		p {
			padding: 0 0 5px 0;
		}
		
		.entry ol, .entry ul {
			padding: 5px 0 10px 0;
		}
		
		.entry ul li {
			list-style-type: disc;
			list-style-position: inside;
			padding: 0 0 2px 20px;
		}
		
		.entry ol li {
			list-style-type: decimal;
			list-style-position: inside;
			padding: 0 0 2px 20px;
		}
		
		.entry blockquote {
			margin: 5px 0 10px 10px;
			padding: 4px 24px 4px 10px;
			border-left: 4px solid #d7d7d7;
		}
		
		small, strike {
			color: #777;
		}

		code {
			font: 1.1em 'Courier New', Courier, Fixed;
		}
		
		acronym, abbr, span.caps {
			font-size: 0.9em;
			letter-spacing: .07em;
		}
		
		p img {
			padding: 0;
			max-width: 100%;
		}
		
		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
		}
		
		img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
		}
		
		.alignright {
			float: right;
		}
		
		.alignleft {
			float: left;
		}
		
		acronym, abbr, span.caps {
			cursor: help;
		}
		
		acronym, abbr {
			border-bottom: 1px dashed #999;
		}
		
		blockquote {
			margin: 15px 30px 0 10px;
			padding-left: 20px;
			border-left: 5px solid #ddd;
		}
		
		blockquote cite {
			margin: 5px 0 0;
			display: block;
		}
		
		.center {
			text-align: center;
		}
		
		.hidden {
			display: none;
		}
		
		.screen-reader-text {
			position: absolute;
			left: -1000em;
		}
		
		hr {
			display: none;
		}
		
		a img {
			border: none;
		}
			
		a {
			color: #454545;
			text-decoration: underline;
		}
		
		a:hover { text-decoration: none; }
		
		.homepage_featured {
			width: 750px;
			padding: 0 0 25px 0;
			overflow: hidden;
		}
		
			.homepage_featured .featured_article {
				width: 364px;
				float: left;
			}
			
			.homepage_featured .featured_event {
				width: 364px;
				float: right;
			}
			
				.homepage_featured p { padding: 7px 0 0 0; }
				
				.homepage_featured a.thumbnail {
					height: 199px;
					text-decoration: none;
					margin: 0 0 7px 0;
					display: block;
				}
				
					.homepage_featured a.thumbnail img {
						width: 364px; height: 175px;
						border-bottom: 3px solid #fbad18;
						float: left;
					}
					
					.homepage_featured a.thumbnail h2 {
						width: 350px; height: 24px;
						background: #d7d7d7;
						font-size: 1.333em;
						line-height: 24px;
						font-weight: bold;
						font-style: italic;
						color: #454545;
						text-decoration: none;
						padding: 0 7px;
						float: left;
					}
					
					.homepage_featured a.thumbnail span {
						float: right;
					}
					
		.featured_posts {
			width: 750px;
			padding: 5px 0;
			margin: 0 0 25px 0;
			border-top: 2px solid #d7d7d7;
			border-bottom: 2px solid #d7d7d7;
			overflow: hidden;
		}
		
			.featured_posts li.widget-container {
				width: 172px;
				margin: 0 20px 0 0;
				float: left;
			}
			
			.featured_posts li:last-child { margin: 0; }
			
				.featured_posts li h3 {
					font-size: 1em;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					color: #454545;
					margin: 0 0 5px 0;
				}
				
				.featured_posts li a { text-decoration: none; }
				
				.featured_posts li a:hover { text-decoration: underline; }
				
		.content_left {
			width: 357px;
			float: left;
		}
		
		.content_right {
			width: 370px;
			float: right;
		}
		
			.content_left h3, .content_right h3, .content_wide h3 {
				font-size: 1em;
				font-weight: bold;
				text-transform: uppercase;
				font-style: italic;
				color: #454545;
				line-height: 2em;
				border-bottom: 2px solid #fbad18;
				margin: 0 0 8px 0;
			}
			
			.upcoming_events {
				padding: 0 0 25px 0;
				overflow: hidden;
			}
			
				.upcoming_events li {
					overflow: hidden;
					padding: 0px 0px 5px;
				}
				
					.upcoming_events li p {
						width: 302px;
						float: left;
					}
					
					.upcoming_events li .register {
						width: 55px; height: 16px;
						background: url(images/event_register.png) no-repeat;
						text-indent: -9999px;
						float: right;
					}
					
					.upcoming_events li .join {
						width: 55px; height: 16px;
						background: url(images/event_join.png) no-repeat;
						text-indent: -9999px;
						float: right;
					}
					
					.upcoming_events li a { text-decoration: none; }
					
					.upcoming_events li a:hover { text-decoration: underline; }
					
			.recent_articles {
				padding: 0 0 25px 0;
				overflow: hidden;
			}
			
				.recent_articles li {
					padding: 0 0 5px 0;
					overflow: hidden;
				}
				
					.recent_articles li strong {
						font-size: 1em;
						font-weight: bold;
						text-transform: uppercase;
						font-style: italic;
						color: #454545;
						padding: 0 10px 0 0;
					}
					
					.recent_articles li a {
						text-decoration: none;
					}
					
					.recent_articles li a:hover { text-decoration: underline; }
					
			.testimonials {
				width: 100%;
				padding: 0 0 25px 0;
				clear: both;
				overflow: hidden;
			}
			
				.testimonials li {
					width: 370px;
					padding: 0 0 15px 0;
					float: right;
					overflow: hidden;
				}
				
				.testimonials li.left {
					width: 357px;
					float: left;
				}
				
					.testimonials li img {
						width: 52px; height: 52px;
						margin: 0 10px 5px 0;
						float: left;
					}
					
					.testimonials li .testimonial_content {
						float: left;
					}
					
		.latest_articles, .latest_resources {
			width: 750px;
			margin: 0 0 30px 0;
			overflow: hidden;
		}
		
			.latest_articles li.widget-container, .latest_resources li.widget-container {
				width: 235px;
				margin: 0 20px 0 0;
				float: left;
			}
			
			.latest_articles li:last-child, .latest_resources li:last-child { margin: 0; }
			
				.latest_articles li.cat-post-item, .latest_articles li.cat-post-item a, .latest_resources li.cat-post-item, .latest_resources li.cat-post-item a {
					width: 235px; height: 151px;
					text-decoration: none;
					position: relative;
					z-index: 1;
					float: left;
				}
				
					.latest_articles li a img, .latest_resources li a img { width: 235px; height: 151px; }
					
					.latest_articles li a span, .latest_resources li a span {
						width: 219px;
						background: rgba(69,69,69,0.6);
						font-size: 0.833em;
						color: #fff;
						padding: 4px 8px;
						position: absolute;
						bottom: 0;
						left: 0;
						z-index: 5;
					}
					
						.latest_articles li a span strong, .latest_resources li span strong {
							font-size: 1.2em;
							font-weight: bold;
							text-transform: uppercase;
							font-style: italic;
							display: block;
						}
						
						
		.resources_categories {
			width: 195px;
			background: #ebebeb;
			padding: 20px;
			margin: 0 5px 0 0;
			float: right;
		}
		
			.resources_categories li {
				margin: 0 0 4px 0;
			}
			
			.resources_categories li:before { padding: 0 5px 0 0; content: "+ "; }
			
		.articles_accordion {
			width: 750px;
			padding: 0 0 30px 0;
			overflow: hidden;
		}
		
		.resources_accordion {
			width: 490px;
			padding: 0 0 30px 0;
			float: left;
			overflow: hidden;
		}
		
			.category_header {
				width: 750px; height: 30px;
				line-height: 30px;
				border-bottom: 2px solid #cdcdce;
			}
			
				.category_header h2 { font-size: 1em; line-height: 30px; }
				
				.category_header h2 a {
					width: 717px; height: 30px;
					background: url(images/accordion_icon.png) no-repeat 9px 0;
					font-size: 1em;
					font-weight: bold;
					text-transform: uppercase;
					font-style: italic;
					color: #454545;
					text-decoration: none;
					padding: 0 0 0 33px;
					float: left;
				}
				
				.category_header .rss {
					width: 30px; height: 30px;
					background: url(images/rss_icon.png) no-repeat center;
					text-indent: -9999px;
					float: right;
				}
				
			.category_articles {
				padding: 10px 0 0 0;
				overflow: hidden;
			}
			
				.category_articles .article {
					padding: 15px 0 0 0;
					margin: 0 0 15px 0;
					overflow: hidden;
				}
				
					.article .article_content {
						width: 100%;
						padding: 0 0 20px 0;
						border-bottom: 1px solid #d7d7d7;
						float: left;
					}
					
						.category_articles h3 a {
							font-size: 1.333em;
							font-weight: bold;
							color: #454545;
							text-decoration: none;
							margin: 0 0 10px 0;
							display: block;
						}
						
						.category_articles h3 a:hover { text-decoration: underline; }
						
						.category_articles .article p { padding: 0 0 10px 0; }
						
					.article .article_share {
						width: 80px;
						float: right;
					}
					
		.events_content {
			color: #818285;
			padding: 0 0 43px 0;
			float: left;
		}
		.classes_content {
			/* width: 380px; */
			color: #818285;
			padding: 0 0 43px 0;
			float: left;
		}
		.classes_upcoming {
			clear:both;
		}
		
		.next_event {
			width: 364px;
			color: #818285;
			padding: 0 0 43px 0;
			overflow: hidden;
			float: right;
		}
		
			.next_event .thumbnail, .next_event .thumbnail {
				width: 171px; height: 122px;
				float: left;
			}
			
			.next_event .event_details {
				width: 181px;
				float: right;
			}
			
				.next_event .event_details h3 {
					font-size: 1em;
					font-weight: bold;
					font-style: italic;
					color: #454545;
					line-height: 1.3em;
					border-bottom: 2px solid #fbad18;
					padding: 0 0 0.5em 0;
					margin: 0 0 8px 0;
				}
				
					.next_event .event_details h3 a { text-decoration: none; }
					
					.next_event .event_details h3 a:hover { text-decoration: underline; }
					
				.next_event .event_details p { padding: 0 0 10px 0; }
				
				.next_event .event_details .register {
					width: 97px; height: 26px;
					background: url(images/green_register.png) no-repeat;
					text-indent: -9999px;
					float: left;
				}
				
		.main_event {
			width: 750px;
			color: #818285;
			padding: 0 0 30px 0;
			overflow: hidden;
			clear: both;
		}
		
			.main_event .banner, .main_event .banner img {
				width: 750px; height: 124px;
				display: block;
			}
			
			.main_event .banner { padding: 0 0 10px 0; }
			
			.main_event .event_description {
				width: 551px;
				padding: 0 15px 0 0;
				border-right: 1px solid #d7d7d7;
				float: left;
			}
			
				.main_event .event_description p { padding: 0 0 10px 0; }
				
			.main_event .event_details {
				width: 161px;
				text-align: center;
				padding: 0 10px;
				float: right;
			}
			
				.main_event .event_details .date {
					font-size: 1.333em;
					font-weight: bold;
					line-height: 0.5em;
					color: #454545;
				}
				
				.main_event .event_details .price {
					font-size: 0.667em;
					font-weight: bold;
					padding: 5px 0 10px 0;
				}
				
					.main_event .event_details .price span {
						font-size: 3em;
						line-height: 0.5em;
						font-weight: bold;
						color: #454545;
						display: block;
					}
					
				.main_event .event_details .register {
					width: 97px; height: 26px;
					background: url(images/green_register.png) no-repeat;
					text-indent: -9999px;
					margin: 0 32px;
					float: left;
				}
				
		.membership_content {
			width: 500px;
			padding: 0 0 25px 0;
			float: left;
		}
		
		p.become_member {
			width: 200px;
			padding: 0 0 25px 0;
			float: right;
		}
		
		p.become_member_bottom { padding: 0 0 30px 0; clear: both; }
		
		a.become_member {
			width: 200px; height: 31px;
			background: url(images/become_member.png) no-repeat;
			text-indent: -9999px;
			display: block;
			clear: both;
		}
		
		.membership_left {
			width: 344px;
			padding: 0 0 25px 0;
			float: left;
		}
		
		.membership_right {
			width: 344px;
			padding: 0 0 25px 0;
			float: right;
		}
		
			.membership_left li, .membership_right li {
				padding: 0 0 60px 0;
				overflow: hidden;
				display: block;
			}
			
				.membership_left li img, .membership_right li img {
					width: 80px; height: 80px;
					float: left;
				}
				
				.membership_left li .details, .membership_right li .details {
					width: 256px;
					float: right;
				}
				
					.membership_left li .details h3, .membership_right li .details h3 {
						font-size: 1em;
						font-weight: bold;
						font-style: italic;
						text-transform: uppercase;
						color: #454545;
						line-height: 1em;
						border-bottom: 2px solid #fbad18;
						padding: 0 0 0.5em 0;
						margin: 0 0 8px 0;
					}
		
		.resources_categories_maincol {
			width: 470px;
			padding: 20px 0 20px 20px;
			margin: 0 20px 0 0;
			float: left;
			background: #ebebeb;
			overflow: hidden;
		}
			.resources_categories_maincol li {
				margin: 0 0 4px 0;
			}
			
			.resources_categories_maincol li:before { padding: 0 5px 0 0; content: "+ "; }
		
		
		
		.entry {
			padding: 0 0 30px 0;
		}
		
		#respond { padding: 20px 0 0 0; }
		
		#content h2#comments, #content #respond h3 {
			font-size: 1.333em;
			font-weight: bold;
			text-transform: uppercase;
			font-style: italic;
			border-bottom: 2px solid #fbad18;
			padding: 0 0 4px 0;
			margin: 0 0 10px 0;
		}
		
			.alt {
				margin: 0;
				padding: 10px;
			}

			.commentlist {
				padding: 0;
				text-align: justify;
			}

			.commentlist li {
				margin: 15px 0 10px;
				padding: 5px 5px 10px 10px;
				list-style: none;
			}
			
			.commentlist li ul li {
				margin-right: -5px;
				margin-left: 10px;
			}

			.commentlist p {
				margin: 10px 5px 10px 0;
			}
			
			.children {
				padding: 0;
			}

			#commentform p {
				margin: 5px 0;
			}

			.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
			}
			
			.commentmetadata {
				margin: 0;
				display: block;
			}
			
			.commentlist li {
				font-weight: bold;
			}

			.commentlist li .avatar {
				float: right;
				border: 1px solid #eee;
				padding: 2px;
				background: #fff;
			}

			.commentlist cite, .commentlist cite a {
				font-weight: bold;
				font-style: normal;
				font-size: 1.167em;
			}

			.commentlist p {
				font-weight: normal;
				line-height: 1.5em;
				text-transform: none;
			}

			#commentform p {
				font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			}

			.commentmetadata {
				font-weight: normal;
			}
			
			.thread-alt {
				background-color: #f8f8f8;
			}
			
			.thread-even {
				background-color: white;
			}
			
			.depth-1 {
				border: 1px solid #ddd;
			}
			
			.even, .alt {
				border-left: 1px solid #ddd;
			}
			
	#sidebar {
		width: 172px;
		background: #ebebeb;
		padding: 5px;
		float: right;
	}
	
		#sidebar ul li {
			padding: 0 0 25px 0;
			overflow: hidden;
		}
		
		.widget_search form {
			width: 162px;
			padding: 5px;
		}
		
			.screen-reader-text { display: none; }
			
			.widget_search #s {
				width: 131px; height: 17px;
				background: #fff url(images/search_icon.png) no-repeat 6px center;
				padding: 3px 6px 3px 23px;
				border: 1px solid #d7d7d7;
			}
			
			.widget_search #searchsubmit { display: none; }
			
		.textwidget {
			padding: 0 5px;
		}
		
		.textwidget a.facebook {
			width: 37px; height: 37px;
			background: url(images/social_media.png) no-repeat left;
			text-indent: -9999px;
			margin: 0 8px;
			float: left;
		}
		
		.textwidget a.twitter {
			width: 37px; height: 37px;
			background: url(images/social_media.png) no-repeat center;
			text-indent: -9999px;
			margin: 0 8px;
			float: left;
		}
		
		.textwidget a.linkedin {
			width: 37px; height: 37px;
			background: url(images/social_media.png) no-repeat right;
			text-indent: -9999px;
			margin: 0 8px;
			float: left;
		}
		
		.textwidget .ad {
			width: 150px; height: 60px;
			padding: 0 6px 6px 6px;
		}
		
		.textwidget .sidebar_logo {
			width: 120px; height: 25px;
			background: url(images/sidebar_logo.png) no-repeat;
			text-indent: -9999px;
			display: block;
		}
		
#footer {
	width: 100%; height: 49px;
	background: #d7d7d7;
	border-bottom: 20px solid #c0c0c0;
	clear: both;
}

	#footer p {
		line-height: 2.333em;
		float: right;
	}
	
	#footer ul {
		height: 41px;
		line-height: 41px;
		padding: 8px 0 0 0;
		float: left;
	}
	
		#footer ul li {
			padding: 0 10px 0 0;
			float: left;
		}
		
			#footer ul li a { text-decoration: none; }
			
			#footer ul li a:hover { text-decoration: underline; }