/*[fmt]A010-100B-3*/
/*
Theme Name: Creative.Industry
Theme URI: http://www.danharper.me
Description: A WordPress CMS &amp; Blog design for a creative company. Avaliable in Blue, Black, Red, Orange or Green.
Version: 1.0
Author: Dan Harper
Author URI: http://www.danharper.me
*/
.zulu
{ width: 980px; margin: 0 auto;}

h1, h2, h3, h4, h5, h6
{ font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;}

p, .post ul, .post ol
{ margin: 5px 0 10px; font-size: 1.1em;}

ul
{ list-style: disc;}

h1, h2, h3, h4, h5, h6
{ margin-bottom: 5px;}

.padright
{ padding: 0 5px 25px 0;}

.padleft
{ padding: 0 0 25px 5px;}

#header h1, #feature h1
{ font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; font-style: italic; color: #FFF;}

h4.archiveh
{ color: #444;}

a:link, a:visited
{ text-decoration: none;}

a:hover, a:active, a:focus
{ text-decoration: underline;}

.alignright
{ float: right; margin: 5px 3px 10px 8px;}

.alignleft
{ float: left; margin: 5px 8px 10px 3px;}

blockquote
{ padding-left: 25px; color: #444;}

.aligncenter
{ margin: 5px auto;}

.wp-caption p
{ font-size: 0.9em; font-style: italic; margin: 0 3px;}

.themessingle img
{ margin-bottom: 20px;}

h1 a:link, h1 a:visited, h3 a:link, h3 a:visited
{ color: #222; text-decoration: none;}

h1 a:hover, h1 a:active, h1 a:focus, h3 a:hover, h3 a:active, h3 a:focus
{ text-decoration: underline;}

/*FORMS
**********************/
input
{ font: 13px/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;}

input[type="text"], textarea
{ background: #FEFEFE url(images/bg_input.png) repeat-x; padding: 4px; border: 1px solid #939393;}

label
{ display: inline-block; width: 120px; font-weight: bold; text-align: right; padding: 2px 4px;}

/*HEADER
**********************/
#header
{ height: 100px; position: relative;}

#header .grid_7
{ /*[disabled]width:419px;*/}

#header h1
{ color: white; line-height: 50px; padding: 0px; margin-bottom: 0px; font-weight: bold; font-size: 46px; float: left; background: url(images/logo_f1almanac.png) no-repeat; margin-top: 10px; width: 342px; text-indent: -6000px;}

#soon
{ background: url(images/soon.png) no-repeat; position: absolute; top: 30px; right: 265px; width: 128px; height: 128px; overflow: hidden; text-indent: -30000px;}

#header ul
{ float: right; margin: 30px 0 0;}

#header ul li
{ display: inline; margin-left: 25px; text-transform: uppercase; font-size: 1.3em; font-weight: bold;}

#header ul li a:link, #header ul li a:visited
{ text-decoration: none;}

#header ul li a:hover, #header ul li a:active, #header ul li a:focus
{ text-decoration: underline;}

#header ul li.current_page_item a:link, #header ul li.current_page_item a:visited, #header ul li.current_page_item a:hover, #header ul li.current_page_item a:active, #header ul li.current_page_item a:focus
{ text-decoration: none;}

/*FEATURE
**********************/
#feature
{ height: 226px;}

#feature-menu
{ height: 226px; width: 180px;}

#feature-menu ul
{ margin: 5px 15px 0 0; left: -34px; position: relative;}

#feature-menu ul li
{ text-align: right; padding-right: 15px; margin-left: 33px; list-style: none; font-size: 1.3em; width: 199px; height: 42px;}

#feature-menu ul li a:link, #feature-menu ul li a:visited
{ text-decoration: none; display: block; padding-right: 30px; height: 42px; line-height: 42px;}

#feature-content
{ height: 226px; width: 770px; font-size: 1.1em; overflow: hidden;}

#feature-content #slider
{ height: auto; overflow: hidden;}

#feature-content #slider .container_16
{ display: block; height: 226px;}

#feature-content .grid_8
{ padding-left: 5px;}

#feature-content h1
{ margin-top: 30px; margin-bottom: 15px;/*width: 500px;
height: 30px;
text-indent: -9999em;*/
}

/*#feature-content #feature-1 h1 {
background: url("images/features/feature-1-title.png") no-repeat;
}

#feature-content #feature-2 h1 {
background: url("images/features/feature-2-title.png") no-repeat;
}

#feature-content #feature-3 h1 {
background: url("images/features/feature-3-title.png") no-repeat;
}

#feature-content #feature-4 h1 {
background: url("images/features/feature-4-title.png") no-repeat;
}

#feature-content #feature-5 h1 {
background: url("images/features/feature-5-title.png") no-repeat;
}*/
#feature-content p
{ margin-bottom: 10px;}

#feature-content .grid_5
{ text-align: center;}

#feature-content #feature-1 .grid_5
{ padding-top: 10px;}

#feature-content #feature-2 .grid_5
{ padding-top: 5px;}

#feature-content #feature-3 .grid_5
{ padding-top: 8px;}

#feature-content #feature-4 .grid_5
{ padding-top: 10px;}

#feature-content #feature-5 .grid_5
{ padding-top: 20px;}

#feature-content a:link, #feature-content a:visited
{ text-decoration: none;}

#feature-content a:hover, #feature-content a:active, #feature-content a:focus
{ text-decoration: none;}

/*CONTENT
**********************/
#content
{ padding-left: 0; padding-bottom: 20px; padding-right: 0; padding-top: 0px; background: #F3F3F3 url(images/content.png) repeat-x; border-top: 1px solid #FDFDFD; color: #111; overflow: auto;}

#content .container_12
{ padding: 20px 0; overflow: auto;}

#content .grid_16
{ margin-bottom: 30px;}

#content .grid_8 h1, #content .grid_8 h2
{ margin-bottom: 5px;}

#content .grid_8 h1 span.price
{ color: #0B5F7B; font-size: 0.9em;}

#main
{ width: 649px; padding-top: 20px;}

#main h1
{ color: #FF7001; font-style: italic; font-size: 28px;}

#sidebar
{ width: 271px; margin-right: 0 !important; /*[e]0*/ padding-top: 20px;}

ul.checkme li
{ list-style: none; background: url(images/asterisk.png) no-repeat left center; margin: 0 0 6px 10px; padding-left: 23px;}

#thumbs img
{ margin-bottom: 15px;}

.metabtns
{ text-align: right;}

ul.metas
{ padding-top: 10px; text-align: right;}

ul.pagination
{ padding: 25px 0;}

ul.pagination li.olderpost
{ float: left; margin: 0;}

ul.pagination li.newerpost
{ float: right; margin: 0;}

ul.metas li.metabtn
{ margin: 0 15px 0 0;}

.post .metabtn
{ font-size: 0.8em;}

.metabtn
{ display: -moz-inline-stack; display: inline-block;/*-moz-box-orient: vertical*/
 list-style: none; margin: 0 8px;}

.metabtn a:link, .metabtn a:visited
{ display: inline-block; text-transform: uppercase; font-size: 1.1em; font-weight: bold; padding: 5px 10px;}

.metabtn a:hover, .metabtn a:active, .metabtn a:focus
{ text-decoration: none;}

.post
{ padding-top: 50px;}

.post:first-child
{ padding-top: 0;}

.post h1
{ margin-bottom: 0;}

ul.postmeta
{ margin: 0 0 15px;}

ul.postmeta li
{ display: inline; margin: 0 10px 0 0; padding: 0 0 0 10px; border-left: 1px solid #CCC; text-transform: uppercase; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul.postmeta li:first-child
{ padding: 0; border: none;}

/*COMMENTS
**********************/
ol.commentlist li
{ list-style: none; clear: both; padding-top: 30px; margin-left: 10px; overflow: hidden;}

ol.commentlist li:first-child
{ padding-top: 10px;}

ol.commentlist li .commentmeta
{ width: 110px; float: left; min-height: 150px; height: auto !important; /*[e]auto*/ height: 140px; overflow: auto;}

.commentmeta p
{ text-align: left; font-size: 0.9em; margin-bottom: 0;}

.commentmeta p.auth
{ margin-top: 5px; font-weight: bold;}

.commentmeta p.commdate
{ font-size: 0.7em;}

ol.commentlist li .commentdata
{ width: 500px; float: left; padding-left: 15px; min-height: 150px; border-left: 1px solid #CCC; height: auto !important; /*[e]auto*/ height: 140px;}

form p
{ padding-bottom: 10px;}

form .hidden
{ display: none;}

form p label
{ display: inline-block; margin-right: 10px; text-align: right; width: 80px;}

form p label[for="comment"]
{ vertical-align: top;}

input, textarea
{ border: 1px solid #CCC; padding: 3px;}

input:focus, textarea:focus
{ border: 1px solid #FE7F1D;}

input#submit, input#joinbutton, input.button, input[type="submit"]
{ padding: 5px 3px; background: #424242 url(images/bg_btn_blck.png) repeat-x; border: 1px solid #555; color: white; text-transform: uppercase; font-weight: bold;}

textarea
{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}

/*SIDEBAR
**********************/
.sidebar
{ padding-left: 15px;}

.sidebar ul li
{ list-style: none inside; margin-left: 0;}

.sidebar ul li h2
{ margin-bottom: 0;}

.sidebar ul li#search
{ margin-bottom: 25px;}

.sidebar ul li#search form #s
{ background: #F9F9F9 url(images/search.png) no-repeat right; border: 1px solid #E1E1E1; padding: 7px 29px 7px 7px; width: 167px;}

.sidebar ul li#search form #s:focus
{ border: 1px solid #CACACA;}

.sidebar ul li#search form #searchsubmit
{ display: none;}

.sidebar ul li ul, ul.fromtheblog
{ background: #F9F9F9 url(images/sidebar_detail.gif) no-repeat top; border: 1px solid #E1E1E1; padding: 15px 5px 15px 8px;}

.sidebar ul li ul li, ul.fromtheblog li
{ list-style-position: outside; margin: 0 0 5px 20px;}

.sidebar ul li a:link, .sidebar ul li a:visited, ul.fromtheblog li a:link, ul.fromtheblog li a:visited
{ color: #333;}

/*FOOTER
**********************/
#footer
{ background: #292929 url(images/footer.png) repeat-x top; color: #E1E1E1; font-size: 0.8em; overflow: hidden;}

#footer p
{ color: #E1E1E1; margin: 10px 0;}

#footer a:link, #footer a:visited
{ color: #E1E1E1; text-decoration: underline;}

#footer a:hover, #footer a:active, #footer a:focus
{ color: #FFF; text-decoration: none;}

#footer p.copy
{ float: left;}

#footer p.designed
{ float: right;}

#header h2
{ color: #B3B3B3; line-height: 120%; margin: 0px; clear: left; padding: 0px; font-size: 18px;}

.signup
{ margin-left: 10px; margin-bottom: 20px; margin-right: 10px; margin-top: 10px; padding: 20px; /*[empty]clear:;*/ border: 1px solid #FE8420; background: #FDB53F url(images/bg_alert.png) repeat-x bottom; overflow: hidden; zoom: 1;}

.signup h3
{ font-size: 22px;}

.signup form
{ float: right; width: 300px; padding: 10px 0;}

.signup form label
{ width: auto;}

.signup div
{ float: left; width: 500px;}

.signup form
{}

