/* 
Project for Galen Institute
Created by nclud (http://www.nclud.com)
Authored by Brandon Vaughan
Creation date: 10/24/2011



Contents -------------
	
	A. COLOR VALUES
	B. FONTS
	C. JS STYLES
	
	0. RESET
	1. GRID
	2. DEFAULT STYLING
		2.1 DEFAULT FORM STYLES
	3. HEADINGS
	4. LINKS
	5. LAYOUT
	5. BRANDING/MASTHEAD
	7. NAVIGATION
	8. SITEINFO/FOOTER
	
	9. SITE-WIDE ELEMENTS
	10. PAGE SPECIFIC ELEMENTS
	
-------------------------------
/* ------------------------
	I. VALUE
-------------------------------- */

/* ------------------------
	A. COLOR VALUES

	blue	rgb(12,54,146)
	gold	rgb(141,110,38)
	yellow	rgb(237,168,4)
	
	grey 	#565656
	blue_lt #668ca9

-------------------------------- */

/* ------------------------
	B. FONTS
	
	font-family: 'Crimson Text', Garamond, Times, serif;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-family: 'Satisfy','Crimson Text', cursive;
-------------------------------- */

/* ------------------------
	2. DEFAULT STYLING
-------------------------------- */
html,body {
	height: 100%;
	width: 100%;
}
body {
	background: url(../img/chrome_sprite.png) repeat-x 0px 0px;

}

p, li {
	color: #565656;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	
}
.no-border {
  border: none !important;
}
p a {
	color: #00529c;
}
p a:hover {
	color: #be1321;
}
.main img {
	border: solid 1px #DDD;	
	border: solid 1px rgba(0,0,0,.15);
	padding: 5px;
}
	.main img.noborder {
		border: none;
		padding: 0px;
		background: white;
	}
	.main ul li {
		list-style: square;
	}
		.main ul ul li {
			list-style: disc;
		}
			.main ul ul ul li {
				list-style: circle;
			}
	.main ol li {
		list-style: decimal;
	}
		.main ol ol li {
			list-style: lower-roman;
		}
			.main ol ol ol li {
				list-style: lower-alpha;
			}
.main blockquote.large {
	margin: 0px;
}		
.main blockquote.large p {
	color: #BBB;
	font-family: 'Crimson Text', Garamond, Times, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: 500;
	line-height: 32px;
	margin: 0px;
}
.main blockquote.large p strong {
	color: #888;
	font-weight: 500;
}

.no-pad {
	padding: 0px !important;
}
.wpcf7-form p {
	color: #999;
	font-size: 13px;
	font-weight: bold;
	
}
input.wpcf7-text,.wpcf7-quiz, .wpcf7-form-control-wrap textarea,
input.text {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 7px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0px -2px 7px rgba(0,0,0,.1) inset;
	box-shadow: 0px -2px 7px rgba(0,0,0,.1) inset;
	background: #f1f1f1;
	color: #666;
	margin: 3px;
	padding: 3px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 13px;
	  text-shadow: 0 1px 0 #fff;
}
.wpcf7-form-control-wrap textarea {
	padding:  8px;
	line-height: 18px;
}
	input.wpcf7-text:focus,.wpcf7-quiz:focus, .wpcf7-form-control-wrap textarea:focus,input.text:focus {
		border: 1px solid #BBBBBB;
		
	}
