/*
THEME NAME:Futurosity Aperio Prototype
THEME URI:http://www.futurosity.com/wordpress-theme-futurosity-aperio-prototype
DESCRIPTION:Futurosity theme. For updates, please <a href="http://feeds.feedburner.com/futurosity">subscribe to Futurosity</a>.
VERSION:0.6
AUTHOR:Robert Ellis
AUTHOR URI:http://www.futurosity.com
*/

/* =structure */
#access{left:-9999px;position:absolute;top:0;}
#footer {
	border-top:1px solid #eaeaea;
	clear:both;
	float:left;
	font-size:0.9em;
	margin-top:5px;
	padding:5px;
	width:100%;
	color: #555;
}
#header{margin:0 0 128px;text-transform:uppercase;}
#header {
	font-size: 4em;
	padding: 5px;
	margin: 0 auto;
	line-height: 1em;
	color: #e3e1d5;
	background-color: #FFF;
	border-bottom:1px solid #eaeaea;

}
#wrapper{font:1.2em/1.6 Arial, sans-serif;margin:0;}
body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
	background: #FFF;
}

/* =nav */
#nav-above{display:none;}
#nav-below{
	clear:both;
	float:left;
	width:715px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.archive .nav-next, .archive .nav-previous, .search .nav-next, .search .nav-previous{background: #fff;}
.browse{background:#333;color:#fff;font-size:2em;margin-bottom:2px;position:relative;text-transform:uppercase;width:226px;z-index:2;}
.browse h3{left:-0.2em;position:relative;top:-0.5em;}
.nav-excerpt{
	background:#eaeaea;
	display:inline;
	float:left;
	margin:2px 0 2px 4px;
	min-height:60px;
	padding:5px;
	position:relative;
	width:460px;
	color: #555;
}
.nav-next, .nav-previous{background:#c2c2c2;color:#fff;float:left;font-size:.9em;min-height:60px;margin:2px 0;padding:0;position:relative;width:226px;}


/* =home */
.bigdate{color:#fff;font-size:2.4em;font-weight:bolder;left:-0.2em;position:absolute;top:-0.5em;}
.home .post{background:#999;display:inline;float:left;height:300px;margin:2px;overflow:hidden;position:relative;width:226px;}
.home .post-content{
	-moz-opacity:0.95;
	background:#eaeaea;
	bottom:0;
	filter:alpha(opacity=95);
	font-size:1.2em;
	font-weight:bolder;
	left:0;
	opacity:0.95;
	padding:1em;
	position:absolute;
	width:202px;
	text-decoration: none;
}
.home .post-content-excerpt{display:block;font-size:0.7em;font-weight:normal;}
.home .post-content:hover{
	background-color:#7AC943;
	color: #FFF;
}
.home a:hover{text-decoration:none;}
a:hover img{-moz-opacity:0.8px;filter:alpha(opacity=80);opacity:0.8px;}
.home .featured{background:#999;height:300px;margin:2px;overflow:hidden;width:456px;}
.home .featured .bigdate{color:#fff;font-size:4.8em;font-weight:bolder;left:-0.2em;position:absolute;text-transform:uppercase;top:-0.5em;}
.home .featured .post-content{width:434px;}
.home .featured img{max-width:456px;}


/* =single */
.single #container{
	float:left;
	width:715px;
}
.single .category{background:#333;color:#fff;font-size:2em;margin-bottom:2px;position:relative;text-transform:uppercase;width:700px;
}
.single .category h2 a{
	color:#fff;
	font-weight:bolder;
	left:-0.2em;
	position:relative;
	top:-0.5em;
	text-decoration: none;
}
.single .entry-content{
	background:#eaeaea;
	padding:5px;
	width:460px;
	color: #555;
}
.single .entry-content ol{
	list-style-position: inside;
	padding-right: 5px;
	padding-left: 5px;
}
.single .post{float:left;margin:2px 0 0;position:relative;width:372px;}
.single .post .entry-meta a{background:none;}
.single .post a{background:#eaeaea;font-weight:bolder;}
.single .preview{display:inline;float:left;height:300px;margin:2px 4px 0 2px;width:226px;}
.single .preview .bigdate{color:#fff;font-size:2.8em;font-weight:bolder;left:-0.2em;position:absolute;text-transform:uppercase;top:-0.5em;}
.single .preview-content{-moz-opacity:0.95;background:#eaeaea;bottom:0;filter:alpha(opacity=95);font-size:0.9em;opacity:0.95;padding:10px;position:absolute;width:206px;}
.single .preview-content:hover{
	background-color:#7AC943;
}
.single h2.entry-title{
	-moz-opacity:0.95;
	background:#eaeaea;
	filter:alpha(opacity=95);
	font-size:20px;
	letter-spacing:-0.05em;
	margin-bottom:5px;
	opacity:0.95;
	padding:5px;
	width:460px;
}

/* =comments */
#comment {height:100px;}
#commentform{
	background:#eaeaea;
	display:inline;
	float:left;
	margin:4px 0 0 4px;
	padding:10px;
	width:450px;
}
#commentform-subhead{
	background:#333;
	color:#fff;
	font-size:2em;
	margin-top:24px;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}
#commentform-subhead h3{left:-0.2em;position:relative;top:-0.5em;}
#comments{
	clear:both;
	float:left;
	width:700px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}
#comments-list{float:left;margin-bottom:5px;}
#respond{
	clear:both;
	float:left;
	width:700px;
}
#trackbacks-list{clear:both;margin-bottom:24px;}
.comment-author{font-size:1.2em;font-weight:bolder;}
.comment-count{
	background:#333;
	color:#fff;
	font-size:2em;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}
.comment-count h3{left:-0.2em;position:relative;top:-0.5em;}
.comment-meta{background:#c2c2c2;color:#fff;float:left;font-size:.9em;height:60px;margin:0;padding:0;position:relative;width:226px;}
.comment-meta img{display:inline;float:left;margin:0 10px 0 0;padding:0;}
.comment-text{
	background:#eaeaea;
	color: #555;
	display:inline;
	float:left;
	margin-left:4px;
	min-height:50px;
	padding:5px;
	position:relative;
	width:460px;
	z-index:2;
}
.count{color:#fff;float:right;font-size:3em;font-weight:bolder;letter-spacing:-0.1em;position:relative;right:-0.1em;top:-0.5em;z-index:1;}
.form-textarea #comment{
	margin:4px 0;
	width:440px;
}
.respond-info{background:#c2c2c2;color:#fff;float:left;font-size:1.2em;height:50px;margin-top:4px;padding:0;width:226px;}
.trackback-count{background:#999;color:#fff;font-size:2em;position:relative;text-transform:uppercase;width:226px;z-index:2;}
.trackback-count h3{left:-0.2em;position:relative;top:-0.5em;}
.trackback-meta{background:#c2c2c2;color:#fff;float:left;font-size:.9em;height:50px;margin:0;padding:5px;width:216px;}
li.comment{float:left;list-style-type:none;margin:2px 0;}
li.comment.bypostauthor .comment-text{
	background:#7AC943;
	color: #FFF;
}
li.comment.bypostauthor:hover .comment-text{
	background:#eaeaea;
	color: #555;
}
p#login{padding:5px;}

/* =pages */
.page #container, .four04 #container{float:left;width:715px;}
.page .category, .four04 .category{
	background:#333;
	color:#fff;
	font-size:2em;
	margin:2px;
	position:relative;
	text-transform:uppercase;
	width:700px;
	z-index:2;
}
.page .category h2, .four04 .category h2{color:#fff;font-weight:bolder;left:-0.2em;position:relative;top:-0.5em;}
.page .entry-content, .four04 .entry-content{
	background:#eaeaea;
	color:#555;
	margin:2px;
	padding: 5px;
}
.page .entry-content a{background:#eaeaea;font-weight:bolder;}

/* =archives page */
li#category-archives .comment-count{float:left;height:40px;margin:2px 0 0 2px;width:224px;}
li#category-archives ul{background:#eaeaea;float:left;margin:2px 0 4px 4px;padding:5px;width:360px;}
li#monthly-archives .comment-count{float:left;height:40px;margin:0 0 0 2px;width:224px;}
li#monthly-archives ul{background:#eaeaea;float:left;margin:0 0 4px 4px;padding:5px;width:360px;}

/* =archive, category, & search pages */
.search .page .entry-content{margin:0;}
.archive #container, .search #container {float:left;width:715px;}
.archive .comment-count, .search .comment-count{
	background:#333;
	color:#fff;
	font-size:2em;
	margin-bottom:2px;
	position:relative;
	text-transform:uppercase;
	width:700px;
}
.archive .comment-count h2, .search .comment-count h2{font-weight:bolder;left:-0.2em;position:relative;top:-0.5em;}
.archive .entry-content, .search .entry-content, .search .page .entry-content{background:#eaeaea;display:inline;float:left;margin-left:4px;min-height:112px;padding:5px;width:335px;color:#555;}
.archive .post, .search .post, .search .page{display:inline;float:left;margin:2px 0;position:relative;width:700px;}
.archive .post a, .search .post a, .search .page a{font-weight:bolder;}
.archive .preview, .search .preview{background:#999;float:left;margin:0;max-height:122px;min-height:122px;overflow:hidden;width:122px;}
.archive .preview .bigdate, .search .preview .bigdate{color:#fff;font-size:2.8em;font-weight:bolder;left:-0.2em;position:absolute;text-transform:uppercase;top:-0.5em;}
.archive .preview .entry-meta a, .search .preview .entry-meta a, .search .page .preview .entry-meta a{background:none;}
.archive .preview .preview-content, .search .preview .preview-content, .search .page .preview .preview-content{width:102px;}
.archive .preview-content, .search .preview-content{-moz-opacity:0.95;background:#eaeaea;bottom:0;filter:alpha(opacity=95);font-size:0.9em;opacity:0.95;
	float:left;min-height:102px;padding:10px;width:208px;}
.archive .preview-content:hover, .search .preview-content:hover{
	background-color:#7AC943;
}
.archive h3.entry-title, .search h3.entry-title{font-size:1.4em;letter-spacing:-0.05em;line-height:1.2em;padding-bottom:0.5em;}

/* =links */
#links-page a{font-weight:normal;}
li#linkcat-21{clear:both;}
li#linkcat-7{clear:both;}
li.linkcat{background:#eaeaea;display:inline;float:left;margin:2px;padding:5px;width:137px;}

/* =sidebar */
#primary{background:#eaeaea;float:left;line-height:1.6em;margin-left:5px;padding:1em;width:200px;color:#555;}
#secondary{background:#eaeaea;float:left;line-height:1.6em;margin-left:5px;padding:1em;width:200px;color:#555;}
.sidebar h3{padding-top:6px;}
.sidebar ul{
	padding: 5px;
	list-style-position: inside;
	list-style-type: none;
}
.sidebar li{
	list-style-position: inside;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}

/* =miscellaneous */
.clear{clear:both;}
.post img{max-width:362px;}
a{color:#444;display:inline;}
a:hover{text-decoration:underline;}
h2 a:hover{text-decoration:none;}
h2.post-content a{text-decoration:none;}
img{border:none;}
ol{padding:2px 0;}
p{margin-bottom:1em;}

/* =hidden */
.home .navigation,.home .entry-meta,.home .entry-date,.home .sidebar,#access,.archive-meta,#blog-title,#blog-description{display:none;}

.panel {
	position: fixed;
	top: 100px;
	left: 0;
	display: none;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 20px;
	width: 330px;
	height: auto;
	filter: alpha(opacity=90);
	opacity: .85;
	background-color: #463F37;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 70px;
}

.panel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: #FFFFFF;
}

.panel h3{
	font-size:14px;
	font-family:verdana, helvetica, arial, sans-serif;
	letter-spacing:-1px;
	color:#FFFFFF;
	font-weight: 700;
	text-transform:uppercase;
	margin:0;
	padding:8px 0 8px 0;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
	position: fixed;
	text-decoration: none;
	top: 200px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: 700;
	background:#333333;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}

a.trigger:hover{
	position: fixed;
	text-decoration: none;
	top: 200px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: 700;
	background:#222222;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}

a.active.trigger {
background:#222222;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}
#content {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

