/*   
Theme Name: Untitled Skateboards
Theme URI: http://www.untitledskate.com
Description: A theme designed for Untitled Skateboards
Author: SecretPenguin
Author URI: http://www.secretpenguin.com
*/

/* Reset CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset CSS */

body{ 
  font-size: 90%;
  color: #66546b; 
  background: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 180%;
}

#nav li{
	font: bold 100% Helvetica, Helvetica Neue, Interstate, Arial;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #66546b; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 1em; }
h2 { font-size: 2em; margin-bottom: 4px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #69840f; text-decoration: underline; }
a           { color: #34400f; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

.dark {
	color: #34400f;
	}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Menu Styles
-------------------------------------------------------------- */

#header { height: 102px; overflow: visible;}
#nav{
	margin: 10px 0 0 0; 
	padding: 0 14px; 
}
#nav, #nav ul { /* all lists */
	line-height: 1;
	clear: both; 
	height: 30px;
	list-style: none;
	text-transform: uppercase;
}

#nav a {
	display: block;
	width: 100%;
	text-decoration: none; 
	display: block; 
	padding: 0 10px; 
	line-height: 33px;
	height: auto;
	text-transform: uppercase;
}

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

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul li a{
	background: #fff;
	width: 12em;
	font-size: 85%;
	border: 1px solid #CFBFB2;
	border-top-width: 0;
	text-transform: uppercase;
}

#nav li ul li ul a{
	border-top-width: 1px;
}

#nav li ul li a:hover{
	background: #F8F4F1;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.4em 0 0 11.63em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav > li:hover > ul,
#nav > li.sfHover > ul{
	margin-left: 0;
}

#content {
	clear: left;
	color: #ccc;
}

/* End Menu Styles */

body{color: #66546b; text-align: center;}
body#home{background: #f2f1ea url("images/background.jpg") no-repeat top center;}
body#interior{background: #f2f1ea url("images/background-inner.jpg") no-repeat top center;}
a:hover img{border-color: #ccc;}
img{border: 0;}
.alignleft, .left{float: left; margin: 0 10px 10px 0;}
.alignright, .right{float: right; margin: 0 0 10px 10px;}
.aligncenter{display: block; text-align: center;}

#container{margin: 0 auto; width: 980px; text-align: left;}

/* Header Styles */
#header{position: relative; z-index:20; padding: 20px 0 0 0;}
#header #subnav, #header #subnav li{margin: 0; padding: 0; list-style: none; height: 29px;}
#header #subnav {display: block; width: 660px; text-align: right; height: 25px; float: right; position: relative; margin-top: -17px;}
#header #subnav li{ display: inline; text-align: right; padding: 3px 0 6px 0; margin: 0 10px;}
#header #subnav li a{font-size: .8em; text-transform: uppercase; line-height: 29px; height: 29px;}
#header #subnav li input{border-radius: 24px;}
#header #subnav li.search,
#header #subnav li.search form,
#header #subnav li.search fieldset{display: inline; vertical-align: middle;}


#header h1 {
	display: block;
	width: 500px;
	height: 53px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("images/headerh1.png");
	margin: 6px 0 6px 8px;
	}

#header h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	background: url("images/headerh1.png");
	}
	
	
#header fieldset{position: relative;}

input.s{border: 0; background: url("images/search-input-bg.png") no-repeat top left; padding: 6px 24px 0 6px; width: 110px; height: 29px;}
.submit{vertical-align: middle; position: relative;}

