/*
Theme Name: Genesis
Theme URI: http://flare9.org/
Description: Theme with functionality but no design
Version: 0.1
Author: Obuweb
Author URI: http://obuweb.com
*/

@import url(css/reset.css);
@import url(css/layout.css);

/* dark #252B27 */

body {
	background:#3E4B4D;
	font-family: Helvetica, "Lucide Grande",Arial, sans;
	color:#111;
	padding:15px 15px;
	margin:0;
}

a {
	outline:none;
	border:0;
	color:#7D939D;

	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1,h2,h3 {
	font-weight:bold;
	margin-bottom:8px;
	font-family: Rockwell,Courier;
	line-height:1em;
}

h2 {
}

.entry h2 {
  margin: 8px 0;
  font-size: 24px;
}

.entry h3 {
	margin:8px 0;
	font-size:18px;
}

h4{

}

.entry ul, .entry ol {
	margin:12px 30px;
	
}
.entry ul li, .entry ol li {
	margin-bottom:8px;
}

.entry ul li {
	list-style-type: disc;
	list-style-position: outside;

}
.entry ol li {
	list-style-type:upper-roman;
	list-style-position: outside;

}

hr {
  border: 0;
  background-color: #3E4B4D;
  clear: both;
  height: 1px;
  margin: 20px 0;
}

blockquote {
  color: #3E4B4D;
  margin-left: 20px;
  margin-right: 20px;
}

/* Header and Main Navigation */
#wrapperLarge {

}
div.navigation {
	display:block;
	padding:15px;
	background:#e1e1e1;
	font-weight:bold;
}
div#header {
	height:130px;
	padding-top:18px;
			position:relative;

}
a.logolink {
	position:absolute;
	top:-4px;
	left:520px;
	z-index:10;
	margin:0;
	padding:0;
	height:77px;
	width:357px;
}
div#topNav {
	background: #252B27;
	height:26px;
	padding-left:6px;
	position:relative;
}

div.callout {
	position:absolute;
	background:url(images/be-dangerous.gif);
	height:26px;
	width:160px;
	right:2px;
	top:0px;
	z-index:8;
	

}
div.callout span.be {
	
}
ul#mainNav, div#suppNav ul#snav {
	width: 100%;
	list-style: none;
	overflow: hidden;
	left: 0;
	height: 26px; 
	font-size: 12px; /* height = 12px x 2 */
	
	
}

ul#mainNav li, div#suppNav ul#snav li {
	display: inline;
}
span.replace {
	position:absolute;
	top:-5000px;
	left:-3000px;
}

ul#mainNav li a,ul#mainNav li span.dot,div#suppNav ul#snav li a, div#suppNav ul#snav li.ttype {
	font-size: 12px;
	float: left;
	display: block;
	text-decoration: none;
	font-family: Rockwell,Courier;
	text-transform: uppercase;
	color:#7D939D;
	font-weight: 500;
}
ul#mainNav li span.dot {
	background: url(images/middot.gif) center center;
	padding: 0;
	display:block;
	line-height: 2em;
	width:7px;
	height:26px;
	
}
/* nav image replacement */
ul#mainNav li a {
	height:26px;

	background:url(images/nav-bg.gif) 0px 0px no-repeat;

}
ul#mainNav li a.n0 {
	background:url(images/nav-bg.gif) 0px 0px;
	width:46px;

}
ul#mainNav li a.n0:hover,ul#mainNav li.current_page_item a.n0 {
	background:url(images/nav-bg.gif) 0px 26px;
}

ul#mainNav li a.n1 {
	background:url(images/nav-bg.gif) -58px 0px;
	width:46px;

}
ul#mainNav li a.n1:hover,ul#mainNav li.current_page_item a.n1 {
	background:url(images/nav-bg.gif) -58px 26px;
}

ul#mainNav li a.n2 {
	background:url(images/nav-bg.gif) -115px 0px;
	width:108px;

}
ul#mainNav li a.n2:hover,ul#mainNav li.current_page_item a.n2 {
	background:url(images/nav-bg.gif) -115px 26px;
}
ul#mainNav li a.n3 {
	background:url(images/nav-bg.gif) -235px 0px;
	width:56px;

}
ul#mainNav li a.n3:hover,ul#mainNav li.current_page_item a.n3 {
	background:url(images/nav-bg.gif) -235px 26px;
}
ul#mainNav li a.n4 {
	background:url(images/nav-bg.gif) -305px 0px;
	width:90px;

}
ul#mainNav li a.n4:hover,ul#mainNav li.current_page_item a.n4 {
	background:url(images/nav-bg.gif) -305px 26px;
}

