/*  
        Theme Name: DCGS-A Theme
        Version: 0.5.1
        Author: Solari Creative
*/
/*

Built with Bootstrap. 
For core Bootstrap related css changes see "bootstrap-theme.css".
Very minor changes made to the default bootstrap.css, essentially just set glyph font locations.
@media adjustments are grouped with related elements, easier to know when/where these adjustments are made.
  
*/
/************************************************************************************
Layout / Sitewide Styles
*************************************************************************************/
.test {
	border: 1px solid red;
}

body {
	background-color: #373737;
	background: url(_lib/img/bg-top.png) 0 100px repeat-x,url(_lib/img/bg-base.jpg);
	position: relative;
}

body.home {
	background: url(_lib/img/bg-top.png) 0 485px repeat-x,url(_lib/img/bg-base.jpg);
}

img.navbar-logos {
	padding: 15px 10px 0 0;
}

.container.main {
	background: #fff;
}

.search p.meta {
	display: none;
}

/************************************************************************************
Nav / Banner
*************************************************************************************/
.container-fluid.banner-wrapper {
	background: #78a156 url(_lib/img/bg.jpg) 0 0 repeat-x;
}

.container.banner {
	padding: 10px 0;
}

.container.banner P {
	font-size: 70%;
	font-weight: 700;
	line-height: 1.1em;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	margin: 0;
}

.container.banner P a {
	color: #333;
	padding: 2px 5px;
	text-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.container.banner P a:hover {
	text-decoration: none;
	background-color: #588224;
	color: #fff;
}

.breadcrumbs {
	background-color: #f3f3f3;
	font-size: 80%;
	margin-top: 10px;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
	background-color: #24561F;
	color: #fff;
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
	background-color: #78A156;
}

.nav > li > a {
	padding: 10px;
}

/************************************************************************************
Page Layout & Structure
*************************************************************************************/
.row.main {
	padding-top: 10px;
	padding-bottom: 0;
}

/* !Content Elements */
.featured-img-wrapper {
	border-bottom: 1px;
	padding: 0 15px;
}

img.featured-img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.article.index {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 5px solid #e3e3e3;
}

.article.index:last-child {
	border-bottom: none;
}

.article h1 {
	font-size: 160%;
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.single .article h1 {
	font-size: 190%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

.article h1 a {
	border-bottom: none;
}

.article h1 a:hover {
	text-decoration: none;
}

.article p.meta {
	font-size: 10px;
	margin-top: 0;
	border-bottom: 1px dotted #e3e3e3;
}

.front-page .meta {
	font-size: 10px;
}

.article p.lead {
	border-bottom: 1px solid #e6e6e6;
	font-size: 130%;
	padding-bottom: 10px;
	line-height: 1;
}

.small-lead {
	font-size: 70%;
}

.article p.wp-caption-text {
	color: #666;
	text-align: left;
	padding-top: 10px;
	line-height: .95;
}

.article p.footer {
	border-top: 1px dotted #e6e6e6;
	border-bottom: none;
	color: #999;
	padding-top: 10px;
}

.article p.index-link {
	font-weight: 700;
	font-size: 14px;
}

.article blockquote {
	border-left: 5px solid #e6e6e6;
	font-size: 16px;
	margin: 0 0 20px;
	padding: 10px 20px;
	overflow: auto;
	background-image: url(http://beta.dcgsa.army.mil/wp-content/uploads/quote-background-1.gif);
}

.leads {
	margin-top: -18px;
}

/* !Sidebar / Aside Styles */
.aside {
	background: none repeat scroll 0 0 #FFF;
	color: #3D3D3D;
	width: 100%;
	color: #fff;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.aside {
	background: none repeat scroll 0 0 #FFF;
	color: #3D3D3D;
	margin-bottom: 20px;
	width: 100%;
	margin-top: 25px;
	color: #fff;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.aside h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #3D3D3D;
	font-size: 20px;
}

.aside .well {
	margin: 0;
	padding: 0;
}

.widget_text {
	color: #333;
}

.sub-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub-nav li {
	border-top: 1px solid #DBDBDB;
	padding: 5px;
}

.sub-nav li:first-child {
	border-top: 0 solid;
}

.sub-nav li a {
	display: block;
	text-decoration: none;
}

.sub-nav li a:hover,.headlines .list a:focus {
	background-color: #DBDBDB;
	color: #3D3D3D;
	text-decoration: none;
}

.widget h3 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #e3e3e3;
	border-bottom: solid 1px #24561f;
}
#authors {
	display:none;
}
#authors + ul {
	display:none;
}
/* !Footer */
/**************************************************************************************/
.row.footer {
	padding-top: 30px;
	background-color: #e3e3e3;
}

.row.footer .logos {
	padding: 0 10px;
}

.row.footer .logos a img {
	max-width: 105%;
}

.row.footer .logos .peo-logo {
	text-align: center;
}

.row.footer .logos .isalute-link a img {
	background-color: #e9e9e9;
}

.row.footer .logos .isalute-link img:hover {
	background-color: #ffc800;
}

.row.footer h3 {
	border-bottom: dotted 1px #333;
	font-size: 110%;
	font-weight: 700;
	margin: 0 0 5px;
	padding: 0 0 5px;
}

.row.footer ul {
	font-size: 90%;
	list-style: none;
	padding: 0;
}

.row.footer ul li {
	background: url(_lib/img/mini-page-arrow.gif) no-repeat left top;
	padding-left: 10px;
}

.searchform {
	font-weight: 400;
	text-align: center;
	display: block;
	margin: 0;
}

.searchform .screen-reader-text {
	display: none;
}

.searchform input.search-field {
	border: 1px solid #999;
	height: 35px;
	padding: 5px 15px;
	margin: 0 0 10px;
	width: 65%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.searchform button {
	border: 1px solid #999;
/* padding: 10px 0px */
	margin-left: -1px;
	width: 30%;
	height: 35px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.searchform button:hover {
	background-color: #333;
}

.social-links {
	padding-top: 0;
	padding-bottom: 15px;
	text-align: center;
/* Applies color branded hovers to social icons. -jh */
}

.social-links a img {
	background-color: #555;
}

.social-links img:hover {
	background-color: #1e1e1e;
}

.social-links img {
	width: 16%;
	margin: 1px;
	padding: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
}

.social-links #facebook-link img:hover {
	background: #3B5998;
}

.social-links #flickr-link img:hover {
	background: #0063DB;
}

.social-links #twitter-link img:hover {
	background: #00ACED;
}

