/*   
Theme Name: Biomedical Simulations Resource (BMSR)
Theme URI: http://irb.usc.edu/
Description: BMSR child theme of USC Gateway 2012
Author: Jason Cauwels
Version: 1
date created: 10/8/12
last modified:
*/

/*
TOC:
1 - Global Tags
	1.1 - Page Layout
	1.2 - Navigation Menu Overrides
	1.2.1 - Side Navigation
	1.2.2 - Slide Navigation
	1.3 - Footer
	1.4 - Images
2 - Home/Index
	2.1 - Sliders
	2.2 - Mission Text
	2.3 - Features Section
3 - Content Page
	3.1 - System Requirements
	3.2 - Archives
	3.3 - Search Results
4 - Responsiveness
	4.1 - Larger Screens
	4.2 - Tablets and Netbooks
	4.3 - Phones
	4.4 - Tall Browsers
	


*/


/**********************************************  
				1 - GLOBAL TAGS
**********************************************/


/* 1.1 Page Layout
-----------------------------*/

@font-face { 
	font-family: 'National'; src: url('//www.usc.edu/assets/fonts/NationalWeb-Extrabold.eot'); src: local(':)'), url('//www.usc.edu/assets/fonts/NationalWeb-Extrabold.woff') format('woff'), url('//www.usc.edu/assets/fonts/NationalWeb-Extrabold.ttf') format('truetype'), url('//www.usc.edu/assets/fonts/NationalWeb-Extrabold.svg') format('svg'); 
	font-weight: 900; 
	font-style: normal; 
}

