/*
Theme Name: Vibrant CMS Derivation
Theme URI: http://wordpress.org/
Description: A derivation of the Vibrant CMS theme by WooThemes with added functionality.
Version: 1.0
Author: Ian Maroney
Author URI: http://localinfocompany.com/
Tags: cms, vibrant, blue, green, corporate

*/

/* Begin Typography & Colors */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

body {
	background: #A8ADB0;
	color: #333;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

	.fullspan {
		width: 980px;
		margin: auto;
	}
	
		.wrapper {
			width: 960px;
			margin: auto;
			display: block;
		}

	#header {
		background: #FFF url(images/header/bg.gif) repeat-x left top;
		border-bottom: 7px solid #EBF4FA;
		height: 125px;
		font-family: Georgia, serif;
		position: relative;
	}
	
		.logo {
			width: 605px;
			height: 110px;
			float: left;
			margin: 10px 10px 0 10px;
			background: url(images/header/logo/bg.gif) left top no-repeat;
		}
		
			.logo h1.title {
				font-size: 36pt;
				font-weight: normal;
				line-height: 0.8em;
				margin: 20px 0 0;
				height: 65px;
			}
			
				.logo h1.title a {
					color: #333;
					text-decoration: none;
					display: block;
					text-indent: -10000px;
					width: 100%;
					height: 100%;
				}
				
				.logo .description {
					color: #75818B;
					font-size: 1.1em;
					margin: -15px 0 0 305px;
				}
		
		#rss {
			background-color: #75818A;
			padding: 8px 11px;
			position: absolute;
			right: 0;
			top: 0;
			border-bottom: 2px solid #FFF;
		}
		
			#rss a {
				color: #FEFEFE;
				background: url(images/header/rss/bg.gif) no-repeat left center;
				font-size: 0.9em;
				font-weight: bold;
				padding: 2px 0 2px 23px;
				text-decoration: none;
			}
			
		#nav {
			position:absolute;
			right:10px;
			top:60px;
		}
			
				#pagenav li {
					display: inline;
					list-style-type: none;
					padding: 0;
					float: left;
					width: auto;
					line-height: 33px;
				}
				
					#pagenav a, .nav-span {
						color: #333;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
						margin: 0 11px;
						display: block;
						z-index: 100;
					}
	
	#steps {
		background:#4093CD url(images/steps/bg.gif) repeat-x left top;
		height:45px;
	}
	
		.categories {
			width: 940px;
			margin: 15px 10px 0;
			float: left;
		}
		
			.categories li {
				display:inline;
				margin:0 21px 0 0;
				list-style-type: none;
			}
			
				.categories a {
					color: #FEFEFE;
					text-decoration: none;
					font-size: 1.25em;
				}
				
					.categories a:hover {
						text-decoration: underline;
					}
				
	#content {
		background-color: #FFF;
		border-bottom: 7px solid #E2EFF8;
		border-top: 7px solid #E2EFF8;
		padding: 5px 0;
	}
	
		#content .wrapper {
			width: 970px;
			margin: auto;
			display: inline-block;
			padding: 0 5px;
		}
	
		#leftcontent {
			width: 650px;
			float: left;
		}
		
			.post, .hentry, .category-description {
				margin: 0 10px;
			}
			
				.category-description h2 {
					font-family: Georgia, serif;
					font-weight: normal;
					font-size: 28px;
					padding: 5px 0;
				}
			
				.post .title {
					font-family: Georgia,serif;
					font-size: 22px;
					font-weight: normal;
					padding: 5px 0;
				}
				
					.post .title a, .searchcontent h3 a {
						color: #333;
						text-decoration: none;
					}
					
						.post .title a:hover, .searchcontent h3 a:hover {
							text-decoration: underline;
						}
						
						.post .title .date {
							padding: 0 0 0 25px;
						}
						
				.post h4 {
					color: #888;
					margin: 0 0 10px;
				}
				
					.metadata-h4 {
						color: #333 !important;
						margin: 0 !important;
					}
				
					.post h4 a {
						color: #2C6791;
						text-decoration: none;
					}
					
						.post h4 a:hover {
							color: #1D445F;
							text-decoration: underline;
						}
			
				.post p, .category-description p {
					margin: 0 0 15px;
				}
				
					.post p a, .post ol a, .post ul a {
						color: #67A072;
					}
					
						.post p a:hover, .post ol a:hover, .post ul a:hover {
							color: #4D7655;
						}
						
				.post blockquote {
					background: #E0F5B2;
					padding: 15px 15px 1px;
				}
				
					.post blockquote p {
						line-height: 18px;
					}
						
				.post ol, .post ul {
					padding: 0 0 0 20px;
					margin: 0 0 10px;
				}
				
				.addthis_container {
					margin: 10px 0;
				}
				
			hr {
				width: 95%;
				margin: auto;
				border: none;
				border-top: 1px solid #AAA;
			}	
			
			#respond {
				padding: 0 10px;
			}
			
				#commentform p {
					margin: 10px 0;
				}
			
					#commentform input, #commentform textarea {
						/*background: #E2F8E5;*/
						background: #CCF39A;
						border: 1px solid #67A072;
						font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
						font-size: 12px;
						padding: 5px;
						margin: 0 10px 0 0;
					}
					
					#commentform textarea {
						padding: 3px;
						max-width: 600px;
					}
					
					#subscribe {
						background: none !important;
						border: none !important;
					}
				
				#comments, #respond h3, .big-h3, .searchcontent h3 {
					font-family: Georgia, serif;
					font-size: 22px;
					font-weight: normal;
				}
				
				#comments {
					margin: 0 0 0 10px;
					padding: 0 0 15px;
				}
				
					#comments a {
						color: #333;
						text-decoration: none;
					}
					
						#comments a:hover {
							text-decoration: underline;
						}
				
				.commentlist {
					border-top: 2px solid #A1D162;
					margin: 0 0 15px 10px;
					list-style-type: none;
				}
				
					.commentlist li {
						border-bottom: 2px solid #A1D162;
						padding: 10px;
					}
					
						.commentlist li div {
							min-height: 50px;
							height: auto !important;
							height: 50px;
						}
						
							.gravatar {
								float: left;
								margin: 0 10px 0 0;
								width: auto;
							}
							
							.commentlist li em {
								display: inline;
							}
							
							.commentlist li p {
								padding: 0 0 0 60px;
							}
							
							.children {
								margin: 0 20px;
								border: none;
								list-style-type: none;
							}
							
								.children li {
									border: none;
									padding: 10px 0 0;
								}
						
							.comment-author, .vcard, .fn {
								font-size: 14px;
								display: inline;
							}
							
								.fn {
									font-weight: bold;
									font-style: normal;
								}
								
							.comment-meta, .commentmetadata {
								display: inline;
								font-size: 14px;
							}
							
								.comment-edit-link, .comment-date {
									color: #333 !important;
								}
								
									.commentlist a:hover, #respond a:hover {
										text-decoration: underline;
									}
									
								.commentlist a, #respond a {
									color: #67A072;
									text-decoration: none;
								}
			
				.widget h2 {
					color: #333;
					font-family: Georgia, serif;
					font-size: 18px;
				}		
				
					.widget h2 a {
						color: #333;
						text-decoration: none;
					}
					
						.widget h2 a:hover {
							text-decoration: underline;
						}

			.clearer {
				clear: both;
			}

			.navigation a {
				background-color: #4392CC;
				color: #FEFEFE;
				padding: 10px;
				display: inline-block;
				margin: 5px 10px 5px 5px;
				text-decoration: none;
			}
			
				.navigation .alignleft {
					float: left;
					width: auto;
				}
				
				.navigation .alignright {
					float: right;
					width: auto;
				}
		
		#rightcontent {
			width: 305px;
			min-height: 500px;
			margin: 0 0 0 10px !important;
			margin: 0 0 0 5px;
			float: left;
		}
		
			#rightcontent li {
				list-style-type: none;
			}
		
			.widget {
				margin: 5px 0;
				padding: 10px;
				/*position: relative;*/
				float: left;
				clear: left;
				width: 285px;
				background: #C0E592;
				border: 1px solid #67A072;
			}
			
				.widget_twitter {
					background: #FFF;
					border: none;
				}
			
			#rightcontent #searchform {
				margin: 5px 0 0;
			}
			
				#blog-rss-mini {
					display: block;
					text-indent: -10000px;
					margin: -25px 0 10px 270px;
					background: url(images/header/rss/bg.gif) no-repeat left center;
					width: 16px;
					height: 16px;
				}
			
				.widget ul {
					list-style-type: none;
				}
				
					.widget ul li {
						margin: 5px 0;
						padding: 3px 0 3px 20px;
						border-bottom: 1px solid #FFF;
						background: url(images/content/node/featured-articles/arrow/bg.gif) left center no-repeat;
					}
					
						.widget ul li a, #cat_links_two a {
							color: #2C6791;
							text-decoration: none;
							font-weight: bold;
						}
						
							.widget ul li a:hover, #cat_links_two a:hover {
								color: #1D445F;
							}
						
						.tweeter {
							display: block;
							font-weight: bold;
						}
						
						
						#category_links {
							background:transparent url(images/content/node/featured-articles/arrow/bg.gif) no-repeat scroll left center;
							border-bottom:1px solid #D8DCDE;
							margin:5px 0;
							padding:3px 0 3px 20px;
						}

							#cat_bullet {
								display: none;
							}
		
	#bottom {
		background: #9FC9E6 url(images/bottom/bg.gif) repeat-x left top;
		padding: 10px 0;
		color: #333;
	}
	
		#bottom .wrapper {
			display: inline-block;
			padding: 0 10px;
		}
		
		#bottomleft {
			width: 620px;
			float: left;
			margin: 0 10px;
		}
		
			#bottom h3 {
				font-family: Georgia, serif;
				font-size: 20px;
			}
			
			#bottom p {
				text-align: justify;
			}
		
		#bottomright {
			width: 290px;
			margin: 0 0 0 20px;
			float: left;
		}
	
	#footer {
		background: #A1C8E5 url(images/footer/bg.gif) repeat-x left top;
		color: #333;
		font-size: 1.1em;
		height: 75px;
		font-family: Georgia,Times,serif;
		font-size: 1.2em;
		font-weight: bold;
	}
	
		#footer p {
			text-align: center;
			padding: 10px 0 0;
		}
		
			#footer a {
				color: #333;
				text-decoration: none;
			}
			
				#footer a:hover {
					text-decoration: underline;
				}
		
				#footer img {
					vertical-align: middle;
				}
		
.floatleft {
	float:left;
	width: auto;
}

.floatright  {
	float: right;
	width: auto;
}

.entry .alignnone, .entry .size-full {
	/*display: none !important;*/
	float:left;
	height:auto;
	max-height:250px;
	max-width:325px;
	padding:0 20px 10px 0;
	width:auto;
}