/*
Theme:Penn Stainless Responsive Feature Theme
Author:Casse Langford, for Promotional Partners
Author URL:www.pennstainless.com
Description:HTML5-based custom template, made for Penn Stainless
Tags:custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(http://fonts.googleapis.com/css?family=Balthazar); 

body {
    margin:0 auto; /* margin:0 auto; */
    background:#FFF; 
    color:#000; 
    font-family:'ColaborateThin', 'Helvetica Neue', Calibri,  Helvetica, Verdana, Arial, sans-serif; 
    font-size:95%; 
    font-weight:300; 
    height:100%
}
h1,h2,h3,h4,h5,h6 {
    display:block; 
    width:100%; 
    margin:10px 0 15px 0;
    clear:both
}
strong {font-weight:600}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000}
h3{
	font-family:'Balthazar',serif; font-variant:small-caps; font-weight:500;
	}
h1 {font-size:180%}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:120%}
h5 {font-size:110%}
h6 {font-size:105%; text-transform:uppercase}
.widget {margin:1em 0}

.txt_st{
	font-family:'Balthazar',serif; font-variant:small-caps; font-weight:500;
	padding: 0 10%;
	}
/* HEADER AREA */
#top-background {height:40px; background-color:#003200}
    header aside {margin:.4em auto}
    header .ninecol ul {float:right}
    header ul {padding:0; margin:0}
        header ul li {display:inline-block; vertical-align:top /* margin-right:0.4em */}
        header ul li a {width:26px; height:26px; display:block}
            #twitter {background:url('psp-sprite.png') -10px 0}
            #facebook {background:url('psp-sprite.png') -47px 0}
            #youtube {background:url('psp-sprite.png') -84px 0}
            #linkedin {background:url('psp-sprite.png') -120px 0}
            #google {background:url('psp-sprite.png') -625px 1px}
            /* #flag1 {width:20px; height:15px; background:url('css/images/psp-sprite.png') -156px 0}
               #flag2 {width:20px; height:15px; background:url('css/images/psp-sprite.png') -186px 0} */
    .logo {float:left; width:234px; height:160px}
    .logo a img:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
    .banner-img{height:160px}
    #cimy_div_id_0, #cimy_img_id{float:left; width:767px; height:160px}
    #top-background header span, #printHeader span {color:#D68507; font-size:150%; font-weight:500; float:right; margin-right:0.4em; line-height:26px}
/* TEMORARY PDF LOGO */ #printHeader {display:none}

/* MAIN HORIZONTAL NAV */
#access {background:#015203; text-align:center}
    #access ul {list-style:none; margin:.3em 0 0 0; padding:0; display:inline-block}
        #access li {float:left; margin:.3em 1.5em}
        #access a {color:#FFF; text-decoration:none; font-size:100%}
        #access a:hover {color:#D68507}
    .widget.widget_search {margin:0}
    #searchform {margin:7px 0; float:right}
    #searchform input#s {border-radius:10px; padding:2px 5px 1px 30px}
    #searchsubmit {width:19px; height:19px; background:url('psp-sprite.png') 50px 0; border:none; position:relative; top:3px; right:-30px}
      
/* CONTENT */
#primary {background-color:#DDD}
    #content {background-color:#FFF; padding-left:1%; min-height:600px}    
        #content.ninecol {float:right}
        #content.home {padding-left:0}
        #content.home article {padding:2% 0}
        
/* Still ACTIVE ON PAGE.PHP? 
#child-pages {padding:0; margin:1em 0; float:left; width:100%}
#child-pages {padding:0; margin:1em 0; float:left; width:100%}    
#child-heading {text-align:left}
#child-pages li {background:#EEE; list-style-type:none; float:left; width:47%; margin:1%; padding:.5%}
    #child-pages li a {font-weight:bold; color:#555; text-decoration:none}
    #child-pages ul {padding:0; margin:0}
    #child-pages ul li {margin:0; padding:0 5px; width:auto}
    #child-pages ul li a {color:#D68507; text-decoration:underline; font-weight:normal} */

#crumbs {margin:.2em 0em; padding-bottom:.3em; border-bottom:1px dotted #DDD}
#feature-links {float:left; width:100%; margin:0 0 1em 0; padding:0em; list-style-type:none}
#feature-links li{float:left; width:auto; padding:0em .5em}

