/*  
Theme Name: Superbunker 4.6
Theme URI: http://www.superbunker.com
Description: This is a good theme. This is the best theme.  This is Superbunker!
Version: 100824
Author: <a href="http://www.superbunker.com">Superbunker</a>

4.6 - post image
4.4 - bebas neue, header snuggie, tweaks
4.3 - adding custom fields for home page splash images

*/


@import 'css/reset.css';
@import 'font/stylesheet.css';


/*font-size: 75%;   /* 62.5% = 10px / 75% = 12px */
	

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

body {
	background: #fff;
	background-image: url(images/logo.gif); 
	background-repeat: no-repeat;
	background-position: 880px -6px;
	margin: 0px;
	border-top: 4px solid #900;

	color: #444;
	
	font: 14px Arial, Helvetica, sans-serif;
	color: #333; 
	
/*
	/25px

	Georgia, Times, 'Times New Roman', serif;

	Arial, Helvetica, sans-serif;
	
	font: 16px/25px Georgia, Times, 'Times New Roman', serif;
	color: #333; 

	font:14px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; 
	
	font-family: Arial, Helvetica, sans-serif;
	
	*font-size:small; *font:x-small; line-height:1.22; 
*/
	

}


a {
	color: #900;
	text-decoration: none;
	outline: none;
}
a:hover { 
	text-decoration: underline; 
	color : #000; 
}

.post a {font-weight: bold;}


p { line-height: 26px; }

p a:hover { background: #fff;}

img { border: none; }

p img { }

/* negative margin for image overlap */
img.squish {margin-left: -20px; margin-right: -20px;}


blockquote {
	margin: 12px 12px 12px 0;
	padding-left: 12px;
	border-left: 6px solid #eee;
}

blockquote, blockquote p {
	color: #777;
	font-size: 18px;
	line-height: 24px;
}

	blockquote cite {
		font-size: 12px;
		line-height: 14px;
		font-style: normal;
		margin: 12px;
		display: block;
	}
	blockquote cite em { } 

em { font-style: italic; }

strong { font-weight: 700; }

pre, code {
	font-family: "Courier New", Courier, Monospace;
	line-height: 1.5em;
}

pre {
	background: #fcfcfc;
	border-top: 1px solid #ccc;
	white-space: pre;
	overflow: auto;
	margin: 0 15px;
	padding: 10px 15px;
	max-height: 300px;
}

hr {
	background: #fff; 
	height: 1px;
	border: none;
	border-top: 2px dotted #ddd;
	margin: 10px 0;
}

hr.space { 
	height: 2em; 
	background: none; 
	border: 0px;
	margin-bottom:0;
}

table {border: 2px solid #eee;}

td {border-right: 2px dotted #ccc; padding: .5em;}

tr {border-bottom: 1px solid #ccc;}


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

input, textarea {
	font-family: "Lucida Grande", Verdana, sans-serif;
}

fieldset { border: none; }


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

ul, ol { margin: 1em; }

ul li, ol li { margin: 0; }


ul { list-style: none; }

li {margin: 0px 0 6px 18px;}

ul.dots li:before {content: "\00B7 \0020";}

ol { list-style-type: decimal; }


dl { }

	dl dt {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	background:transparent; 
	}

	dl dd { margin: 6px 12px 24px 12px; }

	dl.projects dd { height: 110px; }
	
	dl.status {
		font-size: 10px; 
		color: #999;
		width: 240px; 
		margin: 36px 0 0 0; 
		padding: 3px 0 6px 12px;
		border: 1px solid #ddd; 
		background: #efeee9;
		clear: both;
		float: left;
	}
	dl.status dt {margin: 0; text-transform: uppercase;}
	dl.status dd {margin: 0 0 0 1em; font-style: normal;}


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

h1, h2, h3, h4, h5, h6, #sitetitle {	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

h1, .title, .widgettitle, .entry-title, #sitetitle, #menu  {	/* , h3, */
	font-family: BebasNeueRegular, Trebuchet MS, Verdana, sans-serif; 
	/* LeagueGothicRegular 
	letter-spacing: 1px;
	word-spacing: -2px; */
	font-weight: normal;
	/* Tw Cen MT, Helvetica, Arial, Futura, Gill Sans */
}

h1 {
	font-size: 48px;
	font-weight: normal;
}


h2 {
	font-size: 36px;
	margin-bottom: 0;
}

h3 {
	font-size: 24px;
	margin: .5em 0em;
	font-weight: bold;
	color: #000;
	/* text-transform: uppercase; */
}

h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: .5em 0em;
	text-transform: uppercase;
}

h5 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #333;
	margin: .5em 0em;
}

h6 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-style: italic;
	margin: .5em 0em;
}


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

/* left side padding */
.container {
	width: 822px;
	margin: 0;
	padding: 0 0 0 30px;
	/* match header position */
}

