/*
Theme Name: JGA
Theme URI: http://www.jga.com/
Description: Template for JGA
Version: 1.0
Author: Brainstorm
Author URI: http://www.brainstormbrand.com/
Tags: JGA

    Johnson Grossnickel and Associates
*/

/**
* Tags
*/

body {
    margin : 0;
    padding : 0 0 15px 0;
    font-family : arial, helvetica, sans-serif;
    font-size : 13px;
    color : #4d4d4d;
    background : #f5f7f7 url(images/body_bg.gif) top left repeat-x;
}

a {
    color : #e89819;
}

big {
    font-family : "times new roman", "times roman", times, serif;
}

form {
    margin : 0;
    padding : 0;
}

#ieroot p {
    margin : 1em 0;
}

/* Begin Images */
img {
    border : 0;
}

p img {
    padding: 0;
    max-width: 100%;
}

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 20px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 20px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

.border {
    padding : 5px;
    border : 1px solid #626366;
}

/**
* Global classes
*/
.clearboth {
    clear : both;
}

#ieroot .clearboth {
    height : 0;
    overflow : hidden;
}

/**
* Site
*/
#mastercontainer {
    margin : 0 auto;
    width : 827px;
    background : #fff;
}


/**
* Header
*/
#headercontainer {
    margin : 0;
    height : 73px;
}

#logocontainer {
    margin : 0;
    padding : 31px 0 0 37px;
}

#headerrightcontainer {
    float : right;
    width : 233px;
    font-size : 11px;
}

/* hearder stuff: phone, carreers, contact us */
#headerquickinfo {
    display : block;
    margin : 0 0 7px 0;
    padding : 0;
    height : 23px;
    list-style : none;
    color : #a5a6a9;
}

#headerquickinfo li {
    display : block;
    float : left;
    margin : 0;
    padding : 0;
    height : 23px;
    line-height : 23px;
    list-style : none;
}

#headerquickinfo li a {
    color : #a5a6a9;
    text-decoration : none;
}

#headerquickinfo li.headerphone {
    width : 89px;
    background : #f0f0f0;
    text-align : center;
}

#headerquickinfo li.headerlinkone {
    width : 55px;
    text-align : center;
}

#headerquickinfo li.headerlinktwo {
    width : 66px;
    text-align : center;
}

/* search form */
.searchtextfield {
    margin : 0;
    border : 1px solid #ccc;
    padding : 1px 3px 1px 7px;
    width : 158px;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 15px;
    color : #e89819;
}

.searchsubmit {
    margin : 0;
    padding : 4px 2px 0 2px;
    border : 0;
    background : transparent;
    font-size : 11px;
    color : #abacad;
    vertical-align : bottom;
}

#headerlinetwocontainer {
    padding : 0 26px 0 0;
    height : 35px;
}

#headertagline {
    display : block;
    float : right;
    width : 257px;
    text-decoration : none;
    font-size : 10px;
    color : #636466;
    text-align : right;
}

#headertagline img {
    margin : 0 0 0 6px;
    vertical-align : middle;
}

@media print {
}


/**
* Main navigation
*/
#mainnavigationcontainer {
    padding : 2px 0 0 0;
    background : transparent url(images/dotted_horizontal_bg.gif) top left repeat-x;
}

#mainnavigation {
    display : block;
    margin : 0;
    padding : 0 0 0 36px;
    list-style : none;
    height : 30px;
}

#mainnavigation li {
    display : block;
    float : left;
    margin : 0 43px 0 0;
    padding : 0;
    list-style : none;
    height : 30px;
}

#mainnavigation li a {
    display : block;
    height : 30px;
    color : #4d4d4d;
}

#mainnavigationcontainer.core #mainnavigation li a {
    background : #e89819;
}

#mainnavigation li a .imageholder {
    display : block;
    height : 30px;
    background-color : #fff;
    background-position : 4px 8px;
    background-repeat : no-repeat;
}

#ieroot #mainnavigation li a:hover {
    cursor : pointer;
}

/** hide text, to be replaced with images */
#mainnavigation li a .mntext {
    display : none;
}

#mainnavigationcontainer.core #mainnavigation li a:hover .imageholder {
    height : 26px;
}

#mainnavigation li#mainnav_home {
    float : right;
    margin-right : 22px;
    width : 44px;        /* width = image.width plus 8 pixels (4px for each side), used for orange line trick on core page rollovers */
}