/* MAIN SIDEBAR - MAY INCLUDE MAIN, BLOG, CATERGORY, REASOURCES & SEARCH CLASSES*/
#secondary div{margin-left:10px}
#secondary h3 {color:#003200; font-size:120%}
#secondary h3, #secondary ul {padding:0 10%}
    #secondary ul li {list-style-type:none; padding:.3em 0; font-size:95%}
    #secondary ul li a {color:#333; text-decoration:none}
    #secondary ul li ul {margin:.5em; padding:0em}
        #nav_menu-2 ul, #recent-comments-2 ul {padding:0px}
        #nav_menu-2 ul li, #recent-comments-2 ul li {padding:3px 10px; margin:0; border-bottom:1px dashed #FFF; list-style-type:none}

    /* ACCORDION STYLES */
    #secondary .page_item a, #secondary .cat-item a {font-weight:400}
    #secondary .page_item ul a {font-weight:300}      
        #secondary a.current_page_item{color:#D68507}
        #secondary ul li.current_page_parent .children a {color:#333}
        #secondary .current_page_parent .children a:hover, #secondary .page_item a:hover {color:#D68507}

/* RIGHT SIDE BAR */
.right{float:right; font-size:90%; margin-bottom:1em}
    .right div, .right aside{margin:1em 0}
    .right ul{padding:0; list-style:none; text-align:center}
    #menu-right-sidebar-menu, #menu-home-sidebar-menu {}
        #menu-right-sidebar-menu li, #menu-home-sidebar-menu li {
            background-color:#1f5904; 
            margin:5px 0; 
            padding:5px 0; 
            max-width:175px; 
            -moz-box-shadow:3px 3px 3px #888; 
            -webkit-box-shadow:3px 3px 5px #888; 
            box-shadow:3px 3px 5px #888
       }
    #menu-right-sidebar-menu a, #menu-home-sidebar-menu a {color:#FFF; text-decoration:none}
    #menu-right-sidebar-menu a:visited, #menu-home-sidebar-menu a:visited {color:#FFF}
        #menu-home-sidebar-menu {list-style:none; text-align:center; display:inline-block}
        #menu-home-sidebar-menu li {padding:5px 15px}
            #menu-home-sidebar-menu #menu-item-1585, #menu-right-sidebar-menu #menu-item-1575 {background-color:#EF9F22}
            #menu-home-sidebar-menu #menu-item-1585:hover, #menu-right-sidebar-menu #menu-item-1575:hover {background-color:#999}
        #menu-right-sidebar-menu li:hover, #menu-home-sidebar-menu li:hover {background-color:#9AB78B}

    #right-sidebar-bottom {border:1px dotted #DDD; border-radius:7px; text-align:center; padding:2px}  
        .posts_by_tag {padding:0; list-style:none}
        .posts_by_tag li {margin-bottom:.5em}
        
/* TABS */
.content-tab {
    float:left; 
    width:95.5%; 
    padding:2%; 
    border:1px solid #D3E2CC; 
    border-left:2px solid #9AB78B; 
    font-size:90%
}
.tabs {margin:0; padding:0; border-bottom:2px solid #9AB78B; font-size:95%}
    .tabs li {list-style:none; display:inline}
    .tabs a.active {background:#9AB78B; border:1px solid #9AB78B; border-bottom:none; color:#FFF}
    .tabs a {
    padding:5px; 
    display:inline-block; 
    color:#9AB78B; 
    text-decoration:none; 
    border:1px dashed #D3E2CC; 
    border-bottom:none; 
    border-radius:7px 7px 0 0; 
   }
#home-tabs li a.active {background-color:#9AB78B; border:2px solid #9AB78B; border-bottom:none; color:#FFF; background-image:url('arrow-ver.png')}
#home-tabs li a {
    font-size:120%; 
    padding:5px; 
    display:inline-block; 
    color:#9AB78B; 
    text-decoration:none; 
    border:1px dashed #D3E2CC; 
    border-bottom:none; 
    font-family:'Balthazar',serif; 
    font-variant:small-caps; 
    background-image:url('arrow-hoz.png'); 
    background-repeat:no-repeat; 
    background-position:98% 50%; 
    width:31.7%
}
#home-tabs .fourcol {border-left:1px solid #DDD}
#home-tabs .fourcol h4{ margin:0px 10px; color: #555}
#home-tabs .fourcol ul{ padding:0px 10px; margin:0}
#home-tabs .fourcol ul li{
    padding:5px;
    list-style-type:none;
    border-bottom: 1px dashed #EEE
} 
#home-tabs .fourcol ul li a {width:100%}
      
