@charset "UTF-8";
/* CSS Document */
/*Theme Name: ICT Custom Theme
Theme URL: http://ict.usc.edu/
Description: custom Wordpress theme for the USC Institute for Creative Technologies by Jen Wohlner
Version: 2.0
Author: Jen Wohlner, Jay Bush, Joy Fang
Author URL: http://jenwohlner.com
*/

/* RESET */
body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ul.children, ul#footercol li ul,
div#submenu-nav ul, div#submenu-nav ol, form, img, table {
	margin:0;
	padding:0;
	border: 0;}
.clear {clear:both;}

/* LAYOUT */
html {
	-webkit-font-smoothing: antialiased;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
	background:#fcfcfc;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#111111;}
div#site { 
	width: 100%;
	min-height:100%;
   	position:relative;}
div#wrap {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	padding-bottom:50px;
	position:relative;}
	
/* Header */
div#usc-head {
	width:920px;
	height:38px;
	padding:11px 20px 16px 764px;
	margin:0 0 1px;
	background:#231f20;
	float:left;}
div#ict-head {
	width:920px;
	height:83px;
	padding:18px 20px 11px;
	margin:0 0 1px;
	background:#231f20;
	float:left;}

/* Social Networking Header Links */
div#social{
	padding:0;
	margin:0px 0 0;
	float:right;}
	
div#social a img.arl-logo{
	width:93px;
	height:34px;
	padding:0 0 19px 16px;}
	
div#social a img.social-item{
	width:20px;
	height:20px;
	padding:0 0 0 5px;}
div#social a img.social-item-one{
	width:20px;
	height:20px;
	padding:0 0 0 33px;}
	

/* Main Navigation */
div#main-nav {
	width:960px;
	height:45px;
	padding:0;
	margin:0;
	background:#4e5057;
	float:left;
	margin:0 0 1px;}
div#main-nav div {
	width:75px;
	height:35px;
	border-right:solid 2px #999a9e;
	padding:5px 10px;
	margin:0;
	float:left;}
div#main-nav div.search{
	width:164px;
	border-right:none;
	color:#ececec}
input:focus{
  outline: none;}
div#main-nav a{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;}
div#main-nav a div, div#main-nav  a:visited  div{
	color:#ececec;
	font-weight:500;
	background:#4e5057;}
div#main-nav a:hover div, div#main-nav a#current div{
	color:#231f20;
	background:#fcfcfc;
	text-decoration:none;}

/* Footer */
div#footer{
	position:relative;
	width:100%;
	margin:0px 0 0;
	bottom:0;
	height:75px;}
div#footer div#fin{
	width:960px;
	margin:0 auto;
	height:75px;
	background:#656870;
	padding:0;	
	color:#fefefe;
	}

div#copyright{
	border-bottom:solid 1px #ECECEC;
	padding:12px 10px 15px;
	}
	
p#sponsor{
	font-size: 60%; 
	text-align:center;
	line-height: 125%;
	padding-top:2px;
}
div#footer a, div#footer a:hover, div#footer a:visited{color:#FEFEFE;}

	
/* Homepage */
div#slider1{
	width:960px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;}
#slider1 ul, #slider1 li{
	margin:0;
	padding:0;
	list-style:none;
	height:225px;
	width:960px;
	overflow:hidden;}
div#slide-cap{
	float:left;
	width:300px;
	margin:25px 60px 0 600px;
	padding: 10px 10px 15px;
	background:url(images/slide-cap-bg.png) repeat;}
div#slide-cap h2{
	color:#fefefe;
	margin:0;
	padding:0 0 15px;
	border-bottom:#fefefe 1px solid;}
div#slide-cap p{
	color:#fefefe;
	margin:10px 0 0;}
div#slide-cap p a{
	color:#ffcc00;}
/* Slideshow Controls */
ol#controls {
	position:absolute;
	top:430px;
	width:940px;
	text-align:right;
	padding:0;
	margin:0;}	