.wpcf7-submit {
    background: url("uniform/images/btn-sm-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #6E93B0;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #234E70;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 27px;
    line-height: 26px;
    margin-right: 5px;
    padding: 0 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.wpcf7-submit:hover {
    color: #234E70;
    text-decoration: none;
}
.wpcf7-validation-errors {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 3px 8px rgba(255,255,255,.1) inset;
	-moz-box-shadow: 0px 3px 8px rgba(255,255,255,.1) inset;
	box-shadow: 0px 3px 8px rgba(255,255,255,.1) inset;
	border: 1px solid orange !important;
	background: orange;
	color: rgba(0,0,0,.5);
	font-weight: bold;
	padding: 8px !important;
	margin: 10px 0px !important;
	width:  80%;
}
.wpcf7-not-valid-tip {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	-webkit-box-shadow: 0px 3px 8px rgba(255,255,255,.3) inset;
	-moz-box-shadow: 0px 3px 8px rgba(255,255,255,.3) inset;
	box-shadow: 0px 3px 8px rgba(255,255,255,.3) inset;
	background: crimson !important;
	color: white !important;
	padding: 8px !important;
	display: block;
	margin: 5px 0px !important;
	border: solid 1px rgba(0,0,0,.1) !important;
	font-size: 13px !important;
	line-height: 12px;
	font-weight: bold;
	top:  120% !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}
	.wpcf7-not-valid-tip:before {
		border-right: 6px solid transparent;
		border-bottom: 6px solid #E34464;
		border-left: 6px solid transparent;
		content: '-';
		display: block;
		height: 0px;		
		position: absolute;
		text-indent: -9999px;
		top:  -6px;
		left: 10px;
		width: 0px;
	}
	.wpcf7-mail-sent-ok {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 3px 8px rgba(255,255,255,.1) inset;
		-moz-box-shadow: 0px 3px 8px rgba(255,255,255,.1) inset;
		box-shadow: 0 3px 13px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
		border: 1px solid #799867 !important;
		background: #98BD80;
		color: rgba(0,0,0,.5);
		font-weight: bold;
		padding: 8px !important;
		margin: 10px 0px !important;
		width:  400px;
		
	}

/* ------------------------
	3. HEADINGS
-------------------------------- */
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: black;
	font-family: 'Crimson Text', Garamond, Times, serif;
	font-weight: 600;
	text-decoration: none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {	
	color: #be1321;
}


/* Article Titles */
h2 {
	margin: 0px 0px 10px;
}
h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited {
	color: black;
	display: block;
	font-family: 'Crimson Text', Garamond, Times, serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	
}

	h1 a:hover,
	h2 a:hover {
		color: #be1321;
	}
	h1 div,
	h2 div {
		display: block;
		clear: both; 
		overflow: visible;
		line-height: 16px;
		padding-top:  5px;
	}
	  div.font-resize {
	    display: none;
	    float: right;
	    height: 28px;
	    margin-left: 10px;
	    margin-bottom: 10px;
	    width: 78px;
	  }
	    div.font-resize a {
	      background: url(../img/icon_sprite.png) no-repeat;
	      display: block;
	      float: left;
	      height: 28px;
	      width: 39px;
	      text-indent: -9999px;
	    }
	      div.font-resize a.more {
	        background-position: -672px 0px;
	      }
	      div.font-resize a.more:hover {
	         background-position: -672px -60px;
	       } 
	      div.font-resize a.less {
	        background-position: -711px 0px;
	      }
	      div.font-resize a.less:hover {
	        background-position: -711px -30px;
	      }
	h1 span, h1 span a, h1 span a:visited,
	h2 span, h2 span a, h2 span a:visited {
		color: #aabdcc;
		display: inline-block;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 15px;
		font-style: italic;
		font-weight: normal;	
		line-height: 15px;
	}
		h1 span,
		h2 span {
			margin-right: 5px;
			
		}
		h1 span:before {
			display: inline-block;
			height: 16px;
			line-height: 15px;
			text-indent: -9999px;
		}
		h1 span.tags:before,
		h2 span.tags:before {
			background: url(../img/icon_sprite.png) no-repeat 0px -22px;			
			display: inline-block;
			width: 16px;
			content: 'tags:';
			text-indent: -9999px;			
		}
		h1 span.author:before,
		h2 span.author:before {
			background: url(../img/icon_sprite.png) no-repeat -22px -22px;			
			width: 21px;
			display: inline-block;
			content: 'author:';
			text-indent: -9999px;						
		}
		h1 span.type:before,
		h2 span.type:before {
			background: url(../img/icon_sprite.png) no-repeat -48px -22px;			
			display: inline-block;			
			width: 21px;
			content: 'type:';
			text-indent: -9999px;						
		}
		
		h2.header {
			color: #565656;
			font-size: 30px;
			font-style: italic;
			text-align: center;
		}
			h2.header:after {
				background: url(../img/nav_stripe.png) ;
				display: block;
				content: '';
				height: 10px;
				margin: 20px 0px 30px;
				text-indent: -9999px;
			}

h1 {
	font-size: 26px;
	line-height: 28px;

}
.hentry h1 {
		margin-bottom: .6em;
}
h3 {
	color: #565656;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 10px;
}
h4 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
h5 {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin: 0px 0px 5px;
}
/* Section Titles */

h6 {	
	margin: 0px 0px 0px;
	position: relative;
	padding: 0px;	
}
	h6:before {
		background: url(../img/nav_stripe.png);
		content: '-';
		display: block;
		height: 10px;
		margin: 5px 0px -13px;
		position: relative;
		text-indent: -9999px;
		z-index: 100;
	}
	h6 span {
		background: white;
		padding-right: 10px;
		position: relative;
		z-index: 500;
	}
	h6 span,
	h6 span a,
	h6 span a:hover,
	h6 span a:visited {
		color: #668ca9;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 15px;
		text-transform: uppercase;
	}
		h6 a.rss {
			display: block;
			float: right;
			background: white url(../img/icon_sprite.png) -30px -0px no-repeat;
			text-indent: -9999px;
			height: 15px;
			width: 14px;
			padding: 3px;
			margin: -2px 5px;
			position: relative;
			z-index: 1000;
		}
h6.sec_head {
	margin: 0px 0px 0px;
}
h5.area_head {
	color: #c7c7c7;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	text-shadow: none;
	text-transform: uppercase;
}
	h5.area_head:after {
		background: url(../img/nav_stripe.png);
		height: 10px;
		position: relative;
		width: 100%;
		content: '-';
		text-indent: -9999px;
		display: block;
		margin-top:  10px;
	}
.page-id-20 h5.area_head {
	display: none;
}
.hide {
	display: none;
}		
	
/* ------------------------
	4. LINKS	
-------------------------------- */
a {
	text-decoration: none;
}
	a.flat_button, a.flat_button:hover {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #bcccd7;
		clear: both;
		color: white;
		
		display: inline-block;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 12px;
		
		padding: 5px;
		text-transform: uppercase;
	}
		a.flat_button:hover {
			-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.1) inset;
			-moz-box-shadow: 0px 5px 10px rgba(0,0,0,.1) inset;
			box-shadow: 0px 5px 10px rgba(0,0,0,.1) inset;
		}
	
	.button,
	.button:visited {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #373737;		
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, #000),
		    color-stop(0.7, #373737)
		);
	
		background: -moz-linear-gradient(
		    center bottom,
		    #000 0%,
		    #373737 70%
		);
		background: linear-gradient(bottom, #000, #373737 100%);
	    color: rgba(255,255,255,.8);		    
	    font-family: 'Crimson Text', Garamond, Times, serif;
	    font-size: 19px;
	    font-style: italic;
	    font-weight: normal;
	    line-height: 19px;
	    margin-top:  10px;
	    clear: both;
	    float: none;
	 	z-index: 1000;   
	}
	.button:hover,
	.button:visited:hover {
		background: #000;
			
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, #373737),
		    color-stop(0.7, #000)
		);
	
		background: -moz-linear-gradient(
		    center bottom,
		    #373737 0%,
		    #000 70%
		);
		background: linear-gradient(bottom, #373737, #000 100%);
	}
	.button.red,
	.button.red:visited {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #81050e;				
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, #81050e),
		    color-stop(0.7, #be1321)
		);
	
		background: -moz-linear-gradient(
		    center bottom,
		    #81050e 0%,
		    #be1321 70%
		);
		background: linear-gradient(bottom, #81050e, #be1321 100%);	    
		color: rgba(255,255,255,.8);	
		text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	}
	.button.red:hover {
		background: #be1321;
				
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.4, #be1321),
		    color-stop(1, #81050e)
		);
		background: -moz-linear-gradient(
		    center bottom,
		    #be1321 40%,
		    #81050e 100%
		);
		background: linear-gradient(bottom, #be1321 40%, #81050e 100%);	
		color: white !important;
	}
		.download {
			line-height: 28px;
			margin-top: 0px;
			width: 216px;
		}
		.download span {
			background: url(../img/icon_sprite.png) -95px 0px no-repeat;
			float: left;
			height: 27px;
			width:  28px;
			margin: 0px 10px 0px 0px;
		}
		.events .button.red {
		  display: block;
		  line-height: 28px;
		  margin: 0px 0px 20px;
		}
		.events .button.red span {
			background: url(../img/icon_sprite.png) -95px -28px no-repeat;
			float: left;
			height: 27px;
			width:  37px;
			margin: 0px 10px 0px 0px;
		}
/* ------------------------
	5. BRANDING/MASTHEAD
-------------------------------- */
#banner {	
	height: 1000px;
	margin: 0px 0px -813px;
	position: relative;
	overflow: hidden;
	z-index: inherit;
}
	#banner .container {
		position: relative;
	}

#searchform {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #041d31;
	border: solid 1px #041d31;
	float: right;
	margin: 81px 0px 20px 0px;	
	width:  190px;
	height: 30px;
	position: relative;
}
	#searchform label {
		display: none;
	}
	#searchform  #s {
		-webkit-border-radius: 5px 0px 0px 5px;
		-moz-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		background: #041d31;
		border: none;
		color: #4d8dbe;
		float: left;
		display: inline-block;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: 400;
		line-height: 15px;
		margin: 0px;
		padding: 8px 10px;
		width: 140px;
		height: 14px;
	}
	
	#s::-webkit-input-placeholder {color: #4d8dbe;}
	#searchform #searchsubmit {
		-webkit-border-radius: 0px 5px 5px 0px;
		-moz-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px;
		-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;
		box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;
		background: #1a5080;
		
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, #113454),
		    color-stop(0.7, #246dae)
		);
	
		background: -moz-linear-gradient(
		    center bottom,
		    #113454 0%,
		    #246dae 70%
		);
		background: linear-gradient(bottom, #113454, #246dae 100%);	
		display: inline-block;
		font-size: 12px;
		margin: 0px;
		padding: 10px;
		position: relative;
		text-indent: -9999px;
		width: 30px;
		height: 30px;		
	}
	#searchform .icon.search {
		background: url(../img/icon_sprite.png) no-repeat;
		height: 16px;
		text-indent: -9999px;
		width: 16px;
		display: block;
		position: absolute;
		top:  9px;
		right: 7px;
		z-index: 2000;
		
	}
		
	#logo {
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
		box-shadow: 0px 0px 10px rgba(0,0,0,.4);
		
		display: block;
		height: 200px;
		float: none;
		position: absolute;		
		overflow: hidden;
		width: 169px;
		z-index: 2000;
		top: 0;
		left: 0;		
	}
		#logo img {
			display: block;
			margin-top: -530px;
		}	
		#logo span {
			display: block;
			height: 0px;
			width: 0px;
		}
	#tag {
		color: #4c83b4;
		display: block;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 23px;
		font-style: italic;
		font-weight: normal;
		float: left;
		margin: 84px 0px 25px 200px;
		text-shadow: 1px 1px 0px rgba(0,0,0,.4);				
	}
	
	#nav-main {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		background: transparent;
		float: left;
		margin: 0px 0px 0px 170px;
		width: 780px;
		position: relative;
		z-index: 5000;
	}
		#nav-main ul {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			background: transparent;
			margin: 0px;
			padding: 0px 15px;
		}
			#nav-main ul li {
				float: left;
				margin-right: 2px;
			}
				#nav-main ul li a {
					color: white;
					font-family: 'Arimo', Helvetica, sans-serif;
					font-size: 14px;
					font-weight: normal;
					letter-spacing: 1px;
					line-height: 14px;
					padding: 18px 15px;
					position: relative;
					text-shadow: 1px 1px 0px rgba(0,0,0,.8);
				}
					#nav-main ul li > a span {
						border-right: 6px solid transparent;
						border-top: 6px solid #09375b;
						border-left: 6px solid transparent;
						content: '-';
						display: block;
						height: 0px;
						margin: 0px 0px 0px -6px;
						position: absolute;
						text-indent: -9999px;
						bottom:  8px;
						left: 50%;
						width: 0px;
						z-index: 6000;	
						-webkit-transition: bottom .5s;
						-moz-transition: bottom .5s;
						transition: bottom .5s;
						
					}
					
					#nav-main ul li:hover a,
					#nav-main ul li a:hover {
						background: #81050e;
							
						background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0, #be1321),
						    color-stop(0.7, #81050e)
						);
					
						background: -moz-linear-gradient(
						    center bottom,
						    #be1321 0%,
						    #81050e 70%
						);
						background: linear-gradient(bottom, #be1321, #81050e 100%);
						color: #FFF;					
						text-shadow: none;
					}
						#nav-main ul li:hover a span,
						#nav-main ul li a:hover span {
							
							-webkit-transition: bottom .5s;
							-moz-transition: bottom .5s;
							transition: bottom .5s;
							
						}
						#nav-main ul a span.hover {
							bottom:-5px;
							border-top:  6px solid #be1321;
						}
					#nav-main ul li.current-menu-item a,
					#nav-main ul li.current-menu-parent a,
					.post-type-archive-topics #nav-main ul #topics > a,
					.tax-topic_type  #nav-main ul #topics > a,
					.single-topics #nav-main ul li#menu-item-29 > a,
					.post-type-archive-newsletters #nav-main ul li#newsletters > a,
					.single-newsletters #nav-main ul li#newsletters > a,
					.tax-newsletter #nav-main ul li#newsletters > a,
					.parent-pageid-10424 #nav-main ul li#projects > a,
					.post-type-archive-events #nav-main ul li#events > a,
					.single-events #nav-main ul li#events > a,
					.single-post #nav-main ul li#blog > a,
					.tag #nav-main ul li#blog > a {
						background: white;
						color: #be1321;
						font-family: 'Arimo', Helvetica, sans-serif;
						font-size: 14px;
						font-weight: normal;
						letter-spacing: .6px;
						line-height: 14px;					
						text-shadow: none;
					}
						#nav-main ul li.current-menu-item a:hover {
							margin: 0px;
						}
						
					#nav-main ul li.current_page_ancestor a {
						background: white;
						color: #be1321;
						text-shadow: none;
					}
						#nav-main ul li.current_page_ancestor a span {
							display: none;
						}
					#nav-main ul ul {
						-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.2);
						-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.2);
						box-shadow: 0px 5px 5px rgba(0,0,0,.2);
						background: white url(../img/nav_stripe.png) repeat;
						border: solid 10px white;
						overflow: auto;
						width:  200px;
						z-index: 5000;
					}
						
						#nav-main ul ul li {
							margin: 0px;
						}
						#nav-main ul li:hover ul li a,
						#nav-main ul ul li a {
							background: transparent !important;
							color: #246dae;
							float: left;
							font-family: 'Arimo', Helvetica, sans-serif;
							font-size: 14px;
							font-weight: normal;
							letter-spacing: 0px;
							margin: 0px;
							padding:  10px;
							width:  180px;
							text-transform: capitalize;
							position: relative;
							z-index: 10000;
						}
							#nav-main ul ul li:nth-child(odd) a {
								clear: both;
							}
							#nav-main ul li:hover ul li a:hover,
							#nav-main ul ul li a:hover, 
							#nav-main ul ul li.current-menu-item a {
								background: transparent !important;
								border: none;
								color: #be1321;
								padding: 10px;
								margin: 0px;
							}
