/*
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:#23190c;font-family: Helvetica, "Lucide Grande",Arial, sans;color:#111;padding:15px 15px;margin:0;}
a {outline:none;border:0;color:#db742c;}
strong {font-weight: bold;}
em {font-style: italic;}
h1,h2,h3 {font-weight:bold;margin-bottom:8px;font-family: Rockwell,Courier;line-height:1em;}
.entry h3 {margin:8px 0;font-size:18px;}
.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;}
#contentWrapper h2 {font-size: 18px; margin: 0 0 5px 0; }



/* Main picstrip */
.homepics {padding: 30px 0 0 0;width: 320px;float: right;}
.homepics img {margin-bottom:20px;padding:5px;border:1px solid #ccc;}

/* Secondary picstrip */
.sidepics {padding: 0;width: 320px;float: right;background-color: #793506;text-align: center;overflow: hidden;}
.sidepics img {margin: 10px 0 10px 0;border: 2px solid #db742c;width: 300px;height: 200px;overflow: hidden;}
.sideblogposts {padding: 10px 10px 10px 10px ;width: 35%; float: right; background-color: #4d372d; text-align: left; overflow: hidden;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; box-shadow: 0 2px3px #000; -moz-box-shadow: 0 2px 3px #000; -webkit-box-shadow: 0 2px 3px #000;}
#recent-posts-2 {margin: 0; padding: 0;}

.sideblogposts li {font-size: 20px; padding: 10px 0 10px 0; display: block; position: relative;}
.sideblogposts li a {color: #db742c; text-decoration: none; font-family: Rockwell, Courier; padding: 0;}
.sideblogposts li a:hover {color: #000; margin: 0;}
.sideblogposts .rssSummary{font-size:13px;color: #ccc;margin: 10px 0 0 10px;}
.sideblogposts .rss-date{font-size:12px;color:#fff;display:block; text-indent: 10px;}

.hvideo {text-align: center; background-color: #793506; padding: 10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000;;
margin: 15px 0 0 0;}
.gang1 {background-color: #fff; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center;}
.gang1 p, .textbox1 p {text-align: left; font-size:13px;}
h1.hooks2 {background: url(http://gangplankut.org/wp-content/themes/gangplank/images/hooks2.png) no-repeat 0 50%; text-indent: 75px;}
.qa1 {margin: 0 0 10px 0; padding: 10px;}
.qa1:hover {background-color: #db742c; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.qa1:hover a {color:#fff;}
.qa1 p {padding: 0; margin: 0;}

/* Flickr */
#flickr {background:#4d372d;color:#fff;margin: 0px;overflow: hidden;padding: 20px 0 20px 0;clear:both; position: relative;}
.flickr_container {text-align: left; overflow: hidden; height: 79px; position: relative; margin: 0 0 0 15px}
#flickr img {background-color: #db742c; padding: 2px; margin: auto 10px; height: 75px; width: 75px; vertical-align: middle;}
#flickr img:hover {background-color: #ccc; bottom: 1px;}
.flickrlink{position: absolute; right: 2px; bottom: 2px; display: inline;}
.flickrlink strong {color:#CC6600;}
#flickr_www { padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_link a:hover,
#flickr_link a:link,
#flickr_link a:active,
#flickr_link a:visited { text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge {padding:0 !important; font: 10px Arial, Helvetica, Sans serif !important; color:#fff !important;}
/* Flickr */


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:#fff;
	display:block;
}
div#hblog a.rsswidget {
	font-size:1.0em;
}
div#hblog h2.widgettitle {
	display:none;
}
/* Header and Main Navigation */
#wrapperLarge {

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

}
a.logolink {
	position:absolute;
	top:-5px;
	left:542px;
	z-index:10;
	margin:0;
	padding:0;
	height:77px;
	width:357px;
}
img.marker {
	position:absolute;
	top:13px;
	right:3px;
}
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 */
	background:#954616;
	
	
}

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:#e6b42f;
	font-weight: 500;
	padding:5px 8px;
}
ul#mainNav li a:hover {
	color:#fff;
}
ul#mainNav li span.dot {
	background: url(images/middot.gif) center center;
	padding: 0;
	display:block;
	line-height: 2em;
	width:7px;
	height:26px;
	
}

/* 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:1em;
	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:#793506;
	border:8px solid #db742c;
	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

}
img.padimg {
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:20px;
}

/* 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:#db742c;
	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 */


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


} 
div.quints div.projectsimage {
	background:url(images/gp-state.png) 10px center no-repeat;
	display:block;
	height:144px;
	width:120px;
	float:left;

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

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

div.quints h3 {
	color:#E8B592;
	margin:6px 6px 8px 6px;
	font-weight:500;
	font-size:13px;

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

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

div.quints p a:hover {
	color:#fff;	
}

/* footer */
 
#footer {
    clear: both;
    margin-top:5px;
    margin-bottom:150px;
}

.bottomNav p {margin: 0 0 10px 0;}

#footer .email {
	background:#ccc 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:#ccc 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: #4f3428;
        font-size: .8em;
        margin-top:10px;
}
#footer p.copy a {
	color:#222;
}
 
div.bottomNav {
	background:#793506;
	color:#fff;
	padding:10px;
	margin-top:5px;
}
.bottomNav ul {margin: 10px 0 0 0;}
div.bottomNav ul li {
	display:inline;
}
div.bottomNav ul li a{
	display:block;
	float:left;
	margin-right:10px;
	color:#fff;
	height:30px;
	font-size: 10px;
}
#supporters{
  list-style: none;
    padding: 0;
    margin: -17px 0 0 80px;
    position: absolute;
}  
#supporters a {
    display: block;
    text-indent: -900%;
    position: absolute;
    outline: none;
    background: url(images/gofast.png);
    width: 146px;
    height: 36px;
  }
#supporters a:hover {
    background-position: left bottom;
  }
#supporters-div {
  height: 35px;
}

/* 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;
}
*/

/* 
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;}
	
*/