/*
Theme Name: Trelane
Theme URI: http://www.surveygizmo.com/
Description: SurveyGizmo v.3, March 2010
Version: 1.0
Author: Andrew Crocker
Author URI: http://surveygizmo.com/
*/

/*
-----------------------------------------------------------------------------------------------
 Mass Reset
----------------------------------------------------------------------------------------------- */
* { padding:0;margin:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;background-position:0 0;}
a img {border:none;}
table {border-collapse:collapse; border-spacing:0;}
q:before, q:after, .quote:before, .quote:after {content:"''";}

body {
	font-size:10px;
	font-family:Arial,sans-serif;
	color:#27303C;
	}


/*
-----------------------------------------------------------------------------------------------
 Utilitarian
----------------------------------------------------------------------------------------------- */
	.none,
	.hidden,
	.display-none {display:none;}
	.display-block {display:block;}
	.hide, .xhide {position:absolute;left:-9999em;} /* xhide used as a bridge between dev and live delays */
	.float-left {float:left !important;}
	.float-right {float:right !important;}
	.clear-left {clear:left;}
	.clear-right {clear:right;}
	.clear-both,
	.clear {clear:both;}
	.align-left {text-align:left;}
	.align-center {text-align:center;}
	.align-right {text-align:right;}
	img.float-right {margin:0 0 1em 1em;}
	img.float-left {margin:0 1em 1em 0;}
	
	.caps-title {text-transform: capitalize;}
	.caps-lowercase {text-transform: lowercase;}
	.caps-uppercase {text-transform: uppercase;}
	
	.error{border-color:red;}

	.alignright {float: right; margin: 0em 0em 1em 1em;}
	.alignleft {float: left; margin: 0em 1em 1em 0em;}
	
	.post img {
		padding: 2px;
		border:2px solid #fff;
		background:#fff;
		margin: 1px;
		border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
		-moz-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
		-webkit-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
		}
	.content img.no-border {
		border: 0px none;
		padding: 0px;
		
		-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		-moz-border-radius: 0px;
		
		-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		-webkit-border-radius: 0px;
		
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		border-radius: 0px;
		}
	.content img.thin-border {}
	.loader {height:auto !important;height:100px;min-height:100px;background:transparent url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/loading.gif) no-repeat 50% 55px;}
	.tag-new {color:#CA1E34;font-family:Georgia,serif;font-style:italic;}
	.highlight {background-color:#ffee55 !important;}
	.full {width: 100%;}
	pre, code, .code {font-family:"Andale Mono",Monaco,"Courier New",monospace;}
	li pre, li code, li .code {font-size:.95em;}
	pre.code {display:block;overflow:auto;color:#666;width:auto !important;width:550px;margin:0 0 1em 0;border:1px solid #999;padding:1em;background:#eee;}
	pre.url {white-space:normal;}
	pre.url .highlight {color:#f60;}
	.subtext, .content .subtext, .content small {font-size: 80%;}
	hr { height: 1px; border: none; background: #d1d5da; color: #d1d5da;}
	.content .linkish-light {border-bottom: 1px dotted #929eb0;}
	.content .linkish-light:hover {border-bottom: 1px solid #929eb0;text-decoration: none;}
	input.grey {color:#969699;font-weight:normal;}
	.green {color:#5CA329;}
	.blue {color: #3266aa;}
	.orange {color: #f26227;}
	.aside {margin-left: 2em;}
	
	.indent-list p,
	.indent-list pre,
	.indent-list table {
		margin-left: 2em;}
		
		.wp-content .indent-list ul, .wp-content .indent-list ol {
		margin-left: 4em;}

/* !--- social icons --------------------------------------------------------------- */

.social-icon {
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/icons-social.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	margin-right: 5px;
	outline: none;
	text-indent: -1000px;
	}

.icon-facebook {
	background-position: 0px -20px;
	}

.icon-twitter {
	background-position: 0px -60px;
	}

.icon-rss {
	background-position: 0px -40px;
	}
	
.icon-sharethis {
	background-position: 0px 0px;
	}

/*
-----------------------------------------------------------------------------------------------
 Layout / Structure
----------------------------------------------------------------------------------------------- */
body {
	/* background: #34517c; */
	}

#wrap {
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/sub-body-bg.jpg) 50% -95px repeat-x #ffffff;
	}

#wrap2 {
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/sub-center-bg.jpg) 50% -95px no-repeat;
	min-height: 600px;
	overflow: hidden;
	clear: both;
	}

.wrap-960 {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
	}
.wrap-auto {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:left;
	}
/* !--- herobox override --------------------------------------------------------------- */
	.herobox #wrap {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/index-body-bg.jpg) 50% -95px repeat-x #ffffff;}
	.herobox #wrap2 {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/index-center-bg.jpg) 50% -95px no-repeat;}
	#herobox {height: 334px;position: relative; z-index: 40;}

/* !--- header --------------------------------------------------------------- */
	#header {
		height: 95px;
		position: relative;
		z-index: 50;
		background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/sub-body-bg.jpg) top center repeat-x #2c4b78;
		}
		#header .wrap-960 {
			height: 95px;
			background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/sub-center-bg.jpg) top center no-repeat;
			}
	#header .logo {
		width: 291px;
		height: 48px;
		margin: 0px;
		text-indent: -10000px;
		background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/surveygizmo.png) top left no-repeat;
		position: relative;
		top:7px;
		}
		#header .logo a {
		width: 291px;
		height: 48px;
		position: absolute;
		top:0px;
		left: 0px;
		outline: none;
		}
		#header a {color: #D2E6FF; text-decoration: none;} #header a:hover {color: #fff;}
	
	#header #nav {
		height: 34px;
		position: absolute;
		bottom:0px;
		left:0px;
		list-style: none;
		width: 100%;
		z-index: 10;
		}
	
	/* Floater Fixer */
	#quest,
	.content-box,
	.blocky {
		overflow:hidden;
		position:relative;
		}
		
	#content, #heroblock, #footer {
		clear: both;
		}
	#header-signup {
		position:relative;
		top:12px;
		}
		
	/* login block */
	
	#userbox {
		position: absolute;
		top:18px;
		right:0px;
		color: #ffffff;
		width: 500px;
		text-align: right;
		font-size: 15px;
		text-align: right;
		}
		#header-login a {
			display: inline-block;
			padding:4px 7px 5px 7px;
			vertical-align: bottom;
			}
	#userbox .buttonish {margin: -10px 0px 0px 5px !important;}
	#userbox .buttonish-smoke {margin: 0px 0px 0px 10px !important;}
	
	
	/* search */
	
	#header-search .subnav, #header-search #search-input-label {
		position: absolute;
		top:-1000;
		height: 0px;
		overflow: hidden;
		visibility: hidden;
		}
	#header-search {
		position: relative;
		z-index: 20;
		top:12px;
		right:-5px;
		font-size: 12px;
		}
	#header-search #searchbox {
		background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/dink-search.gif) 5px 5px no-repeat #153459;
		padding: 3px 40px 3px 25px;
		border:0px;
		width:100px;
		margin: 0px;
		color: #c9dbea;
		vertical-align: baseline;
		
				
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		
		-moz-box-shadow: 0px 1px 2px #0b233f inset;
		-webkit-box-shadow: 0px 1px 2px #0b233f inset;
		box-shadow: 0px 1px 2px #0b233f inset;
		
		}
		#header-search .grey {
			}
	#header-search #search-submit {
		right:6px;
		top:-2px;
		width: 33px;
		text-align: center;
		position:absolute;
		padding: 0px;
		border: 0px;
		background: #396089;
		color: #153459;
		cursor: pointer;
		height: 16px;
		
		opacity: 0;
		
		
		display: none;
		
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		
		
		-moz-transition-duration: 1s;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		}
		#header-search:hover #search-submit {
			opacity: 1;}
		
		
		#header-search #search-submit:hover,
		#userbox #header-login a:hover {}
		.searchtext {font-weight:normal;}
		
		.ie7 #header-search *  {zoom: 1;}

	
