/*
Theme Name: Jet A Studio
Theme URI: http://www.jetastudio.com/
Description: A custom Wordpress theme for Jet A Studio.
Version: 2
Author: Jet A Studio
Author URI: http://www.jetastudio.com
Tags: 

	©2010 Jet A Studio. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/


/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, 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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */

body {font:14px/1.5 Georgia, Times, "Times New Roman", serif;color:#333333;background:#f5f4e5 url(images/body-bg.jpg) fixed repeat 0 0}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {color:#293920;text-decoration:none}
a:hover {background-color:#354923;color:#f0efea}
a img {display:block}

/*---- <h1> ----*/
h1 {font-size:60px;line-height:1;margin-bottom:12px;font-weight:normal;text-shadow:1px 1px 0 #ffffff}

h2 {font-size:18px;margin-bottom:8px}

.row h3 {width:159px;float:left;margin-bottom:.5em;padding-right:20px;font-size:11px;text-transform:uppercase;font-weight:normal;letter-spacing:1px;text-align:right;text-shadow:1px 1px 0 rgba(255,255,255,1);display:inline}
.sidebar h3 {display:block;width:auto;float:none;padding-right:0;text-align:left;}

h4 {font-size:11px;text-transform:uppercase;color:#777777;text-shadow:1px 1px 0 rgba(255,255,255,1);letter-spacing:1px;font-weight:normal}

/*---- <p> ----*/
article p {margin:0 0 1.5em 0}
article p.intro {width:675px;padding-bottom:1em;margin-bottom:0;font-size:20px;line-height:1.3;text-shadow:#fff 1px 1px 0;}
    article p.intro a:hover {text-shadow:1px 1px 0 rgba(0,0,0,.2);}

article p.lead {font-size:16px;}

div.section {position:relative;border-top:2px dotted #cccccc;padding-top:1.5em}
    p.guttered {position:absolute;top:0;left:-148px;width:120px;font-size:12px;line-height:1.1;color:#555555;text-align:right}


/*---- <img> ----*/
img.aligncenter {display:block;margin:0 auto 1.5em}

.wp-caption {padding:14px;border:1px solid #ffffff;background-color:rgba(255,255,255,.5);box-shadow:0 0 7px rgba(0,0,0,.2);-moz-box-shadow:0 0 7px rgba(0,0,0,.2);-webkit-box-shadow:0 0 7px rgba(0,0,0,.2);}
article p.wp-caption-text {margin:0;padding:6px 7px;font-size:16px;color:#777777;font-style:italic}

/*---- <lists> ----*/
article ul {margin-bottom:1.3em}

article ul.checks li {background:transparent url(images/check-ico.png) no-repeat 0 2px;padding:0 0 .5em 18px;zoom:1}

article ol {margin:0 0 1.5em 2em;list-style: decimal}

article dl {margin-bottom:1.5em}
    article dl dt {font-weight:bold;display:block;}
    article dl dd {display:block;margin-bottom:1em}
    
/*---- <blockquote> ----*/
article blockquote {position:relative;padding-bottom:1em}
        article blockquote p cite {line-height:1;font-style:normal}
            article blockquote p cite strong {display:block;color:#333333;font-weight:normal}
            article blockquote p cite a {color:#333333;}

/*---- <blockquote> ----*/
span.scratch {text-decoration: line-through}

/*---- <div> ----*/
div.callout {clear:both;margin:1em 0;padding:1em 0;background-color:rgba(9,56,64,.1);border:1px solid #ffffff;color:rgba(9,56,64,.5);font-size:30px;line-height:1;font-weight:bold;text-shadow:#fff 1px 1px 0;text-align:center}
    div.callout a {color:rgba(9,56,64,.6) !important;}
    div.callout p {margin-bottom:0}

.row {padding:1.5em 0}
.bordered {border-top:2px dotted #ccc;padding:1.5em 0 0}

    .three-col  {width:161px;float:left;padding-right:18px;display:inline}
    .four-col   {width:223px;float:left;margin-left:7px;padding-right:18px;display:inline}
    .five-col   {width:285px;float:left;margin-left:7px;padding-right:18px;display:inline}
    .six-col    {width:347px;float:left;margin-left:7px;padding-right:18px;display:inline}
    .seven-col  {width:409px;float:left;margin-left:7px;padding-right:18px;display:inline}
    .nine-col  {width:551px;float:left;margin-left:7px;display:inline}
    .eleven-col  {width:675px;float:left;}
    
    .wrapped div {margin-bottom:2em}
    .first {margin-left:0}
.moduled {border-top:1px dotted #cccccc;padding-top:1.5em}
    
/*------------- Layout Styles ------------------- */

header {position:fixed;top:0;width:100%;height:43px;z-index:9800;background-color:rgba(21,23,24,.93);}
    header #logo {position:absolute;top:3px;left:5px;width:36px;height:36px;background:transparent url(images/logo-sm.png) no-repeat 0 0;text-indent:-9999px}
    header #logo:hover {background:transparent url(images/logo-sm.png) no-repeat 0 -36px}
    
nav ul {width:460px;margin:0 auto}
    nav li {float:left;}
        nav li a {display:block;height:31px;padding:12px 20px 0;}
            nav li a strong {display:block;height:20px;text-indent:-9999px;}
        
        nav li.nav-one a strong    {width:45px;background:transparent url(images/nav-bg.png) no-repeat 0 0}
        nav li.nav-two a strong    {width:65px;background:transparent url(images/nav-bg.png) no-repeat -85px 0}
        nav li.nav-three a strong  {width:49px;background:transparent url(images/nav-bg.png) no-repeat -190px 0}
        nav li.nav-four a strong   {width:61px;background:transparent url(images/nav-bg.png) no-repeat -279px 0}
        nav li.nav-five a strong   {width:35px;background:transparent url(images/nav-bg.png) no-repeat -377px 0}

        nav li.nav-one a.current,   nav li.nav-one a:hover    {background-color:#cec768}
        nav li.nav-two a.current,   nav li.nav-two a:hover    {background-color:#ba974c}
        nav li.nav-three a.current, nav li.nav-three a:hover  {background-color:#b57257}
        nav li.nav-four a.current,  nav li.nav-four a:hover   {background-color:#ba7288}
        nav li.nav-five a.current,  nav li.nav-five a:hover   {background-color:#8ba86f}

#stage {width:985px;margin:0 auto;padding:80px 30px}

article {position:relative}

.sidebar {font-size:12px;}

footer {display:block;width:985px;margin:0 auto;padding:2em 0;border-top:2px dotted #ccc}
    
    footer h4 {margin-bottom:1em;color:#333333}
    
    footer p {font-size:12px;margin-bottom:1em}
    footer .cols {padding-bottom:1.5em}
        footer .col {width:227px;float:left;margin-right:7px;padding:0 7px 0 7px;display:inline}
    footer .last {margin-right:0}
    
    footer li {font-size:12px;padding:5px 0 5px 18px;border-top:1px dotted #cccccc}
    footer p.first {border-top:1px dotted #cccccc;padding-top:5px;}
    footer p.copyright {font-size:11px;color:#777777;text-align:center}
        footer p.copyright a {padding:2px}
    footer .post-list li {background:transparent url(images/post-ico.png) no-repeat 0 6px}
    
    footer #social li {padding:5px 0 5px 20px;}
    footer #social #twitter {background:transparent url(images/twitter-ico.png) no-repeat 0 5px}
    footer #social #facebook {background:transparent url(images/facebook-ico.png) no-repeat 0 6px}
    footer #social #viarss {background:transparent url(images/rss-ico.png) no-repeat 0 6px}
            
/*------------- Home Page ------------------- */

#slideshow {width:100%;height:384px;position:relative;border-bottom:1px solid #fff}
    #slide-nav {width:400px;position:absolute;top:-1px;left:7px;z-index:8999}
        #slide-nav li {float:left;margin-right:4px;display:inline}
            #slide-nav li a {
                display:block;
                width:26px;
                height:18px;
                padding-top:5px;
                background: rgba(59,58,58,.4);
                text-align:center;
                color:#fff;
                font:12px/1 Helvetica, Arial, sans-serif;
                font-weight:bold;
                -webkit-border-bottom-right-radius: 4px;
                -webkit-border-bottom-left-radius: 4px;
                -moz-border-radius-bottomright: 4px;
                -moz-border-radius-bottomleft: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
            }
            #slide-nav li a:hover,
            #slide-nav li a.active {
                background-color:rgba(21,23,24,.93);
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25); 
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25); 
                box-shadow: 0 1px 1px rgba(0,0,0,.25); 
            }


#slideshow #slides {width:985px;margin:0 auto;position:relative;}
    #slideshow #slides div.screen {width:985px;position:relative;display:none}

#slideshow.special-theme {background:#77c3bd url(images/ss-special-bg.jpg) repeat-x top center;height:384px;border-top:1px solid #317c89}
    #slideshow.special-theme #special {padding-top:50px;height:333px;z-index:8903}
        #slideshow.special-theme #special h2 {font-size:60px;line-height:1;margin-bottom:8px;color:#f7f6e4;font-weight:bold;font-style:italic;text-shadow:1px 1px 0 rgba(40,111,130,.75);text-align:center;}
        #slideshow.special-theme #special h5 {width:489px;margin:0 auto 36px;background:transparent url(images/ss-special-hdr-bg.png) no-repeat 0 5px;color:#f7f6e4;font-size:12px;line-height:1;font-weight:normal;text-align:center;text-transform:uppercase;letter-spacing:1px;}
        
        #slideshow.special-theme #special div.offer {width:613px;height:218px;position:relative;margin:0 auto;background:transparent url(images/ss-special-copy-bg.png) no-repeat 0 0}
            #slideshow.special-theme #special div.offer div {width:297px;float:left;margin:0 0 0 7px;padding-top:24px;text-align:center;display:inline}
                #slideshow.special-theme #special div.offer div h3 {font-size:48px;margin-bottom:6px;color:#e4e0ca;line-height:1;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,.4)}
                #slideshow.special-theme #special div.offer div h4 {font-size:18px;color:#f0eee1;margin-bottom:.75em;line-height:1;text-shadow:none}

                #slideshow.special-theme #special div.offer div p {font-size:14px;color:#e4e0ca;}
                    #slideshow.special-theme #special div.offer div p span {text-decoration: line-through;color:#ccc7ad}
                    #slideshow.special-theme #special div.offer div p strong {font-size:16px;color:#f0eee1;font-style:italic}
                
                #slideshow.special-theme #special div.offer a.view,
                #slideshow.gspv-theme #gspv a.view {
                    display:block;
                    position:absolute;
                    bottom:34px;
                    left:238px;
                    width:130px;
                    height:25px;
                    padding-top:10px;
                    background-color:#2f90a0;
                    border:1px dotted #82b3a7;
                    text-align:center;
                    font-size:12px;
                    line-height:1;
                    color:#fdf8ec;
                    text-transform:uppercase;
                    font-weight:bold;
                    text-shadow:1px 1px 0 rgba(0,0,0,.4);
                    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
                    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
                    box-shadow: 0px 0px 4px rgba(0,0,0,.4);
                }
                #slideshow.gspv-theme #gspv a.view {left:0;background-color:#eaf3f3;border:1px dotted #469eaf;color:#1a6978;-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2);box-shadow: 0px 0px 2px rgba(0,0,0,.2);text-shadow:1px 1px 0 rgba(255,255,255,1);}
                #slideshow.gspv-theme #gspv a.view:hover {text-decoration:underline}
                
#slideshow.gspv-theme {background: rgba(31,162,186,.15) url(images/slideshow-bg.png) repeat 0 0;border-top:1px solid #aad5d9; }
    #slideshow.gspv-theme #slide-stage {background:transparent url(images/ss-gspv-bg.png) repeat-x 0 87px}
        #slideshow.gspv-theme #gspv {padding-top:98px;height:285px;z-index:8902}
            #slideshow.gspv-theme #gspv img {display:block;position:absolute;bottom:-1px;right:-20px;z-index:9999 !important}
            #slideshow.gspv-theme #gspv small {font-size:10px;text-transform:uppercase;color:#277887;letter-spacing:1px;}
            #slideshow.gspv-theme #gspv h3 {margin-bottom:34px;font-size:32px;line-height:1.1;color:#1a6978;font-weight:normal;text-shadow:1px 1px 0 rgba(255,255,255,.75);}
            #slideshow.gspv-theme #gspv p {width:365px;font-size:16px;margin-bottom:1em;color:#1a6978;text-shadow:1px 1px 0 rgba(255,255,255,.75);}
                
#slideshow.ga-theme {background-color:#b9361c;border-top:1px solid #92240e;}
        #slideshow.ga-theme #ga {padding-top:168px;height:215px;z-index:8901}
            #slideshow.ga-theme #ga img {display:block;height:383px;position:absolute;top:0;left:0}
            #slideshow.ga-theme #ga div {position:relative;z-index:8902}
                #slideshow.ga-theme #ga p {width:320px;padding:0 20px;font:12px/1.5 Helvetica, Arial, sans-serif;color:#f7f7f3;margin-bottom:0;}
                #slideshow.ga-theme #ga a.view {display:block;position:absolute;bottom:30px;left:228px;width:143px;height:38px;background:transparent url(images/ss-ga-act.png) no-repeat 0 0;text-indent:-9999px;}
                #slideshow.ga-theme #ga a.view:hover {background:transparent url(images/ss-ga-act.png) no-repeat 0 -38px;}

#home-page {padding-top:43px;}
#home-page #stage {padding:16px 30px 0;position:relative;}
        
    #logo-lg {display:block;margin-left:12px}
    #home-page article {display:block;margin-top:-55px}
        #home-page .opening {width:799px;padding:20px 0 0;padding-left:186px}            
            #home-page h1 {width:799px;font-size:34px;line-height:1;color:#222222;margin-bottom:20px;}
            
            #home-page .opening p.intro {float:left;width:613px;font-size:18px;line-height:1.5;border-bottom:0;margin-bottom:1em;padding:0}

#home-page article h2 {font-size:16px;font-style:italic;margin-bottom:6px;padding-top:2px}

article .quote blockquote {display:none}

    article .quote blockquote p {font-size:16px;}
    article .quote blockquote p.start {text-indent:22px;background:transparent url(images/quote-start.png) no-repeat 0 5px;color:#551c16}
    article .quote blockquote p.cite {margin-bottom:0}
        article .quote blockquote p span {padding-right:20px;background:transparent url(images/quote-end.png) no-repeat 100% 3px}
        article .quote blockquote p cite {font-size:12px;}
            article .quote blockquote p cite strong {font-size:18px;}
    article .quote blockquote img {display:block;position:absolute;bottom:0;right:-20px}    
    
    
    #home-page #offerings a.co {float:left;width:101px;border:5px solid #fff;margin:0 14px 2.5em 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:1px 1px 2px rgba(0,0,0,.3);display:inline}    
    #home-page #offerings a.co:hover {border:5px solid #f5f2b5}
    #home-page #offerings p {margin-bottom:2em}
    
    #home-page #ca {height:260px;margin-top:-8px;background:transparent url(images/lead-bg.png) no-repeat 25px 100%}
        #home-page #ca a {display:block;width:193px;margin:2px auto 4em auto;}   
        #home-page #ca a:hover {background-color:transparent;text-decoration:underline;color:#293920}
            #home-page #ca a strong {display:block;font-size:16px;width:189px;padding:6px 0;border:2px dashed rgba(0,0,0,.15);background-color:rgba(0,0,0,.025);text-align:center;font-style:italic;text-shadow:1px 1px 0 rgba(255,255,255,.9);}
        #home-page #ca p {font-size:12px;color:#444444;padding:0 32px 0 34px;text-align:center}   

/*------------- Work Section ------------------- */
.work-section article a {color:#ada421}    
.work-section article a.launch,
.work-section article blockquote cite a {color:#333333}
.work-section article a:hover {background-color:#ada421;color:#f0efea}
    
    #work-page .piece {width:985px;padding:2.5em 0 2.5em;float:left;border-top:2px dotted #cccccc;}


        #work-page .slideshow {display:block;float:right;width:709px;border:13px solid rgba(255,255,255,.8);box-shadow:0 0 7px rgba(0,0,0,.2);-moz-box-shadow:0 0 7px rgba(0,0,0,.2);-webkit-box-shadow:0 0 7px rgba(0,0,0,.2);border-bottom-width:48px}
        #work-page .slideshow:hover {background-color:transparent}    
            #work-page .slideshow img {display:block;border:1px solid #dddddd}
        #work-page .desc {float:right;width:234px;padding-right:14px;font-size:12px;display:inline}
            #work-page .desc h2 {font-size:15px;line-height:1.4;margin:0 0 .35em -7px;padding:3px 7px;text-shadow:1px 1px 0 rgba(255,255,255,.9);}
        
        
    .work-section ul.col {width:275px;float:left;margin-left:30px;display:inline}
    .work-section ul.last {}        
        .work-section ul.col li {font-size:16px;padding-bottom:.5em;text-shadow:1px 1px 0 rgba(255,255,255,.9);}

/*------------- Services Section ------------------- */

.services-section article p.intro {width:613px;}
.services-section article #hero {position:absolute;top:0;right:0;}
.services-section article .row h3 {padding:5px 20px 0 0}    
.services-section article .nine-col  {width:533px;padding-right:18px;}
.services-section article a {color:#9c6308}
.services-section article a:hover {background-color:#9c6308;color:#f0efea}
.services-section p.guttered {top:26px}

/*------------- About Section ------------------- */

.about-section article h2 {font-size:16px;line-height:1;}
.about-section article .row h3 {padding:1px 20px 0 0}
.about-section article .row h3.row-head {width:100%;padding:0;text-align:left;margin-bottom:18px;}
.about-section article .row .sidebar {width:303px;padding-right:0}
    .about-section article .row ul.two-col {width:137px;float:left;margin-right:14px;display:inline}
.about-section article .wp-caption {float:right;margin:-10px 0 0 1em}
.about-section article a {color:#a9522e}
.about-section article a:hover {background-color:#a9522e;color:#f0efea}

/*------------- Contact Section ------------------- */
.contact-section article a {color:#854357}
.contact-section article a:hover {background-color:#854357;color:#f0efea}
.contact-section article .nine-col  {width:533px;padding-right:18px;}
.contact-section p.guttered {color:#444444;top:4px;font-size:11px;text-transform:uppercase;font-weight:normal;letter-spacing:1px;text-align:right;text-shadow:1px 1px 0 rgba(255,255,255,1);}
form fieldset {position:relative;}

fieldset {padding-bottom:1em;margin-bottom:1em;border-bottom:2px dotted #ccc;}
fieldset.submit {border-bottom:0;}
form fieldset ol li {width:50%;float:left}
form fieldset ol li.full {width:100%;}
    form fieldset ol li label {display:block;font-size:12px;margin-bottom:4px;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,.9)}
    form fieldset ol li textarea,
    form fieldset ol li input {width:90%;margin-bottom:1.5em;font:12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;color:#333;padding:5px 4px 4px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.3);-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;}
    form fieldset ol li textarea {width:365px}
    form fieldset ol li select {width:90%;margin-bottom:1.5em}
    
    form #contact-info ol li input {margin-bottom:1em}

/*------------- Blog Section ------------------- */
.blog-section article {width:723px;float:left;padding:2em 14px 0 0}
.blog-section aside {display:block;float:left;width:241px;margin-left:7px;display:inline}

    .blog-section .post {position:relative;padding-left:124px;font-size:16px;border-bottom:2px dotted #cccccc;padding-bottom:1em;margin-bottom:1.5em}
        .blog-section .post h2 {position:relative;font-size:32px;text-shadow:1px 1px 0 rgba(255,255,255,1);}
            .blog-section .post h2 a {color:#333333;padding:0 4px;margin-left:-4px}
            .blog-section .post h2 a:hover {color:#f0efea;text-shadow:1px 1px 0 rgba(0,0,0,.3);}
    
    .blog-section .postmetadata {width:117px;position:absolute;top:10px;left:0;padding-right:7px;font-size:11px;}
        p.dateline {width:60px;font-size:20px;line-height:1;color:#777777;text-align:center;text-shadow:1px 1px 0 #fff}
            p.dateline strong {display:block;font-size:40px;line-height:.7;margin-bottom:8px;text-align:center}

    
    #respond h3, 
    #comments {margin-bottom:.5em;padding-left:124px;font-size:11px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;text-shadow:1px 1px 0 rgba(255,255,255,1);}
    #respond h3 {padding-left:0}
    
    #respond label {font-size:12px;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,.95);}
    
    ol.commentlist, #respond {padding-left:124px;}
        ol.commentlist li {padding:1em 50px;border-top:1px dotted #ccc}
        img.avatar {float:left;margin-left:-50px}
        
        .comment-author,
        .comment-meta {font-size:12px;}
        
        .comment-meta {margin-bottom:1.5em}