/*   
Theme Name: Concord USA
Theme URI: http://superpreviewer.com/creatifsite
Description: Theme for Concord USA
Author: Norm Orstad
Author URI: http://recursiveawesome.com
Version: 1.0
*/

/*
CONTENTS ----------

    1.BODY
    2.DEFAULT STYLING
    3.HEADINGS
    4.LINKS
    5.IMAGES
    6.LAYOUT
    7.BRANDING/MASTHEAD
    8.NAVIGATION
    9.SITEINFO/FOOTER
    10.GLOBAL ELEMENTS
    11.HOMEPAGE
      11.1 TILES
      11.2 NEWS COLUMN
      11.3 SOCIAL COLUMN
    12.DIVISION PAGES
  -------------------
  
  COLORS -----------
  
  -------------------
*/

/* 1.BODY 
---------------------------------------------- */

*{ margin:0; padding:0; font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; font-weight:300; color:#4c4c4c; }

body{ background:#f8f8f8 url(images/bg-home.gif) repeat-x 0 0; font-size:14px; line-height:18px;}
body.home {background-image:url(images/bg-home2.gif);}

/* 2.DEFAULT STYLING
---------------------------------------------- */

hr { height:0; border:none; background:none; border-top:1px dotted #ccc; }

strong { font-weight:bold; }
em { font-style:italic; }
ul li { margin-left:15px; }

table{font-size:14px;margin:10px 20px;}
table { border-top:1px solid #ccc; }
table a { color:#000; }
table a:hover,
table a:focus { color:#000; text-decoration:underline; }
table th {text-align:center;background-color:#bcbcbc;padding:5px 8px;border-right:1px solid #666;}
table td { border-top:1px solid #666; border-right:1px solid #666;background:#cfcfcf; padding:5px 8px; }
table tr.alt td { background:#fff; }
table td strong, table th strong {color:#e60900;}

.hide{display:none;}

p{margin-bottom:15px;padding:20px;}


/* 3.HEADINGS
---------------------------------------------- */

h2{font-size:26px;color:#4c4c4c;margin:5px 0 10px;}

/* 4.LINKS
---------------------------------------------- */

a{ color:#e60900; text-decoration:none; }
a:hover,
a:focus{ color:#e60900; text-decoration:underline; }

/* 5.IMAGES
---------------------------------------------- */

img{padding:5px;}

p img { padding: 0; max-width: 100%;}

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}

.header_image{height:320px;}
.header_image h2{color:#fff;}

/* 6.LAYOUT
---------------------------------------------- */

.container_16{ position:relative; }

.graybar { background: #ffffff url(images/bg-title.gif) repeat-x 0 0; height: 120px; }

#main{min-height:400px;background:transparent url(images/bg-main.gif) repeat-x 0 0;padding:20px 0 0;margin-bottom:20px;;}
#main p.first{font-size:18px;font-style:italic;font-family:Georgia,Cambria,"Times New Roman",Times,serif;line-height:25px;}

#main #comments_template{background-color:#fff;}
#main #comments_template p{font-style:normal;font-size:14px;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;line-height:19px;padding:0 20px 20px;}

#main h2{padding:20px;}
#main h3{font-size:22px;padding:8px 20px 10px;}
#main p{font-size:14px;font-style:normal;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;line-height:19px;padding:10px 20px 0;}
#main ol, #main ul{padding:0 20px;list-style-type: disc;}

#aside {padding:20px 0 0;margin-bottom:20px;}
#aside h3 { font-size: 22px;line-height:110%;padding: 20px 0 ;}
#aside ul { padding:0;}
#aside li {list-style: disc inside;padding-bottom:5px;font-size:12px;}
#aside p { padding:20px 0 0;}

ul#pages li {list-style:none;}
ul#pages ul {padding:0;}

body.blog #aside li {list-style: none;}
body.blog #main small {font-size:80%;display:block; font-size:11px;line-height:19px;padding-left:20px;}
#comments_template { border-top:1px solid #e3e3e3; margin-top:30px; 	padding-top:30px; }


/* 7.MASTHEAD
---------------------------------------------- */

/* 7.1 HEADER
---------------------------------------------- */
        #header{ height:129px; }
        
        #header h1{ float:left;width:161px; }
        #header h1 a{ background:url(images/logo-concordusa.png) no-repeat scroll 0 0 transparent; display:block; height:115px; text-indent:-9999px; width:175px; margin-top:10px; }

/* 7.2 DIVISION TOP NAVIGATION
---------------------------------------------- */

        #top{background-color:#ffffff;}
        #top-wrapper{height:30px;line-height:30px;}
        
        #top-wrapper ul{font-size:15px;font-weight:bold;right:0;list-style:none outside none;margin:0;position:absolute;top:0;z-index:1;}
        #top-wrapper ul li{float:left;margin:0;padding:0 10px 0;}
        #top-wrapper ul li a{color:#4b4b4b;padding:5px;}
     
/* 8.NAVIGATION
---------------------------------------------- */

/* 8.1 MAIN NAVIGATION ---------------- */

        ul#nav{ font-size:15px; font-weight:bold; list-style:none outside none;margin:50px 0 0;height:30px;float:right;}
        ul#nav li{ float:left;margin:0;padding:0 0 0 10px;position:relative;}
        ul#nav li a{ color:#4b4b4b;padding:5px;}
        ul#nav li.current_page_item a,
        ul#nav li.current_page_item a:link,
        ul#nav li.current_page_item a:active,
        ul#nav li.current_page_item a:hover,
        ul#nav li.current_page_item a:focus{ color:#222222;font-weight:bold; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:rgba(204,204,204,0.6);}
        ul#nav li.page_item a:hover,
        ul#nav li.page_item a:focus,
        ul#nav li.page_item a:active,
        ul#nav li.current_page_ancestor a{ color:#222222; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:rgba(204,204,204,0.6);}


/* 8.2 SECONDARY NAVIGATION ---------------- */

        #subnav{height:20px;list-style:none outside none;margin:0;padding:4px 0;position:absolute; right:0; top:75px; min-width:400px;}
        #subnav li{float:right;border-left:1px solid rgb(204,204,204);padding:5px 10px;background-color:rgba(204,204,204,0.6);margin:0;}
        #subnav li a{padding:5px;}
        #subnav a:active{text-decoration:underline}
        
        /* Submenu */
        #nav li ul{display:none;position:absolute;left:0;top:100%;padding:0;margin:0;width:380px;}
	#nav li.current_page_parent ul,
        #nav li:hover > ul{display:block;}

        #nav li ul li,#nav li ul li a{float:left;}
        #nav li ul li{_display:inline;/* for IE6 */}
        #nav li ul li a{display:inline;text-align:left;margin-top:6px;}
        
        /* SUBSUB Menu */
        #nav li ul li ul{display:none;}
        #nav li ul li:hover ul{left:100%;top:0;}
        #nav li ul li ul li a{float:left;}
        
        /* 8.2.1 Tertiary NAVIGATION ---------------- */
        #nav li.current_page_item ul.children,
        #nav li.current_page_parent ul.children{width:380px;display:inline;}
        #nav li.page_item ul.children li,
        #nav li.page_item ul.children li a,
        #nav li.current_page_item ul.children li,
        #nav li.current_page_item ul.children li a,
        #nav li.current_page_parent ul.children li,
        #nav li.current_page_parent ul.children li a,
        #nav li.page_item ul.children li a{float:left;background:none;font-weight:normal;padding-left:10px;}

        #nav li.current_page_parent ul.children li.current_page_item a{font-weight:bold;}

/*  8.3 BREADCRUMBS & PAGE TITLE -------------- */

        .breadcrumbs { padding: 20px 0 15px; font-size: 12px; }
        .breadcrumbs a { color: #4c4c4c; }

        #title { background: #ffffff url(images/bg-title.gif) repeat-x 0 0; height: 120px; }
        #title p {padding:0;}

/* 9. Footer
---------------------------------------------- */

#footer{background:#111111 url(images/bg-footer.gif) repeat-x 0 0;height:230px;color:#4c4c4c;text-align:center;padding:20px 0 0;}
#footer p{font-size:12px;padding:0;}
#footer ul{font-size:13px;margin:0;}

#footer div{ width: 100%; overflow: hidden; }
#footer div ul { list-style: none; position: relative; float: left; display: block; left: 50%; margin-bottom:20px;}
#footer div ul li { position: relative; float: left; display: block; right: 50%; }

#footer #social {margin:20px 0;padding-top:20px;}
#footer #social ul li a{background-image:url(images/sprites-social.gif);background-position:0 0;background-repeat:no-repeat;color:#666666;padding-left:20px;line-height:16px;vertical-align:middle;vertical-align:top;}
#footer #social ul li.linkedin a{background-position:0 0;}
#footer #social ul li.linkedin a:hover{background-position:0 -16px;}
#footer #social ul li.twitter a{background-position:0 -32px;}
#footer #social ul li.twitter a:hover{background-position:0 -48px;}
#footer #social ul li.facebook a{background-position:0 -64px;}
#footer #social ul li.facebook a:hover{background-position:0 -80px;}

#footer #divisions ul li a{background-image:url(images/sprites-footer.png);background-position:0 0; background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:70px; margin-top:10px;  padding:0 15px;}
#footer #divisions ul li.concord a{background-position:0 -300px;}
#footer #divisions ul li.concord a:hover{background-position:0 -350px;}
#footer #divisions ul li.blue a{background-position:0 0;}
#footer #divisions ul li.blue a:hover{background-position:0 -50px;}
#footer #divisions ul li.health a{width:150px;background-image:url(images/sprites-logo-large.png);background-position:0 5px;}
#footer #divisions ul li.health a:hover{background-position:0 -45px;}
#footer #divisions ul li.foundation a{background-position:0 -100px;}
#footer #divisions ul li.foundation a:hover{background-position:0 -150px;}
#footer #divisions ul li.tactical a{background-position:0 -400px;}
#footer #divisions ul li.tactical a:hover{background-position:0 -450px;}
#footer #divisions ul li.software a{background-position:0 -200px;}
#footer #divisions ul li.software a:hover{background-position:0 -250px;}
#footer #divisions ul li.capital a{width:111px;background-image:url(images/sprites-logo-large.png);background-position:0 -95px;}
#footer #divisions ul li.capital a:hover{background-position:0 -145px;}


/* 10.GLOBAL ELEMENTS
-----------------------------------------------*/

.input,textarea,select{border:1px solid #e5e5e5; padding:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#333333;}

.separator{border-top:1px solid #E3E3E3; margin-top:20px; padding-top:20px;}

/* 11.HOMEPAGE
---------------------------------------------- */

/* 11.1 TILES ------------ */

        #flash-card-container{ height:465px; position:relative; width:100%; z-index:1;}
        .block_inside,
        .flash-card{ cursor:pointer; position:relative; width:258px; height:320px; float:left; padding:0 14px;}
        .flash-card h2{font:24px/30px "Helvetica Neue",helvetica,arial,sans-serif;margin-top:7px;}
        .flash-card.front-card{cursor:default;}
        .loaded .flash-card{float:none;position:absolute;}
        .flash-card .fc-bg{left:1px;position:absolute;padding:0;top:1px;}
        .flash-card .fc-frame{left:0;position:absolute;top:0;}
        .flash-card .fc-floor{position:absolute;bottom:0;left:0;width:100%;z-index:-1;}
        .flash-card h2,.card-content{position:relative;}
        .card-content{background-color:rgba(220,220,220, .5);padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
        .card-content p{margin:0;padding:0;color:#111;font-weight:bold;}
        .fc-layout-3 .card-content,.fc-layout-6 .card-content,.fc-layout-9 .card-content{text-align:left;}
        .fc-layout-2 .card-content,.fc-layout-5 .card-content,.fc-layout-8 .card-content{text-align:left;}
        .card-header-2{text-align:right;}
        .card-header-3{text-align:center;}
        .loaded .flash-card-1{left:336px;top:105px;z-index:50;}
        .loaded .flash-card-2{left:130px;top:70px;z-index:40;}
        .loaded .flash-card-3{left:506px;top:70px;z-index:40;}
        .loaded .flash-card-4{left:40px;top:35px;z-index:30;}
        .loaded .flash-card-5{left:631px;top:35px;z-index:30;}
        .loaded .flash-card-6{left:470px;top:0;z-index:20;}
        .loaded .flash-card-7{left:175px;top:0;z-index:20;}
        .flash-card .card-content a:link,.flash-card .card-content a:visited{text-decoration:none;font-size:18px;font-weight:bold;color:#111;}
        .flash-card .card-content a:hover,.flash-card .card-content a:active{text-decoration:underline;}
        #flash-card-7 .card-header-3{text-align:right;}

/* 11.2 NEWS COLUMN -------- */

        #news_column_wrapper{background:url(images/news_column.gif) no-repeat 0 0;width:384px;height:122px;position:absolute;left:-21px;top:0;z-index:0;}
        #news_column{margin:0 0 10px 0;position:relative;z-index:1;}
        #news_column h3{margin-top:10px;font-weight:bold;padding-bottom:3px;text-transform:uppercase;}
        #news_column h3 a{background:transparent url(images/rss_16.png) no-repeat top right;padding-right:18px;float:right;color:#4c4c4c;font-size:13px;line-height:16px;}
        #news_column li{font-size:11.5px;line-height:13px;padding-left:10px;margin-left:0;}
        #news_column li a{color:#f90;font-weight:bold;font-size:12px;}
        #news_column p{padding:0 10px;font-size:10px;margin-bottom:5px;}

/* 11.3 SOCIAL COLUMN -------- */

        #social_column{/*line-height:120px;*/}
        #social_column ul{margin:44px 10px;float:left;}
        #social_column ul li{display:inline-block;margin-left:16px;}
        #social_column ul li a{background-image:url(images/social_column.png);background-position:0 0;background-repeat:no-repeat;color:#666666;padding-left:40px;line-height:32px;vertical-align:middle;display:block;}
        #social_column ul li.linkedin a{background-position:0 -32px;}
        #social_column ul li.twitter a{background-position:0 -64px;}
        #social_column ul li.facebook a{background-position:0 0;}
        
        #workplace {float:left;margin:22.5px 0;width:100px;height:75px;}

/* 12. DIVISION PAGES
---------------------------------------------- */
body.home #content .graybar .container_16{background:none;}

body.concordblue{background-image:url(images/bg-blue.gif);background-position:0 30px;}
body.concordblue #header h1 a{background-image:url(images/logo-blue.png);margin-top:5px;}
body.concordblue ul#nav li a{color:#111;}

body.concordusa{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordusa #header h1 a{background-image:url(images/logo-concordusa.png);background-position:0 12px;}
body.concordusa ul#nav li a{color:#111}

body.concordhps{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordhps #header h1 a{background-image:url(images/logo-hps.png);margin-top:5px;width:220px;}
body.concordhps ul#nav li a{color:#111;}

body.concordfoundation{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordfoundation #header h1 a{background-image:url(images/logo-foundation.png);margin-top:5px;}
body.concordfoundation ul#nav li a{color:#111;}

body.concordtactical{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordtactical #header h1 a{background-image:url(images/logo-tactical.png);margin-top:5px;}
body.concordtactical ul#nav li a{color:#111;}

body.concordsoftware{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordsoftware #header h1 a{background-image:url(images/logo-software.png);margin-top:5px;}
body.concordsoftware ul#nav li a{color:#111;}

body.concordcapital{background-image:url(images/bg-gray2.gif);background-position:0 30px;}
body.concordcapital #header h1 a{background-image:url(images/logo-capital.png);margin-top:5px;width:220px;}
body.concordcapital ul#nav li a{color:#111;}

body.contact #main{background:transparent url(images/bg-contact.jpg) no-repeat 0 0;height:469px;}
body.contact p{color:#222;}

/* Fix up IE6 PNG Support 
-----------------------------------------------*/
img, #header h1 a,#footer #divisions ul li a  { behavior: url(/wp-content/themes/concordusa/scripts/iepngfix.htc);}