ol#controls li{
	margin: 0 0 -65px 0;
	padding: 0 0 0 15px;
	list-style:none;
	display:inline;
	background:url(images/slide-control.png) no-repeat;}
ol#controls li.current{background:url(images/slide-control-current.png) no-repeat;}
ol#controls li a{
	filter:alpha(opacity=0);
	opacity:0;}
	
div#featured-1, div#featured-2, div#featured-3, div#featured-4 {
	width:960px;
	height:200px;
	padding:15px 0;
	margin:0;
	background:#ededed;
	float:left;}

div#featured-4 {
	height:218px !important;}	
	
/*div#featured a{text-decoration:none;}*/

div.feat-type{
	float:left;
	margin:0;
	padding:10px;
	font-family:Helvetica, Arial, sans-serif;
	color:#fefefe;
	background:url(images/slide-cap-bg.png) repeat;}
	
div.feature01{
	width:322px;
	height:217px;
	padding:0;
	margin:0 8px;
	float:left;
	background:#fff;}

div.feature01 div.feat-caption{
	float:left;
	width:302px;
	margin:10px 0 0;
	padding:10px 10px 15px;
	background:url(images/home-hover.png);
	opacity:0;
	filter:alpha(opacity=0);
	color:#000;}

	
div.feature02{
	width:267px;
	height:217px;
	padding:0;
	margin:0 8px;
	float:left;
	background:#fff;}

div.feature02 div.feat-caption{
	float:left;
	width:247px;
	margin:10px 0 0;
	padding:10px 10px 15px;
	background:url(images/home-hover.png);
	opacity:0;
	filter:alpha(opacity=0);
	color:#000;}

	
div.feature03{
	width:465px;
	height:217px;
	padding:0;
	margin:0 7px;
	float:left;
	background:#fff;}

div.feature03 div.feat-caption{
	float:left;
	width:445px;
	margin:10px 0 0;
	padding:10px 10px 15px;
	background:url(images/home-hover.png);
	opacity:0;
	filter:alpha(opacity=0);
	color:#000;}

		
div.feature04{
	width:202px;
	height:217px;
	padding:0;
	margin:0 8px;
	float:left;
	background:#fff;}

div.feature04 div.feat-caption{
	float:left;
	width:182px;
	margin:10px 0 0;
	padding:10px 10px 15px;
	background:url(images/home-hover.png);
	opacity:0;
	filter:alpha(opacity=0);
	color:#000;}

	
div.feature05{
	width:941px;
	height:217px;
	padding-bottom:0px;
	margin:0 8px;
	float:left;
	background:#fff;}

div.feature05 div.feat-caption{
	float:left;
	width:921px;
	margin:10px 0 0;
	padding:10px 10px 15px;
	background:url(images/home-hover.png);
	opacity:0;
	filter:alpha(opacity=0);
	color:#000;}


div.feature06{
	width:475px;
	height:217px;
	padding:15px;
	margin:0 8px;
	float:left;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	background:#fff;}	
		
	
div#content-left{
	width:430px;
	padding:0 40px 0 10px;
	margin:0;
	float:left;}
div#content-right{
	width:430px;
	padding:0 10px 0 40px;
	margin:0;
	float:left;}
div#content-left div, div#content-right div{
	width:430px;
	margin:0;
	float:left;}
div#content-left div.mas-margin, div#content-right div.mas-margin{
	width:430px;
	margin:0 0 20px;
	float:left;}

/* Most Page and Posts, including ones with s */
div#section-nav{
	width: 140px;
	padding: 0 20px 0 10px;
	margin:0;
	float:left;
	min-height:147px;}
div#section-nav div ul, ul#menu-labs-list, ul#related{
	list-style:none;
	padding:0;}
div#section-nav div ul li{margin:0 0 .5em;}
div#section-nav div ul li.current-menu-item{background:#ededed;}
div#section-nav div ul li a{
	color:#000;
	text-decoration:none;}
div#content.most{
	width:460px;
	/*width:610px;*/
	padding:0;
	margin:0;
	/*margin:0;
	margin:0 0 0 20px;*/
	float:left;
	min-height:400px;}
	
div#content.mostP{
	width:610px;
	padding:0;
	margin:0 0 0 20px;
	float:left;
	min-height:400px;}
	
div#sidebar{
	width:220px;
	padding:0 10px 20px;
	margin:0 0 0 90px;
	background:#ededed;
	float:left;}
img.sidebar-th{
	width:220px;
	height:147px;
	padding:0;
	margin:0;}
div#sidebar h2{margin-top:.5em;}
ul#menu-labs-list li, ul#related li{
	line-height:140%;
	font-weight:bold;
	color:#990000}
ul#related li{
	margin-bottom:1em;}