/*
-----------------------------------------------------------------------------------------------
 Corners
----------------------------------------------------------------------------------------------- */
.rc, #calendar_wrapLarge, .highlight-block {border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.rc1 {border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;}
.rc2 {border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.rc3 {border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.rc4, #sharethis_0 {border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.ctl {border-top-left-radius:6px;-khtml-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;}
.ctr {border-top-right-radius:6px;-khtml-border-top-right-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;}
.cbr {border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;}
.cbl {border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;}

/*
-----------------------------------------------------------------------------------------------
 Columns
----------------------------------------------------------------------------------------------- */
.column20 {width:20%;}
.column25 {width:25%;}
.column30 {width:30%;}
.column33 {width:33%;}
.column34 {width:34%;}
.column35 {width:35%;}
.column40 {width:40%;}
.column45 {width:45%;}
.column50 {width:50%;}
.column55 {width:55%;}
.column60 {width:60%;}
.column65 {width:65%;}
.column66 {width:66%;}
.column67 {width:67%;}
.column70 {width:70%;}
.column75 {width:75%;}
.column80 {width:80%;}

.column-padding {
	position:relative;
	padding:0 10px 20px 10px;
	}
	#sidebar .column-padding {
		padding:0px 20px;
		}
	#pseudopod .column-padding {
		padding: 0px 25px;
		}

	/* Column Block Overrides */
	.content-box.first .column-padding {padding-left:0;}
	.content-box.last .column-padding {padding-right:0;}
	.content-block .first .column-padding {padding-left:0;}
	.content-block .last .column-padding {padding-right:0;}
	
	#sidebar .content-block {
		padding:1px 20px;
		clear: both;
		border-bottom: 1px solid rgba(50, 80, 100, 0.1);
		border-top: 1px solid #fff;
		overflow: hidden;
		}
		
	#sidebar .content-block:last-child {
		border-bottom: 0px none;
		}
	
	#sidebar .content-block:first-child {
		border-top:0px none;
		}

	
#sidebar {	
	background: rgba(0, 14, 55, 0.03);
	width: 311px;
	margin-top: 60px;
	padding-bottom: 25px;}
	


/*
-----------------------------------------------------------------------------------------------
 Boxes
----------------------------------------------------------------------------------------------- */
.boxy {
	padding:15px;
	background:#f7f8f9;
	margin: 1em 0em;
	}
	.boxy *:first-child {
		margin-top: 0px;}
.soft-rule {
	height:1px;
	margin:15px 0;
	border-top:1px dotted #C3CBD0;
	}
	#footer .soft-rule {
		border-color:#6699cc;
		margin-top: 0px;
		}
		
.note {
	margin:0 0 1em 0;
	padding:15px;
	color:#555951;
	background:#ffffcc;
	border:2px solid #9c6;
	}
	.content .note h3 {margin-top:0;}
	.content .note p {margin-bottom:0;}
	
/* transcript */
.transcript {
	background: #F4F4F4;
	border-radius: 10px;
	color: #444;
	font-family:"Times New Roman", Times, serif;
	border: 1px solid #DDDDDD;
	border-top: 1px solid #BFBFBF;
	position: relative;
	padding-bottom: 50px;
	overflow: hidden;
	margin: 1.5em 0;
	height: 250px;
	}
