/*
Theme Name: _tk_vets-club-two
Theme URI: http://layouts.many-to-many.org/vets-club-two
Template: _tk
Author: many-to-many.org
Author URI: http://many-to-many.org
Description: Variation of _tk intended to suit the purposes of Veterans Clubs
License: GNU General Public License
License URI: see license.txt
Tags: Club Web Site, Veteran's Club
Text Domain:  _tk_vets-club-two
*/

@import url("../_tk/style.css");
@import url("plugins.css");

@import url("display.css");




/*          # # # # # # # # # # # # # # # # # # # # # # # #          @BASE          # # # # # # # # # # # # # # # # # # # # # # # #          */



body {

font-family:; font-size: 1.6rem; 

background: 
   url(images/ribbon-back.png) repeat-x,
   url(images/flag-back.jpg) top center no-repeat fixed;



-webkit-box-shadow: inset 0px 0px 157px 68px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 157px 68px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 157px 68px rgba(0,0,0,0.75);


 }




p {text-align:left; font-size: 1.6rem; margin-left:21px;}

h1 {font-size: 4rem; font-weight: bold; text-decoration:none; display:block; text-align:left !important; padding:0px; margin:0px;}

h3 {font-size: 1.8rem; font-weight: bold;}

a {color:#c70000;}

a:hover {color:black;}


.ctr {text-align:center;} 



#content { position:relative; background-color:none; background: url(images/ribbon-back.png); background-repeat: repeat-x; z-index: 2001;}




.big-back {border-left: 1px solid rgba(255,255,255,0.2); border-right: solid 1px rgba(0,0,0,0.7); 
    background:rgba(0,0,0,0.4);  
}


/*          # # # # # # # # # # # # # # # # # # # # # # # #          @HEADER          # # # # # # # # # # # # # # # # # # # # # # # #          */




.head-frame {display:block; border-radius:0px; height: auto; background-color:#f9f9f8; border: solid 2px black; padding:0px; margin: 4rem 0px 0px 0px;}

.head-frame img {
    width: auto;
    height: 200px;
    margin:14px 14px 14px 0px ; 
}

.home-item-box {border-radius:0px; text-align:left; margin:0px; padding:0px; background-color:#f9f9f8; border: solid 2px black;}

.full-item-box {border-radius:0px; text-align:left; margin:0px 0px 20px 0px; padding:0px 21px 21px 21px; background-color:#f9f9f8; border: solid 2px black;}

.FIXpage-header {border-radius:0px; text-align:left; margin-bottom:0px; margin-top:7px; padding:0px 21px 21px 21px; background-color:#f9f9f8; border: solid 2px black;}

.page-header { margin-bottom:0px; margin-top:7px; padding:0px 21px 21px 21px; }


.header-image-box {text-align:center;}
.header-image-box img {height:auto;}

.site-header-inner {
  background-image: url(../images/vfw-header-back.jpg);
  background-position:  center center;
  background-repeat: no-repeat;
}


.contact-info {color: silver; font-size:1.5rem; font-weight: bold; border-radius:0px; text-align:center; margin: 0px 0px 14px 0px; padding:7px 21px 7px 21px; background-color:#00002A; border: solid 2px black;
-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
}



/*          # # # # # # # # # # # # # # # # # # # # # # # #          @CAROUSEL          # # # # # # # # # # # # # # # # # # # # # # # #          */



.carousel {display: block; border: solid 2px black;}


.carousel-control {
  width: 15%;
  opacity: 0;
  filter: alpha(opacity=33);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}


.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}

.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=0);
}




/*          # # # # # # # # # # # # # # # # # # # # # # # #          @TITLE          # # # # # # # # # # # # # # # # # # # # # # # #          */




.site-title {padding:0px; margin:0px; font-weight: bold; text-shadow:none; font-size:20px; text-align: center !important;
   -wwebkit-text-stroke: 1px black;
	text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 1px;
}

.site-title a {text-decoration:none; color: #372d0f !important}
.site-title a:hover {color:#000039; color: #372d0f !important}
.site-title a:visited {color:#000039; color: #372d0f !important}

.site-info {text-decoration:none; text-align:center; }
.site-info a {color: #333333;}
.site-info a:hover {text-decoration:none; color: gray;}
h1, h2, h4 {font-size: 16px; color: #4f4e63; text-align:center;}
h1, h2 {font-weight:bold; font-color: #4f4e63;}
.logo {width: 336px; height: 125px;}
.site-description {font-size: 2rem; color: black; font-weight: bold; text-align:center !important; text-shadow:none;}
.page-title {font-size: 26px; text-align:left; padding: 14px 0px 0px 0px ;}









/*          # # # # # # # # # # # # # # # # # # # # # # # #          @WIDGET          # # # # # # # # # # # # # # # # # # # # # # # #          */




.widget { margin-bottom: 21px; border-radius:0px; text-align:left; margin: 0px 0px 20px 0px; padding: 0px; background-color:#f9f9f8; border: solid 2px black;
-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
}

.sidebar-padder {padding: 0px; margin: 0px;}




/* .sidebar { position:relative; background-color:none; background: url(images/ribbon-back.png); background-repeat: repeat-x; z-index: 2001;}  */



/*          # # # # # # # # # # # # # # # # # # # # # # # #          @MENU          # # # # # # # # # # # # # # # # # # # # # # # #          */




.left-menu img {padding: 21px 35px 21px 35px; max-width:210px;}

.left-menu {font-weight: bold; font-size: 1.75rem; text-align: center; list-style-type: none;}

.left-menu a:link {display:block; padding: 0px 0px 0px 0px; border: 2px solid black; width: 100%; list-style-type: none; margin-bottom: 7px; background-color: white; text-align:center;
-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
}

.left-menu a:hover {border: 2px solid #c70000; background-color: white; text-decoration:none; color:black;}
.left-menu a:active {text-decoration:none; color:black;}
.left-menu a:visited {text-decoration:none; color:black;}

.left-menu ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.branch-logos-box { margin: 0px 0px 21px 0px; background-color:none;
}



.menu-box {border-radius:0px; text-align:center; margin: 0px 0px 20px 0px; padding:14px 0px 0px 0px; background-color:none;}

.menu-box a:link {
    display: block;
    padding: 0px;
    border: 2px solid #000;
    width: 100%;
    list-style-type: none;
    margin-bottom: 7px;
    background-color: #FFF;
    text-align: center;
    box-shadow: 7px 7px 21px -7px rgba(0, 1, 0, 0.6);
}

.menu-left-menu-container {border-radius:0px; text-align:center; margin:0px 0px 20px 0px; padding:0px;}

.page_item {text-align:center;}

.current_page_item {text-align:center;}




/*          # # # # # # # # # # # # # # # # # # # # # # # #          @CONTENT          # # # # # # # # # # # # # # # # # # # # # # # #          */




.center-content-box {border-radius:0px; text-align:left; margin: 0px 0px 14px 0px; padding:0px 21px 21px 21px; background-color:#f9f9f8; border: solid 2px black;
-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
}


.main-content-inner {padding: 0px 0px 0px 0px;}


#content {border-left: solid 1px rgba(0,0,0,0.6); border-right: solid 1px rgba(255,255,255,0.2); 
background-color: rgba(142, 146, 177, 0.21);  
}






/*          # # # # # # # # # # # # # # # # # # # # # # # #          @SPONSOR          # # # # # # # # # # # # # # # # # # # # # # # #          */



.sponsor-ad {text-align:center; border: solid 2px black;}

.sponsor-widget-box {border-radius:0px; text-align:left; margin:0px 0px 20px 0px; padding:0px; background-color:#f9f9f8; border: solid 2px black;}

.sponsor-sidebar-list-group {padding:21px;}
.sponsor-sidebar-list {padding-bottom:7px; list-style:none;}



.logo-box {text-align:right; width:100%;}


.site-branding { color: black !important; border-radius: 4px; height: 49px; font-size:20px; text-transform: uppercase; font-weight:bold; width:100%; background-color:; padding: 11px 0px 7px 0px; margin: 11px 0px 21px 0px; text-align:center;

   -wwebkit-text-stroke: 1px black;
   color: black;
   ttext-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;

}

.widget-head-box { z-index:1200; color: rgba(195,165,62,0.6) !important; border-radius: 4px; height: 49px; font-size:20px; text-transform: uppercase; font-weight:bold; width:100%;  padding: 11px 0px 7px 0px; margin: 11px 0px 20px 0px; text-align:center; text-shadow: 1px 1px 1px rgba(255,255,255,0.1), -1px -1px 3	px rgba(0,0,0,0.4);
}









.widget-area img {padding:0px; margin:0px;}

.menu-logo {background-color:#00002A; padding:20px  !important; width:75% !important;}

.menu-logo-link { display:block; background-color:#00002A; padding: 14px 0px 14px 0px; text-align:center; border: solid 2px black;}

.menu-logo-link a:hover {background-color:green !important;}

.location-photo {width:100%; margin: 0px 0px 14px 0px; border: 2px solid black; border-radius:0px;


-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);

}

.ccontainer { background-color:rgba(255,255,255,0.3); }




.container {
    padding: 0px 15px 0px 15px;
        padding-top: 0px;
        padding-right-value: 15px;
        padding-bottom: 0px;
        padding-left-value: 15px;
}


/*          # # # # # # # # # # # # # # # # # # # # # # # #          @FOOTER          # # # # # # # # # # # # # # # # # # # # # # # #          */




.site-info {color: silver; font-size:1.2rem; font-weight: bold; border-radius:0px; text-align:center; margin: 0px; padding:7px 21px 7px 21px; background-color:#00002A; border: solid 2px black;
-webkit-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
-moz-box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
box-shadow: 7px 7px 21px -7px rgba(0,1,0,0.6);
}


.site-footer-inner {margin:0px !important; padding:0px !important;}

.site-footer {margin:0px !important; padding:0px !important;}

/*          # # # # # # # # # # # # # # # # # # # # # # # #          @BREAKPOINTS          # # # # # # # # # # # # # # # # # # # # # # # #          */





@media screen and (min-width: 1200px) {

.left-menu img {padding: 0px; max-width:263px;}

}


@media screen and (min-width: 480px){
     
    }
    
    
    
    
    
    
    
    
    
    
    
.ngg-albumoverview {width:100%; text-align:center; margin-left:25px;}
    
    
.ngg-imagebrowser h3 {display:none;}
    
    
.carousel {margin-bottom:14px;}
    
    
.display-posts-listing .listing-item {
    clear: both;
}

.display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;
}


.display-posts-listing {}

.listing-item { display:block; border-top: solid 1px silver; padding:14px; margin:14px;}
.listing-item .title {font-weight:bold; font-size: 18px;}
.listing-item .date { font-size: 14px; color:gray; float:right;}
.listing-item .excerpt-dash {display:none;}
.listing-item .excerpt {display:block; }



.sponsor-ad-logo {border:solid 1px black; margin-top:21px !important;}
.page-title {width:100%; text-align:center !important;}