/*
THEME NAME: supernaut
THEME URI: http://supernaut.info
DESCRIPTION: supernaut.info theme using wsb, sandbox and blueprint-css integration
VERSION: 0.1
AUTHOR: <a href="http://supernaut.info">supernaut.info</a>
AUTHOR URI:
TAGS: white, minimal, two-columns, fixed-width, blueprint css, sandbox
TEMPLATE: sandbox
*/

@import url('blueprint.css');
@import url('font/helvenul.css');

div#wrapper {text-align:left;}
div#primary {float:none;}
div#secondary {float:none;}
form#searchform input.text {width:120px;}
div#comments {clear: both;}

/* Navigation (from Sandbox) */
div#menu {background:#fff;height:1.5em;margin:1.5em 0;width:100%;}
div#menu ul,div#menu ul ul {line-height:1.5em;list-style:none;margin:0;padding:0;}
div#menu ul a {display:block;margin-right:1em;padding:0.2em 0.5em !important;text-decoration:none;}
div#menu ul ul ul a {font-style:italic;}
div#menu ul li ul {left:-999em;position:absolute;}
div#menu ul li:hover ul {left:auto;}
div#menu ul li,div.gallery dl {float:left;}


/*================================================================*/
 
/* LAYOUT */
 
/*================================================================*/

div#wrapper {
	margin-top: 0;
}

div#header {
	margin-bottom: 6em;
}

div#content .post {
	margin-bottom: 90px;
}

.widget {
	margin-bottom: 36px;
}

/* for achives pages with no sidebar */

div.archives {
	width: 750px !important;
}

div.archives .archive-wrapper {
	margin-bottom: 36px;
}

div.archives .entry-meta {
	background: #fff !important;
}

div.archives .entry-meta select {
	width: 220px;
	float: right;
}

div.archives .entry-meta select {
	width: 220px;
	float: right;
}

div.archives .entry-meta .entry-meta-search {
	float: right;
}

div.archives .entry-meta input[type="text"] {
	width: 177px;
}

/* ====== top nav menu ====== */

#navigation-top {
	margin-bottom: 36px;
}

#slice
{
/*	width: 720px;*/
	height: 18px;
	background: url(images/navigation-menu.png) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#slice li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#slice li, #slice a, #slice a:link, #slice a:hover, #slice a:visited, #slice a:active
{
	height: 17px;
	display: block;
	background: transparent;
}

#panel1b
{
	left: 0px;
	width: 750px;
}

#panel2b
{
	left: 58px;
	width: 692px;
}

#panel3b
{
	left: 125px;
	width: 625px;
}

#panel4b
{
	left: 230px;
	width: 520px;
}

#panel5b
{
	left: 319px;
	width: 431px;
}

#panel6b
{
	left: 380px;
	width: 370px;
}

#panel7b
{
	left: 696px;
	width: 54px;
}

#panel1b a:hover { 
background: transparent url(images/navigation-menu.png) 0 -20px no-repeat; border-bottom: none; }
#panel2b a:hover { 
background: transparent url(images/navigation-menu.png) -58px -40px no-repeat; border-bottom: none; }
#panel3b a:hover {
background: transparent url(images/navigation-menu.png) -125px -60px no-repeat; border-bottom: none; }
#panel4b a:hover {
background: transparent url(images/navigation-menu.png) -230px -80px no-repeat; border-bottom: none; }
#panel5b a:hover {
background: transparent url(images/navigation-menu.png) -319px -100px no-repeat; border-bottom: none; }
#panel6b a:hover {
background: transparent url(images/navigation-menu.png) -380px -120px no-repeat; border-bottom: none; }
#panel7b a:hover {
background: transparent url(images/navigation-menu.png) -696px -140px no-repeat; border-bottom: none; }
#slice li, #slice a:link { border-bottom: none; }
#slice li, #slice a:visited {border-bottom: none; }
#slice li, #slice a:active {border-bottom: none; }

/*================================================================*/
 
/* TYPOGRAPHY */
/* base typography is set in blueprint.css */
 
/*================================================================*/

#header h1, #header h1 a, #header h1 a:focus, #header h1 a:hover {
	font-size: 3em;
	text-decoration: none;
	color: #111;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'HelveticaNeueUltraLight', sans-serif;
}
	
div#blog-description {
	font-size: 2em;
	margin-top: 3.4em;
	color: #111;
	text-align: right;
	letter-spacing: 1px;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'HelveticaNeueUltraLight', sans-serif;
}

div#blog-description .sIFR-flash {
	margin-top: 12px;
}

h2, h2 a, h2 a:focus, h2 a:hover, .navigation a, .navigation h2{
	color: #333;
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
	font-variant: normal;
}

#comments-list h2 {
	font-size: 2em;
}

h3.widgettitle {
	background: url(images/navigation-underline.gif) repeat-x 0 100%;
	color: #000;
	padding: 2px 0 3px 0;
	font-size: 1em;
	font-variant: normal;
	text-align: right;
	font-weight: bold;
}

.widget_links h3.widgettitle, h3.archive-meta {
	background: transparent;
	color: #111;
	padding: 0px;
	margin: 18px 0;
	text-align: left;
	font-weight: normal;
}

h3.archive-meta {
	font-size: 1em;
}

div.archives .entry-meta h3.widgettitle {
	padding-top: 36px;
}

div.archives .entry-meta h3.widgettitle:first-child {
	padding-top: 2px;
}

h4 {
	font-size: 1em;
	line-height: 18px;
	padding: 2px 0px 5px 0px;
	color: #999;
	background-color: #fafafa;
	margin-bottom: 0;
}

#footer h4 {
	padding-bottom: 2px;
}