.transcript.expanded {
	height: auto;
	}
	.transcript .expand {
		font-family: Arial, sans-serif;
		text-align: center;
		display: block;
		padding: 7px 0px 10px 0px;
		border-top: 1px solid #92A38D;
		background: #C4D8BE;
		border-radius: 0px 0px 9px 9px;
		color: #000;
		position: absolute;
		left:0px;
		bottom:0px;
		right:0px;
		height: 20px;
		box-shadow: 0px -20px 20px #F4F4F4;
		}
		.transcript .expand:hover {background: #9FC195;}
	.transcript-inner {
		padding: 1em;
		overflow: hidden;
		}
.transcript.expanded .expand {
	text-indent: -1000px;
	height: 10px;
	}

/* split */

.boxy-split-v {
	padding: 0px;}

.boxy .boxy-top {
	border-bottom: 1px solid #fff;
	margin: 0px;
	padding: 15px;}

	#content .boxy-split-v h1,
	#content .boxy-split-v h2,
	#content .boxy-split-v h3,
	#content .boxy-split-v h4,
	#content .boxy-split-v h5,
	#content .boxy-split-v h6 {	
		color: #354B68;
		font-weight: bold;
		}

.boxy .boxy-bottom {
	border-top: 1px solid #dfe1e4;
	background: #eff1f4;
	padding: 15px;}

/* hightlight boxes */

.highlight-block {
	background: #FEFEFE; /* old browsers */
	background: -moz-linear-gradient(top, #FEFEFE 0%, #F5F6F7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F5F6F7)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F5F6F7',GradientType=0 ); /* ie */
	
	border: 1px solid #f9fafa;
	border-top-color: #fff;
	box-shadow:0px 1px 2px rgba(52, 75, 104, 0.1);
	-moz-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
	-webkit-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
	margin: 0px 0px 20px 0px;
	padding: 7px;
	display: block;
	letter-spacing: .2px;
	cursor:pointer;
	}
	.content .highlight-block, .content .highlight-block:hover  {text-decoration: none;}
	#content .highlight-block .linkish-light,#content .highlight-block .linkish-light:hover {border-color: #c3c5c7;}

#content .highlight-block p, #content .highlight-block ul, #content .highlight-block div { /* #content .highlight-block a  */
	color: #616161;
	font-size: 12px;
	line-height: 14px;
	font-weight: 100;
	clear: both;
	}
#content .highlight-block p {
	padding: 8px 0px 0px 0px;
	margin: 0px;
	}
	
.highlight-block h4 {
	margin-top: 0px;
	font-size: 14px;
	line-height: 18px;
	float: left;
	}

	.highlight-block.with-background {padding-right: 80px;position: relative; }
		.highlight-block.with-background .support {position:absolute; bottom:-1px; right:-1px; height: 100px; width:80px; overflow: hidden;}
			
			.support-chris img {position: absolute; top: -200px;}
			
/* small box - a small solid color box.  use with rc */
.small-box {
	padding: 10px 15px;
	color: #757575;
	background: rgba(0, 14, 55, 0.04);
	font-size: 12px;
	line-height: 15px;
	display: inline-block;}
	.small-box h5 {
		margin-top: 0px;
		color: #546479;
		font-weight: bold;
		font-size: 14px;}
	#content .small-box p {
		margin: .5em 0 0 0;}

