/* 
Theme Name: superboard - iota
Theme URL: http://superbunker.com/
Description: a place to start.
Author: Jason Brown
Author URI: http://superbunker.com
Version: 0.2

grown from 2010 / Thematic / Kirby with a dash of whiteboard

*/


/* Reset default browser styles */
@import url('css/reset.css');



/* --------------------------------------------------------------
LAYOUT: Two-Column, Right Sidebar, Fixed Width
-------------------------------------------------------------- */

#wrapper {
    width: 820px;
    margin: 0 auto;
    padding: 0 12px;
    position: relative;
}

#main { }

#header { }

#container {
    width: 540px;
    float: left; 
}

#content {
	margin: 0 0 0 0px;
}


#primary,
#secondary {
    width: 260px;
    float: right;
    position: relative;
    right: 0px;
}

#secondary {
	clear: right;
}

#footer {
	clear: both;
	width: 100%;
}



/* = Global Elements & Basic Markup
-------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 12px;
		
	background-color: #998;
	
	background-image:url('images/bg-toothsome-40.jpg'); 
	background-repeat: repeat;
	background-position:top left;
	background-attachment: fixed;
	

}

a:link {	
	color: #550;
	text-decoration: underline;
}
a:visited {	
	color: #661;
}
a:hover, a:active {	
	color: #990;
	text-decoration: none;    
}

blockquote { 
	margin: 16px 32px;
}
blockquote,
blockquote p {
	font-style: italic;
}

blockquote cite {
	margin: 0px 0 16px 32px;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
}

cite { }

code{ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

h1,h2,h3,h4,h5,h6 { 
	/* see: Headings and Titles */
}

hr { }

img, a img { border: none; }

p { }

pre{ font-family:"Courier 10 Pitch", Courier, monospace; }

small { 
	font-size: 10px;
}

table { margin: 16px; }
table tr td {
	border-bottom: 1px solid #ddd;
	padding: 4px;
}
table tr th {
	border-bottom: 4px solid #ddd;
	padding: 4px;
}


/* --- LISTS --- */

ul, ol { }

li { }


ol {
	list-style: decimal;
	margin: 0 0 16px 16px;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}



dl	{
	margin: 0 32px;
}
	dt {
		font-weight: bold;
	}
	dd {
		margin-bottom: 16px;
	}


/* === global helper styles
-------------------------------------------------------------- */
.clear { clear: both; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */



/* === Header, Masthead, Branding 
-------------------------------------------------------------- */

#header { }

#masthead { height: 36px; }

#masthead #search {float: right; margin: 12px 0 0 0;}

#branding { 
	padding: 12px 0 0 0;
	width: 320px;
	float: left;
}

#site-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} 
	#site-title span { 
		font-size: 24px;
	}
	
	#site-title span a:link, 
	#site-title span a:visited {color: #554; text-decoration: none;}
	#site-title span a:hover { color: #cccf00; text-decoration: none; }
	
#site-description { 
	padding-left: 6px;
	font-style: italic;
	color: #afaf9f;
}


/* === Main Navigation Menu
-------------------------------------------------------------- */
/* #access {
	overflow: auto;
	margin: 0 auto;
	width: 100%;
	display: block;
	border-bottom: 1px solid #999;
	margin: 8px 0 0 0;
} */

#access {
	overflow: hidden;
	
    width: 200px;
    margin: 16px 0 0 40px;
    float: left;
    position: relative;
    right: 0px;
}

#access .menu {
	background: transparent;
	overflow: hidden;
}
#access .menu ul {
	list-style: none;
	margin: 0 0 0 0px;
}
#access .menu li {
	float: left;
	display: block;
}
#access .menu li ul,
#access .menu li:hover ul ul,
#access .menu li:hover ul li:hover ul ul {
	display: none;
}
#access .menu li:hover ul {
	display: block;
	position: absolute;
	z-index: 999999;
	margin-left: 0;
	max-width: 200px;
}
#access .menu li:hover ul li {
	float: none;
	display: block;
}
#access .menu li:hover li:hover ul {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
}
#access .menu li:hover li:hover ul li a { }
#access .menu li:hover ul li a {
	background: #f5f5f5;
	border: 1px solid #887;
}
#access .menu a {
	color: #663;
	display: block;
	line-height: 12px;
	padding: 4px 8px;
	text-decoration: none;
	border-right: 1px solid #887;
	
	background: #aa9;
}
#access .menu li:hover.current_page_item li a {

}

