/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

html, body{ background-color: #407994; }
body { font: 12px/1.5 arial, verdana, sans-serif; color: #444; }

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }
h1{
	margin: 0 0 6px 0;
	color: #0972a9;
	font-size: 24px;
	font-weight: bold;
	text-transform:none;
}
h2{
	margin: 0 0 10px 0;
	color: #0972a9;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}
h3{
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
}

ol, ul, dl { list-style: none; margin: 0 0 18px 36px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
li { margin: 4px 0; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a{ color: #0972a9; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.tweet-meme{ float: left; margin: 0 18px 0 0; }


/* Header */

#header-wrapper{
	background: #FFF url(../images/header-background.png) top repeat-x;
	position: relative;
	z-index: 2;
}
	#header{
		height: 190px;
		margin: 0px auto;
		position: relative;
		width: 920px;
	}
		#logo{
			position: absolute;
			left: 0;
			top: 43px;
		}
		#slogan{
			margin: 0;
			position: absolute;
			top: 75px;
			right: 0;
			width: 430px;
			
			color: #808080;
			font-size: 10px;
			line-height: 14px;
		}
		#search-form{
			position: absolute;
			right: 0;
			/*top: 9px;*/
			bottom:40px;
		}
		#search-form input{ float: left; vertical-align: middle; }
		#search-form #search-phrase{
			border: 1px solid #dbdfe0;
			border-right: none;
			margin: 0;
			padding: 4px;
			width: 225px;
			-webkit-appearance: none;
			
			font-size: 12px;
		}
		#menu, #menu ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#menu{
				position: absolute;
				left: 0;
				bottom: 0;
				height: 39px;
				width: 920px;
			}
				#menu li{ 
					float: left;
					margin: 0;
					position: relative;
				}
					#menu li a{
						display: block;
						height: 39px;
						padding: 0 20px;
						
						color: #000;
						font-size: 11px;
						font-weight: bold;
						line-height: 39px;
						text-decoration: none;
					}
					#menu li a:hover, #menu li a.current{
						background: transparent url(../images/menu-item-background.png) top repeat-x;
						color: #FFF;
					}	
					#menu li ul{
						display: none;
						position: absolute;
						top: 39px;
						left: 0;
						width: 230px;
					}
					#menu li:hover > ul{ display: block; }
						#menu li ul li a{
							background: #CCC;
							height: auto;
							padding: 5px 10px;
							width: 210px;
							
							line-height: 18px;
						}
						#menu li ul li a:hover, #menu li ul li a.current{
							background: #EEE;
							color: #000;
						}
					

/* Home - Content */

#content-wrapper{
	background-color: #FFF;
	padding: 7px 0 20px 0;
	position: relative;
	z-index: 1;
}
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	#content{
		margin: 0 auto;
		width: 920px;
	}


/* Home - Feature */

#feature{
	background: #CCC;
	float: left;
	margin: 4px 0 19px 0;
	position: relative;
	width: 592px;
	height: 293px;
}
	#feature-slides{
		background: #407994;
		list-style: none;
		height: 269px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 592px;
		z-index: 1;
	}
		#feature-slides li{
			height: 269px;
			width: 592px;
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
		}
			#feature-slides li.text{
				padding: 20px;
				height: 229px;
				width: 552px;
				
				color: #FFF;
				font-size: 12px;
				font-family: "Palatino","Georgia","Times New Roman","Times",serif;
			}
				#feature-slides li.text h3{
					color: #FFF;
					font-size: 24px;
					margin: 0 0 18px 0;
				}
				#feature-slides li.text p{
					margin: 0 0 10px 0;
				}
				#feature-slides li.text a{
					color: #C4D1D5;
				}
	#feature-navigation{
		background: #444;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 24px;
		width: 592px;
		z-index: 2;
	}
		#feature-navigation h2{
			margin: 0 0 0 16px;
			width: 50%;
			color: #FFF;
			font-size: 14px;
			line-height: 24px;
			text-transform: none;
		}
		#feature-navigation ul{
			list-style: none;
			height: 24px;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 4px;
			right: 10px;
		}
			#feature-navigation li{
				float: left;
			}
				#feature-navigation li a{
					background-color: transparent;
					border: 1px solid #b0b1ac;
					display: block;
					margin: 5px 0 0 3px;
					width: 12px;
					height: 12px;
					
					text-indent: -9999px;
				}
					#feature-navigation li a:hover, #feature-navigation li a.activeSlide{
						background-color: #b0b1ac;
					}