/* FORMS */
.rfqSection {border:1px dashed #AAAAAA; padding:.5em; width:90%}
    .rfqSection h2 {background-color:#1f5904; margin:0; padding:5px; width:98%; color:#FFF}
    .rfqSection br {display:none}
        .rfqLabel {display:inline-block; width:40%; font-weight:bold; vertical-align:top}
        .rfqInput {display:inline-block; padding:2px 5px; width:40%}
        .rfqHalf {clear:both}
            .rfqInput input{width:98%}
            .rfqHalf input {width:40%}
            .rfqThird input {width:20%}
        .rfqSection textarea {width:99%; margin:0 .2em}
    .wpcf7-captchac {display:block; clear:both}
    .wpcf7-radio .wpcf7-list-item {display:inline-block; width:100%}
    
/* Footer */
#colophon {font-size:83%; margin-bottom:2em; text-align:left;}
    #colophon strong {color:#003200}
    #colophon ul {list-style-type:none; padding:0 0 0 5px}
        #colophon .row ul li {float:left; width:48%}
    #colophon a {color:#000; text-decoration:none}
        #colophon a:hover {color:#D68507}
    #SSINA a, #SSFNE a {display:block}
    #SSINA a {width:90px; height:90px; background:url('psp-sprite.png') 295px 0; padding:0}
    #SSFNE a {width:150px; height:85px; background:url('psp-sprite.png') 206px 0}
  
/* SPECIFICS */
.req {color:#C00}
#mobileCallout.twelvecol {color:#EF9F22; font-size:135%; padding:2% 0; text-align:center; width:100%; margin-top:0; display:none}
.sociable {display:inline-block; width:34%; vertical-align:middle}
    .sociable .clearfix {margin:0px}
    .sociable .clearfix:after {display:inline-block}
    .sociable .clearfix .option1_16 {background: url("images/sociable-sprite.png") no-repeat scroll 0 0 transparent}
    aside.right div#sociableIcons div.sociable ul.clearfix li {padding:0px 1.5px}
    .right div .sociable_tagline {color:#1F5904; text-align:left; margin:0px}
.pdf {background:url('images/pdf-icon.png') no-repeat; padding:5px 0 5px 30px; margin-left:1em}
.printfriendly {width:100%; text-align:right}
    .printfriendly.alignright {margin:0 5px 15px 0; clear:both}
    .printfriendly img {margin-left:5px}
.content-tab .printfriendly {display:none}
.content-tab .print-yes {display:none}

/* TECH RESOURCES - DOWNLOADS/PDF LISTS */
.itemChoices {list-style:none}
.itemChoices img {vertical-align:middle}
        
/* Procesing Services Lists */
.parent-pageid-162 .entry-content ul.alignright,
.parent-pageid-174 .entry-content ul.alignright {float:right; list-style-position:inside; margin:0 0 20px 0; padding:0 5px; width:48%; display:inline-block}
.parent-pageid-162 .entry-content img.alignleft,
.parent-pageid-174 .entry-content img.alignleft {margin:5px 0px 15px 0}
        
/* Text meant only for screen readers */
.screen-reader-text, .section-heading {position:absolute;  left:-9000em}

/* Blog Category & Search Pages */
.meta-prep.meta-prep-author, .meta-sep, .author.vcard {font-size:100%; font-weight:300}
article.status-publish hr {border:1px solid #9AB78B}
    #nav-below, #nav-above {margin-bottom:1em; display:inline-block; width:100%; padding-top:2%}
    .nav-next.sixcol {text-align:right}
.search-results .entry-meta {display:none}

/* Comments */
#comments, #respond {display:inline-block; margin:1em 0;}
#comments li {list-style:none}
.comment-form-comment label {width:100%; display:inline-block}
.commentlist {padding:0}
.commentlist li {margin:20px 0}
    article.comment {padding:10px; border-bottom: 1px solid #9AB78B}
    #recent-comments-2 ul {margin:5%; padding:0}
        #recent-comments-2 ul li {padding:3px 10px; margin:0; border-bottom:1px dashed #FFF; list-style-type:none}
        #recent-comments-2 ul li a {text-decoration:none}
.nocomments {display:none}


/* Notices */
.post .notice, error404 #searchform {background:#EEE; display:block; padding:1em}

/* Image Attachments */
.image-attachment div.entry-meta {float:left}
.image-attachment nav {float:right; margin:0 0 1em 0}
.image-attachment .entry-content {clear:both}
.image-attachment .entry-content .entry-attachment {background:#EEE; margin:0 0 1em; padding:1em; text-align:center}
.image-attachment .entry-content .attachment {display:block; margin:0 auto; text-align:center}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img {
  max-width:100%; /* When images are too wide for containing element, force them to fit. */
  height:auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {margin-right:1em; float:left}
img.alignright {margin-left:1em; float:right}
.wp-caption {padding:5px; margin:5px; color:#555; background:#EEE}
.wp-caption img {margin-bottom:5px}
.wp-caption .wp-caption-text {margin:0 0 5px 0; font-size:85%; text-align:center}
.home .wp-caption {background:none}