/*
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 {
						color: #333;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
						margin: 0 11px;
						display: block;
						z-index: 100;
					}
					
	#featured {
		background: #BCD9EE url(images/featured/bg.gif) repeat-x left top;
		padding-top: 10px;
		height: 290px;
		overflow: hidden;
	}
	
		.crop {
			overflow: hidden;
			width: 960px;
		}
		
			.crop li {
				width: 960px;
				height: 290px;
				overflow: hidden;
				list-style-type: none;
			}
			
				.crop h3 {
					font-family: Georgia, serif;
					font-size: 24px;
					margin: 0 0 5px;
					padding: 0 0 0 10px;
					float: left;
					width: auto;
				}
			
				.crop li p {
					margin: 0 0 20px;
					width: 600px;
					text-align: justify;
					padding: 0 0 0 10px;
					float: left;
				}
				
				.crop li img {
					float: right;
					height: 240px;
					width: auto;
				}
				
				#prevBtn, #nextBtn {
					position: absolute;
					width: 92px;
					height: 28px;
					top: 390px;
				}
				
					#prevBtn {
						margin: 0 0 0 680px;
					}
					
					#nextBtn {
						margin: 0 0 0 830px;
					}
					
						#prevBtn a, #nextBtn a {
							color: #FEFEFE;
							text-decoration: none;
							font-size: 14px;
							width: 100%;
							height: 100%;
							line-height: 28px;
							display: block;
						}
						
							#prevBtn a {
								text-indent: 30px;
								background: #BCD9EE url(images/featured/buttons/prev/bg.jpg) left top no-repeat;
							}
							
							#nextBtn a {
								text-indent: 20px;
								background: #BCD9EE url(images/featured/buttons/next/bg.jpg) left top no-repeat;
							}
	
	#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 {
				background: #EAF3FA;
				border: 1px solid #D3E0EA;
				padding: 0 10px;
				margin: 10px 10px 0;
			}
			
				.category-description h2 {
					font-family: Georgia, serif;
					font-weight: normal;
					font-size: 24px;
					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;
						}
			
				.imgtfe {
					margin: 0 10px 10px 0;
					max-width: 70px;
					max-height: 70px;
					width: auto;
					height: auto;
				}
			
				.post p, .category-description p {
					margin: 0 0 15px;
				}
				
					.post p a, .post ol a, .post ul a {
						color: #4093CE;
					}
					
						.post p a:hover, .post ol a:hover, .post ul a:hover {
							color: #2C6791;
						}
						
				.post ol {
					padding: 0 0 0 20px;
				}
				
				.ddsg-wrapper ul, .post ul {
					margin: 0 0 15px 15px;
				}
				
					.ddsg-wrapper ul li {
						margin: 5px 0;
						font-size: 14px;
					}
					
						.ddsg-wrapper ul li a {
							color: #4093CE;
							text-decoration: none;
						}
						
							.ddsg-wrapper ul li a:hover {
								color: #2C6791;
								text-decoration: underline;
							}
							
						.ddsg-wrapper ul li li {
							font-size: 12px;
						}
				
			hr {
				width: 95%;
				margin: auto;
				border: none;
				border-top: 1px solid #AAA;
			}
				
			#respond {
				padding: 0 10px;
			}
			
				#commentform p, .wpcf7-form p  {
					margin: 10px 0;
				}
			
					#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea {
						background: #E2EFF8;
						border: 1px solid #C0E1F8;
						font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
						font-size: 12px;
						padding: 5px;
						margin: 0 10px 0 0;
					}
					
					#commentform textarea, .wpcf7-form textarea {
						padding: 3px;
					}
					
					#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 #C0E1F8;
					margin: 0 0 15px 10px;
					list-style-type: none;
				}
				
					.commentlist li {
						border-bottom: 2px solid #C0E1F8;
						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: #4093CE;
									text-decoration: none;
								}
		
			.category-box {
				width: 293px;
				float: left;
				background: #EAF3FA;
				border: 1px solid #D3E0EA;
				color: #525A60;
				padding: 10px;
				margin: 5px !important;
				margin: 5px 5px 5px 3px;
				/*height: 545px;*/
				height: 530px;
				position: relative;
			}
			
				.category-box h2, .widget h2 {
					color: #333;
					font-family: Georgia, serif;
					font-size: 20px;
				}
				
					.category-box h2 {
						padding: 0 0 0 70px;
						height: 60px;
						background: url(images/content/category-box/icons/bg.gif) left top no-repeat;
					}
					
						#help-desk-box h2 {
							background-position: left -240px;
						}
						
						#cloud-computing-box h2 {
							background-position: left -60px;
							line-height: 60px;
						}
						
						#sales-force-box h2 {
							background-position: left -120px;
						}
						
						#crm-box h2 {
							background-position: left -180px;
							line-height: 60px;
						}
						
						#social-networking-box h2 {
							background-position: left -300px;
							line-height: 60px;
						}
						
					.widget h2 a {
						color: #333;
						text-decoration: none;
					}
					
						.widget h2 a:hover {
							text-decoration: underline;
						}
				
				.more {
					text-align: right;
					margin: 5px 0;
				}
				
					.more a {
						background: #EAF3FA url(images/content/category-box/more/bg2.gif) no-repeat left 2px;
						color: #4093CE;
						text-decoration: none;
						font-weight: bold;
						padding: 5px 0 0 20px;
						height: 16px;
						line-height: 16px;
					}
					
						.more a:hover {
							color: #2C6791;
						}
					
				.recent-titles {
					background: #87BDE4;
					padding: 5px 5px 5px 20px;
					border: 1px solid #6E9CBD;
					color: #333;
					position: absolute;
					width: 268px;
					bottom: 10px;
					height: 175px;
				}
				
					.recent-titles li {
						margin: 2px 0;
						list-style-type: none;
					}
					
						.recent-title {
							list-style-type: disc !important;
							margin: 2px 0 2px 5px !important;
						}
					
						.recent-titles h3 {
							list-style-type: none;
							text-indent: -10px;
							font-size: 12px;
						}
				
						.recent-titles a {
							color: #FFF;
							text-decoration: none;
						}
						
							.recent-titles a:hover {
								color: #2C6791;
							}

			.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 5px !important;
			margin: 0 0 0 3px;
			float: left;
		}
		
			#rightcontent li {
				list-style-type: none;
			}
		
			.widget {
				clear:left;
				float:left;
				margin:5px 0;
				padding:10px;
				width:290px;
			}
			
			#rightcontent #searchform {
				margin: 5px 0 0;
			}
			
				#blog-rss-mini {
					display: block;
					text-indent: -10000px;
					margin: -30px 0 15px 275px;
					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 #D8DCDE;
						background: url(images/content/node/featured-articles/arrow/bg.gif) left center no-repeat;
					}
					
						.widget ul li a, #cat_links_two a {
							color: #4093CE;
							text-decoration: none;
							font-weight: bold;
						}
						
							.widget ul li a:hover, #cat_links_two a:hover {
								color: #2C6791;
							}
						
						.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;
							}
							
				#featured-articles-feed {
					background: #87BDE4;
					border: 1px solid #6E9CBD;
					padding: 10px;
					width: 290px;
				}
				
					#featured-articles-feed a {
						color: #FFF;
					}
					
						#featured-articles-feed a:hover {
							color: #2C6791;
						}
		
	#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;*/
	max-height: 250px;
	max-width: 325px;
	height: auto;
	width: auto;
	float: left;
	padding: 0 20px 10px 0;
}