/* Home - Demo */

#demo{
  float: right;
  padding: 5px 2px;
}

/* Home - benefits */

#benefits {
  float: left;
	width: 592px;
}
  #benefits h2 {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
    text-transform: none;
  }
    #benefits h2 em {
      color: #0972a9;
      font-style: normal;
    }
  #benefits .col {
    float: left;
    width: 45%;
    margin: 0 4% 20px 0;
  }
    #benefits h4 {
      margin: 10px 0 0;
    }
    #benefits ul {
      margin-top: 0;
    }
      #benefits ul li {
        font-weight: bold;
        margin: 0;
      }
  #benefits h3 {
    font-size: 16px;
    color: #0972a9;
  }
  #benefits blockquote {
    margin: 10px 0 0;
    font-style: italic;
    color: #666;
  }
  #benefits .attribution {
    text-align: right;
  }


/* Home - Recent Posts */

#recent-posts{
	background: transparent url(../images/twitter-background.png) 0 0 no-repeat;
	float: right;
	clear: right;
	height: 426px;
	margin: 0 0 15px 0;
	padding: 7px;
	width: 297px;
}
	#recent-posts h2{
		height: 37px;
		margin: 0 0 16px 0;
		padding: 0 25px;
		
		color: #FFF;
		line-height: 32px;
	}
	#recent-posts h3{
		color: #000000;
		font-size: 12px;
		line-height: 1em;
		margin: 0 0 10px 0;
	}
	#recent-posts h3.featured {
    margin: 0 30px 16px;
	}
	#recent-posts ol{
		list-style: none;
		margin: 0 30px;
		padding: 0;
		font-size: 11px;
		line-height: 15px;
	}
		#recent-posts li{
			margin: 0 0 12px 0;
		}
			#recent-posts li p{
				margin: 0;
				color: #000;
				line-height: 15px;
			}
			#recent-posts li a{ color: #0972a9; }
  #recent-posts #visit-our-blog {display: block; text-align: center;}

/* Home - Connect */

#connect-with-us{
	background: transparent url(../images/connect-background.png) 0 0 no-repeat;
	display: inline;
	float: right;
	height: 199px;
	padding: 19px 28px;
	margin-bottom: 10px;
	position: relative;
	width: 255px;
}
	#connect-with-us p{
		font-size: 10px;
		line-height: 14px;
		margin: 0 0 10px 0;
	}
	#connect-with-us ul{
		list-style: none;
		height: 40px;
		margin: 0 0 18px 0;
		padding: 0;
	}
		#connect-with-us li{
			float: left;
			margin: 0 0 0 8px;
		}
	#newsletter-form input{ vertical-align: middle; }
	#newsletter-form input#newsletter-email{
		border: 1px solid #dbdfe0;
		margin: 0;
		padding: 4px;
		width: 160px;
		-webkit-appearance: none;
		
		font-size: 11px;
	}
	
	
/* Page - Content */

#content-body{
	float: left;
	padding: 18px 0 0 0;
	width: 602px;
	
	font-size: 12px;
}
	#content-body h2{
		margin: 0 0 5px 0;
		
		color: #000;
		font-size: 18px;
		line-height: 24px;
		font-weight: normal;
		text-transform: none;
	}
		#content-body h2 a{
			color: #000;
			text-decoration: none;
		}
	#content-body p.subheader{
		color: #0972a9;
		font-size: 14px;
		line-height: 18px;
	}
	ul.list{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		ul.list li.hasthumbnail{
			padding-left: 80px;
		}
			ul.list li.hasthumbnail img.thumbnail{
				float: left;
				margin-left: -80px;
			}
			
		#content-body .byline{ margin: 0 0 12px 0; }
		#content-body p.subscribe, #content-body .byline{
			font-size: 12px;
			font-weight: bold;
		}
		p.tags{
			background-color: #7CA6CF;
			border-radius: 10px;
			border: 2px solid #0972a9;
			margin: 0 0 36px 0;
			padding: 10px;
			
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
		}
			#content-body p.tags a{ color: #FFF; }
		ul#pagination-links{
			list-style: none;
			margin: 0 0 18px 0;
			padding: 0;
		}
			ul#pagination-links li{
				display: inline;
				
				font-size: 14px;
			}
				ul#pagination-links li a.current{
					color: #000;
					font-weight: bold;
				}
	
	#comments ol li{
		margin: 0 0 18px 0;
	}
		#comments ol li p.date{
			margin: 0 0 5px 0;
			font-weight: bold;
		}
	#comments form label{
		display: block;
		font-weight: bold;
	}
	#comments form textarea{
		width: 400px;
		height: 150px;
	}