#subnav h2 {
	color: #c7c7c7;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	text-shadow: none;
	text-transform: uppercase;
}
  #subnav h2 .show_nav {
    display: none;
  }
	#subnav h2 .after {
		background: url(../img/nav_stripe.png);
		height: 10px;
		position: relative;
		width: 100%;		
		text-indent: -9999px;
		display: block;
		margin-top:  10px;
	}
	.subnav li {
		display: block;
	}
	.subnav li a {
		border-right: solid 10px #dfe7ec;
		border-bottom: dotted 1px #dfe7ec;
		color: #00529c;
		display: block;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		padding: 10px;
	}
		.subnav li a:hover {
			color: #ba1320;
		}
	.subnav li.current-menu-item a,
	.subnav li.current-cat a {
		background: #bcccd7;
		padding: 11px 10px;
		margin-top: -1px;
		border-bottom: none;
		border-right: solid 10px #93a9b8;
		color: white;
	}
	
	  .subnav li ul {
	    margin-left: 20px;
	  }
	  .subnav li ul li a,
	  .subnav li ul li a,
	  .subnav li.current-menu-item ul li a,
	  .subnav li.current-cat ul li a {
	  	background: none;
	  	border-right: solid 10px #dfe7ec;
	  	border-bottom: dotted 1px #dfe7ec;
	  	color: #00529c;
	  	display: block;
	  	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	  	font-size: 14px;
	  	line-height: 18px;
	  	padding: 10px;
	  }
	#pagination {
		margin: 20px 0px;
	}
	.wp-pagenavi span, 
	.wp-pagenavi a, 
	.wp-pagenaiv a:hover {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #717171;
		display: inline-block;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;	
		font-weight: bold;
		font-size: 12px;
		line-height: 12px;
		margin-right: 5px;
		text-align: center;
		width: 25px;
		padding: 7px 0px;
		text-shadow: 0px 1px 0px rgba(255,255,255,.8);
	}
	.wp-pagenavi a {
		background: #c8d7e1;
		border: solid 1px #a1b8c7;

		
	}
		.wp-pagenavi a:hover {
			background: #e3eaef;
			border: solid 1px #bfbfbf;
		}
	.wp-pagenavi .current {
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
		box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset;
		background: #a7c0d0;
		border: solid 1px #8da2b1;
		color: white;
		text-shadow: -1px 1px 0px rgba(0,0,0,.2);
	}
	
	
/* ------------------------
	9. SITE-WIDE ELEMENTS
-------------------------------- */
.main #searchform {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #EEE;
	border: none;
	float: none;
	margin: 20px 0px;	
	width:  290px;
	height: 30px;
	position: relative;
}
	.main #searchform label {
		display: none;
	}
	.main #searchform  #s {
		-webkit-border-radius: 5px 0px 0px 5px;
		-moz-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		background: #EEE;
		border: none;
		color: #888;
		float: left;
		display: inline-block;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: 400;
		line-height: 15px;
		margin: 0px;
		padding: 8px 10px;
		width: 240px;
		height: 14px;
	}
	
	.main #s::-webkit-input-placeholder {color: #888;}
	.main #searchform #searchsubmit {
		-webkit-border-radius: 0px 5px 5px 0px;
		-moz-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px;
		-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;
		box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset;

	    display: inline-block;
		font-size: 12px;
		margin: 0px;
		padding: 10px;
		position: relative;
		text-indent: -9999px;
		width: 30px;
		height: 30px;		
	}
	.main #searchform .icon.search {
		background: url(../img/icon_sprite.png) no-repeat;
		height: 16px;
		width: 16px;
	} 
	
	.notice {
	  background: none;
	  border: none;
	  color: #414141;
	  margin: 0;
	  padding: 20px 20px 0px;
	}
	  .notice p {
	    font-family: 'Crimson Text', Garamond, Times, serif;
	    font-size: 24px;
	    font-style: italic;
	    line-height: 24px;
	    margin-bottom: 0px;
	    
	  }
	
#content {
	
	overflow: auto;
	margin-bottom: 0px;

}
	#content .main,
	#content nav,
	#content aside {
		position: relative;
		z-index: 4000;
	}