ul#menu-labs-list li ul{
	list-style:disc;}
div#sidebar-slider{
	margin-bottom:1em;
	height:185px;}
div#sidebar-slider p{
	margin-bottom:.4em}
div#slider2, div#slider-none{
	margin:0 0 5px;
	padding:0;}
#slider2 ul, #slider2 li, #slider-none ul, #slider-none li{
	margin:0;
	padding:0;
	list-style:none;
	height:147px;}
span#nextBtn{
	float:right;}
h2.the-title{
	margin-top:0;
	line-height: 120%;}

/* Full Width page */
div#content{
	width:780px;
	padding:0;
	margin:0;
	float:left;
	min-height:400px;}
	
/* Labs and Groups page with grid layout */
div.grid-cell, div.grid-third{
	width:220px;
	height:250px;
	padding:10px;
	background:#ededed;
	float:left;}
div.grid-cell h2, div.grid-third h2{
	margin-top: .3em;
	line-height: 120%;}
div.grid-cell{margin: 0 35px 20px 0;}
div.grid-third{margin: 0 0 20px;}
div.grid-cell div, div.grid-third div{
	position:relative; 
	height:93px;}
div.grid-cell div p, div.grid-third div p{
	font-size:10px;
	line-height:110%;
	margin-top:.5em;}
div.grid-cell div p.more-group, div.grid-third div p.more-group{
	position:absolute;
	bottom:0;
	margin-bottom:0;
	font-size:12px;
	line-height:140%;
	margin-top:1em;}

/* Labs and Groups, Protoypes and Hotels Lists */
div.list{
	height:147px;
	width:780px;
	padding:0;
	margin:0 0 20px;}
div.hotel{
	float:left;
	width:780px;
	padding:0;
	margin:0 0 30px;}
div.list h2{
	margin-top: 2px;
	line-height: 120%;}
a.list-th img{
	height:147px;
	width:220px;
	float:left;
	padding:0 20px 0 0;}
div.list div.list-details, div.hotel div.list-details{
	width:540px;
	padding:0 0 10px;
	float:right;}
div.list div.list-details{ height:137px; }
div.list-details p{margin-bottom:0;}
p.sort{
	font-size:16px;
	font-weight:bold;}
	
/* News */
div.feat-news{
	width:460px;
	padding:0;
	margin: 0 0 15px;
	float: left;}
div.feat-news h2{
	margin-top: 0;
	line-height: 120%;}
div.feat-news p.gray{
	margin:.5em 0 1em}
a.news-th img{
	height:147px;
	width:220px;
	float:left;
	padding:0 20px 0 0;}
img.feat-news-img{
	width:220px;
	height:147px;}
div.feat-news-details{
	width:220px;
	height:147px;
	padding:0 0 10px;
	float:right;}
div.list-item{
	width:460px;
	float:left;
	margin-bottom:20px;}
div.list-item p {margin:0;}
p.date {
	color:#444;
	margin: .5em 0 1em;}
	
/* News and Events Year options */
ul.year-list{
	margin:0 0 20px;
	padding:0;}
ul.year-list li{
	display:inline;
	list-style-type:none;
	padding-right:20px;}
	