ul#mainNav li a.n5 {
	background:url(images/nav-bg.gif) -409px 0px;
	width:70px;

}
ul#mainNav li a.n5:hover,ul#mainNav li.current_page_item a.n5 {
	background:url(images/nav-bg.gif) -409px 26px;
}
ul#mainNav li a.n6 {
	background:url(images/nav-bg.gif) -493px 0px;
	width:55px;

}
ul#mainNav li a.n6:hover,ul#mainNav li.current_page_item a.n6 {
	background:url(images/nav-bg.gif) -493px 26px;
}


div#twitterbox {
	background: url(images/twitterbox.gif) top left no-repeat;
	width:260px;
	height:65px;
	padding:2px 15px 5px 90px;
	font-size:11px;
	color:#888;
	margin-top:18px;
	position:absolute;
	top:45px;
	left:0px;
}
div#twitterbox #tweet {
	color:#555;
	font-weight:bold;
	line-height:.8em;
	padding:4px 8px 8px 8px;
	height:44px;
	font-style: italic;
	overflow:hidden;
	margin-bottom:6px;
}
#tweet p {
		line-height:1.0em;

}
#tweet li {
	display:inline;
}
#tweet h2,#tweet form, #tweet li.aktt_more_updates {
display:none;
}

p.tweetquestion {
	color:#f1f1f1;
}
p.tweetquestion a {
	color:#95B1BA;
}

div#suppNav {
	position:absolute;
	right:0px;
	width:550px;
	bottom:0px;
}
/* image replacement for trip nav */
div#suppNav ul#snav {
	height:28px;
}
div#suppNav ul#snav li a{
	background: url(images/trip-nav.gif) 0 0 no-repeat;
	height:28px;
	width:80px;
	margin-right:8px;	
}
div#suppNav ul#snav li a.s1{
	background: url(images/trip-nav.gif) 0 0 no-repeat;
	height:28px;
	width:114px;
	
}
div#suppNav ul#snav li a.s1:hover, div#suppNav ul#snav li.current_page_item a.s1{
	background: url(images/trip-nav.gif) 0 -38px no-repeat;
	height:28px;
	
}
div#suppNav ul#snav li a.s2{
	background: url(images/trip-nav.gif) -120px 0px no-repeat;
	height:28px;
	width:172px;
	
}
div#suppNav ul#snav li a.s2:hover, div#suppNav ul#snav li.current_page_item a.s2{
	background: url(images/trip-nav.gif) -120px -38px no-repeat;
	height:28px;
	
}
div#suppNav ul#snav li a.s3{
	background: url(images/trip-nav.gif) -297px 0 no-repeat;
	height:28px;
	width:127px;
	
}
div#suppNav ul#snav li a.s3:hover, div#suppNav ul#snav li.current_page_item a.s3{
	background: url(images/trip-nav.gif) -297px -38px no-repeat;
	height:28px;
	
}

div#suppNav ul#snav li.ttype {
	font-family: Helvetica, "Lucide Grande",Arial, sans;
	color:#111;
	font-weight: bold;
	font-size:12px;
	padding:8px 8px 0 0;
	width:100px;


}

/* main body styling and layout */
div#contentWrapper {
	padding:0;
	background:#fff;
	position:relative;
	height:1%;
	
}
div.homefull {
	background:#000;
	height:1%;
	width:1020px;
}
div.manifesto h2 {
	font-size:28px;
}
div.manifesto p {
	margin-bottom:10px;
}
div.manifesto {
	padding:10px;
	color:#f1f1f1;
	width:60%;
	background: url(images/map.jpg) no-repeat top center;
	color:#111;
	float:left;

}
div.manifesto ul {
	text-align: center;
	margin-bottom:10px;
}
div.manifesto div {
	margin:100px 100px 150px 100px;
	font-size:15px;
}
div#hblog {
	padding:30px;
	color:#f1f1f1;
}
div#hblog li {
	margin-bottom:20px;
}
div#hblog span.rss-date {
	font-size:10px;
	color:#555;
	display:block;
}
div#hblog a.rsswidget {
	font-size:1.5em;
}
div#hblog h2.widgettitle {
	display:none;
}
/* posts/entries */


.entry {
	padding:15px;
	width:40%;
	min-height:350px;


}
.entry img.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.entry img.alignright {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.page {
	width:530px;
}
.post {
		float:left;

}

.postsWrapper {
	float:left;
	width:40%;
	padding-bottom:30px;

}
.postsWrapper .post, .postWrapper .entry {
	float:none;
	width:100%;
}
.entry p {
	line-height:1.25em;
	padding:8px 0;

}

.entry .postmetadata {
	color:#111;
	font-size:10px;
	border-top:1px solid #222;
	margin-top:8px;
}
.entry .postmetadata span.comments {
	text-align:right;
	float:right;
	background: url(/images/user.gif) no-repeat;
	padding:2px 0 2px 20px;
}
.entry .tags {
	display:block;
	margin-bottom:5px;
}
.entry h1, div.entry h2.posttitle {
	font-weight:bold;
	font-size:30px;
	margin-bottom:8px;
	font-family: Rockwell,Courier;
	line-height:1em;
}
.single {
	width:60%;
}

div.entry h2.posttitle a {
	color:#222;
	text-decoration:none;
}
div#contentWrapper #sidebarout {
	float:right;
	}