.action {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px #93a9b8 inset;
	-moz-box-shadow: 0px 0px 6px #93a9b8 inset;
	box-shadow: 0px 0px 6px #93a9b8 inset;
	background: #a8c4d7;
			
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #a8c4d7),
	    color-stop(0.7, #d5e9f5)
	);

	background: -moz-linear-gradient(
	    center bottom,
	    #a8c4d7 0%,
	    #d5e9f5 70%
	);
	background: linear-gradient(bottom, #a8c4d7, #d5e9f5 100%);
    	-pie-background: linear-gradient(bottom, #a8c4d7, #d5e9f5 100%);
    	behavior: url(/wp-content/themes/roots/css/PIE.htc);
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 100;
}
	.action:before {
		background: url(../img/chrome_sprite.png) center -731px no-repeat ;
		content: '-';
		display: block;
		position: absolute;
		top:  0px;
		left: 0px;
		height: 100%;
		width:  100%;
		text-indent: -9999px;
		z-index: 200;
		behavior: url(/wp-content/themes/roots/css/PIE.htc);
	}
	.action .inner {
		position: relative;
		z-index: 500;
	}
		.action strong,
		.action span {
			display: block;
		}

		.action strong.large {
			color: #434343;
			font-family: 'Arimo', Helvetica, Arial, sans-serif;
			font-size: 23px;
			font-weight: normal;
			line-height: 23px;
			margin: 0px;
			padding: 0px 0px 5px;
			text-transform: uppercase;
			text-shadow: 0px 1px 0px rgba(255,255,255,.8);
		}
		.action strong {
			color: #434343;
			font-family: 'Arimo', Helvetica, Arial, sans-serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 25px;
			margin: 0px;
			padding: 0px 0px 5px;
			text-transform: uppercase;
			text-shadow: 0px 1px 0px rgba(255,255,255,.8);
		}
		
			.action span {
				color: #434343;
				font-family: 'Crimson Text', Garamond, Times, serif;
				font-size: 17px;
				line-height: 23px;
				text-shadow: 0px 1px 0px rgba(255,255,255,.8);	
			}
	
	.contentbox {
		background: url(../img/nav_stripe.png);
		padding: 20px;
		margin: 0px 0px 20px;
	}
		.contentbox .inner {
			border: solid 1px #dee5ec;
			background: white;
			color: black;
			font-family: 'Crimson Text', Garamond, Times, serif;
			font-size: 15px;
			line-height: 22px;	
			margin: -10px;
			padding: 20px 80px 20px 20px;
			
		}
		.contentbox .inner.full {
			padding: 20px;
		}
		.contentbox h6:before {
			background: none;
			display: none;
		}
		.contentbox h6 {		
			border-bottom: double #bacad9;	
			margin: 0px;
			padding: 0px 0px 10px;
		}
		.contentbox h2,
		.contentbox h2 a {
			font-size: 18px;
			font-style: italic;
			font-weight: 600;
			line-height: 24px;
			margin: 15px 0px 10px !important;
		}
	
		.contentbox span {
			display: block;
		}
	
	.contentbox.image .inner {
		padding: 20px;
		position: relative;
	}
	.contentbox.image img {
		float: right;
		padding: 5px;
		border: solid 1px rgba(0,0,0,.15);
		margin: 0px 0px 20px 20px;
		width:  75px;
		height: 75px;
	}
	#book .inner {
		padding-right: 100px;
		position: relative;
	}
	#book .img {
		display: block;
		height: 90%;
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
	}
	
	
	.box-solid {
		background: #f1f4f7;	
		border: solid 1px #dde3e9;
		clear: both;
		margin: 30px 0px;
		overflow: auto;
	}
		
	.striped {
		background: url(../img/nav_stripe.png);
		padding: 20px;
	}
		
	.main article {
		border-bottom: dotted 1px #C0CDE0;
		overflow: auto;		
		padding: 20px 0px;
	}
		.single .main article, 
		.projects .main article {
			border-bottom: none;
		}
	.desc p {
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 18px;
		font-style: italic;
		line-height: 24px;
		margin-bottom: 0px;
	}
	article .excerpt.span-10 {

		padding-right: 10px;
	}
	article .mediatype {
		border-left: solid 1px #cdd8de;
		color: #a3a3a3;		
		float: right;		
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 16px;
		line-height: 17px;
		letter-spacing: 1px;
		padding: 10px 0px 10px 20px;
		text-align: center;
		margin-left: 0px;
		text-transform: uppercase;
	}
		.mediatype span {
			display: block;
			font-size: 14px;
			line-height: 13px;
			font-style: italic;
			letter-spacing: 0px;
			text-transform: lowercase;
			padding-bottom: 5px;
		}
	.mediatype .gallery,
	.mediatype .presentation,
	.mediatype .video,
	.mediatype .audio {
		height: 100px;
		position: relative;
		background: url(../img/icon_sprite.png) -402px -114px no-repeat;
	}
		.mediatype .gallery span,
		.mediatype .presentation span,
		.mediatype .video span,
		.mediatype .audio span {
			
		}
		.mediatype .gallery:before,
		.mediatype .presentation:before,
		.mediatype .video:before,
		.mediatype .audio:before {
			background: url(../img/icon_sprite.png) no-repeat;
			content: '-';
			display: block;
			left: 50%;
			height: 30px;
			margin-left: -15px;
			margin-top: -15px;
			position: absolute;
			top: 50%;
			width:  30px;
			text-indent: -9999px;
		}
		
		.mediatype .gallery:before {
			background-position: -441px -71px;	
		}
		.mediatype .presentation:before {
			background-position: -404px -74px;	
		}
		.mediatype .video:before {
			background-position: -478px -76px;
			height: 32px;	
			margin-top: -17px;
		}
		.mediatype .audio:before {
		  background-position: -514px -71px;
		}
	