/*
-----------------------------------------------------------------------------------------------
 Buttons
----------------------------------------------------------------------------------------------- */
	
	/* inset buttons */
	
	.inset-buttons,
	#sharethis_0 {
		text-decoration: none;
		background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/bg-dark-grey.png) top left repeat-x #edeeef;
		border-top: 1px solid #ced4db;
		border-bottom: 1px solid #edeeef;
		border-left: 1px solid #dde1e5;
		border-right: 1px solid #dde1e5;
		padding: 5px;
		display: block;
		margin: 1px 6px 6px 0px;
		}
		#sharethis_0 a {text-decoration: none; display: block;padding-bottom: 0px;}
	
	.content .inset-buttons:hover,
	#sharethis_0:hover {
		text-decoration: none;
		background: #dcdfe0;
		border-top-color: #bdc3ca;
		border-left-color: #cfd2d6;
		border-bottom-color: #dcdfe0;
		border-right-color: #cfd2d6;
		}
	
	/* !buttonish - default is small orange no tip */
		
	.buttonish { /* must be an anchor tag with a span inside --OR-- a label with an input inside.  all buttons must have at least buttonsih class, which will default to small orange. */
		height: 25px;
		background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons.png);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		padding: 0px !important;
		margin: 0px 15px 0px 0px !important;
		display: inline-block;
		text-decoration: none;
		}
		.buttonish:hover {text-decoration: none;}
	.buttonish span, .buttonish input  { 
		height: 25px;
		background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons.png);
		background-repeat: repeat-x;
		background-position: 100% -25px;
		background-color: transparent;
		padding: 0px 10px 0px 10px;
		margin: 0px -14px 0px 0px;
		display: inline-block;
		line-height: 24px;
		cursor: pointer;
		text-shadow: 0px 1px 1px #914800;
		color: #fff;
		}
		.buttonish:hover span {text-decoration: none;}
		/* buttonsih modifiers */
		
		/* !--buttonish orange */
			.buttonish-tip {}
			.buttonish-big {background-position: 0px -75px; height: 35px; line-height: 34px; font-size: 16px; }
			
			/* tip */
			.buttonish-tip span, .buttonish-tip input { background-position: 100% -50px; padding: 0px 15px 0px 10px;}
			
			/* big */
			.buttonish-big span, .buttonish-big input { background-position: 100% -110px; height: 35px; line-height: 35px;}
			
			/* tip big */
			.buttonish-tip.buttonish-big span, .buttonish-tip.buttonish-big input { background-position: 100% -145px; height: 35px; line-height: 35px;}
			
			/* huge */
			.buttonish-huge {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-huge.png) top left; height: 56px; line-height: 56px;}
			.buttonish-huge span, .buttonish-huge input {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-huge.png) 100% -56px; height: 56px; line-height: 56px; font-size: 24px;}
			
			/* GIGANTIC - only comes with the tip */
			.buttonish-gigantic {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-gigantic.png) top left; height: 73px; line-height: 73px;margin-right: 35px;}
			.buttonish-gigantic span, .buttonish-gigantic input {
				background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-gigantic.png) 100% -73px;
				height: 73px;
				line-height: 73px;
				font-size: 32px;
				padding: 0 50px 0px 20px;
				margin: 0 -35px 0 0;}
			
		/* !--buttonish blue */
			.buttonish-blue {background-position: 0px -180px; }
			.buttonish-blue.buttonish-big {background-position: 0px -255px;}
			
			/* flat */
			.buttonish-blue span, .buttonish-blue input { background-position: 100% -205px; text-shadow: 0px 1px 1px #24496c;}
			
			/* tip */
			.buttonish-blue.buttonish-tip span, .buttonish-blue.buttonish-tip input { background-position: 100% -230px;}
			
			/* big */
			.buttonish-blue.buttonish-big span, .buttonish-blue.buttonish-big input { background-position: 100% -290px;}
			
			/* tip big */
			.buttonish-blue.buttonish-tip.buttonish-big span, .buttonish-blue.buttonish-tip.buttonish-big input { background-position: 100% -325px;}
		
		/* !--buttonish green */
			.buttonish-green {background-position: 0px -360px;}
			.buttonish-green.buttonish-big {background-position: 0px -435px;}
			
			/* flat */
			.buttonish-green span, .buttonish-green input { background-position: 100% -385px; text-shadow: 0px 1px 1px #537b30;}
			
			/* tip */
			.buttonish-green.buttonish-tip span, .buttonish-green.buttonish-tip input { background-position: 100% -410px;}
			
			/* big */
			.buttonish-green.buttonish-big span, .buttonish-green.buttonish-big input { background-position: 100% -470px;}
			
			/* tip big */
			.buttonish-green.buttonish-tip.buttonish-big span, .buttonish-green.buttonish-tip.buttonish-big input { background-position: 100% -505px;}
		
		/* !--buttonish smoke */
			.buttonish-smoke {
				background-image: none;
				}
			
			/* flat */
			.buttonish-smoke span, .buttonish-smoke input {
				background: rgba(70, 110, 160, 0.5);
				background-image: none;
				-moz-border-radius: 6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				margin: 0px;
				text-shadow: 0px 0px 0px transparent;
				color: #D2E6FF;}
				 
				.buttonish-smoke:hover span, .buttonish-smoke:hover input {
				 	background: rgba(70, 110, 160, .9);
				}

		/* !--buttonish hover (same as blue) */
			.buttonish:hover {background-position: 0px -180px;text-decoration: none !important;}
			.buttonish:hover.buttonish-big {background-position: 0px -255px;}
			
			/* flat */
			.buttonish:hover span, .buttonish:hover input { background-position: 100% -205px; text-shadow: 0px 1px 1px #24496c; color: #fff;}
			
			/* tip */
			.buttonish:hover.buttonish-tip span, .buttonish:hover.buttonish-tip input { background-position: 100% -230px;}
			
			/* big */
			.buttonish:hover.buttonish-big span, .buttonish:hover.buttonish-big input { background-position: 100% -290px;}
			
			/* tip big */
			.buttonish:hover.buttonish-tip.buttonish-big span, .buttonish:hover.buttonish-tip.buttonish-big input { background-position: 100% -325px;}
			
			/* huge */
			.buttonish-huge:hover {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-huge.png) 0px -112px;}
			.buttonish-huge:hover span, .buttonish-huge:hover input {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-huge.png) 100% -168px;}
			
			/* GIGANTIC - only comes with the tip */
			.buttonish-gigantic:hover {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-gigantic.png) 0px -146px;}
			.buttonish-gigantic:hover span, .buttonish-gigantic:hover input {background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/buttons-gigantic.png) 100% -219px;}
			
		/* !--buttonish full */
			.buttonish-full, .buttonish-full span, .buttonish-full input {width: 97%; text-align: center;}


/* !Square Buttons */

/* !---generals */

.button-square {
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/button-logos.png);
	background-repeat: no-repeat;
	height: 21px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 1px 1px 0px 0px;
	}
	.content .button-square:hover,
	.button-square:hover,
	.content .button-square:hover span,
	.button-square:hover span {
		text-decoration: none;
		}
		
.button-square span {
	margin: 0px 0px 0px 22px;
	padding: 2px 6px 3px 6px;
	display: inline-block;
	height: 14px;
	background-image: none;}
	.button-square span span { /* fix for facebook */
		background: none !important;
		border: none !important;
		margin: 0px !important;
		padding: 0px !important;
		}
	

/* !---specifics */