div#contentWrapper #sidebarout,div.photo {

	background:#010101;
	border:8px solid #7D939D;
	padding:8px;
	margin:6px;
	display:block;
	color:#f1f1f1;
}

#sidebarout h2.widgettitle {
	padding: 0px;
	margin:8px 0 12px 0;
	background:#010101;
	color:#fff;
	font-family: Rockwell,Courier;
	font-size:16px;
	font-weight:500;
	text-transform: uppercase;

		
}
h2.studioheader {
	padding: 10px;
	margin: 0 auto 20px ;
	background:#7D939D;
	color:#111;
	font-family: Rockwell,Courier;
	font-size:12px;
	font-weight:500;
	text-transform: uppercase;
}
div.photo {
	float:right;
	margin-top:-10px;
	margin-right:-470px;
	display:block;
	height:1%;
	
 
}
div.photo img {
margin-bottom:5px;

}
#sidebarout p,div.photo p {

	padding:8px;
	color:#fff;
	
}
/* blog widgeitzed sidebar */

div#blogsidebar{
 margin-left:45%;
 width:130px;
 padding-top:60px;
 

}

div#blogsidebar h2{
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	margin-bottom:8px;
	font-family: Rockwell,Courier;
}
div#blogsidebar ul ul{
	margin-bottom:10px;

}
div#blogsidebar ul li ul li{
	font-size:11px;
	list-style-type: disc;
	list-style-position: inside;
	height:15px;
	overflow:hidden;
}
div#blogsidebar.bsingle {
	margin-left:65%;
	width:30%;
}
.blackrss {
		background: #010101 url(images/feed-bg.jpg) bottom right no-repeat;

}
ul.studiorss {
	width:370px;
	color:#fff;
	padding:0;
	margin:0;
	list-style-type: none;
}
ul.studiorss h2.widgettitle,ul.summizerss h2.widgettitle {
	display:none;
}
ul.studiorss, ul.studiorss li,ul.studiorss li ul,ul.studiorss li ul li {
		list-style-type: none;
		padding:0;
		margin:0;
		color:#888;

}
ul.studiorss li ul li{
	
	margin-bottom:20px;

}

ul.studiorss a.rsswidget {
	display:block;
	
}
ul.studiorss span.rss-date {
	font-size:10px;
	color:#ccc;
}
ul.summizerss li, ul.summizerss ul li {
	color:#222;
	list-style-type: none;
	margin:0;
	padding:0;
	
}
ul.summizerss li.tweet {
	margin-bottom:20px;
	border-top:1px dotted #777;
	font-size:1.2em;
	padding:10px 0;
	clear:left;
	display:block;
	height:40px;
	padding-top:20px;
}
ul.summizerss li.tweet img {
	float:left;
	padding:2px;
	margin-right:15px;
	border:1px solid #888;
}
li.tweet span.date {
	font-size:10px;
}
a.feedicon {
	text-decoration:none;
	font-weight: bold;
	
}
a.feedicon img {
margin-right:5px

}
/* Begin Comments*/
h3#comments {
	padding: 15px;
	margin: 40px auto 20px ;
	background:#010101;
	color:#fff;
	font-family: Rockwell,Courier;
	font-size:16px;
	font-weight:500;
	text-transform: uppercase;
	}
h3#respond {
	padding: 10px;
	margin: 40px auto 20px ;
	background:#7D939D;
	color:#111;
	font-family: Rockwell,Courier;
	font-size:12px;
	font-weight:500;
	text-transform: uppercase;
}


	
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	list-style-type: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 2px 0;
	padding:0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
	
ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 1.1em;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
	list-style-type: none;

}
ol.commentlist li img.avatar {
        border:1px solid #BBBBBB;
}
textarea#comment {
	width:80%;
}
ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
border:1px solid #BBBBBB;
background:#f7f7f7;
}

input#submit {
cursor:pointer;
margin:5px 0 15px 0;
}

#comment,#author,#email,#url {
border:1px solid #BBBBBB;
padding:2px;
margin:0 0 5px 0;
}

.labeltext {
padding:0 0 10px 0;
}




/* End Comments */

/* picstrip */