/* ------------------------
	10. PAGE SPECIFIC ELEMENTS
-------------------------------- */
#feature {
	display: block;
	overflow: hidden;
	position: relative;
	height: 320px;
	padding:  ;
}

	#feature .before {
		-webkit-border-radius: 40000px;
		-moz-border-radius: 40000px;
		border-radius: 40000px;
		-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.75);
		-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.75);
		box-shadow: 0px 0px 30px rgba(0,0,0,.75);
		background: white;
		content: '-';
		display: block;
		bottom: -19950px;
		left: 50%;
		margin-left: -10000px;
		position: absolute;
		height: 20000px;
		width:  20000px;
		z-index: 20;
		behavior: url(/wp-content/themes/roots/css/PIE.htc);
	}

	#feature .after {			
		-webkit-border-radius: 40000px;
		-moz-border-radius: 40000px;
		border-radius: 40000px;
		behavior: url(/wp-content/themes/roots/css/PIE.htc);
		background: white;
		bottom: -19980px;
		content: '-';
		display: block;
		left: 50%;
		margin-left: -10000px;
		position: absolute;
		height: 20000px;
		width:  20000px;
		z-index: 1000;
		
		
	}
		#feature .container {
			-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.6);
			-moz-box-shadow: 0px 0px 40px rgba(0,0,0,.6);
			box-shadow: 0px 0px 40px rgba(0,0,0,.6);
			background: #CCC;
			margin: auto;
			overflow: visible;
			width: 950px;
			height: 320px;
			position: relative;
			z-index: 200;
			/* top: 320px; */ 
			
		}
		
		#feature .feature {
			-webkit-box-shadow: 0px -20px 40px rgba(0,0,0,.2) inset;
			-moz-box-shadow: 0px -20px 40px rgba(0,0,0,.2) inset;
			box-shadow: 0px -20px 40px rgba(0,0,0,.2) inset;
			background: #041e32;
					
			background: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0, #041e32),
			    color-stop(0.7, #1a4f77)
			);
		
			background: -moz-linear-gradient(
			    center bottom,
			    #041e32 0%,
			    #1a4f77 70%
			);
			background: linear-gradient(bottom, #041e32, #1a4f77 100%);
		    	-pie-background: linear-gradient(bottom, #041e32, #1a4f77 100%);
		    	behavior: url(/wp-content/themes/roots/css/PIE.htc);
			display: block;
			width: 950px;
			height: 320px;
		}
		
		#feature img {
			float: left;
			display: block;
		}
		#feature .content {
			-webkit-box-shadow: -10px 0px 20px rgba(0,0,0,.7);
			-moz-box-shadow: -10px 0px 20px rgba(0,0,0,.7);
			box-shadow: -10px 0px 20px rgba(0,0,0,.7);
			float: right;
			display: block;
			width: 270px;
			height: 260px;
			padding: 20px;
			text-align: center;
			
		}
			#feature .content h2 {				
				color: white;
				font-size: 27px;
				font-style: italic;
				font-weight: 300;
				line-height: 31px;
				text-shadow: 1px 1px 2px rgba(0,0,0,.5);
			}
				#feature .content h2:before,
				#feature .content  h2:after {
					background: url(../img/dark_stripe.png);
					content: '=';
					display: block;
					height: 5px;
					width: 260px;					
					text-indent: -9999px;
				}
				#feature .content h2:before {
					margin-bottom: 20px;
				}
				#feature .content h2:after {
					margin-top: 20px;
				}
				#feature .content p {
					color: #cfdee6;
					font-family: 'Arimo', Helvetica, Arial, sans-serif;
					font-size: 15px;
					line-height: 24px;
					margin-bottom: 15px;
					text-shadow: 1px 1px 0px rgba(0,0,0,.8);
				}
				#feature .content .button,
				#feature .content .button:visited {
					background: #81050e;
							
						background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0, #81050e),
						    color-stop(0.7, #be1321)
						);
					
						background: -moz-linear-gradient(
						    center bottom,
						    #81050e 0%,
						    #be1321 70%
						);
						background: linear-gradient(bottom, #81050e, #be1321 100%);
					    	-pie-background: linear-gradient(bottom, #81050e, #be1321 100%);
					    	behavior: url(/wp-content/themes/roots/css/PIE.htc);
						color: rgba(255,255,255,.8);	
						text-shadow: 1px 1px 0px rgba(0,0,0,.5);
				}
				#feature .content .button:hover,
				#feature .content .button:visited:hover {
					background: #be1321;
							
						background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0, #be1321),
						    color-stop(0.7, #81050e)
						);
					
						background: -moz-linear-gradient(
						    center bottom,
						    #be1321 0%,
						    #81050e 70%
						);
						background: linear-gradient(bottom, #be1321, #81050e 100%);
					    	-pie-background: linear-gradient(bottom, #be1321, #81050e 100%);
					    	behavior: url(/wp-content/themes/roots/css/PIE.htc);
					    color: white !important;
				}

#content {
	background: white;
}	
	#content > .container {
		
		margin: 40px auto;
		margin-right: auto;
		min-height: 500px;
		width:  950px;
		overflow: hidden;
	}
	#content > .container {
		
	}
	#content .main article .post_img {
	  float:right;
	  padding:0px 0px 20px 20px;
	}
	
	/* TEXT RESIZE [ BIG ] */
	.big article h1,
	.big article h2,
	.big article h3,
	.big article h4,
	.big article h5,
	.big article p,
	.big article li,
	.big article blockquote,
	.big.main h1,
	.big.main h2,
	.big.main h3,
	.big.main h4,
	.big.main h5,
	.big.main p,
	.big.main li,
	.big.main blockquote {
	  font-size: 125% !important;
	  line-height: 150% !important;
	}
	  .big article h1, 
	  .big article h1 a, 
	  .big article h1 a:visited,
	  .big.main h1, 
	  .big.main h1 a, 
	  .big.main h1 a:visited {
	    font-size: 145% !important;
	    line-height: 120% !important;  
	  } 
	  
	  .big.main h1 {
	    font-size: 35px !important;
	  }
	  .big article h1 span {
  	  font-size: 110% !important;
  	  line-height: 115% !important; 
	  }
	  .big article h1 span a {
	    font-size: 100% !important;
	    line-height: 100% !important; 
	  }
  
  /* TEXT RESIZE [ BIGGER ] */
  .bigger article h1,
  .bigger article h2,
  .bigger article h3,
  .bigger article h4,
  .bigger article h5,
  .bigger article p,
  .bigger article li,
  .bigger article blockquote,
  .bigger.main h1,
  .bigger.main h2,
  .bigger.main h3,
  .bigger.main h4,
  .bigger.main h5,
  .bigger.main p,
  .bigger.main li,
  .bigger.main blockquote {
    font-size: 150% !important;
    line-height: 150% !important;
  }
    .bigger.main h1 {
      font-size: 40px !important;
    }
 
    .bigger article h1 a, 
    .bigger article h1 a:visited {
      font-size: 160% !important;
      line-height: 120% !important;  
    } 
    
    .bigger article h1 span a,
    .bigger article h1 span {
      font-size: 110% !important;
      line-height: 115% !important;  
    }

/*
#newsletter {
	overflow: auto;
}
	#newsletter article {
		border: none;
		padding-top:  0px;
	}
	#newsletter h6 {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#newsletter h6:before {
	}
	#newsletter h6 span {
		
	}
	#newsletter h6 .date {
		color: #aab7c0;
		font-size: 11px;		
	}
	#newsletter h6 .date:before {
		color: #aab7c0;
		content: '//';
		font-size: 11px;		
		padding: 0px 5px;
		
	}
	#newsletter h2,
	#newsletter h2 a {
		font-size: 31px;
		font-style: italic;
		line-height: 40px;
	}
	#newsletter p {
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-size: 18px;
		line-height: 24px;
	}
*/	
#newsletter h2 {
	margin-bottom: 10px;
}
#newsletter article {
	border: none;
}
#newsletter .action strong .before {
	background: url(../img/icon_sprite.png) -134px 0px no-repeat;
	content: '-';
	display: block;
	margin: 10px auto;

	width: 34px;
	height: 25px;
	text-indent: -9999px;
}
#mc-embedded-subscribe-form p {
  margin-top: 10px;
  margin-bottom: 0px;
}
#mc-embedded-subscribe-form blockquote,
#mc-embedded-subscribe-form blockquote p {
  margin-top: -10px;
}
#mc-embedded-subscribe-form .input-group div {
  clear: both;
}
#mc-embedded-subscribe-form .input-group label {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
}
#blog article {
	border: none;
}

#events h6 {
	color: #668ca9;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

#events .when,
#events .where,
.events .when,
.events .where {
	color: #6d6d6d;
	display: block;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	padding: 10px 10px 10px 50px;
	border-top:  solid 1px rgba(0,0,0,.1);
}
	.when .icon, .where .icon {
		background: url(../img/icon_sprite.png) no-repeat;
		display: block;
		height: 40px;
		width:  40px;
		margin-left: -50px;
		float: left;
	}
	.where .icon {
		background-position: 0px -60px;
	}
	.when .icon {
		background-position: 0px -115px;
	}
.events .contentbox {
	padding: 10px;
}
	
		
	.events .contentbox div:first-child {
		border-top: none;
	}
		.events .when, .events .where {
			padding: 5px 5px 5px 50px;
			overflow: auto;
		}
#events {
	position: relative;
}
#events .nav {
	display: block;
	overflow: visible;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
}
	#events .nav a {
		background: white;
		border: solid 1px #e4ecf3;

		display: block;
		float: left;
		margin-left: 5px;
		padding: 5px 7px;
	}
		#events .nav a:hover {
			border: solid 1px #d2dee9;
		}
		#events .nav a span {			
			display: block;
			height: 0px;
			width: 0px;
			text-indent: -9999px;
		}
		#events .nav a.prev span {
			border-top: 4px solid transparent;
			border-right: 4px solid #bbcfdf;
			border-bottom: 4px solid transparent;
		}
		#events .nav a.next span {
			border-bottom: 4px solid transparent;
			border-left: 4px solid #bbcfdf;
			border-top: 4px solid transparent;
		}
		#events .nav a.prev:hover span {
			border-top: 4px solid transparent;
			border-right: 4px solid #8ca8be;
			border-bottom: 4px solid transparent;
		}
		#events .nav a.next:hover span {
			border-bottom: 4px solid transparent;
			border-left: 4px solid #8ca8be;
			border-top: 4px solid transparent;
		}
		
#mediakit {
	position: relative;
}
#mediakit:after {
	background:  url(../img/chrome_sprite.png) right bottom;
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 150px;
	width:  100px;
	content: '-';
	display: block;
	text-indent: -9999px;
}