.button-fb {background-color: #29447e; background-position: 0px 0px;}
.button-fb span {background-color: #5f78ab; border-top: 1px solid #879ac0;border-bottom: 1px solid #1a356e;}

.button-tw {background-color: #0094c6; background-position: 0px -44px;}
.button-tw span {background-color: #32cbff; border-top: 1px solid #72dbff;border-bottom: 1px solid #0082ad;}

.button-id {background-color: #aeaeae; background-position: 0px -88px; color: #666666; }
.button-id span {background-color: #f6f6f6; border-top: 1px solid #ffffff;border-bottom: 1px solid #989898;}

.button-mail {background-color: #999999; background-position: 0px -132px; color: #666666; }
.button-mail span {background-color: #ededed; border-top: 1px solid #ffffff;border-bottom: 1px solid #868686;}

/* !---hover */

.button-fb:hover {background-position: 0px -22px;}
.button-fb:hover span {background-color: #4f6aa3; border-top-color: #45619d;border-bottom-color: #29447e;color: #fff;}

.button-tw:hover {background-position: 0px -66px;}
.button-tw:hover span {background-color: #2fc1f2; border-top-color: #20b3e4;border-bottom-color: #0094c6;color: #fff;}

.button-id:hover {background-position: 0px -110px;}
.button-id:hover span {background-color: #ececec; border-top-color: #d8d8d8;border-bottom-color: #aeaeae; color: #666666;}

.button-mail:hover {background-position: 0px -154px;}
.button-mail:hover span {background-color: #e2e2e2; border-top-color: #d5d5d5;border-bottom-color: #aeaeae; color: #666666;}
		
/*
-----------------------------------------------------------------------------------------------
 Icon Dinks
----------------------------------------------------------------------------------------------- */
.icon-close	{
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	width:34px;
	height:34px;
	background:transparent url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/32-icon-close.png) scroll no-repeat 0 0;
	}


/*
-----------------------------------------------------------------------------------------------
 Links
----------------------------------------------------------------------------------------------- */
a {
	color:#3266aa;
	cursor:pointer;

	}
	a:hover {
		color: #002459;
		text-decoration:underline;
		}
		#sidebar ul.menu a:hover {text-decoration:underline;}
a.more-link {
	font-family:Georgia,serif;
	font-style:italic;
	text-decoration:none;
	}

.admin-link-box {
	position:fixed;
	bottom:0;
	left:0;
	opacity:.8;
	font-size:12px;
	
	margin:0;
	z-index:10;
	}
	.admin-link-box a {
		text-decoration:none;
		padding:.5em 1em 2em 1em;
		color:#6699cc;
		display: inline-block;
		border-radius: 0px 12px 0px 0px;
		box-shadow: 0px 0px 5px rgba(0,0,0,.1);
			background:#ffffff;

		}
	.admin-link-box a:hover {
		color: #000;
		box-shadow: 0px 0px 5px rgba(0,0,0,.5);
		}


/* Link Alternates */
a.notta-link {
	text-decoration:none;
	color:inherit;
	}
.linkish {
	text-decoration:underline;
	color:#002b6a;
	}


/*
-----------------------------------------------------------------------------------------------
 Typography
----------------------------------------------------------------------------------------------- */

/* Defaults: Headings */
h1, h2, h3, h4, h5, h6 { /* color: #354b68; */}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
a h1, a h2, a h3, a h4, a h5, a h6 {color: #3266aa;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color: #002459;text-decoration:underline;}

h1,
h2,
h3,
h4 {
	color: #354b68;
	font-weight: bold;
	}
h5, 
h6 {
	color: #f05425;
	font-weight: normal;
	}

h1 {
	font-size:34px;
	line-height: 34px;
	margin:.5em 0 .6em 0;
	}
	#logo h1 {margin:0;}
h2 {
	font-size:2em;
	line-height: 1em;
	margin:1em 0 .5em 0;
	}
h3 {
	font-size:1.5em;
	margin:1em 0 .5em 0;
	color: #8999AE;
	}
h4 {
	font-size:1.25em;
	margin:.5em 0 .2em 0;
	}
h5 {
	font-size:1.3em;
	margin:.5em 0 .2em 0;
	}

	#sidebar h3, #sidebar h3 a, #sidebar h3, #sidebar h3 a {
		font-weight: bold;
		font-size: 18px;
		}
		#sidebar h3 a {
			float: right;
			font-size: 60%;
			font-weight: 300;
			}

		#content h4.subheading, #content .similar-posts h3, #content .similar-posts h3 a {
			font-weight: normal;
			color:#737D8C;
			font-size: 1.4em;
			line-height: 1.2em;
			}
			
	
		
/* Defaults: Body Copy & Lists */
	#content {
		font-size:14px;
		line-height:18px;
		color: #595959;
		padding-top: 10px;
		}
		#content p {
			margin-bottom:1em;
			}
		#logistics p {
			text-align:center;
			}
		#main-col {
			line-height: 20px;
			}

.wp-content ul,
.wp-content ol {
	margin:0 0 1em 2em;
	}

.wp-content dl {
	margin:0 0 1em 0;
	}
.wp-content dt {
	font-weight:bold;
	}
.wp-content dd {
	margin:0 0 1em 1em;
	}

.wrap-auto #content {
	padding:20px;
	}
.wp-content h3 {line-height:1.4;}

	i,
	em,
	.italic,
	.content i,
	.content em,
	.content .italic {
		font-style:italic;
		}
	b,
	strong,
	.bold,
	.content b,
	.content strong,
	.content .bold {
		font-weight:bold;
		}
	.content a:hover {
		text-decoration:underline;
		}
	.handwriting {
		font-family: 'Reenie Beanie', arial, serif;}
/* Alternate Fonts */
	.serif,
	.content .serif {
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	.subtext,
	.content .subtext,
	.content small {
		font-size:12px;
		color:#737D8C;
		}
	.large-type {
		font-size:1.5em;
		}
	.smaller-type {
		font-size:.9em;
		}
	.text10px {
		font-size: 13px !important;
		line-height: 25px !important;
	}
	.no-top-margin {
		margin-top:0 !important;
		padding-top:0 !important;
	}
	.no-bottom-margin {
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
	
	/* left column */
	
	#main-col {
		}

	/* gradient header */
	.header-gradient {
		padding: 5px 0px;
		font-weight: normal;
		
		background: -moz-linear-gradient(top, rgba(255,255,255,.0) 0%, rgba(216,234,246,.35) 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.0)), color-stop(100%,rgba(216,234,246,.35))); /* webkit */
		border-bottom: 1px solid #c9ddee;}


/*
-----------------------------------------------------------------------------------------------
 Navigation Menu
----------------------------------------------------------------------------------------------- */

#nav li {
	background: rgba(70, 110, 160, .5);
	margin: 0px 5px 0px 0px;
	height: 32px;
	float: left;
	list-style: none;
	
	border-top-left-radius:6px;border-radius-topleft:6px;-khtml-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;
	border-top-right-radius:6px;-khtml-border-top-right-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;
	border-radius: 6px 6px 0px 0px;
	}

#nav li.last {
	margin-right: 0px;}

#nav li:hover {
	background: rgba(70, 110, 160, .9);
	}

#nav .active, #nav .active:hover {
	background: #8EB8DE;
	height: 34px;
	-moz-box-shadow: 0px -1px 1px rgba(0, 22, 40, .8);
	}
	