/* everything except header */
#maincolumn {
	margin: 0px 0px;
	padding: 6px 0 36px 0;
}

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

#header {
    width: 862px; /*892*/
    height: 60px;
	position: relative;

    padding: 0;
    margin: 16px 0 0 0;
    
}

/* left needs to match .container */
#header #sitetitle {
	position: absolute;
	top: 4px;
	left: 30px;

	font-size: 60px;
	line-height: 60px;
	color: #900;
	font-weight: normal;
	text-transform: uppercase;
}

#header #sitetitle a { color: #900; text-decoration: none; padding: 6px 2px 2px 2px;}
#header #sitetitle a:hover, h1 a:active { color: #000; text-decoration: none; }


/* main menu */
#menu {
	position: absolute;
	top: 0px;
	right: 12px; /* scoot menu to line up with edge */

	height: 30px;
	margin: 0px 0px;
	padding: 0;
	list-style: none;
	
	font-size: 22px;
	font-weight: normal;
	text-transform: lowercase;
	
	border-bottom: 4px solid #e9e9e9;
}


#menu li { display: inline; float: left; }

#menu a {
	display: block;
	margin: 0px 0px 0px 2px;
	padding: 3px 4px;
	text-decoration: none;

	color: #900;
	background: transparent;
}

#menu a:hover {
	color: #000;
	text-decoration: none;
}

#menu .current_page_item {
    background: #fff;
    color: #000;
    text-decoration: underline;
}

#menu .current_page_item a {
	background: #fff;
	color: #900;
}


/* navigation - next/previous */

.navigation { 
	background: #f9f9f9;
	height: 18px;
	border-bottom: 1px solid #ddd;
	margin: 4px 0;
}

.navigation a {
	padding: 2px; 
}
.nav-previous { 
	font-weight: normal;
	float: left;
	padding: 2px;
}

.nav-next { 
	font-weight: normal;
	float: right;
	padding: 2px;
}



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

.post { margin: 0; padding: 0; }

h2.title {
	font-size: 42px; 
	font-weight: normal;
	/* text-transform: uppercase; */
	margin: 0px 0;
	/* padding-left: 10px; */
	
	display: inline;
	position: relative;
}