div#picstrip {
	background:#252b27;
	height:100px;
	color:#fff;
	clear:both;
	display:block;
	margin-bottom:5px;
}
div#picstrip div#dapics {
	margin:0px;
	padding:10px;
	text-align:center;
	width:890px;
	
}
div#picstrip a.leftblock, div#picstrip a.rightblock{
	display:block;
	width:40px;
	height:50px;
	padding-top:20px;
}
div#picstrip a.leftblock {
	float:left;
	padding-left:10px;
}
div#picstrip a.rightblock {
	float:right;
	padding-right:10px;
text-align:right;
}
div.flickrlink{
	float:right;
	background: url(/images/arrowright.gif) 90% 30px no-repeat;
	font-size:10px;
	padding:30px 30px 0 0;
	width:80px;

}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; background:none;}
#flickr_badge_wrapper {padding:0; background:none;}
.flickr_badge_image {margin:0 10px 10px 0px; float:left;}
.flickr_badge_image a img {border: 2px solid #7d939d !important;}
.flickr_badge_image a:hover img {border: 2px solid #fff !important;}

#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www { padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited { text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* quints widgets on above footer */
div.quints {
	background:#7D939D;	
	color:#7D939D;
	font-size:11px;
	padding:3px;
	margin-top:5px;
	clear:both;
	height:1%;


} 
div.quints div.projectsimage {
	background:url(images/gangplank-projects.gif) -10px center;
	display:block;
	height:144px;
	width:120px;
		float:left;

} 
div.quints ul {
	background:#252b27;
}
div.quints ul li {
	float:right;
	margin-left:3px;
	background:#252b27;
	width:212px;
	padding:3px;
	height:144px;
}

div.quints h2.widgettitle {
	display:none;
}

div.quints h3 {
	color:#fff;
	margin:6px;
	font-weight:500;
	font-size:12px;

}
div.quints p {
	margin:6px;
	line-height:1em;
	color:#7D939D;
}

div.quints p a {
	color:#aeccda;	
}


/* footer */

#footer {
        clear: both;
        margin-top:5px;
        margin-bottom:150px;
}
#footer .email {
	background:#010101 url(images/email-sign-up.gif) left center no-repeat;
	width:511px;
	height:60px;
	position:relative;
}
#footer .email input {
	position:absolute;
	left:40%;
	top:22px;
	border:0px;
	background:none;
}

#footer .email #submitbutton {
	position:absolute;
	left:402px;
	top:22px;
	border:0px;
	padding:2px;
	background:none;
	font-size:15px;
	font-family: Rockwell,Courier;
	color:#fff;
	cursor:pointer;
}
#editPostLink {
	position:absolute;
	left:10px;
	bottom:30px;
	background:#111;
	z-index:20;
	padding:5px;
}


#footer .events {
	float:right;
	background:#7d939d url(images/upcoming-events.gif) right center no-repeat;
	height:60px;
	width:505px;
	color:#fff;
	position:relative;

}
#footer .events ol {
	padding: 12px 0 8px 185px;
	height:30px;
	overflow:hidden;

}
#footer .events ol li{
	color:#fff;
	width:260px;
	font-size:10px;
	margin-bottom:1px;
}
#footer a.allevents {
	display:block;
	width:50px;
	height:60px;
	position:absolute;
	right:0;
	top:0;
	
}
#footer p.copy {
        color: #222;
        font-size: .8em;
        margin-top:10px;
}
#footer p.copy a {
	color:#222;
}


/* sifr tweaks */
h3#respond.sIFR-replaced {
	padding: 10px 10px 5px 10px;
	
}
h3#comments.sIFR-replaced {
	padding: 10px 10px 5px 10px;
	
}
.quints h3.sIFR-replaced {
	padding: 0px;
	margin-bottom:0;
	
}

.photo h2.sIFR-replaced {
	padding: 10px 10px 5px 10px;


}
div.bottomNav {
	background:#111;
	color:#fff;
	padding:10px;
	margin-top:5px;
}
div.bottomNav ul li {
	display:inline;
}
div.bottomNav ul li a{
	display:block;
	float:left;
	margin-right:10px;
	color:#fff;
	height:30px;
}
#supporters{
  list-style: none;
    padding: 0;
    margin: -17px 0 0 80px;
    position: absolute;
}  
#supporters li.gofast a {
    display: block;
    text-indent: -900%;
    position: absolute;
    outline: none;
    background: url(images/gofast.png);
    width: 146px;
    height: 36px;
  }
#supporters li.gofast a:hover {
    background-position: left bottom;
  }
  
#supporters li.bluemedia a {
    display: block;
    text-indent: -900%;
    position: absolute;
    left:200px;
    outline: none;
    background: url(images/bluemedia-logo.png) 0 0 no-repeat;
    width: 180px;
    height: 36px;
  }
#supporters li.bluemedia a:hover {
    background-position: 0 -59px;
  }
#supporters-div {
  height: 35px;
}