#access .menu li:hover.current_page_item li a:hover { }

#access .menu .current_page_item a {
	color: #eee9e0;
	background: #555;
	border-right: 1px solid #999;
}

#access .menu a:hover {
	color: #110;
	background: #ccb;
	border-right: 1px solid #998;
}
#access .menu a:active {
	color: #fff;
	background: #333;
	border-right: 1px solid #998;
}


/* === CONTENT, POST, ENTRY
-------------------------------------------------------------- */

#main { 
	padding: 24px 0 0 0;
}

#content { 
	background: #fff; /* #f5f4f0;*/
	border: 1px solid #776;
	padding: 12px 12px;
}

.post{ 
	margin: 0 0 24px 0;
	padding-bottom: 18px;
	border-bottom: 1px solid #ddd9d0;
}

.post-edit-link { float: right; font-size: 10px; }

.entry-utility,
.entry-meta{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.entry-utility { 
	font-size: 12px;
}

.entry-meta{ font-size: 12px; }


/* === ENTRY-CONTENT : the actual stuff === */

.entry-content { margin: 16px 0; }

.entry-content  ul {
	list-style: square;
	margin: 16px;
}

.entry-content li {
	line-height: 1.5em;
}


.entry-content li,
.widget-area li {
	margin: 8px;
}

.entry-content  p {
	line-height: 1.5em;
	margin: 0 0 .5em 0 !important;
}



/* === Archives
-------------------------------------------------------------- */


/* === Headings and Titles
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	margin: 16px 0 0 0;	
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 { }
	h1 img { }

h2 { font-size: 24px; margin: 6px 0;}

h3 { font-size: 18px; margin: 6px 0;}

h4 { }

h5 { }

h6 { }


h2.entry-title {
	margin: 0 0 8px 0;
	font-size: 24px;
	color: #aa9;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2.entry-title a { text-decoration: none; } 


.entry-content h1 { 
	font-size: 32px;
	margin: 0 0 16px 0;
}

.entry-content h2 {
	font-size: 24px;
	margin: 12px 0 6px 0;
}

.entry-content h3 { 	
	font-size: 18px;
	margin: 12px 0 6px 0;
}

.entry-content h4 { 	
	font-size: 14px;
}

h3.archive-title {
	font-size: 18px;
	margin-bottom: 8px;
}

#comments h3 {
	border-top: 1px solid #ddd;
	margin: 32px 0 0 0;
}





/* === Widgets and Sidebars 
-------------------------------------------------------------- */

.widget-area { 
	font-size: 12px;
	line-height: 12px;
	color: #ddc;
	
	background: #776;
	border-top: none;
	border-left: 1px solid #664;
	border-right: 1px solid #664;
	border-bottom: 1px solid #664;

}

.widget-area h1,
.widget-area h2,
.widget-area h3,
.widget-area h4,
.widget-area h5,
.widget-area h6 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #aa9;
}
h3.widget-title, 
.widget-area h2 {
	margin: 24px 0 0 0;	
	font-size: 24px;
}

.widget-area a {color: #bc6; text-decoration: none;}

.widget-area a:hover {text-decoration: underline; }

.widget-area li {line-height: 1.5em;}

#primary { }

#secondary { }



/* === Footer and Footer-Widgets 
-------------------------------------------------------------- */

#footer {
	margin: 48px 0 16px 0;
	padding: 8px 0;
	border-top: 1px solid #665;
	border-bottom: 1px solid #665;
}

#colophon {
	clear: both;
	width: 100%;
	margin: 0px 0 12px 0;
	text-align: center;
}

#colophon a { color: #440; }

#footer-widget-area { }

#footer-widget-area .widget-area { 
	float: left;
	width: 248px;
	margin: 0 18px 0 0;
}



/* === Forms
-------------------------------------------------------------- */