/* Page - Sidebar */

#content-sidebar{
	background: #FFF url(../images/sidebar-background.png) bottom right no-repeat;
	float: right;
	min-height: 781px;
	width: 278px;
	
	font-size: 11px;
}
	.sidebar-panel{
		padding: 18px;
	}
	#sidebar-top{
		background: transparent url(../images/sidebar-background-top.png) 0 0 no-repeat;
		height: 6px;
	}
	#sidebar-twitter, #sidebar-newsletter{
		background: transparent url(../images/sidebar-divider.png) 4px 100% no-repeat;
		padding: 24px 18px 18px 18px;
	}
		#sidebar-twitter p{
			margin: 0;
			color: #000;
		}
		#sidebar-twitter p.byline{ color: #9d9d9f; }
		#sidebar-twitter a#sidebar-follow-us-on-twitter{
			display: block;
			height: 25px;
			margin: 18px auto 0 auto;
			width: 153px;
		}
		
	#sidebar-recent-posts, #sidebar-blog-archives, #sidebar-popular-posts{
		background: transparent url(../images/sidebar-divider2.png) 4px 100% no-repeat;
	}
		#sidebar-recent-posts ol, #sidebar-blog-archives ul, #sidebar-popular-posts ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#sidebar-recent-posts li{
				margin: 0 0 10px 0;
			}
				#sidebar-recent-posts li h3{ margin: 0 0 5px 0; line-height: 18px; }
					#sidebar-recent-posts li h3 a{
						color: #000;
						font-size: 14px;
						font-weight: normal;
						text-decoration: none;
					}
		
		a#sidebar-visit-our-blog{
			display: block;
			height: 27px;
			margin: 0 auto;
			width: 108px;
		}
	#sidebar-connect-with-us{
		background: transparent url(../images/sidebar-divider3.png) 4px 100% no-repeat;
	}
		#sidebar-connect-with-us ul{
			list-style: none;
			height: 40px;
			margin: 0;
			padding: 0;
		}
			#sidebar-connect-with-us li{
				float: left;
				margin: 0 5px 0 0;
			}
	
	
/* Footer */

#footer-wrapper{
	height: 48px;
	
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
}
	#footer-wrapper p{ margin: 0; }
	
	
/* Blog */

.section-list li{ position: relative; }
.author-link{ position: relative; }
.author-popup{
	background: #EEE;
	border: 1px solid #CCC;
	display: none;
	padding: 10px;
	position: absolute;
	left: 300px;
	width: 300px;
	z-index: 10;
	
	font-size: 10px;
	font-weight: normal;
}
	.author-popup img{
		float: left;
		margin: 0 10px 10px 0;
	}
	.author-popup p:last-child{ margin: 0; }
	
h1.blog {text-transform: none;}


/* Forms */

#flash-message{
	background: #FFFFCC;
	margin: 0 0 18px 0;
	padding: 5px 10px;
	
	color: #000;
}

.account-form fieldset{
	margin: 0 0 18px 0;
}
	.account-form legend{
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 18px 0;
	}
	.account-form label{
		display: block;
	}
	.account-form .permanent{
		font-weight: bold;
	}

#sidebar-user{
	background: transparent url(../images/sidebar-divider.png) 4px 100% no-repeat;
}
#sidebar-user p{
	margin: 0;
}	
#sidebar-user ul{
	list-style: none;
	margin: 0;
	padding: 0;
}