h1, h2, h3, h4, h5, h6 { font-family: 'National', Helvetica, Arial, sans-serif; color: #474747; }
h1 { font-size: 1.875em; font-size: 1.875rem; } /* 30/16px */
h2 { font-size: 2.25em; font-size: 2.25rem; color: #989056; } /* 36/16px */
h3 { font-size: 1.375em; font-size: 1.375rem; color: #000000; } /* 22/16px */
h4 { font-size: 1.25em; font-size: 1.25rem; } /* 20/16px */
h5 { font-size: 1.125em; font-size: 1.125rem; } /* 18/16px */
h6 { font-size: 1em; font-size: 1rem; } /* 16/16px */

table td:first-child { font-weight: normal; }

.arrowed {
	position: relative;
	background: #bebeb6;
	padding: 7px 10px;
	margin-bottom: 1em;
}
.arrowed::after { 
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	z-index:10;
	bottom:-12px;
	left:10px; 
	border-top:12px solid #E3E1C6;
	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: -16px;
	left: 6px; 
	border-top: 16px solid #FAF9F2;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent; 
}
.arrowed.cardinal {
	background: #990000;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #900),color-stop(1, #600));
	background-image: -moz-linear-gradient(center top,#900 0%,#600 100%);
	color: #fff;
	text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
}
.arrowed.cardinal::after {
	border-top:12px solid #600;
}


/* 1.2 Navigation Menu Overrides
-----------------------------*/
.header_main h2,
.header_main h2 a { font-size: 1.5em; font-size: 1.5rem; /* 24/16px */ }
.header_main h2 .title_acronym { font-size: 2.25em; font-size: 2.25rem; /* 36/16px */ }

/* 1.2.1 Side Navigation
-----------------------------*/
.content_sidebar .sidebar_widget { margin: 0 0 1em; margin: 0 0 1rem; }

.content_sidebar ul,
.content_sidebar ol { margin: 0; }
.content_sidebar ul li,
.content_sidebar ol li,
.content_sidebar .related_links .more_string { margin: 0 .5em; }
.content_sidebar .related_links ul li,
.content_sidebar .related_links ol li { margin-bottom: .75em; } 
.content_sidebar .related_links .more_string ul,
.content_sidebar .related_links .more_string ol { list-style: none; }

.content_sidebar ul,
.content_sidebar ol { list-style: none; }
.content_sidebar .section_nav li { margin: 0; }
.content_sidebar .sidebar_logo { text-indent: -9999px; display: block; width: 124px; height: 124px; margin: 0 auto; background: url('../images/oprs-logo-aahrpp.png') no-repeat 0 0; }
.content_sidebar .menu_sidebar ul.sub-menu { display: block; margin-top: .5em; }
.content_sidebar .announcement_item { border-bottom: 1px solid #e2e2da; margin: 0 0 .5em; padding: 0 .5em .5em; }
.content_sidebar .announcement_item:last-child { border: 0 none; }
.content_sidebar .announcemnt_date { font-size: .875em; font-size: .875rem; margin: 0; }
.content_sidebar .announcemnt_title,
.content_sidebar .announcemnt_title a { font-size: .875em; font-size: .875rem; }
.content_sidebar .quicklinks_nav a {
    font-size: 1.1em;
}


.menu_sidebar { background: none; }
.menu_sidebar ul { padding: 0 .5em 0 0; }
.menu_sidebar a { padding: 0; margin: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: .85em;
}
.menu_sidebar a:hover { background-color: #FAF9F2; color: #900; text-decoration: underline; }
.menu_sidebar a.active { background-color: none; }
.menu_sidebar .current_page_item a { background-color: none; }
.menu_sidebar .current_page_item a { background-color: none; }

.menu_sidebar a.pdf,
.menu_sidebar a.txt,
.menu_sidebar a.xls,
.menu_sidebar a.ppt,
.menu_sidebar a.email {
	padding-left: 20px;
}



/* 1.2.2 Slide Navigation
-----------------------------*/

/* Gray Bar Menu */
.section_nav ul,
.content_sidebar .section_nav > ul.sub-menu {
	display: none;
}
.section_nav li {
	margin: 0;
}
.section_nav ul ul {
	display: block;
}
.section_nav.menu_sidebar { list-style-type: none; list-style-image: none; padding: 0; }
.section_nav>li {
	position: relative;
}
.section_nav>li>a {
	display: block;
	position: relative;
	height: 32px;
	margin: 0 0 2px 0;
	padding: 0 8px;
	background: #98a3ab; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AFB7BD),color-stop(1, #98A3AB));
	background-image: -moz-linear-gradient(center top,#AFB7BD 20%,#98A3AB 100%);
	background-image: -o-linear-gradient(center top,#AFB7BD 20%,#98A3AB 100%);
	font: 700 16px/32px National ,Arial,sans-serif;
	font-size: 1em; /* default for non css3 browsers */
	font-size: 1rem;
	color: #fff; 
	text-shadow: rgba(0,0,0,.4) 1px 1px 1px;
}
.section_nav>li>span {
	display: block;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 18px;
	height: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #86949e;
	font: normal normal 16px/18px Arial, sans-serif;
	font-size: 1em; /* default for non css3 browsers */
	font-size: 1rem;
	text-align: center;
	color: #fff;
	text-shadow: none;
	z-index: 100;
	cursor: pointer;
}
.section_nav>li span:before {content: "+";}
.section_nav>li span:hover,
.section_nav>li.active span {background: #657b8b;}
.section_nav>li.active span {line-height: 16px;}
.section_nav>li.active span:before {content: "-";}

.section_nav>li>a:hover, .section_nav>li>a:active {
	text-decoration: none;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8a98a3),color-stop(1, #6c7c88));
	background-image: -moz-linear-gradient(center top,#8a98a3 20%,#6c7c88 100%);
	background-image: -o-linear-gradient(center top,#8a98a3 20%,#6c7c88 100%);
}
.section_nav ul {
	margin: 0; 
	background: transparent;
	color: #000; 
	font: normal 300 12px/120% Helvetica, Arial, sans-serif; 
	font-size: 0.875em; /* default for non css3 browsers */
	font-size: 0.875rem;
	text-shadow: none;
	padding: .5em;
}
.section_nav ul li { padding-bottom: 0.5em; }
.section_nav ul li:last-child { padding-bottom: 0; }
.section_nav ul li a { color: #444; }


/* 1.3 Footer
-----------------------------*/
.footer_main {
	padding: 28px 0 38px 0;
	background: #626060;
	overflow: auto;
	font: 1.5em National, Helvetica, Arial, sans-serif;
}
.footer_main .col:nth-child(2) {
		text-align: right;
	}
.footer_main h2 {
	font: lighter 18px National, Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.footer_main h3 {
	font: lighter 18px National, Helvetica, Arial, sans-serif;
	margin: 20px 0 5px 0;
	color: #fff;
}

.footer_main .col:nth-child(3) h3 {
	color: #FFCC00;
}

.footer_main p {
	font: 13px National, Helvetica, Arial, sans-serif;
	margin: 0px;
	line-height: 18px;
	opacity: 0.75;
}

#footer .footer_column { display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }
#footer .one .footer_column { width: 98.0%; }
#footer .two .footer_column { width: 48.0%; }
#footer .three .footer_column { width: 31.333%; }
#footer .four .footer_column { width: 23.0%; }

#footer .footer-column-1,
#footer .footer-column-2 { width: 98%; }

#footer .footer-column-1 { padding-bottom: .25em; border-bottom: 1px solid #777; }
#footer .footer-column-1 ul { list-style: none; }
#footer .footer-column-1 ul li { float: left; margin-left: 1em; padding-left: 1em; border-left: 1px solid #fff; font-size: .8125em; font-size: .8125rem; /* 13/16px */ }
#footer .footer-column-1 ul li:first-child { border: 0px none; margin-left: 0; padding-left: 0; }
#footer .footer-column-1 ul li a { color: #fff; }

#footer .footer-column-2 { text-align: right; padding-top: .25em; border-top: 1px solid #555; }
#footer .footer-column-2 h3 { font-size: .825em; font-size: .825rem; margin: 0; }

/* 1.4 Images
-----------------------------*/
.content_main img {
    box-shadow: none;
}

/**********************************************  
				2 - HOME / INDEX
**********************************************/


/* 2.1 Features
-----------------------------*/
#feature {
	background: #fff;
	margin-bottom: 17px;
	-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);
	position: relative;
	width: 100%;
	float: left;
}

#feature .features {
	margin: 15px 2.5%;
	width: 95% !important; /* keep !important for fluid grid */
	height: 230px;
}

article.tfm {
	position: relative;
	display: none;
	width: 100% !important; /* keep !important for fluid grid */
}
article.tfm:first-child {
	display: block;
}
article.tfm h2 {
	width: 40.17094017094%; /*  235 / 585 */
	margin: 35px 0 8px;
	font: bold 1.125rem National, Helvetica, Arial, sans-serif; /* 18pt / 16 */
	
}
article.tfm h2 a, #feature h2 a:hover, #feature h2 a:active {
	color: #373737;
	text-decoration: none;
}
article.tfm .excerpt {
	width: 40%; /*  235 / 585 */
	font-size:13px;
	margin: 0;
}
article.tfm .tfm_img_link {
	width: 55%; /*  */
	float: right;
}
article.tfm img {
	width: 100%;
	height: auto;
}
#featurenav {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 98;
	width: 220px;
	height: 12px;
	padding: 0 0 10px;
	text-align: center;
}
#featurenav a {
	display: inline-block;
	margin: 0 4px;
	height: 12px;
	width: 12px;
	text-indent: -9999px;
	background: rgb(255, 242, 191);
	background: rgba(255,204,0,0.25);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#featurenav a.active {
	background: rgb(255, 229, 127);
	background: rgba(255,204,0,0.5);
}

/* 2.2 Mission Text
-----------------------------*/
.mission {
	clear: both;
}

/* 2.3 Features Section
-----------------------------*/
.features_list {
	clear: both;
}
.features_item {
	float: left;
	line-height: 1em;
	min-height: 370px;
	margin: 0 0 0 1%;
	padding-left: 1%;
	border-left: 1px solid #9f9d9d;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.features_item.grid_4 { width: 32.66%; }
.features_item:nth-child(1) {
	border-left: 0 none;
	padding-left: 0;
	margin-left: 0;
}
.features_item:nth-child(3) { margin-right: 0; }
.features_item .border {
	display: block;
	position: absolute;
	top: 0;
	left: -5%;
	width: 1px;
	background-color: #9f9d9d;
	height: 100%;
}
.features_item:nth-child(1) .border { display: none; }
.features_image { width: 100%; }
.features_item .headline.arrowed { margin-bottom: 3px; }
.features_item h4 { clear: both; margin-top: 1em; font-size: 1rem; color: #000; }



/**********************************************  
				3 - CONTENT PAGE
**********************************************/

/* 3.1 Content
-----------------------------*/
h2.headline,
h3.headline {
	padding: 10px 0px 8px 10px;
	font: bold 16px National, Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	background: #e3e1c6;
	position: relative;	
	margin: 0 0 1em;
}
.headline_arrowDown {
	position: absolute;
	bottom: -12px;
	left: 10px;
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #e3e1c6;
}
.post_read_more {display: block; margin: 1em 0;}
.attachment-post-thumbnail,
.wp-post-image { float: right; margin: 0 0 1em 1em; }
.comments_closed,
.nocomments { display: none; }

/* 3.2 Archives
-----------------------------*/
.meta_after { text-align: right; }


/* 3.3 Search Results
-----------------------------*/
#searchform .search { display: block; width: 136px; height: 21px; margin: 0; padding: 0 27px 0 3px; border: 2px solid #fff; background: #fff; font: 14px/19px Helvetica, Arial, sans-serif; color: #333;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.previousnext a,
.bottomnav a { margin-right: .5em; }
.resultslist { margin: 0; }
.resultslist li { clear: both; list-style: none; margin: 1em 0; }
.resultslist li .title {font: 24px 'National', Helvetica, Arial, sans-serif; }
.resultslist li .imgRect { float: left; margin: .5em .5em .5em 0; }




/**********************************************  
				4 - RESPONSIVENESS
**********************************************/

/* 4.1 Larger Screens
-----------------------------*/
@media only screen and (min-width: 989px){
	
	#feature:after {
		z-index: -1;
		position: absolute;
		background: transparent;
		width: 70%;
		height: 55%;
		content: '';
		right: 16px;
		bottom: 7px;
		-webkit-transform: skew(8deg) rotate(1deg);
		-webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.3);
		-moz-transform: skew(8deg) rotate(1deg);
		-moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.3);
		box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.3);
	}
	#feature:before {
		z-index: -2;
		position: absolute;
		background: transparent;
		width: 95%;
		height: 55%;
		content: '';
		left: 16px;
		bottom: 7px;
		-webkit-transform: skew(-8deg) rotate(-1deg);
		-webkit-box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.3);
		-moz-transform: skew(-8deg) rotate(-1deg);
		-moz-box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.3); 
		transform: skew(-8deg) rotate(-1deg);
		box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.3);
	}
}

/* 4.2 Tablets and Netbooks
-----------------------------*/
@media only screen and (min-width: 481px) and (max-width: 988px){
	article.tfm h2 {margin-top: 10px;}
}



/* 4.3 Phones
-----------------------------*/
@media handheld, only screen and (max-width: 480px) {
	#feature.grid_8,
	.mission_statement.grid_4,
	.core_list .grid_3,
	.overview .grid_9,
	.content_sidebar.grid_3 {width: 98.0%; margin-bottom: 0.5em; margin-bottom: 0.5rem;}
	
	.page_wrapper .grid_6 {width: 98%;}
	
	article.tfm .tfm_img_link {display: none;}
	article.tfm h2 {margin-top: 0;}
	article.tfm h2,
	article.tfm .excerpt,
	#featurenav {width: 100%;}
	
	.features_item {float: none; height: auto;}
	.features_item h2 .headline_arrowDown,
	.features_item h3 .headline_arrowDown {display: none;}
	.features_item img {display: none;}
	
	.content_main blockquote {width: 98%; margin: 1em 1%;}
	
	.content_sidebar .sidebar_logo {display: none;}
	
	.footer_main .col {border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 20px 0px;}
	.footer_main .footer_logo {background-position: left top;}
	.footer_main .col:nth-child(2) {text-align: left;}
}


/* 4.4 Tall Browsers
-----------------------------*/
@media screen and (min-height:1245px) {
	.footer_main {position: fixed; bottom: 0;}
	.content_main {margin-bottom: 250px;}
}