@import url(extended-type.css);

/*** Primary Style Sheet for Theme ***/

body         { background: transparent url("../images/bodyBg.gif") repeat-x 0 -300px; 
            font: 12px/1.4 Arial, Helvetica, Garuda, sans-serif;
            color: #595959;}
body.alternate    { background: transparent url('../images/bodyBg-fullSizeSubPage.gif') repeat-x 0 0; }  /* alternate layout background */

body.home      { background-position: 0 0; }                              /* background position on home page */
body.home.alternate  { background-image: url('../images/bodyBg-fullSize.gif'); }                /* background position on home page */
#TopWrap      { background: transparent url('https://www.woundedwarriorregiment.org/WWR/includes/themes/boost/images/untitled.png') no-repeat 50% 0; }   /* part of alternate home page layout */

/*body, body.alternate, div#fancybox-outer  { background-color: #f4f5f6; }  */                /* previous primary background color  - changed because it caused problems on site*/
body, body.alternate, div#fancybox-outer  { background-color: #fcfbf8; }                  /* primary background color */

  
/* links */

#MainMenu a:link, #MainMenu a:visited  { color: #19B9D1; }  /* menu links - top level items */
#MainMenu a:hover, #MainMenu a:active  { color: #fff; }
#MainMenu a.isMenuItem          { font-size: 1.4em; }
#MainMenu a.isMenuItem span.subTitle   { display: block; color: #8E8D92; font-size: 0.7em; margin: 0; text-transform: lowercase; }

#MainMenu .sf-menu li li a:link, #MainMenu .sf-menu li li a:visited  { color: #D0CED5; }  /* menu links - sub-menu link color */

#MainMenu .sf-menu li li:hover, #MainMenu .sf-menu li li.sfHover, #MainMenu .sf-menu li li a:focus, 
#MainMenu .sf-menu li li a:hover, #MainMenu .sf-menu li li a:active { background: #3E3C44; color: #fff; }  /* menu links - sub-menu items, hover state */


/* logo */  /* width of the logo image is kept in the extended.css file */

#Logo  { float: left; position:relative; margin: -62px 0 0 0; left: -125px;  }
#Logo a { display: block; margin-top: 3px; }
#FooterLogo { margin-top: -4px; }


/* pagination */

.pagination       { display: block; margin-top: 1em; margin-bottom: 2em; }
.pagination a      { text-align: center; padding: 3px 8px; margin: 0 2px; border: 1px solid #D3D3D3; background: #fff; }
.pagination a:hover    { }
.pagination a.current   { border-color: #BCBCBC; background: #D8D9DA; color: #fff; font-weight: bold; }


/* design structure */

.pageWrapper { width: 990px; margin: 0 auto; padding: 0; z-index: 1;}

.pageMain { margin: 14px 0px 0; }
  
/* content containers */

  .contentArea  { padding: 0; margin-left: -14px }

  /* layouts styles */
  .one-fourth, .one-third, .two-thirds, .half-page, .full-page { float: left; margin: -8px 0 0 28px; }
  .one-fourth  { width: 217px; }
  .one-third  { width: 300px; }
  .two-thirds  { width: 634px; }
  .half-page  { width: 466px; }
  .full-page  { float: none; }
  
  .sidebar { padding: 0 12px; width: 276px; }
  .alternate .sidebar { margin-top: 72px; }   /* for alternate layout with top bg color */
  .home.alternate .sidebar { margin-top: -8px; }  /* for alternate layout with top bg color */
  
  /* footer containers */
  #FooterContent    { padding: 35px 0 12px; background: transparent url("https://www.woundedwarriorregiment.org/WWR/includes/themes/boost/images/footerBg-repeat.png") repeat-y 0 0;}
  #FooterExtra    { margin-top: -65px; position: relative; }
  #Footer .one-fourth  { border-left: 2px solid #fff; border-right: 1px solid #E4E6E7; height: 248px; margin: 0; padding: 0 19px; width: 212px; }
  #Footer .first    { border-left: 0; }
  #Footer .last    { padding-right: 0; border-right: 0; }

  /* content panel containers (hidden top content area) */
/*  #TopReveal      { background: #F4F5F6 url("../images/topReveal-shadowBottom.png") repeat-x 0 100%;
              border-bottom: 1px solid #fff; border-top: 1px solid #fff; display: none; height: 146px; margin: 10px 0 0; position: relative; } */

    /* previous content containers (hidden top content area) - changed due to the color being put all over the page and out of the normal page structure */
    #TopReveal      { background: #FFFFF url("../images/topReveal-shadowBottom.png") repeat-x 0 100%;
              border-bottom: 1px solid #fff; border-top: 1px solid #fff; display: none; height: 146px; margin: 10px 0 0; position: relative; }
              
              
  .TopReveal-inner   { background: transparent url("../images/topReveal-shadowTop.png") repeat-x 0 0; padding: 16px 0; }
    
  /* breadcrumbs */
  .breadcrumbs       { margin-top: -1em; text-align: center; }
  .alternate .breadcrumbs { text-align: left; margin-bottom: 2em; }


/* page begin/end effect */

.pageEdge { position: relative; z-index: -1; }
.pageTop, .pageBottom { margin: 0 auto; width: 95%; min-width: 960px; position:relative; }
.pageTop, .pageBottom, .pageEdgeLeft, .pageEdgeRight, .pageEdgeMiddle { height: 135px; }
.pageTop .pageEdgeMiddle, .pageBottom .pageEdgeMiddle { margin: 0 75px; }
.pageTop .pageEdgeLeft, .pageTop .pageEdgeRight,
.pageBottom .pageEdgeLeft, .pageBottom .pageEdgeRight { width: 75px; position: absolute; }

.pageTop { margin-top: -50px; margin-bottom: -50px; }
.pageTop .pageEdgeMiddle  { background: transparent url("../images/PageTopBg-repeat.png") repeat-x 0 0; }
.pageTop .pageEdgeLeft    { left: 0; background: transparent url("../images/PageTopBg-left.png") no-repeat 0 0; }
.pageTop .pageEdgeRight    { right: 0; background: transparent url("../images/PageTopBg-right.png") no-repeat 0 0; }

.pageBottom { margin-bottom: -50px; margin-top: -50px; }
.pageBottom .pageEdgeMiddle  { background: transparent url("../images/PageBottomBg-repeat.png") repeat-x 0 0; }
.pageBottom .pageEdgeLeft  { left: 0; background: transparent url("../images/PageBottomBg-left.png") no-repeat 0 0; }
.pageBottom .pageEdgeRight  { right: 0; background: transparent url("../images/PageBottomBg-right.png") no-repeat 0 0; }


/* main menu */

#MenuWrapper  { height: 62px; width: 100%;}
#MainMenu    { float: right; position: relative; right: -70px; z-index: 99; }
#MmLeft      { float:left; }
#MmRight    { float:right; width:5px;}
#MmBody      { float: right; width: 100%; height: 62px; }
/*#MmOtherLinks  { float: left; }*/

.mmDivider {
  float: left;
  width: 1px;
  height: 40px;
  margin: 24px 6px 0 0;
  padding: 0 0 0 5px;
  border-right: 1px solid #38373F;}

#MainMenu .sf-menu li li    { background: #2E2C32; } /* sub-menu background */
#MainMenu .sf-menu li li li    { background: #27262B; } /* sub-sub-menu background */
  
  /* separator in main menu dropdowns */
  #MainMenu .sf-menu .separator-item hr { height:1px; border: 0; color: #fff; background-color: #fff; margin: 0 13px; opacity: 0.3; }
  
  /* icons for menu items */

  .mmLogin  { background: transparent url("../images/icons/bullet-lock.png") no-repeat 0 50%; padding-left: 20px; }
  .mmFeeds  { background: transparent url("../images/icons/bullet-feed.png") no-repeat 0 50%; padding-left: 20px; }
  .mmRSS    { background: transparent url("../images/icons/feed.png") no-repeat 0 0; padding: 2px 0 1px 25px;; }
  .mmFacebook  { background: transparent url("../images/icons/facebook.png") no-repeat 0 0; padding: 2px 0 1px 25px; }
  .mmTwitter  { background: transparent url("../images/icons/twitter2.png") no-repeat 0 0; padding: 2px 0 1px 25px; }


/* header */

#HeaderWrapper { position: relative; z-index: 68; width: 95%; }
#Header { margin: 0 auto; width: 95%; position:relative; }
#Header, #HeaderMiddle, #HeaderLeft, #HeaderRight { height: 97px; }
#HeaderContent { background: transparent url("../images/topBg-glow.png") no-repeat 20% 0; margin: 0 auto; width: 80%; height: 89px; }

#HeaderMiddle  { margin: 0 60px; background: transparent url("../images/topBg-repeat.png") repeat-x 0 0; }
#HeaderLeft    { width: 150px; position: absolute; left: 0; background: transparent url("../images/topBg-left.png") no-repeat 0 0; }
#HeaderRight  { width: 100px; position: absolute; right: 0; background: transparent url("../images/topBg-right.png") no-repeat 0 0; }


/* search */

#Search              { background: transparent url("../images/search-bg.gif") no-repeat 0 0;
                  cursor: text; height: 34px; margin: 0 0 1em; overflow: hidden; width:298px; }
#SearchWrapper .searchHover   { background-position: 0 -34px; }
#SearchWrapper .searchActive   { background-position: 0 -68px; cursor: pointer; }
#SearchInput           { background: transparent; border: 0; float: left; font-size: 13px; height: 20px; margin: 0;
                  padding: 2px 0 3px 17px; width: 200px; }
#SearchSubmit          { background: transparent; border: 0; cursor: pointer; display: none; float: left; height: 30px;
                  margin: 1px 0 0; padding: 0; width: 73px; }
.sidebar #SearchWrapper     { margin: 0 -12px; } /* to counter act sidebar padding */


/* slide show */

#Slideshow { height: 435px; overflow: hidden; margin: -8px -8px 0;}
#SlideTop, #SlideRepeat, #SlideBottom, .slidePrev, .slideNext,
#slidePager, #SlidesWrapper { position: relative; z-index: 59;}
  
#SlideTop, .slideTopLeft, .slideTopRight, .slideTopMiddle  { height: 16px; }
#SlideTop, #SlideBottom { overflow: hidden; position: relative;}
  .slideTopLeft, .slideBottomLeft    { left: 0; position: absolute; width: 25px; 
                      background: transparent url("../images/slideTop-left.png") no-repeat 0 0; }
  .slideTopRight, .slideBottomRight  { right: 0; position: absolute; width: 25px;
                      background: transparent url("../images/slideTop-right.png") no-repeat 100% 0; }
  .slideTopMiddle, .slideBottomMiddle { margin: 0 25px; background: transparent url("../images/slideTop-repeat.png") repeat-x 0 0; }
    
#SlideBottom, .slideBottomLeft, .slideBottomRight, .slideBottomMiddle  { height: 48px; }
#SlideBottom { clear: both; }
    /* .slideBottomLeft  { background: transparent url("../images/slideBottom-left.png") no-repeat 0 100%; }*/
   /* .slideBottomRight  { background: transparent url("../images/slideBottom-right.png") no-repeat 100% 100%;}*/
  .slideBottomMiddle  { background: transparent url("../images/slideBottom-repeat.png") repeat-x 0 100%;}

#SlideRepeatLeft          { background: transparent url("../images/slideRepeat-left.png") repeat-y 0 0;
                    float: left; height: 306px; width:10px; }