input, textarea, option { background: #ccb; border: 1px solid #996; }

input:focus, textarea:focus, option:focus { background: #eec; }


textarea {width: 100%}

input#submit { }

	input#submit:hover { }

#searchform{ 
	text-align: right;
}




/* === Comments
-------------------------------------------------------------- */

#comments {
	margin: 12px 0 0 0;
	padding: 6px;
	background: #e5e4e0;
}

textarea#comment {width: 98%; height: 80px;}

.comments_navigation{ }

.comments_navigation{ }

.comments_reply{ }

.comments_text{ }

.comments_meta{ }

ol.commentlist { padding: 0 0 0 16px; }

ol.commentlist li { margin: 6px 0 12px 0; }

ol.commentlist li.alt { }


ol.commentlist li.author { background: #eceae6; padding: 0 6px;}


ol.commentlist li.byuser { }



ol.commentlist li.comment-author-admin { }

ol.commentlist li .comment { border-bottom: 1px dotted #887; padding: 10px; }



ol.commentlist li .comment-author { font-size: small; font-weight: bold; }

ol.commentlist li .comment div.vcard { }

ol.commentlist li .comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li .comment div.vcard cite.fn a.url { }

ol.commentlist li .comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li .comment div.vcard img.avatar-32 { }

ol.commentlist li .comment div.vcard img.photo { }

ol.commentlist li .comment div.vcard span.says { }

ol.commentlist li .comment div.commentmetadata { }


ol.commentlist li .comments_meta { font-weight: bold; color: #554; line-height: 1em;}

ol.commentlist li .comments_meta a { }


ol.commentlist p { line-height: 1.5em; margin: 0 0 .5em 0;}



ol.commentlist li .comment ul { }

ol.commentlist li .comment div.reply { font-size: 11px; }

ol.commentlist li .comment div.reply a { font-weight: bold; }

ol.commentlist li .comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li .comment ul.children li { }

ol.commentlist li .comment ul.children li.alt { }

ol.commentlist li .comment ul.children li.bypostauthor { }

ol.commentlist li .comment ul.children li.byuser { }

ol.commentlist li .comment ul.children li.comment { }

ol.commentlist li .comment ul.children li.comment-author-admin { }

ol.commentlist li .comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li .comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li .comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li .comment ul.children li.depth-5 { }

ol.commentlist li .comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



/* === Alignment and Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 24px 0;
	max-width: 640px;
}
.left,
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.right,
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.center,
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
    text-align: center;

}



/* === Services and Plugins
-------------------------------------------------------------- */


/* RSS Widget */

a.rsswidget img { display: none; }

li.widget_rss ul {margin 0; padding 0; }

li.widget_rss ul li { /*individual item */
	margin: 6px 0 6px 0; padding: 6px 0; 
	border-bottom: 1px dotted #552;
} 


/* Twitter Tools widget */

.aktt_tweet_time {
	display: block; 
	font-size: 10px; 
	margin: 6px 0 0 0px; 
	padding: 0 0 6px 0; 
	border-bottom: 1px dotted #552; }

.aktt_tweets ul li { margin: 6px 0 6px 0; padding: 6px 0; }


    form dl, dl.labels {
      margin:0em;
      font-size:100%;
      margin-top:0.5em
    }
    form dt, dl.labels dt {
      float:left;
      width:10em;
      margin-bottom:0.8em;
      text-align:right;
      font-weight:normal;
      position:relative /*IEWin hack*/
    }
    form dd, dl.labels dd {
      margin-left:10.5em;
      margin-bottom:0.8em;
      font-size:100%;
      font-style:normal;
      padding-left:0.5em
    }
    form dd.submit, dl.labels dd.submit  {
      margin-top:2em
    }



/* Google Reader shared news widget */
.reader-publisher-module { }

.reader-publisher-module ul li {margin-bottom: 6px; border-bottom: 1px dotted #996;}

.reader-publisher-module .s {font-size: 10px; margin: 6px 0;}


/* Recommended Reading plugin */

.widget-grs { }

ul.gReader-list { }

ul.gReader-list li {margin-bottom: 6px; padding: 6px 0; border-bottom: 1px dotted #663;}

.gReader-source {font-size: 10px; margin: 0px 0 6px 0px; }

.grCredit { }