#nav .active a {
	color: #01224e;}
	
#nav a {
	padding: 6px 10px;
	float: left;
	font-size: 15px;
	text-decoration: none;
	color: #d2e6ff;
	font-weight: 300;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	/* Breadcrumb */
	.breadcrumb {
		position:absolute;
		top:-32px;
		right:30px;
		z-index: 100;
		}
		.breadcrumb a {color: #dbe6f3;}
	/* from support */
	.breadcrumbs a { 
		color: #4D5C70;
		font-size: 1.2em;
		text-decoration: none;
		}
		
/* !--- subnav --------- */

#subnav {
	overflow: hidden;
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/subnav.png) bottom center no-repeat;
	padding: 10px 5px;
	font-size: 13px;
	font-weight: 300;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	position:relative;
	z-index:999;
	}

#subnav li {
	list-style: none;
	float: left;
	position:relative;
	z-index:100;
	}
	
#subnav a {
	color: #354b68;
	text-decoration: none;
	
	border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	
	padding: 2px 6px;
	margin-right: 3px;}

#subnav a:hover {
	background: rgba(62, 101, 150, .2);
	color: #edf5fb;
	text-shadow: 0px 1px 1px rgba(62, 101, 150, .9); 
	-moz-box-shadow: 0px 1px 4px rgba(62, 101, 150, .2) inset;
	}

#subnav .active a, #subnav .active a:hover, #subnav .current_page_item a, #subnav .current_page_item a:hover {
	background: #3e6596;
	color: #edf5fb;
	text-shadow: 1px 1px #002268;
	-moz-box-shadow: 0px 3px 6px #002268 inset;
	
	}

/* !--- main nav as a list --------- */
.list-nav {
	text-align: center;}

.list-nav #nav {
	display: inline-block;
	text-align: left;
	margin-top: 20px;}

.list-nav #nav li,
.list-nav #nav li.active {
	background: none;
	margin: 0px 3px;
	height: auto;
	float: none;
	display: inline-block;
	-moz-box-shadow: 0 0px 0px transparent;}

.list-nav #nav li.last {
	float: none !important;}

.list-nav #nav li:hover,
.list-nav #nav li.active:hover {
	background: none;
	}
	
.list-nav #nav a {
	padding: 0px;
	float: left;
	font-size: 14px;
	text-decoration: underline;
	color: #3266AA;
	font-weight: 300;
	font-family: arial,sans-serif;
	}

/*
-----------------------------------------------------------------------------------------------
 Lists
----------------------------------------------------------------------------------------------- */
ul.catalog, 
ol.catalog {
	list-style:none;
	margin:0 0 3em 0;
	}
	
ul.catalog li, 
ol.catalog li {
	border-top:0px solid #d7dce4;
	padding:0 0 .5em 1.5em;
	margin:0;
	background: transparent url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/bullet-box-lite.png) no-repeat 0 4px;
	line-height:1.4;
	}
	ul.catalog a, 
	ol.catalog a {
		text-decoration:none;
		}
	ul.catalog a:hover, 
	ol.catalog a:hover {
		text-decoration:underline;
		}
	ul.catalog li.active a, 
	ol.catalog li.active a {
		color:#717579;
		}

/* 4square and 2 col lists */
.list-2-col {
	overflow: hidden;}

.list-2-col li {
	width: 50%;
	float: left;
	list-style: none;
	}

#content .list-2-col * {
	font-size: 12px;
	line-height: 18px;
	outline: none;
	}

.negative-edge {
	margin: 0px -5px -5px 0px;}
.no-margin {
	margin: 0px !important;}


/*
-----------------------------------------------------------------------------------------------
 Tables
----------------------------------------------------------------------------------------------- */

table.display-table {
	border-right: 1px solid #ccc;
	border-top: 1px solid #bbb;
	}
table.display-table td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 10px;
	vertical-align: top;
	}
table.display-table th {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	padding: 6px 10px;
	vertical-align: bottom;
	color: #fff;
	background: #445869;
	font-weight: bold;
	}


/*
-----------------------------------------------------------------------------------------------
 Site Map Stuff
----------------------------------------------------------------------------------------------- */
.ddsg-wrapper ul {
	margin: 0 0 1em 2em;
	}
.ddsg-wrapper h2 {
	font-weight:normal;
	font-size:1.7em;
	}

/*
-----------------------------------------------------------------------------------------------
 SPECIAL PROMOTIONS
----------------------------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------------------------
 minimal layout
----------------------------------------------------------------------------------------------- */

.minimal #wrap2 {
	padding-bottom: 8em;
	padding-top: 5em;}

.minimal #header,
.minimal #header .wrap-960 {
	height: 0px;
	overflow: visible;}

.minimal .minimal-login-signup {
	position: absolute;
	top:-20px;
	right:0px;
	font-size: 12px;
	}

/*
-----------------------------------------------------------------------------------------------
 individual pages
----------------------------------------------------------------------------------------------- */