* html #mainnavigation li#mainnav_home {
    margin-right : 11px;
}

#mainnavigation li#mainnav_aboutus {
    width : 57px;
}

#mainnavigation li#mainnav_ourservices {
    width : 76px;
}

#mainnavigation li#mainnav_whoweserve {
    width : 87px;
}

#mainnavigation li#mainnav_resources {
    width : 62px;
}

#mainnavigation li#mainnav_jganews {
    width : 59px;
}

#mainnavigation li#mainnav_home a .imageholder {
    background-image : url(images/main_nav_home.gif);
}

#mainnavigation li#mainnav_aboutus a .imageholder {
    background-image : url(images/core_nav_about_us.gif);
}

#mainnavigation li#mainnav_ourservices a .imageholder {
    background-image : url(images/core_nav_our_services.gif);
}

#mainnavigation li#mainnav_whoweserve a .imageholder {
    background-image : url(images/core_nav_who_we_serve.gif);
}

#mainnavigation li#mainnav_resources a .imageholder {
    background-position : 4px 10px;
    background-image : url(images/core_nav_resources.gif);
}

#mainnavigation li#mainnav_jganews a .imageholder {
    background-image : url(images/core_nav_jga_news.gif);
}

/** interior hovers */
#mainnavigationcontainer.interior #mainnavigation li#mainnav_home a:hover .imageholder {
    background-image : url(images/main_nav_home_over.gif);
}

#mainnavigationcontainer.interior #mainnavigation li#mainnav_aboutus a:hover .imageholder,
#mainnavigationcontainer.interior #mainnavigation li#mainnav_aboutus.selected a .imageholder {
    background-image : url(images/main_nav_about_us_over.gif);
}

#mainnavigationcontainer.interior #mainnavigation li#mainnav_ourservices a:hover .imageholder,
#mainnavigationcontainer.interior #mainnavigation li#mainnav_ourservices.selected a .imageholder {
    background-image : url(images/main_nav_our_services_over.gif);
}

#mainnavigationcontainer.interior #mainnavigation li#mainnav_whoweserve a:hover .imageholder,
#mainnavigationcontainer.interior #mainnavigation li#mainnav_whoweserve.selected a .imageholder {
    background-image : url(images/main_nav_who_we_serve_over.gif);
}

#mainnavigationcontainer.interior #mainnavigation li#mainnav_resources a:hover .imageholder,
#mainnavigationcontainer.interior #mainnavigation li#mainnav_resources.selected a .imageholder {
    background-image : url(images/main_nav_resources_over.gif);
}

#mainnavigationcontainer.interior #mainnavigation li#mainnav_jganews a:hover .imageholder,
#mainnavigationcontainer.interior #mainnavigation li#mainnav_jganews.selected a .imageholder {
    background-image : url(images/main_nav_jga_news_over.gif);
}

@media print {
    #mainnavigationcontainer {
    }
}


/**
* Core Body
*/
#corebigimagecontainer {
    margin : 0 0 8px 0;
    background : #e89819;
}

#corebigimageright {
    float : right;
    width : 233px;
}

* html #corebigimageright {
    margin-left : -3px;
}

#corebigimagerightcell {
    vertical-align : bottom;
    height : 313px;
}

#corebigimagerightcontent {
    margin : 0;
    padding : 0 13px;
    font-family : "times new roman", "times roman", times, serif;
    color : #fff;
    font-size : 14px;
    line-height : 1.2em;
}

#corebigimagerightcontent a {
    color : #fff;
}

/*
* Core bottom row
*/
#corebottomrowcontainer {
    margin : 0 0 9px 0;
    padding : 7px 0 0 25px;
    background : transparent url(images/core_bottom_bg.gif) top left repeat-y;
}

#coreflashcontainer {
    padding : 13px 0 18px 0;
}

#coremostrecentcontainer {
    float : right;
    width : 403px;
    min-height : 160px;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 14px;
}

* html #coremostrecentcontainer {
    min-height : 0;
    height : 160px;
}

h2#coremostrecentsectiontitle {
    margin : 13px 0 10px 0;
    color : #e89819;
    font-size : 28px;
    font-weight : normal;
    line-height : 0.6em;
}

#corerecentnewscontent {
    padding : 0 0 18px 0;
    width : 220px;
}

#corerecentnewscontent h2.posttitle {
    margin : 0;
    font-size : 18px;
    line-height : 0.9em;
    font-weight : normal;
}

