@import url('reset.css');

/*-------
Body, Headers, Links 
-------------------------------*/
body {
	font-size: 62.5%;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	background: #f2f4f8;
	color: #262626; 
	margin: 0; }
	
h1 {
	font-size: 2.8em;
	color: #2a2a2a;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 5px;
	line-height:1.1em;
	border-bottom: 1px solid #D9D9D9; }
	
h2 {
	font-size: 2.2em;
	color: #f35c12;
	font-weight: bold;
	margin: 0 0 6px; }
	
h3 {
	font-size: 1.8em;
	color: #343434;
	font-weight: bold;
	margin: 0 0 8px; }
	
h4 {
	font-size: 1.6em;
	color: #355889;
	font-weight: normal;
	margin: 0 0 5px;
	text-shadow: 1px 1px 0 #fff; }
	
h5 {
	font-size: 1.8em;
	font-weight: normal;
	color: #8c8c8c;
	margin: 0 0 5px; }
	
h6 {
	font-size: 1.5em !important;
	font-weight: bold;
	color: #595959;
	margin: 0 0 5px; }
	
p {
	font-size: 1.4em; 
	margin: 0 0 15px;
	line-height: 1.35em; }

a,
a:link,	 		
a:visited	{color: #355889; text-decoration: none; }	
a:hover		{color: #243B5C; text-decoration: underline; }
a:active	{color: #f35c12; text-decoration: underline; }

a.more 		{ background: url(../images/icons/ico-blue-arrow.png) right center no-repeat; padding-right: 10px;}

em {font-style: italic; }

strong {font-weight: bold; }

.logo { float: left; }


/*---------------------------------- 
	Structure 
---------------------------------------------*/
#header {
	margin: 0 auto;
	height: 70px;	
	background: transparent url(../images/tile-header.gif) left top repeat-x; }
	
.shell { width: 960px; margin: 0 auto; }	

#maincol { width: 620px; float: left; }
#sidebar { width: 296px; float: right; }	

#header .shell { padding: 21px 0 0; }

#content { margin: 30px 0; }


/*---------------------------------- 
	Navigation 
---------------------------------------------*/
.main-nav { float: right; margin: 6px 0 0; }
.main-nav li { 
	font-size: 1.5em; 
	font-weight: bold; 
	margin:0 0 0 14px;
	padding:2px 0 2px 16px; 
	display: inline; 
	list-style: none;
	border-left:1px solid #404040; }
	.main-nav li.page-item-10 { border: 0 none; margin: 0; }
		.main-nav li a, .main-nav li a:link, .main-nav li a:visited { color: #fff; text-decoration: none; text-shadow: 1px 1px 0 #000; }
		.main-nav li a:hover { color: #B8C8D9; border-bottom: 1px dotted #666; }
		.main-nav li.current_page_item a { color: #f35c12; }


/*---------------------------------- 
	Banner 
---------------------------------------------*/
#banner { 

	background: #313840 url(../images/tile-banner.gif) left top repeat-x; 
	padding: 0 0 15px; }

	.banner-left { width: 360px; float: left; margin: 45px 0 0; }
	.banner-right { width: 600px; float: right; margin: 20px 0 0; }

	#banner h1 { 
		font-weight: bold;
		/* TODO update this with new messaging and revert to use image */
		/*
		background: transparent url(../images/banner-headline.png) top left no-repeat; 
		text-indent: -9990px; 
		*/
		margin: 0 0 15px; 
		color: #E0E5EC;
		text-shadow: #363A3E 0px 1px 3px;
		border: 0 none; }

	#banner h2 { color: #afbccf; margin: 0 0 10px; font-size: 1.8em; text-shadow: 0px 1px 2px #2a2a2a; }
	#banner p { color: #ecf1f6; }

.banner-right .app-prev { padding: 0 0 0 30px; }
		
.banner-left .learnmore { margin: 25px 0 0; }
		
/*---------------------------------- 
	Featurettes 
---------------------------------------------*/		
#maincol ul.features { border-top: 1px solid #d9d9d9; padding: 25px 0 0; margin: 25px 0 0; }		
#maincol ul.features li { display: inline; float: left; width: 250px; color: #808080; line-height: 1.2em; }		
	#maincol ul.features li.time { background: url(../images/icons/ico-time.png) top left no-repeat; padding: 0 0 0 42px; margin: 0 30px 0 0; }
	#maincol ul.features li.auto { background: url(../images/icons/ico-magnet.png) top left no-repeat; padding: 0 0 0 42px; }
	

/*---------------------------------- 
	Typography 
---------------------------------------------*/
#maincol ul { font-size: 1.35em; margin: 0 0 20px; }
	#maincol ul li { margin: 0 0 8px 0;; list-style: disc outside none; }

#maincol ol { font-size: 1.35em; margin: 0 0 20px; }
	#maincol ol li { margin: 0 0 8px 0; padding: 0 0 0 0.35em; list-style-type: decimal; }

#maincol .post ul li,
#maincol .post ol li { margin-left: 1.5em; }

.borderless { border: 0 none; }


/*---------------------------------- 
	Sidebar 
---------------------------------------------*/	
.widget { margin: 0 0 30px; }

.widget ul li { font-size: 1.3em; }
.widget ul li ul { margin: 10px 0; }
.widget ul li ul li { font-size: 1em; }

li.widget {
	list-style-type: none; }

li#breadcrumb-navxt {
	font-size: 1.2em; }	

li.simple_sidenav {
	list-style-type: none; }

	.simple_sidenav h2 {
		color: #343434;
		font-size: 1.4em;
		background: transparent url(../images/sidebar-tile.gif) top left repeat-x;
		padding: 7px 0 0;
		margin: 0 0 10px; }

		.simple_sidenav ul li {
			margin: 0 0 14px;
			list-style: none outside none;
			background: transparent url(../images/icons/ico-arrow.gif) left 2px no-repeat;
			padding: 0 0 0 10px; }

			.simple_sidenav ul li a:link,
			.simple_sidenav ul li a:visited {
				color: #355889;
				font-weight: normal;
				text-decoration: none; 
				margin: 0 0 5px;
				text-shadow: 1px 1px 0 #FFFFFF; }
			.simple_sidenav ul li a:hover {
				color: #333;
				text-decoration: underline; }
			.simple_sidenav ul li.current_page_item a { color: #F35C12; }

div.archives { }

#sidebar .archives h2 {
	color: #343434;
		font-size: 1.4em;
		background: transparent url(../images/sidebar-tile.gif) top left repeat-x;
		padding: 7px 0 0;
		margin: 0 0 10px; }

	.archives ul li {
		margin: 0 0 14px;
		list-style: none outside none;
		background: transparent url(../images/icons/ico-arrow.gif) left 2px no-repeat;
		padding: 0 0 0 10px;
		color: #8FA6BF; }

	.archives ul li ul li { background: none; list-style: disc; padding: 0; margin: 0 0 0 14px; }
	
			.archives ul li a:link,
			.archives ul li a:visited {
				color: #355889;
				font-weight: normal;
				text-decoration: none; 
				text-shadow: 1px 1px 0 #FFFFFF; }
			.archives ul li a:hover {
				color: #333;
				text-decoration: underline; }


blockquote p { 
	background: transparent url(../images/icons/ico-quote.gif) top left no-repeat; padding: 0 0 0 30px;
	color: #b3bbc5;
	font-weight: bold;
	font-size: 1.5em;
	text-shadow: 1px 1px 0 #fff; }	
	
ul.social { margin: 0 0 15px; padding: 0 20px; }
	ul.social li { float: left; border-right: 1px solid #ced4db; }
		ul.social li.one { padding: 2px 20px 2px 0; }
		ul.social li.two, 
		ul.social li.three { padding: 2px 21px 2px; }	
		ul.social li.four { border: 0 none; padding: 2px 0 2px 20px; }
	
		ul.social li a { float: left; }

.widget.twitter {
	background: transparent url(../images/tweet-top.gif) left top no-repeat; 
	width: 296px; 
	padding: 10px 0 0; }
	
#twitter_div {
	background: transparent url(../images/tweet-btm.gif) left bottom no-repeat; 
	padding: 0 0 15px; }

#twitter_div h2 { color: #2a2a2a; font-size: 1.6em; padding: 0 15px; }

#twitter_update_list {
	padding: 0 15px 15px 15px; 
	color: #6e7480; 
	line-height: 1.7em; }
	
	#twitter_update_list li span { display: block; margin: 0 0 2px; }

		#twitter_update_list li span a,
		#twitter_update_list li span a:link,
		#twitter_update_list li span a:visited	{ color: #2390C1; text-decoration: none; font-style: normal; }
		#twitter_update_list li span a:hover	{ color: #333; text-decoration: underline; }

		#twitter_update_list li a,
		#twitter_update_list li a:link,
		#twitter_update_list li a:visited	{ color: #a4a4a4; text-decoration: none; font-style: italic; }
		#twitter_update_list li a:hover		{ color: #333; text-decoration: underline; }
	
		
/*---------------------------------- 
	Blog 
---------------------------------------------*/
.post { margin: 0 0 30px; padding: 0 0 25px; border-bottom: 1px dotted #D4D6D9; }

body.blog .post h2, body.single .post h2, body.search-results .hentry h2, body.archive .post h2 { font-weight: normal; line-height: 1.1em; margin: 0 0 2px; text-shadow: 1px 1px 0 #fff; color: #355889; }
p.postmeta, p.postmetadata { font-size: 1.2em; color: #747a81; margin: 0 0 10px; }

p.postmetadata a, p.postmetadata a:link, p.postmetadata a:visited { color: #8FA6BF; }
p.postmetadata a:hover { color: #8896A6; }
		
body.search-results .hentry { border-bottom:1px dotted #D4D6D9; margin:0 0 25px; padding:0 0 20px;}		
		
.navigation { font-size: 1.1em; }

		
/*---------------------------------- 
	Sprites 
---------------------------------------------*/
.btn { 
	display: block; 
	background-repeat: no-repeat; 
	background-position: left-top; 
	background-color: transparent;
	text-indent: -9999px; }

.learnmore { background-image: url(../images/buttons/btn-learnmore.png); width: 125px; height: 46px; }
.learnmore:hover { background-position: left bottom; }

.submit { background-image: url(../images/buttons/btn-submit.gif); width: 95px; height: 40px; }
.submit:hover { background-position: left bottom; }

		
/*---------------------------------- 
	Form 
---------------------------------------------*/
#maincol form input[type="text"], #maincol form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:url("../images/input-bg.png") no-repeat scroll 0 0 #FFFFFF;
	border:1px solid #CED4DB;
	color:#355889;
	font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	height:16px;
	padding:8px; }
	
form textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:url("../images/input-bg.png") no-repeat scroll 0 0 #F7F9FC;
	border:1px solid #CED4DB;
	color:#355889;
	display:block;
	font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:15px;
	padding:8px;
	width:97%; }

form p { font-size: 1em; }	
form p label { display:block; font-size:1.4em; font-weight:bold; margin:0 0 4px; color: #6E7480; text-shadow:1px 1px 0 #fff; }
	
div.wpcf7 { margin: 0 0 30px !important; }	
.wpcf7 form textarea { width: 500px; height: 120px; }

form#searchform label { display:block; font-size:1.5em; font-weight:bold; margin:0 0 4px; color: #6E7480; text-shadow:1px 1px 0 #fff;  }
form#searchform input[type="text"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:url("../images/input-bg.png") no-repeat scroll 0 0 #FFFFFF;
	border:1px solid #CED4DB;
	color:#355889;
	font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	height:16px;
	padding:5px;
	width: 220px;
	margin: 0 6px 0 0; }

/*---------------------------------- 
	Disqus Commenting 
---------------------------------------------*/
#disqus_thread #dsq-content { font-size: 1.0em; }


/*---------------------------------- 
	Footer 
---------------------------------------------*/
#footer { margin: 60px 0 20px; }
#footer .shell { border-top: 1px solid #d4d6d9; padding: 10px 0 0; color: #A8B3BF; }
	#footer .shell p { font-size: 1.2em; }
	
	.footer-nav { float: right; margin: 6px 0 0; }
	.footer-nav li { 
		font-size: 1.2em; 
		font-weight: normal; 
		margin:0 0 0 8px;
		padding:0 0 0 10px; 
		display: inline; 
		list-style: none;
		border-left:1px solid #d4d6d9; }
		.footer-nav li.page-item-10 { border: 0 none; margin: 0; }
			.footer-nav li a, .footer-nav li a:link, .footer-nav li a:visited { color: #A8B3BF; text-decoration: none; }
			.footer-nav li a:hover { color: #8896A6; border-bottom: 1px dotted #8896A6; }
			.footer-nav li.current_page_item a { color: #A8B3BF; }

	
/*-------
Clearing floats without extra markup
---------------------------------------------*/
/* new clearfix */
.clearfix:after {
       visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
       }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* floats */
.floatleft,
.alignleft {float: left; }
img.alignleft { margin-right: 10px; }
.floatright,
.alignright {float: right; }
img.alignright { margin-left: 10px; }