/* ------------------------
	8. SITEINFO/FOOTER
-------------------------------- */
footer {
	background: #063151;
	height:  400px;
	overflow: hidden;

	position: relative;
}
footer .before {
	-webkit-border-radius: 40000px;
	-moz-border-radius: 40000px;
	border-radius: 40000px;
	-webkit-box-shadow: 0px -15px 30px #d5e2eb inset;
	-moz-box-shadow: 0px -15px 30px #d5e2eb inset;
	box-shadow: 0px -15px 30px #d5e2eb inset;
	border: solid 4px white;
	background: white;
	content: '-';
	display: block;
	top: -19940px;
	left: 50%;
	margin-left: -10000px;
	position: absolute;
	height: 20000px;
	width:  20000px;
	z-index: 400;
}
footer .after {
	-webkit-border-radius: 40000px;
	-moz-border-radius: 40000px;
	border-radius: 40000px;
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.75);
	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.75);
	box-shadow: 0px 0px 30px rgba(0,0,0,.75);
	background: white;
	content: '-';
	display: block;
	top: -19940px;
	left: 50%;
	margin-left: -10000px;
	position: absolute;
	height: 20000px;
	width:  20000px;
	z-index: 100;
}
footer .container {
	position: relative;
}
	footer > .container:before {
		-webkit-border-radius: 1000px;
		-moz-border-radius: 1000px;
		border-radius: 1000px;
		-webkit-box-shadow: 0px 0px 500px #3c88ba;
		-moz-box-shadow: 0px 0px 500px #3c88ba;
		box-shadow: 0px 0px 500px #3c88ba;
		content: '=';
		display: block;
		width: 500px;
		height: 500px;
		
		margin: -442px auto 40px;
		text-indent: -9999px;
	}
	
	footer article {
		display: block;
		float: left;
	}
		footer article .container {
			width: auto;
		}
	footer article#text-5 {
		width: 190px;
		padding-right: 30px;
		margin-right: 10px;
	}
	footer article#text-6 {
		width: 490px;
		padding-right: 30px;
		margin-right: 10px;
		padding-top:  30px;
	}
	footer article#text-7 {
		width: 190px;
	}
	
	footer article h3 {
		border-bottom: dotted 1px #868f9a;
		color: white;
		font-size: 19px;
		font-weight: normal;
		font-style: normal;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-shadow: 1px 1px 0px rgba(0,0,0,.6);
	}
		footer article#text-6 h3 {
			display: none;
		}
		footer article p, footer article a, footer article li {
			color: white;
			font-family: 'Arimo', Helvetica, Arial, sans-serif;
			font-size: 13px;
			line-height: 18px;			
			
			text-shadow: 1px 2px 0px rgba(0,0,0,.8);
		}
			footer article a,
			footer article a:hover,
			footer article a:visited,
			footer article a:visited:hover {
				color: #bacfe9;
			}
		footer article#text-5 span {
			color: white;
			display: block;
			font-family: 'Arimo', Helvetica, Arial, sans-serif;
			font-size: 13px;
			line-height: 18px;			
			padding: 10px 0px 10px 25px;
			text-shadow: 1px 1px 0px rgba(0,0,0,.6);
		}
	
	footer article#text-6 ul {
		margin: 40px 0px 0px;
		padding: 0px;
	}
	footer article#text-6 ul li {
		float: left;
		border-right: solid 2px white;
		padding-right: 10px;
		margin-right: 10px;
		list-style: none;
		margin-left: none;
		padding-left: none;
	}
	footer article#text-6 li:last-child {
		border: none;
	}
	footer article#text-7 span {
		display: block;
		padding: 10px 10px 10px 25px;
	}
	
	footer .where:before,
	footer .phone:before,
	footer .fax:before,
	footer .email:before,
	footer .facebook:before,
	footer .twitter:before,
	footer .youtube:before,
	footer .linkedin:before {
		content: '-';
		display: block;
		float: left;
		margin-left: -25px;
		margin-top: 3px;
		position: relative;
		height: 16px;
		width: 19px;
		text-indent: -9999px;
		background: url(../img/icon_sprite.png) no-repeat;
	}
	footer .where:before {
		background-position: -107px -158px;
	}
	footer .phone:before {
		background-position: -134px -158px;
	}
	footer .fax:before {
		background-position: -160px -158px;
	}
	footer .email:before {
		background-position: -188px -158px;
	}
	footer .facebook:before {
		background-position: -3px -158px;
	}
	footer .twitter:before {
		background-position: -27px -158px;
	}
	footer .youtube:before {
		background-position: -55px -158px;
	}
	footer .linkedin:before {
		background-position: -81px -158px;
	}
	
	
	footer #toTop {
		background: url(../img/icon_sprite.png) -608px -73px no-repeat;
		display: block;
		text-indent: -9999px;
		height: 60px;
		width: 184px;
		position: absolute;
		z-index: 5000;
		top: -17px;
		left: 50%;
		margin-left: -92px;
	}
		footer #toTop:hover {
			background-position: -608px -123px;
		}
.home #commentary {
	padding-bottom: 20px;
}
	.home #commentary article:last-child {border:none;}
.home #content .container:first-child {
	margin-top: 20px;
}

.home #choose-a-topic ul {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	background: url(../img/chrome_sprite.png) 0px -990px repeat-x;
	height: 150px;
	margin: 10px 0px 40px;
	overflow: hidden;
	display: block;
	padding: 10px;
	position: relative;
	filter: alpha(opacity = 10);
	behavior: url(/wp-content/themes/roots/css/PIE.htc);	
}
	.home #choose-a-topic ul:before {
		background: url(../img/nav_stripe.png);
		content: '-';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 200;
		text-indent: -9999px;
		top: 0;
		left: 0;
		opacity: .1;
		filter: alpha(opacity = 10);
		behavior: url(/wp-content/themes/roots/css/PIE.htc);	
	}
	.home #choose-a-topic ul li {
		border-right: dotted 1px #375e7c;
		list-style: none;
		padding: 0px;
		margin: 0px;
		float: left;
		overflow: visible;
		position: relative;
		z-index: 1000;	
	}
	.home #choose-a-topic ul li a {		
		color: white;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
		float: left;
		padding: 0px;
		width: 154px;		
		display: table;
		text-align: center;
		text-shadow: 2px 2px 1px rgba(0,0,0,.4);
		height: 75px;
		position: relative;
		z-index: 1000;
		behavior: url(/wp-content/themes/roots/css/PIE.htc);
	}
		.home #choose-a-topic ul li a:hover {
			background: #81050e;
					
			background: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0, #81050e),
			    color-stop(0.7, #be1321)
			);
		
			background: -moz-linear-gradient(
			    center bottom,
			    #81050e 0%,
			    #be1321 70%
			);
			background: linear-gradient(bottom, #81050e, #be1321 100%);
		    	-pie-background: linear-gradient(bottom, #81050e, #be1321 100%);
		    	behavior: url(/css/PIE.htc);
			
			height: 85px;
			position: relative;
			z-index: 5000;
		}
		
		.home #choose-a-topic li:nth-child(-n+6) a:hover {
			margin: -10px 0px 0px 0px;
		}
			.home #choose-a-topic li:nth-child(-n+6) a:hover span {
				padding-top: 20px;
			}
		.home #choose-a-topic li:nth-child(n+7) a:hover {
			margin: 0px 0px -10px;
						
		}
			.home #choose-a-topic li:nth-child(n+7) a:hover span {
				padding-bottom: 20px;
			}
		.home #choose-a-topic li:nth-child(-n+6) {
			border-bottom: dotted 1px #375e7c;
		}
		
		.home #choose-a-topic li:nth-child(6),
		.home #choose-a-topic li:nth-child(12) {
			border-right: none;
		}
			.home #choose-a-topic li:nth-child(6) a:hover,
			.home #choose-a-topic li:nth-child(12) a:hover {				
				margin-right: -10px;				
				width: 165px;
			}
				.home #choose-a-topic li:nth-child(6) a:hover span,
				.home #choose-a-topic li:nth-child(12) a:hover span {
					padding-right: 20px;
				}
			.home #choose-a-topic li:nth-child(6) a:hover {
				-webkit-border-radius: 0px 5px 0px 0px;
				-moz-border-radius: 0px 5px 0px 0px;
				border-radius: 0px 5px 0px 0px;
			}
			.home #choose-a-topic li:nth-child(7) a:hover {
				-webkit-border-radius: 0px 0px 0px 5px;
				-moz-border-radius: 0px 0px 0px 5px;
				border-radius: 0px 0px 0px 5px;
				margin-left: -10px;

				width: 164px;
			}
				.home #choose-a-topic li:nth-child(7) a:hover span {
					padding-left: 20px;
				}
			.home #choose-a-topic li:nth-child(12) a:hover {
				-webkit-border-radius: 0px 0px 5px 0px;
				-moz-border-radius: 0px 0px 5px 0px;
				border-radius: 0px 0px 5px 0px;
				padding-right: 0px;
			}
		.home #choose-a-topic li:nth-child(1) a {
			cursor: text;
			font-size: 27px;
			outline: none;	
			letter-spacing: .5px;
			text-shadow: none;
			text-transform: uppercase;
		}
		
			.home #choose-a-topic li:nth-child(1) a:hover {
				background: none;
				margin: 0px;
				height: 75px;
				
			}
				.home #choose-a-topic li:nth-child(1) a:hover span {
					padding: 10px;
				}	
			.home #choose-a-topic li:nth-child(1) a em {
				color: #90afc6;
				display: block;
				font-family: 'Satisfy','Crimson Text', cursive;
				font-size: 20px;
				font-style: normal;
				font-weight: 400 !important;
				letter-spacing: 0px;
				
				text-transform: lowercase;
				padding-bottom: 5px;
				
			}
	.home #choose-a-topic ul li a span {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 10px;

	}