/* Workshops */
div#workshops-left, div#workshops-right{
	width:360px;
	float:left;
	padding:0;}
div#workshops-left{margin:0 60px 0 0;}
div#workshops-right{margin:0;}
div.workshops-list-item{
	width:360px;
	float:left;
	margin-bottom:20px;}
div.workshops-list-item p {margin:0;}

/* Map */
div#map_canvas{
	width:780px;
	height:520px;}
	
/* People - Executive Leadership */
div.exec-item{
	float:left;
	width:180px;
	height:330px;
	margin-right:20px;
	overflow:hidden;}
div.exec-item-10007, div.exec-item-20{
	margin-right:0;}
div.exec-item a{
	font-size:16px;
	font-weight:bold;}
div.faculty-item{
	width:780px;
	float:left;
	margin:0 0 20px;}
div.faculty-item img{
	display: inline;
	float: left;
	margin: 0 20px 0 0;}
div.faculty-item div{
	width:680px;
	min-height:107px;
	float:right;}
a.people-name, span.people-name{font-weight:bold;}
a.faculty-dept{
	font-weight:bold;
	color:#444;}
div.people-wrap{float:left}
div.people-wrap h2{margin-bottom:1em;}
div.rpd-item, div.rpd-third{
	width:240px;
	float:left;}
div.rpd-item{margin:0 30px 20px 0;}
div.rpd-third{margin:0 0 20px 0;}
div.rpd-item img, div.rpd-third img{
	display: inline;
	float: left;
	margin: 0 20px 0 0;}
div.rpd-item div, div.rpd-third div{
	width:140px;
	min-height:107px;
	float:right;}
div.staff-item, div.staff-third{
	width:240px;
	float:left;
	height:60px;}
div.staff-item{margin:0 30px 20px 0;}
div.staff-third{margin:0 0 20px 0;}
div.faculty-item div p, div.rpd-item div p, div.rpd-third div p, div.staff-item p, div.staff-third p{margin:0;}

/* Experts */
div.expert-info{
	float:right;
	width:360px;
	height:107px;
	margin:20px 0;
	padding:0;}
.expert{	
	display: inline;
	float: left;
	margin: 20px 20px 20px 0;}
div.expert-item{
	width:460px;
	float:left;
	margin: 0 0 20px;}
div.expert-item img{
	display: inline;
	float: left;
	margin: 0 20px 0 0;}
div.expert-item div{
	width:360px;
	min-height:107px;
	float:right;}
img.alignmiddle {
	vertical-align:middle;
	margin-right:10px;}

/* Twitter Feed in Press Portal */
div#tweet ul, div#tweet ul li{list-style:none; margin:0; padding:0;}
	
/* Search */
div.search-list-item{
	width:780px;
	float:left;
	margin-bottom:20px;}
div.search-list-item p {margin:0;}

/* Publications */
.bibtitle{font-weight:bold;}
.pub-numb{margin-right:10px;}
.pub-year{margin-top:0;}
div#content.pub{overflow:hidden;}
.italics {font-style:italic;}
			
/* FONTS */
h1{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	color:#231f20;
	margin:20px 0 15px;
	padding:0;
	position:relative;
	border-bottom:solid 5px #333333;}
h2, h2 a, h2 a:visited{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#232323;
	font-weight:normal;
	margin-top:1em;}
h2.top{margin-top:0;}
h2 a:hover{ color:#444;}
h3{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	color:#231f20;
	margin:20px 0 15px;
	padding:0;
	float:left;
	width:460px;
	border-bottom:solid 5px #333333;}
a{
	text-decoration:none;
	color:#990000;}
a.gateway{font-weight:bold;}
a.home-list {
	color:#111111;
	font-weight:bold;}
.gray{color:#444;}

/* Lists */
p.above{margin-bottom:0;}
p.below{margin-top:0;}
ul.no-margin{margin-top:0; margin-bottom:0;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 10px 0;}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 10px 20px;}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;}