.bio img {
	margin: 0 1em 1em 0;
	border:2px solid #fff;
	background:#fff;
	color: #fff;
		
	border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	
	-moz-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
	-webkit-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);}

/*
-----------------------------------------------------------------------------------------------
 Form Elements
----------------------------------------------------------------------------------------------- */
	.formrow label {
		width:60px;
		display:block;
		float:left;
		clear:left;
		padding-top:.3em;
		}
 		form {display:inline;}
		input.sfcontrol, input.button, input.field, input.sg_Textbox, input.sg_CheckBox_Other, select.sg_Select, textarea, select {background:#fff url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/form-input-shadow.png) scroll no-repeat 0 0;border:1px solid #838B97;font-family:Verdana,sans-serif;}

		input.sfcontrol, input.button, input.field, input.sg_Textbox, input.sg_CheckBox_Other, select.sg_Select, textarea {padding:3px;}
			input.sg_Textbox, input.sg_CheckBox_Other, select.sg_Select {margin-right:.5em;}

		input.sfcontrol, input.field, input.sg_Textbox, input.sg_CheckBox_Other, select.sg_Select, textarea, select {border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

		input.button {text-align:center;cursor:pointer;color:#293f56;border:1px solid #5ca329;font-weight:bold;font-family:Arial,Verdana,sans-serif;background:#9c6;}
		input.big {font-size:1.7em;padding:.2em .5em;}
		input.button:hover {background-color:#bc8;}
		input.sfcontrol:focus, input.field:focus, input.sg_Textbox:focus, textarea:focus ,sg_Select:focus, input.sg_CheckBox_Other:focus, select:focus {border:1px solid #111519;background-color:#ffd;}
		textarea, textarea.sftextarea {line-height:1.3;} 
		
		
	/* label inside */
	
	.input {
	  margin: 5px 0;
	  background: white;
	  float: left;
	  clear: both;
	}
	.input span {
	  position: absolute;
	  padding: 5px;
	  margin-left: 3px;
	  color: #999;
	}
	.input input, .input textarea, .input select {
	  position: relative;
	  margin: 0;
	  border-width: 1px;
	  padding: 6px;
	  background: transparent;
	  font: inherit;
	}
	/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    .input input, .input textarea, .input select { padding: 4px; }
	}

	/* fancy blue input */
	.input-fancyblue {
		margin: 0px 0px 10px 0px;}
	.input-fancyblue,
	.input-fancyblue span {
		font-size: 14px;
		color: #6188ab;}
	.input-fancyblue {
		border: 1px solid #385981;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius: 5px;
		background-color: #fff;
		
		-moz-box-shadow: inset 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0 1px #fff;
		
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBF4FA), to(#F6FBFF));
		background-image: -moz-linear-gradient(0% 100% 90deg,#F6FBFF, #EBF4FA);
		-pie-background: linear-gradient(90deg, #FFFFFF, #EBF4FA);
		}


/*
-----------------------------------------------------------------------------------------------
 Specials
----------------------------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------------------------
 Screenshots
----------------------------------------------------------------------------------------------- */

.screenshots li {
	float: left;
	padding: 5px;
	list-style: none;
	position: relative;
	}
	
.screenshots .caption {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left:5px;
	bottom: 11px;
	margin-bottom: 0px;
	right:5px;
	border-top: 1px solid rgba(221, 221, 221, .5);
	text-align: right;
	padding: 0px 3px;
	font-weight: bold;}

.screenshots .zoom {
	position: absolute;
	left:-1px;
	top:-1px;
	width: 16px;
	height: 16px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/zoom.png) top left no-repeat;
	}

.screenshots img {
	box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
	-moz-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);
	-webkit-box-shadow:0px 1px 2px rgba(52, 75, 104, 0.3);}
	
.screenshots a {
	text-decoration: none;
	color: #354c68;
	font-size: 10px;
	outline: none;
	}

/*
-----------------------------------------------------------------------------------------------
 Fancy Quotes
----------------------------------------------------------------------------------------------- */
blockquote,
.fancy-quote {
	padding-bottom:2em;
	position:relative;
	}
blockquote,
.fancy-quote .quote,
.fancy-quote p {
	padding:0 50px;
	}
blockquote.fancy-quote {
	padding:0 0 2em 0;
	}
.fancy-quote .quote,
.fancy-quote p {
	font-family:Georgia, serif;
	}	
.fancy-quote cite {
	display:block;
	text-align:right;
	font-style:italic;
	font-size:.85em;
	}

/* WP Quotes */
.wp_quotes_quote {
	font-size:1.6em;
	margin:0 0 1em 0;
	line-height:1.4;
	font-style:italic;
	font-family:Georgia, serif;
	}
.wp_quotes_author {
	font-size:1.4em;
	text-align:right;
	}

/* quote drip */

#quote-drip {
	zoom: 1;}

#quote-drip h3 {
	margin-top: 0px;
	color: #A5B4C9;
	}

#quote-drip blockquote {
	font-family:Georgia, serif;
	font-size: 14px; /* was 15 */
	line-height: 22px;
	padding: 0px 10px;
	position: relative;
	float: left;
	color: #777;
	}
	
#quote-drip .author {
	color: #627998;
	font-size: 11px;
	display: block;
	text-align: right;
	clear: both;
	padding-top:7px;
	
	}

#quote-drip .l-quote, #quote-drip .r-quote {
	color: #dce6f3;
	position: absolute;
	font-size: 50px;
	line-height: 50px;
	}
	#quote-drip .l-quote {
		top:-7px;
		left:0px;
		z-index: 1;
		}
	#quote-drip .r-quote {
		bottom:-30px;
		right:0px;
		z-index: 1;
		}

/*
-----------------------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------------------- */


html, body { /* sticky footer based on http://ryanfait.com/sticky-footer/ */
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60em;
}
#footer-wrap, .push {
height: 60em;
clear: both;
}