.types {
	padding: 0px 0px 10px;
}
	.types strong {
		color: #c7c7c7;
		display: block;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;	
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 5px;
		text-transform: uppercase;
	}
	
	.types a.active {
		color: #575757; 
	}
	.types a:before {
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		border: solid 2px #c7c7c7;
		width: 5px;
		height: 5px;

		content: 'select';
		display: inline-block;

		line-height: 5px;
		text-indent: -9999px;
	}
	.types a {
		color: #c7c7c7;
		display: inline-block;
		font-weight: bold;
		margin-right: 10px;
	}
	.types a:hover {
		color: #575757; 
	}
	.types a:hover:before {
		border: solid 2px #575757;
	}
	.types a.active:before {
		height: 9px;
		width: 9px;
		line-height: 9px;
		background: #4c83b4;
		border: none;
	}
	.types a.active:hover {
		color: #aa1d28;
	}
	.types a.active:hover:before {
		background: transparent;
		border: none;
		content: 'x';
		color: #aa1d28;
		font-size: 14px;
		text-indent: 0px;
	}
	
.social a.at300b {
	color: #AABDCC;
	display: block;
	float: none;
	
	padding: 15px;
	border-bottom: dotted 1px #AABDCC;
	font-family: 'Crimson Text', Garamond, Times, serif;
	font-style: italic;
	
	width: 200px;
	display: block;
	line-height: 20px;
	text-align: center;
}
	.social a.addthis_button_print {
		border-bottom: none;
		padding-bottom: 0px;
	}
	.social a.at300b:hover {
		opacity: 1;
	}
		.social a.at300b:hover span:after {
			color: #537894;
		}
	.social a.at300b span {
		background: url(../img/icon_sprite.png) no-repeat;
		float: none;
		display: inline-block;
		line-height: 20px;
		overflow: visible;
		width: 25px;
		height: 20px;
		margin: -5px 5px;
	}
	.social a.at300b {
		
	}
	
	.social a.at300b span.at15t_facebook {
		background-position: -45px -93px;
	}
	.social a.at300b span.at15t_twitter {
		background-position: -77px -93px;
	}
	.social a.at300b span.at15t_print {
		background:none;
	}
		.social a.at300b span.at15t_print {
			margin: 0;
			height: 20px !important;
			top: auto !important;
			left: 0 !important;
			position: relative !important;
			width: 200px !important;
		}
		.social a.at300b span.at15t_print .at_a11y {
			background: none;
			margin: 0;
			height: 20px !important;
			top: auto !important;
			left: 0 !important;
			position: relative !important;
			width: 200px !important;
		}
	.social a.at300b span.at15t_email {
		background-position: -109px -93px;
	}
	.social a.at300b:hover span.at15t_facebook {
		background-position: -45px -63px;
	}
	.social a.at300b:hover span.at15t_twitter {
		background-position: -77px -63px;
	}
	.social a.at300b:hover span.at15t_email {
		background-position: -109px -63px;
	}
	
		
.support .main h1 {
	display: none;
}
.header-image {
	padding-bottom: 20px;
}
.image-banner {
	overflow: auto;
}
.image-banners div {
	float: left;
}
	.image-banners .img .caption {
		background: url(../img/icon_sprite.png) -203px 0px no-repeat;
		color: white;
		display: block;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;		
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 0px auto -28px;
		padding: 14px 40px 26px;
		position: relative;
		text-align: center;
		text-shadow: 2px 2px 0px rgba(0,0,0,.3);
		text-transform: uppercase;
		width: 315px;
		z-index: 2000;
	}
	.image-banners .amp {
		color: #d0d9e1;
		font-family: 'Crimson Text', Garamond, Times, serif;
		font-style: italic;	
		font-size: 71px;
		padding: 10px 18px;
		
		text-align: center;
	}
.support .striped {
	margin: 10px 0px 30px;
}
.support .striped div {
	padding-top: 20px;
	padding-bottom: 20px;
}	
	.support .striped .border-tb {
		color: #565656;
		display: inline-block;
		border-bottom: solid 1px #d0d0d0;
		border-top: solid 1px #d0d0d0;
		font-family: 'Arimo', Helvetica, Arial, sans-serif;		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 18px;
		font-weight: bold;
		padding: 15px 0px;
		margin-left: 25px;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	#paypal {
		color: rgba(255,255,255,.9);
		font-size: 22px;
		
		margin-top: 0px;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 2px;
		padding: 12px 16px;
		text-shadow: 2px 2px 0px black;
		z-index: 1000;
		position: relative;
	}
		.support .striped .span-8:after {
			color: #999;
			content: 'donations made securely through PayPal';
			display: block;
			font-family: 'Crimson Text', Garamond, Times, serif;
			font-size: 15px;
			font-style: italic;	
			margin-bottom: -12px;
			text-align: center;
			position: relative;
			z-index: 6000;
			text-shadow: 1px 1px 0px white;
		}
	.support .box-solid .span-4 {
		padding: 20px 20px 10px;
		margin: 0px;
		text-align: center;
	}
	.support .box-solid .span-4.last {
		padding:  20px 19px 10px;
	}
		.support .box-solid h3 {
			color: #1b5384;
			font-size: 36px;
			font-style: normal;
			margin-bottom: 10px;
			position: relative;
			text-align: center;
		}
			.support .box-solid h3 span {
				font-size: 14px;
				position: relative;
				top: -14px;
				
			}
			.support .box-solid h3:after {
				background: url(../img/nav_stripe.png);
				content: '=';
				display: block;
				height: 5px;
				margin-top: 10px;
				margin-bottom: 10px;
				text-indent: -9999px;
			}
			.support .box-solid strong {
				font-size: 16px;
				line-height: 36px;
				
			}
			.support .box-solid em {
				color: #9a9a9a;
				font-family: 'Crimson Text', Garamond, Times, serif;
				font-size: 13px;
				font-style: italic;		
			}
			.support .box-solid p {
				font-size: 13px;
				line-height: 16px;
			}

#easter-egg {
	
}
	#hello {
		background: url(../img/icon_sprite.png) -319px -99px no-repeat;
		display: block;
		height: 100px;
		width: 50px;
		overflow: hidden;		
		z-index: 100;
		position: absolute;
		top: 450px;
		left: 50%;
		margin-left: -25px;
		-webkit-transition: top 1s;
		-moz-transition: top 1s;
	}
	#hello:hover {
		top: 500px;
	}
	#hello.up {
		top: 440px;
	}
	#hello.focus {
		background-position: -259px -99px;
	}




.print {
	display: none;
}

@media print {
	.print {

		display: block;
		font-size: 12px;
		line-height: 18px;
	}
	a:link:after, a:visited:after {
  content: "";
}
	.print.head {
		float: right;
		padding: 0px 0px 20px 20px;
	}
	header,
	.sidebar,
	aside,
	#subnav,
	#pagination,
	.home #topics,
	#feature,
	footer {
		display: none;
	}
}