#corerecentnewscontent h2.posttitle a {
    color : #4d4c4c;
    text-decoration : none;
}

#corerecentnewscontent h2.posttitle a:hover {
    text-decoration : underline;
}

#corerecentnewscontent .postdate {
    text-transform : uppercase;
    font-family : arial, helvetica, sans-serif;
    font-size : 12px;
}

#corerecentnewscontent .morelink {
    color : #4d4c4c;
}

#corenewsexcertcontainer h1,
#corenewsexcertcontainer h2,
#corenewsexcertcontainer h3,
#corenewsexcertcontainer h4,
#corenewsexcertcontainer p,
#corenewsexcertcontainer ul,
#corenewsexcertcontainer ol {
    margin : 0;
}

/**
* Interior Header
*/
#interiorheadercontainer {
    background : #e89819;
    height : 109px;
}

#interiorheaderimagecontainer {
    float : right;
    width : 205px;
    height : 109px;
    background : transparent url(images/int_header_img_about_us.jpg) top left no-repeat;
}

.our-services #interiorheaderimagecontainer  { background-image : url(images/int_header_img_our_services.jpg); }
.who-we-serve #interiorheaderimagecontainer  { background-image : url(images/int_header_img_who_we_serve.jpg); }
.resources    #interiorheaderimagecontainer  { background-image : url(images/int_header_img_resources.jpg); }
.jga-news     #interiorheaderimagecontainer  { background-image : url(images/int_header_img_jga_news.jpg); }

#interiortitlecontainer {
    margin : 0;
    padding : 38px 0 0 38px;
}

#interiortitlecontainer h1 {
    margin : 0;
    padding : 0;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 30px;
    font-weight : normal;
    color : #fff;
}

#interiortitlecontainer h1 a {
    color : #fff;
    text-decoration : none;
}

/*
* Interior body
*/
#interiorbody {
    background : #fff url(images/sidebar_bg.gif) top left repeat-x;
}

/**
* Sidebar
*/
#sidebarcontainer {
    margin : 0;
    padding : 13px 0 1px 0;
    width : 165px;
}

#sidebarcontainer ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#sidebarcontainer li {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

* html #sidebarcontainer li {
    float : left;
    width : 165px;
}

/*
* Sabnavigation
*/
#subnavcontainer {
}

#subnav {
    margin : 0;
    padding : 0;
}

#subnav li {
    display : block;
    margin : 0 0 5px 0;
    padding : 0;
    width : 165px;
    list-style : none;
}

#subnav li a {
    display : block;
    margin : 0;
    padding : 5px 5px 5px 24px;
    font-size : 12px;
    color : #636466;
    text-decoration : none;
}

* html #subnav li a {
    width : 136px;
}

#subnav li.current_page_item a,
#subnav li a:hover {
    background : #fff;
}

/** tertiary navigation */
#subnav li ul {
    display : none;
}

#subnav li.current_page_item li a {
    background-color : transparent;
}

#subnav li.current_page_ancestor,
#subnav li.current_page_item {
    background : #fff;
}

#subnav li.current_page_ancestor ul,
#subnav li.current_page_item ul {
    display : block;
}

#subnav li.current_page_ancestor li,
#subnav li.current_page_item li {
    margin-bottom : 0;
}

#subnav li.current_page_ancestor a:hover,
#subnav li.current_page_item li a:hover,
#subnav li li.current_page_item a {
    color : #e89819;
}

#subnav li li a {
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 40px;
}

* html #subnav li li a {
    width : 120px;
}

/*
* Interior content
*/
#interiorbodyrightouter {
    float : right;
    width : 662px;
    min-height : 450px;
    background : #fff;
}

* html #interiorbodyrightouter {
    margin-left : -3px;
    min-height : 0;
    height : 450px;
}

#interiorbodyinnerpadd {
    padding : 20px 17px 15px 26px;
}

#interiorbodycontentcontainer.narrowpage {
    width : 426px;
}

#interiorbodycontentcontainer.widepage {
    width : 610px;
}

#interiorbodycontentcontainer h2 {
    margin : 10px 0;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 20px;
    line-height : 1em;
}

#interiorbodycontentcontainer h3 {
    margin : 1em 0;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 15px;
}

#interiorbodycontentcontainer h3 + p,
#interiorbodycontentcontainer h3 + ul {
    margin-top : -1.2em;
}

/*
* Breadcrumb
*/
#breadcrumbcontainer {
    margin : 0 0 27px 0;
    color : #a09f9f;
}

