/*
Theme Name: FS.7
Theme URI: http://fire-g.com/
Description: Minimalist/Typographical theme. Primiary colors are Gold-Yellow and FS-Blue.
Author: Jonathan Wolfe
Author URI: http://fire-g.com/
Version: 1
Tags: minimal, typographical, blue, yellow, gold, fire studios, basic
*/

* {margin: 0; padding: 0;}

body {background-color: #fcfcfc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc)); background-image: -moz-linear-gradient(center bottom, #fcfcfc 0%, #ffffff 100%); font: normal normal 16px/145% Helvetica, "Helvetica Neue", Arial, sans-serif; color: #353535;}

h1 {font-size: 38px; color: #353535;}
h2 {font-size: 32px; color: #353535;}
h3 {font-size: 28px; line-height: 120%; color: #353535;}
h4 {font-size: 18px; color: #666666;}
h5 {font-size: 16px; color: #353535;}
h6 {font-size: 14px; color: #353535;}

a {color: #ffb400; text-decoration: none; border-bottom: 1px dashed #ffb400;}
a:hover {color: #2e788b; border-bottom: 1px dashed #2e788b;}

img {border: none;}

ul, ol {padding: 0 25px 15px 45px;}
ul li, ol li {line-height: 150%; padding-bottom: 4px;}
ul li {list-style: square;}

form {}
form * {color: #666666; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

#wrapper {min-width: 1000px; max-width: 1200px; margin: 10px auto; display: block; clear: both; overflow: hidden;}
.clearfix {clear: both; display: block;}

#left {float: left; width: 37%; padding-top: 70px; position: relative; z-index: 10;}
    #fs {font-family: 'Nobile', arial, serif; padding-bottom: 45px; font-weight: bold;}
        #fs h1 {font-size: 157px; text-transform: uppercase; text-shadow: 2px 3px 3px #dddddd; display: block;}
            #fs h1 span#F {display: block; height: 90px;}
            #fs h1 span#S {display: block; font-size: 79px; padding: 15px 0 0 5px;}
            #fs h1 a {display: block; color: #2e788b; text-decoration: none; border: none; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s;}
            #fs h1 a:hover {color: #ffb400; border: none;}
    #menu {font-size: 18px; color: #7e7e7e; margin: 50px 0 0 7px;}
        #menu h3 {font-size: 45px; color: #5c5c5c; display: inline-block; margin-bottom: 25px;}
        #menu h3#contact {margin-left: 10px;}
        #menu h4 {font-size: 36px; color: #5c5c5c; display: inline-block; clear: left;}
        #menu h4#categories {margin-left: -2px; padding-bottom: 10px;}
        #menu h4#podcast {margin-left: 23px;}
            #menu h3 a, #menu h4 a {color: #5c5c5c; border: none;}
            #menu h3 a:hover, #menu h4 a:hover, #menu h4#categories:hover, #menu span:hover h4 {color: #ffb400; border-bottom: 1px dashed #ffb400;}
        #menu span {float: left;}
            #menu ul {display: none; padding: 0 0 0 35px;}
            #menu ul a {color: #7e7e7e; border: none;}
            #menu ul a:hover {color: #ffb400; border-bottom: 1px dashed #ffb400;}
        #menu.noJS span:hover ul {display: block;}
        #menu form#sbc-search {padding-top: 60px;}
            #menu form#sbc-search input.multi-cat {width: 62%; margin: 0 0 10px 25px; border: 1px solid #cccccc; background-color: #fcfcfc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc)); background-image: -moz-linear-gradient(center bottom, #fcfcfc 0%, #ffffff 100%);}
            #menu form#sbc-search input.multi-cat:hover {border: 1px solid #2e778a;}
            #menu form#sbc-search select#cat {width: 52.7%; border: 1px solid #cccccc; border-right: none; background-color: #fcfcfc;}
            #menu form#sbc-search input#sbc-submit {width: 25%; margin-right: 97px; border: 1px solid #cccccc; background-color: #fcfcfc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc)); background-image: -moz-linear-gradient(center bottom, #fcfcfc 0%, #ffffff 100%);}
            #menu form#sbc-search input#sbc-submit:hover {cursor: pointer; color: #fdfdfd; text-decoration: underline; border: 1px solid #2e778a; background-color: #2e778a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e778a), to(#215663)); background-image: -moz-linear-gradient(center bottom, #215663 0%, #2e778a 100%);}

#divider {width: 2px; left: 36%; background: #eaeaea; margin: auto 0px; position: relative; z-index: 1;}

#right {float: right; width: 62%; position: relative; z-index: 10;}
    #container {overflow: hidden; color: #666666; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
        .article {padding: 35px 0; border-bottom: 1px dashed #dddddd; clear: both;}
            .article a.thumb {display: block; border: none; position: relative; z-index: 15;}
            .article a.large {height: 150px; overflow: hidden;}
                .article a.large img {width: 100%;}
            .article a.square {height: 200px; width: 200px; padding-right: 10px; float: left; position: relative; z-index: 25;}
                .article a.square img {height: 200px; width: 200px;}
            .article h3.title {background: #ffffff; background: rgba(255,255,255,.9); padding: 0 3px; margin: -30px 0 10px; position: relative; z-index: 20;}
            .article a.square + h3.title {background: transparent; margin-top: 0;}
            .article p {padding: 0 10px 5px;}
            .article .more {text-transform: capitalize; border-top: 1px solid #2e788b; width: 90%; margin: 10px auto; display: block; clear: both; position: relative; top: 30px;}
                .more a {color: #2e788b; background: #fdfdfd; font-weight: bold; padding: 2px 8px; margin: -15px auto; width: 150px; border: none; text-align: center; display: block;}
                .more:hover {border-top: 1px solid #ffb400;}
                .more a:hover {color: #ffb400;}
            .post {}
                .post p {padding-bottom: 10px;}
                    .post p span[id|="more"] {clear: both; display: block;}
                .post h4 {padding-top: 10px; padding-bottom: 5px;}
                .post img {width: 97%;}
                .post .notice {display: inline-block; height: 20px; font-size: 17px; color: #fdfdfd; cursor: pointer; padding: 10px; border: 1px solid #2e778a; background-color: #2e778a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e778a), to(#215663)); background-image: -moz-linear-gradient(center bottom, #215663 0%, #2e778a 100%);}
                .post .notice:hover {background: #ffb400; border: 1px solid #ffc94d;}
                .post .notice:active {margin-left: 2px;}
        .pagination {padding-top: 20px;}
            .pagination li {list-style: none; float: left; display: block; padding: 5px; font-size: 18px;}
                .pagination li a, .pagination li span {padding: 5px;}
        #comments {padding-top: 30px;}
            h3#comment-title {color: #fdfdfd; padding: 7px 10px; background-color: #2e778a;}
            ul#comment-list {padding: 10px 20px;}
                li.comment {list-style: none; clear: both; display: block; padding: 10px; margin-bottom: 15px; border: 2px solid #ddd;}
                    .commenter {float: left; width: 15%;}
                        a.avatar {border: none; display: block; width: 90px;}
                        a.avatar:hover {border: none;}
                            a.avatar img {width: 90px;}
                    .comment-text {width: 81%; float: right; padding: 5px 8px;}
                        .comment-text p {padding-bottom: 10px;}
                li.comment-author-admin, li.bypostauthor {border: 2px solid #ffb400;}
        #reply {padding: 20px 15px 0 0;}
            #reply h3 {display: block; border-bottom: 1px dashed #666666;}
            #reply form#comment-form {padding: 10px;}
                #comment-form span {display: block; float: left; width: 30%; margin: 0 1.5%; padding-bottom: 15px;}
                #comment-form span.last {margin-right: 0;}
                    #comment-form span input {display: block; width: 90%; height: 25px; padding: 0 10px; border: 1px solid #cccccc; background-color: #fcfcfc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc)); background-image: -moz-linear-gradient(center bottom, #fcfcfc 0%, #ffffff 100%);}
                    #comment-form textarea {clear: both; width: 93%; height: 150px; display: block; margin: 0 0 15px 8px; padding: 10px; overflow: auto; border: 1px solid #cccccc; background-color: #fcfcfc; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fcfcfc)); background-image: -moz-linear-gradient(center bottom, #fcfcfc 0%, #ffffff 100%);}
                    #comment-form #submit {float: right; height: 40px; display: block; font-size: 17px; color: #fdfdfd; cursor: pointer; padding: 10px; margin: 0 3% 0 0; border: 1px solid #2e778a; background-color: #2e778a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2e778a), to(#215663)); background-image: -moz-linear-gradient(center bottom, #215663 0%, #2e778a 100%);}
                    #comment-form #submit:hover {text-decoration: underline;}
        #page {margin-top: 20px;}
            #page h2 {float: left;}
            #page .car-container {margin-top: 3px;}
            #page .car-toggler {margin-left: 10px;}
            #page ul.car-list {margin-top: 15px;}
        #oh-crap {margin-top: 30%; border: none;}
                    
#footer {margin-top: 20px; color: #cccccc; text-align: center; font-size: 12px;}