h2.title a { color: #333; text-decoration: none; }
h2.title a:hover { color: #900; text-decoration: none; }


.edit, h2.title span.edit {color:#999; font-size: 14px; }
.edit a, h2.title span.edit a {color:#e9e9e9; padding: 4px;}
.edit a, h2.title span.edit a:hover {color:#c00;}
h2.title span.edit {position: absolute; top: 10px; right:-40px;}


.post .entry-meta,
.postdata {
	margin: 6px 0;
	padding: 2px 0;

	font: normal normal normal 12px/24px Arial, Verdana, sans-serif;
	
	color: #666;
	/* border-top: 1px dotted #ddd; */
}



.post-thumbnail {
	float: right;
	margin: 0 0 6px 20px;
	padding: 0;
}
.post-thumbnail img {
	/* width: 280px; */
}


.postdata a { }


.entry {
	clear: both;
	margin: 0;
	padding: 0;
}
/* entry clearfix */
.entry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.entry h3 { }

.entry h4 {margin: 24px 0 6px 0; }


.entry p { 
/*
	font-size: 12px; 
	line-height: 18px;
*/	
	margin: 0 0 .5em 0; 
}

.entry ul {
	margin: 6px 0 24px 0; 
	padding: 0;
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
	.entry ul li:before {content: "\00BB \0020";}
	
	.entry ul li {margin: 0px 0px 6px 6px;}
	
	.entry ul li ul li {margin: 3px 0px 3px 6px;}
	
	.entry ul li ul li:before {content: "\00B7 \0020";}


.searchresult .entry {
	margin: 0px;
	padding: 0;
}

.more-link {  }


#related h3, 
h3#comments { padding: 8px 15px 5px 38px; }


.paginate {
	width: 50%;
	margin: 18px auto 24px auto;
	padding: 0 1em;
	height: 16px;
	font-size: 10px;
	line-height: 1.8em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: #fff;
}

.paginate a {color: #ccc;}
.paginate a:hover {color: #900;}



/* --------------- ARCHIVES and LISTINGS -------------------*/

/* post lists  */
.post-list  {

}

h3.listing {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 18px;
}

.post-list .post {
	clear: both;
	margin: 0;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #e9e9e9;
}
	/* clearfix */
	.post-list .post:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


.post-list  .entry-list {
	margin: 6px 12px;
}

.post-list img.wp-post-image { }

/* post thumbnail in archive lists */
.post-list .post-thumb {
	margin: 0px 24px 6px 0;
	padding: 6px;
	border: 1px solid #e9e9e9;
	float: left;
}


/* sticky posts */
.sticky {
	background: #f9f9f9;
	border-top: 8px solid #e9e9e9 !important;
	border-bottom: 8px solid #e9e9e9 !important;
	margin: 0 0 24px 0 !important;
}

.sticky h3 {font-size: 28px;}
/* .sticky .entry-meta {display: none;} */


/* --------------- SIDEBAR: FOOTER  -------------------*/

#sidebar-footer {
	background: #f9f9f9;
	border-top: 8px solid #e9e9e9 !important;
	border-bottom: 8px solid #e9e9e9 !important;
	margin: 0px 0 18px 0;
	padding: 0;
	}
	/* clearfix */
	#sidebar-footer :after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
.sidebar h2, 
.sidebar h2.widgettitle {
	font-size: 24px;
	text-transform: uppercase;
	margin: 6px 0 2px 0; 
}

.sidebar li, .sidebar ul, .sidebar ul li, .sidebar ul li ul {
	list-style: none;
}
	
.sidebar ul {
	line-height: 14px;
	padding: 0;
	margin: 0 0 0 0px;
}

.sidebar ul li { margin: 2px 0px;}

.sidebar ul li ul li { margin: 4px 0 4px 0px;}

div.sidenugget {
	float: left;
	width: 236px;
	padding: 4px 0px 0px 12px;
}

/* first Horizontal sidebar(s) */
ul.sidebyside {
	float: left;
	width: 264px;
	padding: 4px 0px 0px 0px;
	margin: 0 12px 0 0px;
}

/* last Horizontal sidebars #3 */
ul.sidelast {
	float: right;
	width: 264px;
	padding: 4px 0px 0px 0px;
	margin: 0 0 0px 0;
}

li.page_item { margin: 0;}

.widget {
	background: transparent;
	padding: 0; margin: 0 0 2em 0;
}

.widget ul li {
	margin: 0px 0 6px 0;
	
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}


.current_page_item a {
	font-weight: bold;
	color: #666 !important;
}
.current_page_item a:hover{color: #c00 !important;}


.tagcloud {
	word-spacing: 5px;
}



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

.widget_search {
	text-align: left;
}

#searchform {float: right}

#searchform input, 
#emailform input {
	width: 80px;
	margin-bottom: 1em;
	padding: 3px;
}


input#s, 
input#email{
	font-size: 11px;
	width: 190px;
	color: #555;
	background: #f6f6ee;
	border: 1px solid #ccc;
}

input#s:hover, input#s:focus, 
input#email:hover, input#email:focus 
	{background: #ffc; border: 1px solid #333;}


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

.commentlist { margin: 0 0 0 2em; }

.commentlist .body {
	padding: 0 1em;
	overflow: hidden;
}

.commentlist li {
	width: 100%;
	padding: 0 0 .5em;
}

.commentlist li .top {
	color: #ccc;
	background: #0f0f0f;
	padding: 5px 10px 5px 30px;
	font-weight: normal;
	width: 93%;
}

.commentlist li .top a {
	color: #bee84c;
}

.commentlist li .top span {
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 2px;
}

img.gravatar {
	float: right;
	margin: 0 .5em 1em 1em;
	padding: 1px;
}

.theform {
	border-top: 2px solid #eed;
	padding: 1.5em 0 2em;
}

.theform label {
	font-size: 0.9em;
	vertical-align: middle;
}

#remember, #forget, #txpCommentHelpLink {
	margin-left: 2em;
}

#commentform {
	margin-left: 1em;
}

#commentform input:focus, #commentform textarea:focus {
	border: 1px solid #ddd;
	background: #fff;
}

.comment_input {
	color:#555;
	vertical-align: middle;
	width: 260px;
	border: 1px solid #111;
	background: #fff;
	padding: 0.3em;
	margin-right: 5px;
}

.message_input {
	color:#555;
	font-size: 1em;
	width: 90%;
	height: 200px;
	border: 1px solid #eee;
	margin-top: 0.2em;
	background: #fff;
	padding: 0.3em;
}

.commentlist_error { color: #600; font-weight: bold; }



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

#footer {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 12px 0 12px 0;
/*	font-size: 12px; */
	color: #555;
	border-top: 1px solid #ccc;
}

#footer p {	font-size: 1em; }

#footer .container {padding: 0 1em;}

#footer span { }

#footer a { text-decoration: none; }

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



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

.clear { clear: both; }

.clear-title { clear: left; }

.clear:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.alignleft { float: left; }
	img.alignleft { margin-right: 12px; }

.alignright { float: right; }
	img.alignright {margin-left: 12px;}
	
.right-said {text-align: right; }


.shhh {font-size:.9em; color:#ddd;}


.non {display: none;}


/* Sortable Table
   _____________________________*/

table.sortable {margin: 0px;  width: 100%; border: none;}

table.sortable thead {
	font-weight: bold; 
	font-size: 12px; 
	cursor: pointer;
}
table.sortable th {
	background: #666; 
	color: #fff; 
	padding: 2px 6px;
	border-top: 2px solid #ccc; 
	border-bottom: 2px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
}

table.sortable th:hover {background: #900; color: #fff;}
table.sortable th:active {background: #000;}

table.sortable tr td {
	border-top: 2px solid #fff; 
	border-right: none;
	border-bottom: 2px solid #fff; 
	border-left: none;

	vertical-align: top;
	margin: 0; 
	padding: 6px;
	line-height: 18px;
}

table.sortable td h5 {	margin: 0px; }

table.sortable td.project {
	width: 20%;
/*	match style to h5: description 
	font-family: LeagueGothicRegular, Bebas, Trebuchet MS, Verdana, sans-serif;
	letter-spacing: .1em;
*/
}
table.sortable td.project img {	 }
table.sortable td.project h5 { }

table.sortable td.description {background: #eee;}
table.sortable td.description h5 { }

table.sortable td.involvement {width: 25%}
table.sortable td.status {background: #eee; width: 15%}


table.sortable tr {margin: 0;}

table.sortable tr:hover { } 
table.sortable tr:hover td {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background: #fefeed;
} 



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

#timeline {
	border-top: 4px solid #ddd;
	margin: 36px 0;
}

#timeline h2 {
	margin: 1em auto 0 auto;
	padding: 12px 0 0 6px;
	font-size: 48px;
	color: #999;
	background: #e9e9e9;
}

#timeline h3 {margin: 2em auto 6px auto;}
#timeline h3 a,
#timeline h3 a:hover {color: #000; text-decoration: none;}


table.score {
	margin: 0 2em 0.5em 2em;
	padding: 0px 6px 2px 6px;
}
	table.score tr td {	}
	
	table.score tr td.category {
		padding-right: 1em;
		text-transform: uppercase;
		font-size: .9em;
	}
	
	table.score tr td.detail {
		font-weight: normal;
		font-size: 1em;
	}

ul.cite {
	list-style: disc; 
	margin: 0em 2em 0.5em 1em;
	border-top: 1px solid #ddd;
}

ul.cite li { margin: 0 1em; }

#timeline ol {margin: 0.5em 2em; font-size: .9em;}
#timeline ol li {margin: 0em 1em;}


/* verify */
var {	
	color: #9c6;
	font-size: .9em;
	font-style: normal;
	font-weight: normal;
	padding: 0 0px;
}

/* question */
p.q {
	color: #9c6;
	background: #efe;
	font-size: 1em;
	border: 1px dotted #dfd;
	margin: 0.5em 2em 0.5em 2em;
	padding: 0px 6px;
	}

/* error-dispute */
p.err {
	background: #ffa;
	color: #630;
	font-size: 1em;
	border: 1px solid #eeb;
	margin: 6px 12px 12px 12px;
	padding: 2px 12px;
	}


/* ============== PLUGINS, WIDGETS and EXTENSIONS ============ */

/* ______ twitter widget pro */

li.widget_twitter { }

li.widget_twitter ul li { /* individual tweet */
	border-top: 1px solid #ddd; 
	line-height: 18px;
	padding: 0 0 12px 0;
} 

li.widget_twitter span.entry-content { }

li.widget_twitter span.entry-meta {display: block; font-size: 10px;}
li.widget_twitter span.entry-meta a:link {color: #ccc;}

li.widget_twitter	span.time-meta { }
li.widget_twitter	span.from-meta { display: none; }


/* ______ twitter tools */

.aktt_tweets ul li { border-top: 1px solid #ddd; }

.aktt_tweets ul li a:link {color: #ccc;}
.aktt_tweets ul li a:hover {color: #c00;}

.aktt_tweet_time {display: block;}

.aktt_tweets ul li.aktt_more_updates { }
.aktt_tweets ul li.aktt_more_updates a:link {color: #000; }
.aktt_tweets ul li.aktt_more_updates a:hover {color: #900; }


/* ______ Category Posts Widget */

li.cat-post-item { 
	margin: 3px 0 12px 0;
	padding: 0 0 12px 0;
	border-top: 1px solid #ddd;
	line-height: 18px;
}

li.cat-post-item a.post-title { 
	font-size: 14px;
	font-weight: bold;
}


/* ______ Simplepie Linkblog */

/* .linkblog */

.simplepie { }

.simplepie ul { }

.simplepie ul li {
	border-top: 1px solid #ccc;
	margin: 12px;
	}

.simplepie ul li a {font-weight: normal; font-size: .8em;}

.simplepie ul li p a {font-weight: bold; font-size: 1.2em;}

.simplepie ul li blockquote,
.simplepie ul li blockquote p {font-size:12px; line-height: 18px;}