@media all and (max-width:700px) {

  html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
  }
  .container {
    width: 100%;
  }
  
  
  header {
    width: 100%;
  }
  #banner {
    margin-bottom: -781px;
  }
    #searchform {
      display: none;
    }
    #logo {
      float: none;
      height: 137px;
      width: 113px;
    }
      #logo img {
        margin-top: -348px;
        width: 198px;
      }
    #tag {
      font-size: 22px;
      height: 77px;
      margin: 0px;
      margin-left:113px;      
      padding: 30px 10px;
      
    }
    
    #nav-main {
      background: #051626;
      margin: 0px;
      width: 100%;
    }
      #nav-main ul {
        padding: 8px 15px;
      }
      #nav-main ul li a {
        font-size: 13px;
        line-height: 13px;
        padding: 10px;
      }
        #nav-main ul li a span {
          display: none;
        }
 
     #nav-main ul li.current-menu-item a,
     #nav-main ul li.current-menu-parent a,
     .post-type-archive-topics #nav-main ul #topics > a,
     .tax-topic_type  #nav-main ul #topics > a,
     .single-topics #nav-main ul li#menu-item-29 > a,
     .post-type-archive-newsletters #nav-main ul li#newsletters > a,
     .single-newsletters #nav-main ul li#newsletters > a,
     .parent-pageid-10424 #nav-main ul li#projects > a,
     .post-type-archive-events #nav-main ul li#events > a,
     .single-events #nav-main ul li#events > a,
     .single-post #nav-main ul li#blog > a,
     .tag #nav-main ul li#blog > a {
       	background: transparent;
       	border-bottom: solid 2px #4C83B4;
       	color: #4C83B4;
       	font-family: 'Arimo', Helvetica, sans-serif;
       	font-size: 13px;
        font-weight: bold;
       	letter-spacing: .6px;
       	line-height: 13px;					
       	text-shadow: none;
       	padding-left: 0px;
       	padding-bottom: 8px;
       	padding-right:0px;
       	margin-left: 10px;
       	margin-right: 10px;
     }
       #nav-main ul li ul {
         display: none !important;
       }
  
  #feature,
  #feature .container,
  #feature .feature {
    height: auto;
    width: 100%;
  }
    #feature .feature {
      background: #041e32;
      			
    	background: -webkit-gradient(
    	    linear,
    	    left bottom,
    	    left top,
    	    color-stop(0, #041e32),
    	    color-stop(0.4, #1a4f77)
    	);
    
    	background: -moz-linear-gradient(
    	    center bottom,
    	    #041e32 0%,
    	    #1a4f77 40%
    	);
    }
    #feature .before,
    #feature .after {
      display: none;
    }
    
    #feature .feature img {      
      float: none;
      width: 100%;
    }
    #feature .content {
      
      display: block;
      float: none;
      height: auto;
      width: 90%;
      padding: 5% 5% 20%;
    }
      #feature .content h2:after,
      #feature .content h2:before {
        width: 100%;
      }
      #feature .content p {
        height: 0px;
        margin: 0px;
        text-indent: -9999px;
      }
      
      #feature .content .button {
        margin-left: 9999px;
        text-indent: 0px;
        width: 50%;
      }
  
  #content {
    width: 100%;
  }
    #content .container {
      width: 90%;
      padding: 0 5%;
      margin: 5% auto;
    }
    #content #subnav,
    #content .main,    
    #content aside,
    #content .main .span-24,
    #content .main.span-18,
    #content .main .span-15,
    #content .main .span-12,
    #content .main .span-10,
    #content .main .span-8,
    #content .main .span-6 {
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 0px;
      padding-right: 0px;
      width: 100%;
      
    }
      iframe {
        padding: 0px !important;
        width: 100% !important;
      }
      .prepend-1 {
        padding: 0px !important;
      }
      #content #subnav {
        margin-bottom: 20px;
      }
        #content #subnav .types,
        #content #subnav .subnav {
          display: none;
        }
      #content .main article .post_img {
        float: none;
        padding: 20px 0px;
        width: 100%;
      }
      #content .main article img {
        display: block;
        margin: 0px auto;
        width: 95%;
      }
      article .excerpt.span-10 {
        padding: 0px;
      }
    #content article .mediatype,
    #pagination .extend,
    #pagination .last {      
      display: none;
    }
    
    #choose-a-topic {
      float: none;
      width: 100%;
    }
      .home #choose-a-topic ul {  
        background: #041e32;
          			
        	background: -webkit-gradient(
        	    linear,
        	    left bottom,
        	    left top,
        	    color-stop(0, #041e32),
        	    color-stop(0.7, #1a4f77)
        	);
        
        	background: -moz-linear-gradient(
        	    center bottom,
        	    #041e32 0%,
        	    #1a4f77 70%
        	);
        	
        height: auto;
      }
        .home #choose-a-top ul li {
          float: none;
          border-right: none !important;
          border-bottom: dotted 1px #375e7c !important;
        }
          .home #choose-a-topic li:nth-child(n+7) {
          	border-bottom: dotted 1px #375e7c;
          }
            .home #choose-a-topic li:nth-child(n+11) {
            	border-bottom: none;
            }
          .home #choose-a-topic ul li {
            border-right: none;
            width: 50%;
            float: left;
          }
          .home #choose-a-topic ul li a {
            border: none;
            display: table;
            
            font-size: 12px;
            height: 70px;
            padding: 0px;
            text-align: center;
            width: 100%;
        
          }  

            .home #choose-a-topic ul li a span {
              
              padding: 10px;
            }
    .home #choose-a-topic li:nth-child(2n+1) {
    	border-right: dotted 1px #375e7c;
    	margin-right: -1px;
    }
    
    #easter-egg {
      display: none;
    }
    footer {
      height: auto;
    }
    footer .container {
      width: 90%;
      padding: 0 5%;
    }
    footer article {
      padding-top: 0px !important;
      margin-bottom: 30px;
      width: 100% !important;
    }
      footer article h3 {
        display: block !important;
      }
    
    
        .download {
          font-size: 17px;
        }
        .download,
        .social a.at300b {
          display: block;
          width: auto;
        }
        
    #subnav h2 .show_nav {
      display: block;
      float: right;
      font-style: normal;
      font-family: 'Arimo', Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
    }
    
    #content #subnav.show .types,
    #content #subnav.show .subnav {
      display: block;
    }
    
    .contact .entry-content p {
      float: none !important;
    }
    .contact textarea,
    .contact input {
      width: 90%;
    }
    .contact input.wpcf7-text {
      font-size: 20px;
      line-height: 25px;
    }
    .contact input.wpcf7-submit {
      width: auto;
    }
    
    .support .img {
      float: none;
      text-align: center;
      width: 100%;
    }
      .support .img img {
        display: block;
        height: auto;
        margin: 0px auto;
        width: 95%;
      }
      .support .img:last-child {
        display: none;
      }
      .support .header {
        font-size: 30px;
        line-height: 35px;
      }
      .support .image-banners .img .caption {
        display: none;
      }
    .support .amp {
      display: none;
    }
    .support .striped {
      padding: 0px;
    }
      .support .striped div {
        padding: 5% !important;
        width: 90% !important;
      }
    .support .striped .border-tb {
      font-size: 12px;
      text-align: center;
      margin: 0px 0px;
    }
    .support .striped .span-8 {
      padding-top: 0px !important;
      float: none;
      padding: 0px;
      text-align: center;
      width: 100%;
    }
    .support #paypal {
      margin: 0px !important;
    }
    .support .striped .span-8:after {
    	color: #999;
    	content: 'donations made securely through PayPal';
    	display: block;
    	font-family: 'Crimson Text', Garamond, Times, serif;
    	font-size: 15px;
    	font-style: italic;	
    	margin-top: 10px;
    	margin-bottom: 0px;
    	text-align: center;
    	position: relative;
    	z-index: 6000;
    	text-shadow: 1px 1px 0px white;
    }
    blockquote {
      padding: 0px 5%;
      text-align: center;
    }
    .support .box-solid .span-4 {
      border-top: solid 1px rgba(255,255,255,.9);
      border-bottom: solid 1px rgba(0,0,0,.1);
      padding: 5%;
      width: 90%;
    }
    .events h1 {
      margin: 10px 0px;
    }
    .events .contentbox {
      padding: 5%;
      width: 90%;
    }
    
}      
@media all and (min-width:700px) {
  .events h1.img_header {
    background: black;
    background: rgba(0, 0, 0, .7);
    margin: -54px 6px 21px;
    padding: 0;	  
    position: relative;
  }
    .events h1.img_header a,
    .events h1.img_header a:hover,
    .events h1.img_header a:visited,
    .events h1.img_header a:visited:hover {
      color: white;
      padding: 10px;
    }
    .events h1.img_header .font-resize a {
      padding: 0px;
    }
}