/* 
Theme Name: Trojan theme
Theme URI: 
Description: styles for the Trojan theme
Author: USC Web Services
Version: 1
Date Created: 03-27-2013
*/

.headline { font-size: 18px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.9); }
.arrowed { position: relative; background: #e8e5d1; padding: 7px 10px; margin-bottom: 1em; color: #373737; }
.arrowed:after { 
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 10;
	bottom: -12px;
	left: 10px;
	border-top: 12px solid #e8e5d1;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent; 
}
.arrowed:before { 
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	z-index: 1;
	bottom: -15px;
	left: 7px; 
	border-top: 15px solid #faf9f2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent; 
}
.arrowed.cardinal {
	background: #990000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#990000), color-stop(90%,#660000));
	background-image: -moz-linear-gradient(center top , #990000 10%, #660000 90%);
	background-image: -webkit-linear-gradient(top, #990000 10%, #660000 90%);
	background-image: -o-linear-gradient(top, #990000 10%, #660000 90%);
	background-image: -ms-linear-gradient(top, #990000 10%, #660000 90%);
	background-image: linear-gradient(to bottom, #990000 10%, #660000 90%);
	color: #fff;
	text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
}
.arrowed.cardinal:after { border-top: 12px solid #600; }

/* Header
-----------------------------*/
.title_acronym { color: #fff; }
.nav_main ul li a { height: 45px; }
.nav_main > ul > li > ul.sub-menu { top: 69px; }


/**********************************************  
				2 - HOME / INDEX
**********************************************/
.content_index { min-height: 700px; }

/* 2.1 Alert box
-----------------------------*/
.alert_wrapper { border-bottom: 1px solid #999;  margin-bottom: 20px;  box-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#FAF9F2), color-stop(90%,#e8e5d1));
	background-image: moz-linear-gradient(center top , #FAF9F2 10%, #e8e5d1 90%);
	background-image: -webkit-linear-gradient(top, #FAF9F2 10%, #e8e5d1 90%);
	background-image: -o-linear-gradient(top, #FAF9F2 10%, #e8e5d1 90%);
	background-image: -ms-linear-gradient(top, #FAF9F2 10%, #e8e5d1 90%);
	background-image: linear-gradient(to bottom, #FAF9F2 10%, #e8e5d1 90%);
	background-color: #e8e5d1;
}
.alert { background: url('../images/trojan_alert.png') 22px center no-repeat; padding: 24px 40px 24px 115px; }
.alert h2 { font: bold 24px National, Helvetica, Arial, sans-serif; color: #474747; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.9); margin: 0 0 15px 0; }
.alert p { font: 700 16px National, Helvetica, Arial, sans-serif; color: #474747; line-height: 20px; }


/* 2.2 Features
-----------------------------*/
.feature_slider { margin-bottom: 17px;}
#feature_wrapper {
	background: #fff; position: relative; width: 93%; float: left;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	padding: 15px 2.5% 30px 2.5%;
}
.features { width: 100% !important; overflow: hidden; }

article.slide { position: relative; display: none; width: 100% !important; /* keep !important for fluid grid */ }
article.slide:first-child { display: block; }

article.slide .slide_img_link { }
article.slide img { width: 55%; height: auto; float: right; }

article.slide .slide_info { float: left; width: 40%; }
article.slide h2 { font-size: 18px; font: bold 1.125em National, Helvetica, Arial, sans-serif; /* 18pt / 16 */ margin-top:0; }
article.slide h2 a, #feature_wrapper h2 a:hover, #feature_wrapper h2 a:active { color: #373737; text-decoration: none; }
article.slide .slide_info .slide_excerpt { font-size:13px; margin: 0; }

#featurenav { position: absolute; bottom: 10px; left: 0; z-index: 98; width: 40%; height: 12px; text-align: center; }
#featurenav a { display: inline-block; margin: 0 4px; height: 12px; width: 12px; text-indent: -9999px;
	background-color: rgb(255, 242, 191);
	background-color: rgba(255, 204, 0, 1);
	opacity: 0.3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#featurenav a:hover { opacity: 0.5; }
#featurenav a.active { opacity: 1; }


#featurenav .slider_btn { margin-bottom: 3px; opacity: .2; border-radius: 0; }
#featurenav .pause_btn { background: #fff url('../images/slider_btns.png') 0 0 no-repeat; }
#featurenav .play_btn { background: #fff url('../images/slider_btns.png') 0 -15px no-repeat; }
#featurenav a.pause_btn:hover, #featurenav a.play_btn:hover { cursor: pointer; opacity: 1; background-color: #fff; }

/* 2.3 Index Sidebar
-----------------------------*/
.index_sidebar { }
.popular_topics h2 { padding: 7px 10px; color: #fff; font-size: 18px; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5); 
	background: -moz-linear-gradient(top, #ccc 0%, #777 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #777));
	background: -webkit-linear-gradient(top, #ccc 0%, #777 100%);
	background: -o-linear-gradient(top, #ccc 0%, #777 100%);
	background: -ms-linear-gradient(top, #ccc 0%, #777 100%);
	background: linear-gradient(to bottom, #ccc 0%, #777 100%);
	background-color: #777;
}
.popular_topics .menu-website-links-container { margin-bottom: 15px; }
.popular_topics ul.menu { list-style: none; margin: 0 10px; }
.popular_topics ul.menu  li { font: 300 14px/150% Helvetica, Arial, sans-serif; color: #373737; padding-left: 12px; background: url('../images/trojan_arrow.jpg') 0 5px no-repeat; }

.alerts h3 { font-size: 16px; }
.alerts h3 a:hover { text-decoration: none; }


/* 2.4 Home News
-----------------------------*/
.home_news { margin-top: 20px;}
.news_module { border-right: 1px solid #999; padding-right: 9px; padding-left: 9px; margin: 0; min-height: 400px; }
.news_module:nth-child(4) { border-right: none; padding-right: 0; }
.news_module:first-of-type { }

.image { overflow: hidden; width: 100%; }
.news_module h3 { font-size: 18px; }
.news_module h3 a:hover { text-decoration: none; }


.footer_main p { margin-bottom: 3px; }
.ws_credit { text-align: right; }


/* Footer
-----------------------------*/
.footer_main h2 { margin-bottom: 10px; }


/**********************************************  
			3 - CONTENT PAGE
**********************************************/
 .wp-post-image { float: right; margin: 0 0 20px 20px; }


/***----------------------------------- 6 RESPONSIVENESS -----------------------------------***/
@media only screen and (max-width: 760px) {
	.page_wrapper .grid_3 { width: 98%; }
	.page_wrapper .feature_slider { width: 100%; }
}

@media only screen and (max-width: 480px) {
	article.slide img { float: none; width: 100%; margin-bottom: 5px; }
	article.slide .slide_info { float: none; width: 100%; }
	.slide_excerpt { display: none; }
	#featurenav { width: 98%; }
	#feature_wrapper { padding-bottom: 15px; }
}