#SlideRepeatRight          { background: transparent url("../images/slideRepeat-right.png") repeat-y 100% 0; 
                    float: right; height: 306px; width: 10px; }
#SlideShadow            { background: transparent url("../images/slideShadow.png") no-repeat 0 0; 
                    height: 67px; margin: 8px 0 0; overflow: hidden; position: relative; top: -358px; width: 650px; }
#SlidesWrapper            { background: #fff; height: 341px; margin: 0 0 0 9px; overflow: hidden; top: -348px; width: 628px; }

#SlideNextPrev,.nivo-directionNav  { bottom:0; height:30px; margin: 0 0 0 258px; position: absolute; width: 134px; z-index: 59; }
.nivo-directionNav          { bottom: 5px; }
a.slidePrev,.nivo-prevNav      { background: transparent url("../images/slidePrev.png") no-repeat 0 0;
                    float: left; height: 30px; text-indent: -9999px; width: 67px; }
a.slideNext,.nivo-nextNav      { background: transparent url("../images/slideNext.png") no-repeat 0 0; 
                    float: right; height: 30px; text-indent: -9999px; width:67px; }
a.slidePrev:hover, a.slideNext:hover,
a.nivo-prevNav:hover, a.nivo-nextNav:hover { background-position: 0 -30px;}

  /* slide show - alternate layout (jQuery Cycle Full width */
  #SlideshowFull { width: 990px; height:427px; margin: -12px auto 8px; position: relative; overflow: hidden; }
  #SlideshowFull #SlidesWrapper { width: 972px; }
  #SlideshowFull #SlideNextPrev, #SlideshowFull .nivo-directionNav { margin-left: 413px; }
  #SlideshowFull #SlideTop { height:11px; margin-bottom:5px; }
  #SlideshowFull #SlideRepeatLeft, #SlideshowFull #SlideRepeatRight { width: 8px; }
  #SlideshowFull #SlideShadow { width: 990px; background: transparent url("../images/slideShadow-fullSize.png") no-repeat 0 0; }
  
  /* slide show - 2 (kwicks) */
  .kwicks li         { width: 100px; height: 341px; margin-bottom: 3px; }  
  .kwicks li .coverUp    { position: absolute; top: 0; left: 0; width: 100px; height:341px; }
  .kwicks li .slideInfo  { position: absolute; bottom: 0; left: 0; padding: 2em 2em 1em 2em; background: #222; color: #ccc; width: 100%; display:none; }
  .kwicks li .slideInfo h1, .kwicks li .slideInfo h2, .kwicks li .slideInfo h3,
  .kwicks li .slideInfo h4, .kwicks li .slideInfo h5  { color: #fff; }

  
/* showcase/spotlight */

#Showcase   { padding: 0; }
#Showcase .one-third { margin: 0; }


/* side navigation menu */

ul.sideNav    { margin-left: 0; padding: 0; }
ul.sideNav li  { background: none; font-size: 1.1em; margin: 0; padding: 0; }
.sideNav li a  { border-bottom: 2px dotted #CECED0; display: block; margin: 0; padding: .5em 5px .5em .5em; 
          text-decoration: none; text-shadow:#fff 1px 1px 0; }
.sideNav li.currentPage, .sideNav li.current-cat, .sideNav li.current_page_item   { border-left: 4px solid #119CA6; }  /* active page marker */
.sideNav li.currentPage  a, .sideNav li.currentPage a:link, .sideNav li.currentPage a:visited, .sideNav li.currentPage a:hover, 
.sideNav li.currentPage a:active, .sideNav li.current-cat a, .sideNav li.current-cat a:link, .sideNav li.current-cat a:visited, 
.sideNav li.current-cat a:hover, .sideNav li.current-cat a:active, .sideNav li.current_page_item a, .sideNav li.current_page_item a:link, 
.sideNav li.current_page_item a:visited, .sideNav li.current_page_item a:hover, .sideNav li.current_page_item a:active  { 
  color: #2C2C2C; font-weight: bold; padding-left: 0.75em; }


/* featured content */

.featuredContent  { margin: 0 0 1.7em; }
.featuredItem    { clear: left; margin:0 0 -2px; padding:0 0 2em; background: transparent url("../images/divider-small.png") no-repeat 50% 100%; }
.featuredText    { padding: 0.5em 4px 0; clear: both; }
.featuredText p   { margin-bottom: 0.25em; }
.featuredImg     { }
.featuredImg img   { width: 268px; }
.featuredItem .title { display:block; font-size: 1.55em; margin: 0 0 0.2em; }


/* login */

.loginForm            { height: 230px; width: 418px; overflow: hidden; }
#TopReveal .loginForm      { width: auto; }
.loginContainer          { color: #C6C6C6; float: left; height: 142px; overflow: hidden; padding: 15px 0 0 20px; width: 245px; }
#loginBg            { float: left; margin: 17px 0 0 10px;}
#loginBg #loginBgGraphic    { width: 128px; height: 128px; background: transparent url("../images/icons/lock-and-key.png") no-repeat 0 0; }
.loginForm fieldset legend    { display: none; }
.loginContainer p        { margin: 0 0 0.5em; }
.loginContainer .loginInput    { width: 217px; }
.loginForm .signInButton    { margin: 0 18px 0 0; }
a.loginClose          { background: transparent url("../images/fancybox/smallClose.png") repeat 0 0;
                  display: block; height: 30px; overflow: hidden; position: absolute; right: 0; text-indent: -999px; top: -5px; width: 36px; }
a.loginClose:hover, a.loginClose:active { background-position: 0 -30px; }


/* top reveal content panel */

#TopReveal #loginBg    { margin: 0 15px 0 0; }
#TopReveal .closeBtn  { background: transparent url("../images/fancybox/smallClose.png") repeat 0 0;
              float: right; height: 30px; margin: -7px 10px 0; overflow: hidden; text-indent: -999px; width: 36px; }
#TopReveal .closeBtn:hover, #TopReveal .closeBtn:active { background-position: 0 -30px; }


/* blog post */

.blogPost                 { margin-bottom: 2em; }
.blogPost.fullPost            { padding-top: 1em; }
.blogPostHeader             { height: 85px; margin: 0 -8px -20px -7px; overflow: hidden; padding: 14px 0 0 10px;
                      background: transparent url("../images/blog-titleBg.png") no-repeat 0 0; }
.blogPostSummary, .blogPostContent    { margin: 0 10px 1.5em 0; }
.blogPostImage              { float: left; margin: 0 1em 1em 0; }
.blogPostImage img            { width: 300px; }
.blogPostSummary p, .blogPostContent p  { line-height: 1.5em; }
.blogPostEven .blogPostImage       { float: right; margin: 0 0 1em 1em; width: 308px; }  
.blogPostEven .blogPostImage a, 
.blogPostEven .blogPostImage a.img, 
.blogPostEven .blogPostImage img    { float: right; }  

  /* blog speicfic font styles */  
  .blogPostHeader h1  { margin-bottom: 0; }
  .blogPostInfo     { font-size: 1.17em; font-weight: normal; }
  .blogPostInfo a    { font-weight: bold; }
  .blogDate       { float: right; text-align: center; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 12px 0 0; }
  .blogDate .postDay   { font-size: 2em; display: block; margin-top: -0.2em; }


/* portfolio page */

.portfolioArea        { margin-left: -28px; }
.portfolioItem        { float:left; margin: 0 0 22px 28px; width: 305px; }
.portfolioItem h4,.portfolioItem p  { margin: 0 0 .65em; padding: 0; }
.portfolioItem p      { height: 60px; overflow: hidden; }
.portfolio-image      { height: 167px; width: 296px; }
.portfolioDescription    { clear: left; overflow: hidden; padding: 8px; }
.portfolioFeatured       { margin: 2.5em 0 0 -20px; }
.portfolioFeaturedItem    { float: left; margin: 0 0 8px 20px; }
.portfolioFeaturedItem img  { width: 170px; height: 100px; }


/* contact */

#CommentForm fieldset legend  { display: none; }
#CommentForm div         { margin-bottom: 1.5em; }    /* space between inputs */
#CommentForm .textInput, 
#CommentForm textarea      { width: 325px; margin: 0; }  /* margins set by containers <div> */
#CommentForm textarea       { height: 150px; }
#CommentForm input.error, #CommentForm textarea.error { background-color: #ffc; border-color: #EF7E58; }
#CommentForm label.error {
  display: block;
  color: #f33;
  font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif;
  line-height: 1em;    /* required for negative margins to work fully */
  margin: 0.2em 0 -1.2em;  /* negative margins counter act error message space so input fields don't shift */
}
  /* Success message after sending contact form */
  .success  { border-top: 1px solid #ccc; font-weight: bold; margin: 25px 0; padding: 25px 0; }
  /* Error message after sending contact form */
  .error    { color: #f33; font-weight: bold; margin: 10px 0; }


/* table styles */

table { border-collapse: collapse; border-spacing: 0; }
#FeatureMatrix {padding: 25px 0;}
#FeatureMatrix {font-size: 12px;}
#FeatureMatrix th.matrixColumn, #FeatureMatrix td.matrixItem,#FeatureMatrix td.matrixOdd,#FeatureMatrix td.matrixEven {
  background-color: #e4e4e4; border-color: #C6C6C6; border-style: solid; border-width: 1px 1px 0; text-align:center; }
#FeatureMatrix td.matrixItem  { font-weight: bold; }
#FeatureMatrix td.matrixEven  { background-color: #F0EEF9; }
#FeatureMatrix td.matrixOdd    { background-color: #F9F9F9; }
#FeatureMatrix th h6      { font-size: 14px; font-weight: bold; margin-top: 11px; padding-bottom: 3px; }
#FeatureMatrix .matrixItem    { padding: 15px 0; width: 200px; }
#FeatureMatrix td         { width: 150px; }
#FeatureMatrix td.checkMark   { background: transparent url("../images/bullets/check.gif") no-repeat center center; }
#FeatureMatrix td.last       { border-bottom: 1px solid #C6C6C6; }

/* comments */

.commentlist, .commentlist .children  { margin: 0 0 1em 0; }
.commentlist .comment          { background:#fff; border:1px solid #DBDEDF; margin:0; padding:1em; }
.commentlist .children .comment      { background:#E8EBEC; border-left-width:3px; margin-left:2em; margin-top:1em; }
.commentlist .comment-author      { background:#fff; border:1px solid #ccc; float:left; margin-right:15px; padding:15px 0; text-align:center; width:80px; }
.commentlist .fn            { display:block; }
.commentlist .says            { display:none; }
.commentlist .reply            { clear:both; text-align:right; }
.commentlist .comment-meta        { font-size:.85em; margin:0 0 .5em; }


/* other */

div#fancy_overlay { background: #2c2c2c; }  /* overlay color */
$("h3 collapsible").each(function(){$(this).next("P").hide();});
$("h3 collapsible").click(function(){$(this).next("P").toggle();});
$("h3 collapsible").each(function(){$(this).next("P").show();});


/* wp */

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; }
.alignleft    { float:left; padding:2px 0 0 10px; }
.alignright   { float:right; padding:2px 10px 0 5px; }