/* Featured Banner Styles */
#featured-wrapper{height: 290px; clear: both; padding: 0; overflow: hidden;}
#featured{ width: 100%; margin:3px 0 0 2px;}
#featured #featured-overlay{position: absolute; top: 0; left: 0; width:980px; height: 250px; background: url("images/featured-mask.png") no-repeat center center; }
#featured{ position: relative; width: 980px; height: 250px; background: transparent;}
#featured .featured-image-wrap{background-color: #333;}
#myController{ text-align: right; margin: 4px 10px 0 0; position: relative; z-index: 5;}
#myController span{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height: .8em; color: #814F30; padding: 5px 8px 7px 8px; cursor: pointer; background: url("images/boxes.png") no-repeat left 2px;}
#mySlides{ margin: 0; padding: 0; z-index: 0; position: relative;}
#myController span.jFlowSelected { font-weight: bold; background-position: 0 -24px}
.jFlowPrev, .jFlowNext{ cursor:pointer; display: block; position: absolute; width: 21px; height: 34px; text-indent: -9000px; z-index: 1000; -moz-outline: 0}
.jFlowPrev{ background: url("images/btn-left-arrow.png") no-repeat top left; top: 40%; left: -5px;}
.jFlowNext{ background: url("images/btn-right-arrow.png") no-repeat top left; top: 40%; right: -9px;}
a.jFlowPrev:hover,
a.jFlowNext:hover{ background-position: 0 -42px;}
#jFlowSlideContainer{ margin: 0; padding: 0;}
#jFlowSlide div{ margin: 0; padding: 0; width: 100%; height: 100%; text-align: center;}
#jFlowSlide .wrapit{ position: absolute; bottom: 0; left: 30px; width: 800px; text-align:left;}
#jFlowSlide .wrapit h1 a{position: absolute; bottom: 30px; left: 0; background: transparent url("images/title-bg.png"); color: white; padding: 8px;}
#jFlowSlide .wrapit p{display: none; position: absolute; bottom: 0; left: 0; width: 100%; background-color: black; color: white; padding: 8px 20px 8px 20px; line-height: 1.9em;}
#jFlowSlide div a.fillwindow{width: 980px; height: 250px; position: absolute; top: 0; left: 0;}
#jFlowSlide a img{border: 0;}

/* Main Content Styles */
.post{clear:both;}
.featuredpost{width:100%; position: relative; z-index: 4; padding-bottom: 20px;}
.featuredpost .buffer{padding: 30px 20px 10px 20px}
.featuredpost h2, .featuredpost h3{margin: 0 0 10px 0;}
#main{padding-top: 1em; min-height: 500px;}
#maincontent{display:inline; float:left; padding: 8px 27px 10px 33px; width:500px; clear: both;}
#maincontent .postwrapper{background: url("images/border.png") repeat-x bottom left; padding-bottom: 20px; margin-bottom: 20px;}
#maincontent a img{padding: 6px;}
#maincontent .bubble{float: right; width: 58px; height: 49px; background:url("images/comment.jpg") no-repeat top left; text-align:center;}
#maincontent .bubble a{padding: 15px 0; display: block; color: black; font-weight: bold; font-size: 14px;}
#maincontent h1 {
	font: bold 24px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -2px; 
	margin-bottom: 4px; 
	line-height: 100%;
	color: #3f3240;
	}
#maincontent div.posted, #maincontent div.tags{font-size: 11px; color: #999999}
#maincontent div.metadata,
#maincontent div.postmeta{margin-bottom: 1em; padding: 5px 0;}
#maincontent div.postmeta{background: #e1d8ce;}
#maincontent div.metadata .comments{padding-left: 16px; background:url("images/comment.jpg") no-repeat center left; float: right}
#maincontent div.tags{margin-bottom: 1em; clear: both}
#maincontent div.tags a{margin-left: 5px; padding-left: 20px; background: url("images/ico-tag.gif") no-repeat left 2px;}
#maincontent div.posted{margin-bottom: 1em;}
#maincontent div.posted span{color: #66546b;}
#maincontent .more-link{font-weight: bold; text-decoration: none; display: block; margin-top: 1em;}
#maincontent .leadin{margin: 7px 0 1em 0}
#maincontent .leadin img{border: 10px solid #FDF5EE; -moz-box-shadow: 0 1px 5px #888; -webkit-box-shadow: 0 1px 5px #888}

