/*
Theme Name: Soundcheck Books
Theme URI: http://bundled.co/
Version: 1.0
Description: Based on Caffeinated by WooThemes.
Author: Bundled.co
Author URI: http://bundled.co
Tags: woothemes
Copyright: (c) 2009-2010 WooThemes.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/*-------------------------------------------------------------------------------------------
INDEX:
0. RESET
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage - Introduction
-2.8 Homepage - Portfolio
-2.9 Homepage - Recent Blog Posts
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
-6.2 Conatct Form
-6.3 Gravity forms
-6.4 Timeline page template
-6.5 Blog Template
-6.6 Portfolio Template
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/
body,html{height:100%;}
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}
/* Clear Floats */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 13px/1.5em Arial,Helvetica,Sans-serif; color: #e1e1e1; background: #001311 url(images/bg.png) repeat; text-shadow: 0px 1px 1px #000; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight:normal; }
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border: 1px solid #03201c; background:#010d0b; color: #fff;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #d77900; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { }
#main{width:450px;}
#main.fullwidth {width: 948px;}
.col-left { float: left; width: 450px; }
.col-right { float: right; width: 462px; }
.col-full { width: 948px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation{font: normal 24px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; padding:10px 0; margin-bottom:40px; float: right;}
.nav { z-index:99; margin:0px; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color: #d6d1af; display:block; z-index:100; padding:5px 16px; line-height:18px; text-decoration:none; text-shadow:2px 2px 0 #000; }
.nav a:hover,
.nav li.current_page_item a,
.nav li.current-menu-ancestor a { color: #fff; }
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #000 url(images/nav-bg.png) repeat top left; position: absolute; left: -999em; width: 180px; border: 1px dashed #dbdbdb; border-width:0px 1px 1px 1px; z-index:999; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius:5px;}
.nav li ul li { }
.nav li ul li a { padding:10px 20px; width:140px; color:#555; font-size:0.8em; }
.nav li ul li a.sf-with-ul { padding:0px; }
.nav li ul li a { color: #d6d1af !important; }
.nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { background: rgba(0, 0, 0, 0.296875); color: #fff !important;}
.nav li ul ul { margin: 20px 0 0 140px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {position:absolute;display:block;right:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {}
/* 2.3 Header */
/* #header{padding:40px 0 40px;clear:both;position:relative; background: url(images/header.png) repeat-x top center;} */
#header{padding:40px 0 40px;clear:both;position:relative; background: url(images/blue_header.png) repeat-x top center;}
#logo { float:left; }
#logo img { }
#logo .site-title, #logo .site-description { display:none; }
#logo .site-title a { font: normal 50px 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; font-weight:normal; text-transform: uppercase; }
#logo .site-title a:hover { text-decoration:none; color: #fff; }
#logo .site-description { font-family:helvetica, arial, serif; color: #fff; display:none; font-size: 15px; }
/* 2.4 Content */
#content{padding:0 0 40px;}
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer {padding: 40px 0 0;color:#e1e1e1; background: url(images/footer-btm.png) repeat-x top center;}
#footer p { }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer-top { background: url(images/footer-top.png) repeat-x top center; height: 17px; }
#footer a.top { color: #d77900; background: url(images/ico-arrow.png) no-repeat top left; padding-left: 20px; text-decoration: underline;}
#footer a.top:hover { text-decoration: none; }
/* 2.7 Homepage - Introduction */
#home { background: url(images/highlight1.jpg) no-repeat bottom center; margin-bottom: 20px; padding-bottom: 40px; }
#introduction { font: normal 53px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; padding-top: 60px;}
#introduction span { color: #d77900;}
#introduction p { color: #fff; font-family: helvetica, arial, san-serif; font-size: 17px; font-weight: bold; font-style: italic; text-transform: uppercase; text-shadow:2px 2px 0 #000; line-height: 31px; margin-top: 10px; margin-bottom: 20px; }
a.btn-feat { background: #000; border:1px dashed #01261A; padding: 12px; font-style: normal; font-size: 14px; color: #fff; font-weight: bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; text-transform: none;}
/* 2.8 Homepage - Portfolio */
#home-port h2.title { margin-top:0; }
#home-port a.thumb { border: 1px solid rgba(255, 255, 255, 0.08); background:#111; background: rgba(0, 0, 0, 0.5); padding: 5px; display:block;}
#home-port a.thumb:hover { background-image: url(images/portfolio-hover.png); background-repeat:no-repeat; background-position: 50%; }
/* 2.9 Homepage - Recent Blog Posts */
#recent { background: url(images/highlight2.jpg) no-repeat bottom center; padding-bottom: 40px; }
#recent p { margin-bottom:1.5em; }
#recent .block { padding:20px 24px 0 0px; width:213px; float:left; line-height: 21px; }
#recent .block img.thumbnail { float: left; margin-right: 15px; }
#recent .block h4 { border-bottom: 1px solid #01211d; padding-bottom: 5px; margin-bottom: 13px; }
#recent .block h4 a { font: normal 24px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; letter-spacing: 1px; }
#recent h3.title-recent { font: normal 50px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; border-bottom: 1px solid #01211d; padding-bottom: 5px; margin-bottom: 35px;}
#recent .block h4 a:hover { color: #fff; text-decoration: none;}
#recent .block span.read-more { margin-left: -3px; }
#recent .block span.read-more a { background: #000; border:1px dashed #01261A; padding: 12px; font-style: normal; font-size: 12px; color: #fff; font-weight: bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; text-transform: none;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { margin-bottom:1.5em;}
.archive_header { font: normal 35px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; position:relative; color:#d6d1af; border-bottom: 2px solid #01211D; margin-top: 30px; width: 100%; display: block; float: left;}
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.archive_header .catrss a:hover { text-decoration: underline; }
.post { margin: 0 0 40px;}
.post .title, h2.title { font: normal 35px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; position:relative; color:#d6d1af; border-bottom: 2px solid #01211D; margin-top: 30px; margin-bottom: 20px; }
h1.title { font: normal 35px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; position:relative; color:#d6d1af; border-bottom: 2px solid #01211D; margin-top: 30px; }
.page .post .title { }
.post .title a:link, .post .title a:visited { color:#d6d1af; }
.post-meta {float: right; font:18px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; color: #fff; margin-top: 5px;}
.post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta .small{text-transform:uppercase; color:#d6d1af; }
.post-date, .post-category, .post-comments { margin-right: 15px; }
.post-category a, .post-comments a { color: #fff !important; }
.post-more { margin:1em 0; color:#868686;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
span.read-more { margin-left: -3px; }
span.read-more a { background: #000; border:1px dashed #01261A; padding: 12px; font-style: normal; font-size: 12px; color: #fff; font-weight: bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; text-transform: none;}
.post p.tags{width:100%;clear:both;margin-bottom:20px;}
#arc-post { background: url(images/highlight1.jpg) no-repeat bottom center; padding: 25px 0 35px; margin-bottom: -3px !important;}
/* 3.1 Typographic Elements */
.entry, .entry p { font:14px/1.5em Helvetica, Arial, sans-serif; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0.8em 0 0.8em; }
.entry p { margin-bottom: 1.5em; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; }
.entry blockquote p { font-style:italic; }
.entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: disc; }
.entry ul ul li { list-style-type: circle; }
.entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: decimal; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; border: 1px solid #03201c; background:#010d0b;}
.entry img:hover, img.thumbnail:hover { padding: 5px; border: 1px solid #013432; background:#010d0b;}
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { padding:10px 15px; }
.nav-entries a { display: block; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #000 !important;color: #666 !important; padding: 3px 7px !important; border: 0px !important; }
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #013432 !important; border: 0px !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; color:#666 !important; border: 0px !important; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin-bottom: 1.8em; }
.widget h3 { font: normal 30px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; border-bottom: 1px solid #013432; padding-bottom: 5px; margin-bottom: 13px; }
.widget p { margin-bottom: 1em; }
.widget ul { clear:both; list-style-position:inside; list-style-type:none;}
.widget ul li {}
.widget ul li a { line-height: 22px; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#footer-widgets { background: url(images/footer.png) repeat; }
#footer-widgets .block { padding:20px 0 0 0px; width:213px; margin-right: 24px; float:left; }
#footer-widgets .block-last { padding:20px 0 0 0px; width:474px; float:left; }
#footer-widgets .h3 { border-bottom: 1px solid #01211d; padding-bottom: 5px; margin-bottom: 13px; }
#footer-widgets a { color: #d77900; }
#footer-widgets a:hover, #footer-widgets ul li a, .widget_woo_twitter li a { color: #eee !important; }
#footer-widgets ul li a:hover, .widget_woo_twitter li a { text-decoration: underline !important; }
#footer-widgets ul li a, .widget_woo_twitter li a:hover { text-decoration: none !important; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.298); color:#777; float:left; width: 70%; padding: 10px 10px 10px 15px; margin-right:5px; }
#footer-widgets .widget input.s { width: 55%; }
#footer-widgets .widget input.submit { display:none; }
.widget .screen-reader-text { display: none; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background: rgba(0, 0, 0, 0.298);color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 1px; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* Twitter Widget */
.widget_woo_twitter li { background: rgba(0, 0, 0, 0.296875); border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px 10px 10px 15px; margin-bottom: 5px;}
/* 4.3 WooTabs */
#tabs { background: rgba(0, 0, 0, 0.116875); height:auto; display: block; padding:5px; margin-bottom:30px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background: rgba(0, 0, 0, 0.296875); text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }
#tabs .inside { background: rgba(0, 0, 0, 0.296875); padding:5px;}
#tabs .inside li { background: rgba(0, 0, 0, 0.296875); }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; }
#tabs .inside li { margin-bottom: 2px; padding:10px; }
#tabs .inside li a { color:#d77900 !important; font:bold 12px/18px sans-serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:2px solid #01211d;;}
#comments h3 { font: normal 30px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; position:relative; color:#d6d1af; border-bottom: 2px solid #01211D; margin-bottom: 20px; }
#comments .comment.thread-even { background: url(images/highlight1.jpg) no-repeat bottom center; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; }
#comments .comment.thread-odd { background: rgba(0, 0, 0, 0.296875); border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;padding: 5px; border: 1px solid #03201c; background:#010d0b; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top: 1px solid #01211d; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { font: normal 30px 'Yanone Kaffeesatz', Arial, serif; font-weight:normal; text-transform: uppercase; position:relative; color:#d6d1af; border-bottom: 2px solid #01211D; margin-bottom: 20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border: 1px solid #03201c; background:#010d0b;}
#commentform input.txt { color:#eee; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#eee; width: 95% !important; padding: 5px 7px; }
#comments .reply a { padding: 3px 8px !important; font-size: 11px !important; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit,
#contact-page ol.forms li.buttons .submit,
#comments .reply a {
display: inline-block;
margin: 5px;
padding: 7px 13px;
border: none;
border-bottom-color: #b46601;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none; text-transform: uppercase;
/*Border radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Background*/
background: #D77900; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #D77900),
color-stop(1, #bf6b00)
);
background: -moz-linear-gradient(
center top,
#D77900 20%,
#bf6b00 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover,
#contact-page ol.forms li.buttons .submit:hover,
#comments .reply a:hover {
text-decoration: none !important;
/*Background*/
background: #0073d2; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #bf6b00),
color-stop(1, #D77900)
);
background: -moz-linear-gradient(
center top,
#bf6b00 20%,
#D77900 100%
);
}
a.button:active,
a.button.active {
border-color: #D77900;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
a.button.inactive,{
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #aeaeae;
text-shadow: 0 1px 0 white;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
/* 6.2 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.3 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
/* 6.4 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 14px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #eaeaea; width: 130px; font-style: italic; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 470px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #fff; font-size: 14px; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.5 Blog Template */
#blog-post { background: url(images/highlight1.jpg) no-repeat bottom center; padding: 25px 0 35px; margin-bottom: -3px !important;}
#blog-post span.blog-date { width: 152px;}
#blog-post span.blog-title { width: 276px; float: right;}
#blog-post h2 a { font: normal 24px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; letter-spacing: 1px; }
#blog-post span.blog-excerpt { width: 340px; padding-right: 10px;}
#blog-post span.blog-com { width: 92px; text-align: center;}
#blog-post span.blog-com a { color: #fff; }
#blog-post-title { background: url(images/highlight1.jpg) no-repeat bottom center; font: normal 16px/1em 'Yanone Kaffeesatz', Arial, serif; color: #d6d1af; text-shadow:2px 2px 0 #000; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 20px; margin-bottom: -3px !important;}
#blog-post-title span.blog-date { width: 152px;}
#blog-post-title span.blog-title { width: 276px; float: right;}
#blog-post-title span.blog-excerpt { width: 340px; padding-right: 10px;}
#blog-post-title span.blog-com { width: 92px; text-align: center;}
/* 6.6 Portfolio Template */
#portfolio .post { background: url(images/highlight1.jpg) no-repeat bottom center; padding: 25px 0 35px; margin-bottom: -3px !important;}
#portfolio a.btn-port { background: #000; border:1px dashed #01261A; padding: 12px; font-style: normal; font-size: 12px; color: #fff; font-weight: bold; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; text-transform: none;}
#portfolio .col-right { margin-left: 40px; width:438px; }
#portfolio .col-left { width:462px;}
#portfolio a.thumb { border: 1px solid rgba(255, 255, 255, 0.08); background:#111; background: rgba(0, 0, 0, 0.5); padding: 5px; display:block;}
#portfolio a.thumb:hover { background-image: url(images/portfolio-hover.png); background-repeat:no-repeat; background-position: 50%; }
#portfolio h2.title { margin-top:0; font-size:32px; }
#portfolio h1.title { font-size:42px; }