/*
Theme Name: Smoking Gun
Theme URI: http://wordpress.org/
Description: Custom theme developed by Plump Digital for Smoking Gun PR.
Version: 1.0
Author: Rob Colley
Tags: 

Smoking Gun by Plump Digital || http://plumpdigital.co.uk
Modifications by Matthew Mullenweg || http://photomatt.net
Based around the wordpress default theme by Michael Heilemann
*/



/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

a:focus { -moz-outline-style: none; }
a,
a:active,
a:link { text-decoration: none; }
a:hover { text-decoration: underline; } 
.selected a:hover { text-decoration: none; cursor: default;  }

body { font-family: Helvetica, Arial, sans-serif; background: #ffffff url(images/common/bg-lines.png) repeat-x; font-size: 1em; margin: 0; color: #495F64; line-height: 1.2em; }

/*///// LAYOUT & GENERIC */
.body-inner { background: url(images/common/bg-body-smoke.png) center 260px no-repeat; min-height: 1000px; }
.wrapper { width: 932px; margin: 0 auto; }
img { display: block; }


/*///// HEADING */
.header { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 26px;  border-bottom: 4px #000 solid; width: 100%; }
body.home .header { border-bottom: none; }

.branding { float: right; }
.branding h2.logo { background: url(images/common/smoking-gun-logo.gif) left top no-repeat; width: 190px; height: 65px; display: block; margin: 0 30px 20px; }
.branding h2.logo span { width: 100%; height: 100%; display: block; text-indent: -9999px; }
.branding img { margin: 0 30px 20px; }



/*///// NAV */
.nav-left { float: left; margin-top: 51px; }
.nav-left ul { }
.nav-left li { float: left; margin-right: 2px; }


.nav-right { float: right; }
.nav-right ul { }
.nav-right li { float: left; margin-left: 2px; }

.nav-left li a, 
.nav-right li a { background: url(images/common/nav.png) left top no-repeat; display: block; height: 34px; }
.nav-left li a span,
.nav-right li a span { background: url(images/common/nav.png) left top no-repeat; width: 100%; height: 100%; display: block; text-indent: -9000px; }
.nav-left li a:hover span,
.nav-right li a:hover span { background: none; }

.header li.home a { width: 71px; background-position: 0px -34px; }
.header li.home a span { background-position: 0px 0px; }
body.home .header li.home a { width: 71px; background: none; }
body.home .header li.home a span { background: url(images/common/nav.png) left top no-repeat; background-position: 0px -68px; }
body.home .header li.home a:hover { cursor:auto; }

.header li.about a { width: 90px; background-position: -73px -34px; }
.header li.about a span { background-position: -73px 0px; }
body.page-template-about-php .header li.about a { width: 90px; background: none; }
body.page-template-about-php .header li.about a span { background: url(images/common/nav.png) left top no-repeat; background-position: -73px -68px; }
body.page-template-about-php .header li.about a:hover { cursor: auto; }

.header li.team a { width: 68px; background-position: -165px -34px; }
.header li.team a span { background-position: -165px 0px; }
body.page-template-team-php .header li.team a { width: 68px; background: none; }
body.page-template-team-php .header li.team a span { background: url(images/common/nav.png) left top no-repeat; background-position: -165px -68px; }
body.page-template-team-php .header li.team a:hover { cursor: auto; }

.header li.services a { width: 84px; background-position: -235px -34px; }
.header li.services a span { background-position: -235px 0px; }
body.page-template-services-php .header li.services a { width: 84px; background: none; }
body.page-template-services-php .header li.services a span { background: url(images/common/nav.png) left top no-repeat; background-position: -235px -68px; }
body.page-template-services-php .header li.services a:hover { cursor: auto; }

.header li.clients a { width: 78px; background-position: -321px -34px; }
.header li.clients a span { background-position: -321px 0px; }
body.page-template-clients-php .header li.clients a { width: 78px; background: none; }
body.page-template-clients-php .header li.clients a span { background: url(images/common/nav.png) left top no-repeat; background-position: -321px -68px; }
body.page-template-clients-php .header li.clients a:hover { cursor: auto; }

.header li.contact a { width: 84px; background-position: -401px -34px; }
.header li.contact a span { background-position: -401px 0px; }
body.page-template-contact-php .header li.contact a { width: 84px; background: none; }
body.page-template-contact-php .header li.contact a span { background: url(images/common/nav.png) left top no-repeat; background-position: -401px -68px; }
body.page-template-contact-php .header li.contact a:hover { cursor: auto; }

.header li.blog a { width: 62px; background-position: -487px -34px; }
.header li.blog a span { background-position: -487px 0px; }
body.blog .header li.blog a,
body.single .header li.blog a,
body.archive .header li.blog a { width: 62px; background: none; }
body.blog .header li.blog a span,
body.single .header li.blog a span,
body.archive .header li.blog a span { background: url(images/common/nav.png) left top no-repeat; background-position: -487px -68px; }
body.blog .header li.blog a:hover,
body.single .header li.blog a:hover,
body.archive .header li.blog a:hover { cursor: auto; }


/*///// CONTENT */
.content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-style: italic; display: block; background: url(images/common/dotline.gif) bottom left repeat-x; padding-bottom: .6em; line-height: 1.1em; }
.content h2 { font-size: .9em; font-weight: bold; color: #769AA7; margin-top: .5em; line-height: 1.4em; }
.content h3,
.widget_categoryposts h2,
.widget_recent_entries h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; line-height: 1em; font-weight: normal; color: #495F64; }
.content p { font-size: .8em; margin-top: .5em; }
.content a { color: #7BB387; }

.content { background: url(images/common/bg-white-40.png); line-height: 1.4em; }
.content .inner { background: url(images/common/bg-h-shadow-100.png) top center no-repeat; width: 100%; }
body.home .content .inner2 { background: url(images/common/bg-content-smoke.png) right top no-repeat; }
.content.col3 {  }
.content.col3 .col1 { float: left; width: 400px; padding: 48px 32px 42px 16px; }
.content.col3 .col2 { float: left; width: 192px; padding: 30px 18px 42px 24px; background: url(images/common/bg-col-v-shadow.png) left top no-repeat; }
.content.col3 .col3 { float: left; width: 202px; padding: 30px 18px 42px 24px; background: url(images/common/bg-col-v-shadow.png) left top no-repeat; }


/*///// HOME BLOG SIDEBAR */
h2.blog-icon,
h3.blog-icon { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; padding: 1em 44px .6em 0; background: url(images/common/icon-blog.png) right top no-repeat; display: inline-block; color: #638189; font-weight: normal; margin-top: 0; }

.blog-panel { line-height: 1.2em; }
.blog-panel h4,
.blog-panel h4 a { color: #7BB387; }
.blog-panel h3.date,
.blog-panel h5.date { font-family: Helvetica,Arial,sans-serif; line-height: 1.6; font-style: normal; margin: 0; background: url(images/common/date-bubble.png) left top no-repeat; color: #ffffff; font-size: .7em; font-weight: bold; padding: 1px 0 10px 6px; margin-bottom: 4px; }
.blog-panel li { margin: 0 0 26px; }
.blog-panel p { margin-top: 0; }
.blog-panel p.author { color: #78BEC4; margin-top: .3em; }


/*///// HOME TWEETS SIDEBAR */
.tweet-panel h2.widgettitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; padding: 1em 44px .6em 0; background: url(images/common/icon-tweets.png) right top no-repeat; display: inline-block; color: #638189; font-weight: normal; margin-top: 0; }
.tweet-panel { line-height: 1.2em; }
.tb_tweet-info { color: #3EBDDE;}
div.tb_tweet { margin: 0px 0 12px; background: url(images/common/dotline.gif) bottom left repeat-x; padding: 0 0 14px 0; font-size: .8em; }
.tb_header { display: none; }
.tb_author a { color: #3EBDDE; }
.tb_msg { }
.tweet-panel p { margin-top: 0; }
.tweet-panel p.author { color: #78BEC4; margin-top: .3em; }

a.tb_archivelink { float: left; margin-left: 0; margin-top: 8px; height: 24px; display: block; background: url(images/common/icon-twitter.gif) left top no-repeat; padding: 4px 0 0 28px; }

/*///// TEAM */
.content.cols1 .col1 .l1 { width: 908px; padding: 36px 12px 12px 12px; }
.content.cols1 .col1 .l1 .left-block { float: left; width: 460px; padding: 0; }
.content.cols1 .col1 .l1 img { float: right; padding: 32px 0 0 0; }
.content.cols1 .col1 .l2 { width: 908px; padding: 24px 12px 12px 12px; }

.content.cols1 .col1 .l2 ul.thumbnails { margin: 12px -12px 48px 0; }
.content.cols1 .col1 .l2 ul.thumbnails li { float: left; margin: 0 12px 12px 0; }

.content.cols1 .col1 .l2 ul.profiles { line-height: 1.4em; }
.content.cols1 .col1 .l2 ul.profiles li { width: 100%; margin: 0 0 48px 0; }
.content.cols1 .col1 .l2 ul.profiles li .left-block { float: left; width: 434px; }
.content.cols1 .col1 .l2 ul.profiles li .left-block h3 { background: url(/images/common/dotline.gif) bottom left repeat-x; padding-bottom: .6em; }
.content.cols1 .col1 .l2 ul.profiles li .right-block { float: right; padding: 32px 0 0 0; }
.content.cols1 .col1 .l2 ul.profiles li .right-block img { }
.content.cols1 .col1 .l2 ul.profiles li .right-block h3 { }
.content.cols1 .col1 .l2 ul.profiles li .right-block h4 { color: #638189; font-size: .8em; line-height: 1em; }
.content.cols1 .col1 .l2 ul.profiles li .right-block h5 { font-weight: bold; font-size: .9em; margin-top: 10px; }

/*///// CLIENTS */
body.page-template-clients-php { }
body.page-template-clients-php .content.cols1 .col1 .l1 { padding: 36px 12px 12px 16px; }
body.page-template-clients-php .content.cols1 .col1 .l1 .left-block { width: 526px; padding: 0; }
body.page-template-clients-php .content.cols1 .col1 .l2 { padding: 20px 0 0 0; width: 100%; }
body.page-template-clients-php .content.cols1 .col1 .l2 h3 { padding: 0 0 8px 16px; }
ul.logo-list { width: 100%; margin-left: 16px; }
ul.logo-list li { float: left; border: 1px #bbdee1 solid;  margin: 0 12px 11px 0; }

body.page-template-clients-php .l3 { padding: 36px 0px 12px 16px; }
body.page-template-clients-php .l3.cols3 { }
body.page-template-clients-php .l3.cols3 .col1 { margin-top: 24px; }
body.page-template-clients-php .l3.cols3 .col1,
body.page-template-clients-php .l3.cols3 .col2,
body.page-template-clients-php .l3.cols3 .col3 { width: 292px; float: left; margin-right: 12px; margin-top: 20px; }
body.page-template-clients-php .l3.cols3 .col1 { margin-top: 24px; }
body.page-template-clients-php .l3.cols3 .col1 h2,
body.page-template-clients-php .l3.cols3 .col2 h2,
body.page-template-clients-php .l3.cols3 .col3 h2 { padding-right: 20px; } 
body.page-template-clients-php .l3.cols3  ul { font-size: .8em; margin-bottom: 30px; margin-top: 6px; line-height: 1.2em; }
body.page-template-clients-php .l3.cols3  li { margin: .6em 0; }

/*///// ABOUT PAGE */
body.page-template-about-php { }
body.page-template-about-php .content.cols2 { }
body.page-template-about-php .content.cols2 .col1 { float: left; width: 526px; padding: 36px 32px 42px 16px; }
body.page-template-about-php .content.cols2 .col2 { float: right; width: 308px; padding: 40px 0px 42px 0; }
body.page-template-about-php .content.cols2 .col2 h3 { margin: 0 0 16px 0; }
body.page-template-about-php .content.cols2 .col2 p { width: 290px; }
body.page-template-about-php .content.cols2 .col2 ul.thumbnails {  }
body.page-template-about-php .content.cols2 .col2 ul.thumbnails li { float: left; margin: 0 12px 12px 0; }


/*///// CONTACT PAGE */
body.page-template-contact-php { }
body.page-template-contact-php .col2 img { margin-bottom: 24px; }
body.page-template-contact-php .col2 div.tb_tweet,
body.page-template-new_home-php div.tb_tweet { padding: 8px 2px 0; }
body.page-template-contact-php form input[type="text"] { width: 514px; }
body.page-template-contact-php form input[type="submit"] { margin-top: 15px; }
body.page-template-contact-php form input[type="submit"]:hover { cursor: pointer; }
body.page-template-contact-php form label { margin-top: 15px; }
body.page-template-contact-php .form-container { margin: 12px 0; }

/*///// SERVICES PAGE */
body.page-template-services-php { }
body.page-template-services-php .content.cols2 { }
body.page-template-services-php .content.cols2 .col1 { float: left; width: 526px; padding: 36px 32px 42px 16px; }
body.page-template-services-php .content.cols2 .col1 ul li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; line-height: 1em; margin: .6em 0; }
body.page-template-services-php .content.cols2 .col2,
body.page-template-contact-php .content.cols2 .col2 { float: right; width: 292px; padding: 40px 16px 42px 0; }
body.page-template-services-php .content.cols2 .col2 h2 { margin: 0 0 16px 0; }
body.page-template-services-php .content.cols2 .col2 ul.thumbnails {  }
body.page-template-services-php .content.cols2 .col2 ul.thumbnails li { float: left; margin: 0 12px 12px 0; }

.cat-post-item { margin: 6px 0 12px; font-size: .9em; }
.cat-post-item a { color: #495F64; }
.cat-post-item p { margin: 0; font-size: 1em; color: #638189; }

.widget_recent_entries { margin: 0 0 12px; }
.widget_recent_entries li { font-size: .9em; }
.widget_recent_entries a { color: #495F64; }
.widget_recent_entries p { margin: 0; font-size: 1em; color: #638189; }

/*///// BLOG */
body.single,
body.archive,
body.error404,
body.blog { }
.content.cols2 { }
.content.cols2 .col1 { float: left; width: 526px; padding: 36px 32px 42px 16px; }
.content.cols2 .col2 { float: right; width: 292px; padding: 36px 16px 42px 0; }
.content.cols2 .col2 h3  { margin: 0 0 16px 0; }

body.single .sidebar a,
body.archive .sidebar a,
body.error404 .sidebar a,
body.blog .sidebar a { color: #495F64; }

li.current-cat a { color: #000; }

.post h1,
.post h2, 
.post h3 { margin-bottom: .5em; padding-bottom: .6em; }

.post h1 a,
.post h2 a, 
.post h3 a { color: #495F64; text-decoration: none; }

.post h1 a:hover,
.post h2 a:hover, 
.post h3 a:hover { color: #000000; }


body.blog .col1 h1,
body.archive .col1 h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; font-weight: normal; background: url(images/common/dotline.gif) bottom left repeat-x; padding-bottom: .3em; color: #495F64; margin: 0.5em 0; line-height: 1.3em; }


.sidebar h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; font-weight: normal; background: url(images/common/dotline.gif) bottom left repeat-x; padding-bottom: .3em; line-height: 1.3em; }
.sidebar {  }
.sidebar-nav {  }

.sidebar-nav ul,
.sidebar-nav .textwidget { margin: 10px 0 30px; }
.sidebar-nav ul li { font-size: .9em; }
h4 { font-size: .7em; }

body.blog .col1 h2,
body.archive .col1 h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-style: italic; font-weight: normal; display: block; background: url(images/common/dotline.gif) bottom left repeat-x; padding-bottom: .6em; margin-top: 20px; line-height: 1em; }


.post { margin-bottom: 40px; }
.postmetadata { margin-top: 20px; padding: 10px 0; font-size: .7em; }
.tags { padding: 4px 0px; font-size: .7em; font-weight: bold; }
small { font-size: .7em; font-weight: bold; color: #638189; }

.navigation { margin-top: 30px; font-size: .8em; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

body.blog .form-container input[type="text"] { width: 292px; }
body.blog .form-container input[type="submit"] { margin-top: 15px; }
body.blog .form-container input[type="submit"]:hover { cursor: pointer; }
body.blog .form-container label { margin-top: 15px; }
body.blog .form-container { margin: 12px 0; }


form textarea,
form input { background: #638189; border: none; color: #FFFFFF; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size:1em; }
form textarea {  }
form input[type="text"] { width: auto; }

form label { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; }

.form-field input[type="text"],
.form-field textarea { width: 100%; width: -moz-available; }
.error { font-size: .8em; color: red; font-weight: bold; }
.frm_checkbox { font-size: .8em; }
input[type="checkbox"] { margin-right: 1em; }

#frm_errors { margin: 10px 0 10px; }

.avatar { float: left; margin: 0 10px 10px 0; }
.comment-author,
.comment-meta { font-size: .7em; }

/*///// FOOTER */

.footer { background: url(images/common/bg-h-shadow-30.png) top center no-repeat; padding: 20px 16px 40px; width: 900px; font-size: .7em; color: #baccd3; }
.footer a { color: #baccd3; }
.footer a:hover { color: #769AA7; text-decoration: none; }
.footer .copyright { float: left; padding-top: 4px;}
.nav-footer { float: left; margin-left: 40px;}
.nav-footer ul { }
.nav-footer li { float: left; margin-left: 8px; padding-top: 4px; }
.footer li a { margin-right: 8px;  }
.footer li.linkedin-icon a { width: 24px; height: 24px; display: block; background: url(images/common/icon-linkedin.gif) left top no-repeat; margin-right: 0; }
.footer li.twitter-icon a { width: 24px; height: 24px; display: block; background: url(images/common/icon-twitter.gif) left top no-repeat; margin-right: 0; }
.footer li.facebook-icon a { width: 24px; height: 24px; display: block; background: url(images/common/icon-facebook.gif) left top no-repeat; margin-right: 0; }
.footer li.feed-icon a { width: 24px; height: 24px; display: block; background: url(images/common/icon-feed.gif) left top no-repeat; margin-right: 0; }
.footer li.rar-logo a { width: 77px; height: 52px; display: block; background: url(images/common/icon-rar.gif) left top no-repeat; margin-left: 28px; }
.footer li.rar-logo span,
.footer li.linkedin-icon span,
.footer li.twitter-icon span,
.footer li.facebook-icon span,
.footer li.feed-icon span { width: 100%; height: 100%; display: block; text-indent: -9999px; }
.footer li.rar-logo,
.footer li.linkedin-icon,
.footer li.twitter-icon,
.footer li.facebook-icon,
.footer li.feed-icon { padding-top: 0px; }
ul.credit { float: right; }
ul.credit li { float: left;  padding-top: 4px; }