/* Sidebar Styles */
.narrowcolumn{background-color: white; border: 1px solid #ddd; border-top: 0; border-bottom: 0;}
#sidebar-content{width: 400px; float: right; }
#sidebar-content .column{ width: 180px; margin: 0 20px 0 0; float: left;}
#sidebar-content ul,
#sidebar-content li{margin: 0; padding: 0; list-style: none;}
#sidebar-content li {line-height: 1.2em; margin-bottom: 2em;}
#sidebar-content li li {margin-bottom: 0;}
#sidebar-content ul li ul{margin-left: 0}
#sidebar-content ul li a{display: block;padding: 3px 0;}
#sidebar-content .column h3{color: #66546b; padding-bottom: 4px; margin-bottom: 10px; background: url("images/border.png") repeat-x bottom left;}
#sidebar-content .column dl dt{float: left; width: 30px; clear: both; margin: 0 0 5px 0; padding: 0; display: block}
#sidebar-content .column dl dd{float: left; width: 150px; display: block; margin: 0 0 0 15px; padding: 0}
#sidebar-content .column dl p{margin: 0; padding: 0; font-size: .9em}
#sidebar-content .column dl p{margin-bottom: 20px}
#sidebar-content #dual-column{float: right; margin:0 0 10px 0; padding-top: 15px; width: 400px;}

div.edit{clear: both;}

/* Comment Styles */
h3#comments {padding-top: 1em; clear: both;}
.commentlist{clear: both; margin: 0; padding-top: 10px; clear: both; position: relative; overflow: visible;}
.commentlist ul.children{list-style: none; margin: 0;}
.commentlist ul.children li{padding-left: 25px;}
.commentlist .reply{margin-bottom: 1em;}
.commentlist .comment-reply-link{text-decoration: underline;}
.commentlist .comment-feed{float: right; background: url("images/feed-icon-14x14.png") no-repeat left top; padding-left: 20px;}
.commentlist{clear:both; background: url("images/border.png") repeat-x bottom left; padding-left: 0; list-style: none;}
.commentlist li{clear:both; background: url("images/border.png") repeat-x top left; padding-top: 1em; margin-bottom: 1em; position: relative;}
.commentlist .comment-author{font-weight: bold;}
.commentlist .comment-meta{font:italic 85% Arial, Helvetica, sans-serif;}
.commentlist .comment-meta a{color: #9D8282;}
.commentlist p{padding-bottom: 1em; margin: 1em auto;}
.commentlist .avatar{float: right; margin: 10px 0 10px 10px; padding: 2px; border: 1px solid #666666;}
.commentlist .permalink{background: url("images/ico_comments.gif") no-repeat top left; display: block; position: absolute; top: 15px; left: 0; width: 22px; height: 14px; text-indent: -9000px;}
.commentlist .subscribe-to-comments label{display: inline;}
#respond{clear: both;}
#commentform textarea{width: 500px;}

/* Footer Styles */
#footer{width: 100%; overflow: auto; clear: both; padding: 15px 0; font-size: 11px; background: #3A2D27 url("images/footer_bg.jpg") repeat-x center top; color: #edede5;}
#footer .inner{width: 980px; margin: 0 auto; text-align: left; line-height: 2em;}
#footer h3{color: white; background: url("images/footer-header-border.png") repeat-x left bottom; padding: 20px 0; margin-bottom: 20px;}
#footer a{color: #F3E3D8; font-family: Georgia, "Times New Roman", Times, serif;}
#footer a:hover{color: #FFC ; text-decoration: none;}
#footer li{width: 25%; float: left; list-style: none;}
#footer ul,
#footer li{margin: 0; padding: 0;}
#footer li > *{margin-right: 20px;}
#footer li li{float: none; width: auto; padding-bottom: 5px; margin-bottom: 5px;}
#footer .entry-meta{display: block;font-style:italic;}
#footer .entry-meta,
#footer .entry-meta a{color: #9F8F8B}
#footer .twitter-avatar{display: inline;}
#footer .twitter-avatar img{float:left; margin: 0 10px 10px 0; padding: 2px;}
#footer > li:nth-child(4n+1){clear: both;}
#footer #footertext{margin: 20px auto; line-height: 24px; padding: 10px; background: url("images/footer-header-border.png") repeat-x left top;}
#footer .secretpenguin{
	float: right; 
	width: 48px; 
	height: 25px; 
	background: url("images/secretpenguin.png") no-repeat top left; 
	overflow: hidden; 
	text-indent: -9000px;}

.adspot{padding: 10px; text-align: center;}

/* Clear Styles */
.clearleft{clear: left;}
.clearright{clear: right;}
.clearboth{clear: both;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.small {
	font-size: 10px;
	}