/* footer changes for signup page */
.new-account #wrap {
	margin: 0 auto -20em;
	}
	.new-account #footer-wrap, .new-account .push {
	height: 20em;
	}

#footer-wrap {
	clear: both;
	overflow: visible;
	position: relative;
	}

#footer-wrap2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: visible;
	}

#footer {
	background: #34517c;
	border-top: 1px solid #243959;
	padding-bottom: 90px;
	font-size: 11px;
	line-height: 18px;
	}
	#footer .wrap-960 {
		min-height: 110px;}
	
#footer, #footer a, #footer li {
	color: #edf5fb;
	text-decoration: none;
	list-style: none;}

#footer a:hover {
	text-decoration: underline;
	}

#footer-logo {
	position: absolute;
	width: 189px;
	height: 215px;
	top:-63px;
	left:-183px;
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/bg-footer-decoration.png) top left no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	}

#quest {
	padding-top: 15px;
	}

	#quest ul, #quest address {margin-bottom: 18px;}
	
	#quest #ci-followus {
		overflow: hidden;}
		
	#quest h4 {
		font-size: 14px;}

/* pseudopod - false footer */

#pseudopod .catalog {
	
	overflow: hidden;
	}
		
#pseudopod-wrap {
	
	padding-bottom: 1px;
	border-top: 1px solid rgba(50, 80, 100, .1);
	font-size: 12px;
	clear: both;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 14, 55, .03)), to(rgba(20, 25, 40, .15)), color-stop(.94,rgba(0, 14, 55, .03)));
	background-image: -moz-linear-gradient(top, rgba(0, 14, 55, .03), rgba(0, 14, 55, .03) 96%, rgba(20, 25, 40, .2));
	}
	
	#subblocks {
	padding-top: 5px;
	overflow: hidden;
		}
	
#pseudopod {overflow: hidden;}

#pseudopod h3 {
	font-size: 18px;
	margin: 10px 0px;
	}

#pseudopod, #pseudopod a {
	color: #697c95;
	}

#pseudopod ul {
	line-height: 2em;
	margin-bottom: 1em;
	}

/*
-----------------------------------------------------------------------------------------------
Habla/Olark Overrides
----------------------------------------------------------------------------------------------- */	

body #habla_panel_div {
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
	box-shadow: 0px 2px 3px rgba(0,0,0,.5);}

body #habla_both_div {
	border: 1px solid #496483;
	border-top-color: #68819E;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	}

body .habla_window_div_base {
	margin: 10px !important;
	z-index: 1090 !important;}

body .habla_panel_border {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px #13294a solid !important;
	}
	
body .habla_topbar_div_normal { 
	background: #34517C url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/habla.png) no-repeat 174px 6px;
	}
	
body .habla_button {
	width: 17px;
	height: 17px;
	margin: 0px 0px 0px 2px !important;
	padding: 0px !important;
	text-indent: -100000px !important;
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/habla.png) transparent top left no-repeat;}
	
	body #habla_popout_a {
		background-position: -53px -153px;}
	body #habla_closebutton_a {
		background-position: -36px -153px;}
	body .habla_topbar_div_expanded  #habla_sizebutton_a {
		background-position: 0px -153px;}
	body #habla_sizebutton_a {
		background-position: -19px -153px;}
		
		body #habla_popout_a:hover {
			background-position: -53px -172px;}
		body #habla_closebutton_a:hover {
			background-position: -36px -172px;}
		body .habla_topbar_div_expanded  #habla_sizebutton_a:hover {
			background-position: 0px -172px;}
		body #habla_sizebutton_a:hover {
			background-position: -19px -172px;}
	
/*
-----------------------------------------------------------------------------------------------
Special Post Rules
----------------------------------------------------------------------------------------------- */		

/* bio */

.bio p {
	margin-left:160px;
	}

/* !--- qTip ---------------------------------------- */
.qtip-content {
	font-size:1.3em;
	}

/* !--- qTip ---------------------------------------- */
#habla_oplink_a {
	line-height:1.4;
	}

#habla_oplink_a:hover {
	color:#FFFFFF;
	}


/*
-----------------------------------------------------------------------------------------------
Fancybox
----------------------------------------------------------------------------------------------- */		
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: -20px 0px 0px 0px;
	padding: 13px;
	z-index: 1101;
	display: none;
	background: rgba(0,0,0,.35);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/fancybox-spinner.gif) no-repeat center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#fancybox-outer img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/fancybox-slice.png);
	background-position: -19px -223px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
	color: #3f3f3f;
	
	border: 1px solid #363636;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	margin-top: 10px;
	
	background-image: -moz-linear-gradient(top, #f4f4f4,#d8d8d8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d8d8d8));
	background-color: #f4f4f4;
}

.fancybox-footer {
	/* margin-top: 12px; */
	padding: 20px 15px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

.fancybox-footer .buttonish {
	position: relative;
	top:-10px;
	right:-5px;}

.fancybox-footer .number {
	font-size: 16px;
	font-weight: bold;}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 78px;
	height: 103px;
	margin-top: -57px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/fancybox-slice.png);
	background-position: 0px -103px;
}

#fancybox-right-ico {
	background-image: url(//d34wpjv4rf3nwa.cloudfront.net/www1/wp-content/themes/trelane/___gui/fancybox-slice.png);
	background-position: 0px 0px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 0px;
}

#fancybox-right:hover span {
	left: auto;
	right: 0px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

/* IE */

* HTML #fancybox-close,
* HTML #fancybox-left-ico,
* HTML #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../___gui/fancybox-slice.png', sizingMethod='scale'); }

/* * HTML #fancybox-loading div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../___gui/fancybox-loading.png', sizingMethod='scale'); } */