h6 {
	color: #111;
	padding: 0px;
	margin: 18px 0;
	font-size: 1em;
	font-variant: normal;
	text-align: left;
	font-weight: normal;
}

div.entry-date {
	background: url(images/navigation-underline.gif) repeat-x 0 100%;
	margin-bottom: 18px;
}

div.entry-date abbr {
	border: none;
	color: #000;
	font-size: 1em;
	font-variant: normal;
}

div#content p {
	color: #555;
	font-size: 1em;
	line-height: 18px;
	margin: 0px;
	padding: 0px 30px 12px 0px;
}

div#content p:first-child {
	padding-top: 36px;
}

.textwidget p {
	color: #999;
	text-align: right;
	font-size: 1em;
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

/* standard link style formatting  */
 
p a:link, #footer a:link {
	text-decoration: none;
	color: #fff;
	background-color: #c1d0d8;
	padding: 0px 2px 1px 2px;
}
 
p a:visited, #footer a:visited {
	text-decoration: none;
	color: #d5e0e5;
	background-color: #fafafa;	
	padding: 0px 2px 1px 2px;
}
 
p a:hover, p a:active, #footer a:hover, #footer a:active {
	text-decoration: none;
	color: #fff;
	background-color: #413b60;
}
 
/* blockquote formatting formatting  */

div#content blockquote {
	border-left: 6px solid #111;
	margin: 36px 0px 36px 40px;
	padding: 0 40px;
	color: #888;
	font-style: normal;
}

div#content blockquote p {
	color: #888;
}

div#content blockquote p:first-child {
	padding-top: 0;
}

/* image formatting - .images is a placeholder class so the image links can be reformatted based on standard link style  */
 
div#content .images {
	padding: 0px;
	margin: 30px 0px 35px 0px;
}
 
div#content img {
	margin-top: 20px;
	padding: 0px 2px 0px 0px;
}
 
 
div#content .images a:link {
	text-decoration: none;
	color: #fff;
	border-top: 105px solid #1a1924;
	background-color: #1a1924;
	padding: 0px 4px 4px 0px;
}
 
div#content .images a:visited {
	text-decoration: none;
	color: #ddd;
	border-top: 105px solid #fafafa;
	background-color: #fafafa;	
	padding: 0px 4px 4px 0px;
	
}
 
div#content .images a:hover, div#content .images a:active {
	text-decoration: none;
	color: #fff;
	border-top: 105px solid #111;
	background-color: #111;
	padding: 0px 4px 4px 0px;
}

/* entry meta formatting */



div#content .entry-meta, .comment-meta {
	font-size: 1em;
	line-height: 18px;
	color: #999;
	background-color: #fafafa;
}

div#content .entry-meta a:link, .comment-meta a:link
{
	text-decoration: none;
	color: #c1d0d8;
	background-color: #fafafa;
	padding: 0px 2px 1px 2px;	
}
 
div#content .entry-meta a:visited, .comment-meta a:visited
{
	text-decoration: none;
	color: #fff;
	background-color: #c1d0d8;	
	padding: 0px 2px 1px 2px;
}
 
div#content .entry-meta a:hover, div#content .entry-meta a:active, .comment-meta a:hover, .comment-meta a:active
{
	text-decoration: none;
	color: #fff;
	background-color: #1a1924;
}

/* comments formatting: */

.comments ol li {
	margin-bottom: 36px;
}

.comments ol {
	color: #000;
}

.comment-author {
	background: url(images/navigation-underline.gif) repeat-x 0 100%;
	margin-bottom: 18px;
}


.comment-author span.fn, .comment-author span.fn a {
	border: none;
	text-decoration: none;
	color: #000;
	font-variant: normal;
}

.comment-meta {
	margin-bottom: 18px;
}

textarea#comment {
	width: 480px;
}


/*page search */

div#content .search {
	margin-bottom: 36px;
}

.search input[type="text"] {
	width: 230px;
}

/* sidebar list styling */


#primary ul, #primary ul li, #secondary ul, #secondary ul li {
	list-style: none;
}

.sidebar ul, ul li {
	color: #999;
	text-align: right;
	margin-right: 0;
}

.sidebar ul.children {
	margin-right: 40px;
}
 
/* standard link style formatting  */
 
.sidebar li a:link {
	font-size: 1em;
	text-decoration: none;
	color: #999;
	background-color: #fafafa;
	padding: 0px 2px 1px 2px;
}
 
.sidebar li a:visited {
	text-decoration: none;
	color: #fff;
	background-color: #c1d0d8;	
	padding: 0px 2px 1px 2px;
}
 
.sidebar li a:hover, .sidebar li a:active {
	text-decoration: none;
	color: #fff;
	background-color: #1a1924;
}
 
.sidebar form#searchform input.text {
	font-size: 1em;
	padding: 5px;
	width: 200px;
}

.sidebar form#searchform input[value='art'] {
	width: 210px;
}

.sidebar select {
	width: 200px;
}

li#twitter-tools,
li#twitter-tools a {
	font-size: 1em;
}

#twitter-tools h3 {
	font-size: 1em;
}

li#twitter-tools a {
    width: 470px;                          /* specify width  */
    white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    word-wrap: break-word;                 /* IE 5.5+ and up */
    /* overflow-x: auto; */                /* Firefox 2 only */
    /* width: 99%; */              /* only if needed */
}

.aktt_tweets ul li {
	margin-bottom: 18px;
}

/* ===== lightbox styling 2011-01-01 ====== */

#overlay {
	background-color: #fff !important;
}

#lightbox,
#lightbox span {
	font-family: 'Helvetica Neue', Helvetica, Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', Arial, 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, sans-serif;
	font-size: 1em !important;
}