.social-links #youtube-link img:hover {
	background: #CD332D;
}

/* !Front Page Content */
/*************************************************************************************/
.content.home {
	background: url(_lib/img/dcgs-a-home-banner.jpg) center top;
	border-top: 1px solid #79b354;
	border-bottom: 1px solid #79b354;
	margin: -10px -15px 25px;
	padding: 0;
	max-height: 525px;
}

#cycloneslider-homeslides-1 {
	max-width: 1200px;
	margin: 0 auto;
}

/* tier-2: the fixed width content below the slider 09.11.2014 -jh */
.container.tier-2 {
	background-color: #fff;
	margin-top: -25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.banner-ad {
	margin-bottom: 25px;
	max-width: 100%;
	display: none;
}

.banner-ad img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

/* Capabilities Column */
.highlight-box {
	border: 1px solid #e9e9e9;
	margin-bottom: 10px;
	background: #f7f7f7 url(_lib/img/cgroup-bg.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.highlight-box div {
	padding: 5px 10px;
}

.highlight-box div.icon {
	padding-left: 75px;
}

.highlight-box h1 {
	font-size: 120%;
	margin: 0;
}

.highlight-box p {
	color: #999;
	margin: 0;
	font-size: 75%;
}

.highlight-box p.link {
	font-weight: 700;
	text-align: right;
}

.highlight-box p.link a {
	color: #666;
}

.highlight-box div.icon.inc-1 {
	background: url(_lib/img/increment-1.png) no-repeat 15px 5px;
}

.highlight-box div.icon.inc-2 {
	background: url(_lib/img/increment-2.png) no-repeat 5px 7px;
}

.highlight-box div.icon.prog {
	background: url(_lib/img/programs.png) no-repeat 5px 7px;
	display: none;
}

.highlight-box div.icon.news {
	background: url(_lib/img/news-icon.png) no-repeat 5px 7px;
}

/* Headers with backgournd patterns */
.header-bg h1,.header-bg.lg h1 {
	font-size: 120%;
	margin: 0;
}

.header-bg h1 a,.header-bg.lg h1 a {
	color: #fff;
	display: block;
	background: #272727 url(_lib/img/header-bg-55pxh.jpg) right center;
	margin: 0 0 15px;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.header-bg h1 a:hover {
	background-image: none;
	background-color: #333;
	color: #79b354;
	text-decoration: none;
}

.lg.header-bg {
	font-size: 160%;
}

/* Contact Form */
#frmCSCF > button,a.button,input[type="reset"],input[type="submit"],input[type="button"] {
	float: right;
	margin: 60px 240px 0 0;
}

.g-recaptcha {
	margin: ;
}

#field {
	display:none;
}

/* News & Updates Index */
.news-index {
	padding-top: 10px;
}

.news-index > h1 {
	font-size: 180%;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #e9e9e9 url(_lib/img/cgroup-bg.png);
	border: 1px solid #e9e9e9;
/* width: 100%; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.news-index > h1:after {
	content: url(_lib/img/news-icon.png);
	float: right;
	margin-top: -10px;
	padding-right: 5px;
}

.news-index ul {
	list-style: none;
	padding: 0;
}

.news-index ul li {
	border-top: #999 dotted 1px;
	padding-top: 5px;
	margin: 5px 0;
}

.news-index ul li:first-child {
	border-top: none;
	margin: 10px 0 0;
	padding-top: 0;
}

.news-index ul li h1 {
	margin: 5px 0 0;
	padding: 0;
	background: none;
	font-size: 135%;
}

.news-index ul li .wp-post-image {
	float: left;
	margin-right: 10px;
}

/************************************************************************************
IE7 Fixes only.
*************************************************************************************/
.ie7 ul {
	margin: 0;
	padding: 0;
}

@media all and (max-width: 1200px) {
	/* screen size until 1200px */
	
}

@media all and (max-width: 1000px) {
	/* screen size until 1000px */
	
}

@media (min-width: 750px) {
	.container.banner {
		padding: 10px;
	}

	.container.banner P {
		font-size: 90%;
	}
}

@media all and (max-width: 500px) {
	/* screen size until 500px */
	.header-bg h1,.header-bg.lg h1 {
		font-size: 85%;
	}

	.row.footer h3 {
		font-size: 120%;
	}

	.row.footer ul {
		font-size: 100%;
	}

	.news-index > h1:after {
		content: url(_lib/img/news-icon.png);
		float: right;
		margin-right: -10px;
		margin-top: 0;
		padding-right: 0;
	}

	.monitor small {
		font-size: 25%;
	}

	.news-index ul li h1 {
		font-size: 115%;
		line-height: .9;
	}

	.news-index article .meta {
		font-size: 65%;
	}

	.news-index article p {
		font-size: 80%;
	}

	.monitor small {
		font-size: 80%;
	}

	.container.nav-conatainer {
		background-color: #000;
		background-image: none;
	}
}