#breadcrumb {
    margin : 0;
    padding : 0;
    list-style : none;
}

#breadcrumb li {
    display : inline;
    margin : 0;
    padding : 0;
    list-style : none;
    font-size : 12px;
}

#breadcrumb li a {
    color : #a09f9f;
}

#breadcrumb li a.selected {
    text-decoration : none;
}

/*
* Rightside bar in Blog area
*/
#rightsidebarcontainer {
    float : right;
    margin : 40px 0 0 0;
    width : 139px;
}

#rightsidebar {
    margin : 0;
    padding : 0;
    list-style : none;
}

#rightsidebar li {
    margin : 0 0 10px 0;
    padding : 0;
    list-style : none;
}

#rightsidebar .textwidget {
    padding : 19px 8px 19px 13px;
    background : #bbbcbc;
    font-family : "times new roman", "times roman", times, serif;
    font-size : 18px;
    line-height : 16px;
    color : #fff;
}

#rightsidebar .textwidget a {
    text-decoration : none;
}

/*
* Blog
*/
.blog #interiorbodycontentcontainer .posttitle {
    font-family : arial, helvetica, sans-serif;
    font-size : 13px;
    line-height : 1.2em;
    text-transform : uppercase;
}

.blog #interiorbodycontentcontainer .posttitle + .entry {
    margin-top : -5px;
}

.blog .posttitle a {
    color : #4d4d4d;
    text-decoration : none;
}

.blog .posttitle a:hover {
    text-decoration : underline;
}

.blog .post {
    margin : 0 0 25px 0;
    padding : 0 0 25px 0;
    background : transparent url(images/dotted_horizontal_bg.gif) bottom left repeat-x;
}

/*
.blog .firstpost {
    font-family : "times new roman", "times roman", times, serif;
    font-size : 16px;
    line-height : 1em;
}

.blog #interiorbodycontentcontainer .posttitle + .firstpost {
    margin-top : -10px;
}

#interiorbodycontentcontainer .firstpost h3 + p,
#interiorbodycontentcontainer .firstpost h3 + ul {
    margin-top : -0.8em;
}
*/

#indexpageblogyearlyarchives {
    display : block;
    margin : 0 0 20px 0;
    padding : 0;
    list-style : none;
    height : 1em;
}

#indexpageblogyearlyarchives li {
    display : block;
    float : left;
    margin : 0 10px 0 0;
    padding : 0;
    list-style : none;
}

#indexpageblogyearlyarchives li + li {
    padding-left : 10px;
    border-left : 1px solid #4d4d4d;
}

/* post archives */
.blog #interiorbodycontentcontainer h2.pagetitle {
    margin-bottom : 20px;
}

/*
* Actual Content
*/
#content ul {
    margin : 0 0 0 13px;
    padding : 0;
}

#ieroot #content ul {
    margin-left : 15px;
}

.prevnextnavigation {
    height : 30px;
}

/**
* Other pages and blog part
*/
.postleftrightnavigation {
    height : 1.5em;
}


/**
* Content form plugin overrides. the plugin is called "Dagon Design Form Mailer" v5.41
*/
#content .ddfmwrap {
    margin : 0;
}

#content .ddfmwrap .credits {
    display : none;
}

#content form.ddfm label {
    width : 71px;
}

#ieroot #content form.ddfm input.fmtext,
#ieroot #content .ddfmwrap p.fieldwrap {
    margin : 0 0 7px 0;
}

#content .ddfmwrap .recaptcha {
    margin-right : 0;
    width : 400px;
}

#content form.ddfm .submit {
    width : auto;
    padding : 0 0 0 80px;
    text-align : left;
}


/**
* Footer
*/

#footercontainer {
    margin : 0;
    padding : 7px 12px;
    background : #848484;
    color : #fff;
    font-size : 11px;
}

#footercontainer a {
    color : #fff;
    text-decoration : none;
}

#footercontainer a:hover {
    text-decoration : underline;
}

#footercontainer ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

#footercontainer li {
    display : inline;
    margin : 0;
    padding : 0;
    list-style : none;
}

#footercontainer li.separator {
    margin : 0 12px;
}




/* Default template carryover stuff */

/* Begin Comments */
.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#commentform #submit {
    margin: 0;
    float: right;
}
.commentmetadata {
    font-weight: normal;
}

.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}
/* End Comments */



/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
}

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

hr {
    display: none;
}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */


