@charset "UTF-8";
/*Theme Name: MxR Custom Theme 2.1

Theme URI: http://projects.ict.usc.edu/mxr
Description: custom Wordpress theme for the MxR Lab at the University of Southern California
Version: 2.0
Author: Jen Wohlner
Author URI: 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;}	
	
/* TYPE and COLOR */
/* Default font */
body {
	font-family: 'PT Sans', arial, serif;
	color: #111111;
	font-size: 14px;
	background:url(images/bg.png) repeat-x right top #fefefe; 
	}
/* .home { background:url(images/bg-home.png) repeat-x right top #fefefe;} */
.post-template-single-play-php { background:url(images/bg-play-single.png) repeat-x right top #fefefe;}
p { text-align:justify;}
p.postmetadata { text-align:left;}
div#about a, div#about a:visited, div#about a:hover { font-weight:bold}

h1, h1 a, h1 a:hover, h1 a:visited, .rheader {
	font-family: 'PT Sans Narrow', arial, serif;
	font-size: 30px;
	text-transform: uppercase;
	margin:-9px 0 10px;
	padding:0;
	color:#fefefe;
	font-weight:normal;
	text-decoration:none;
	}
h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color:#111111;
	margin: 10px 0 0;
	}
h1.black, h1.black a, h1.black a:visited, .rheader { color:#111111; font-size:30px;}
h2.other a, h2.other a:visited { color:#111111;}
h1.pad-five{ color:#111111; font-size: 30px; padding:0 5px;}
h1.gray, h1.gray a, h1.gray a:visited, h1.black a:hover { color:#777777; font-size:30px;}
h2.other a:hover, div#about a:hover { color:#777777;}
h1.gray a:hover { color:#111111; font-size:30px;} 
div#about a, div#about a:visited { color:#111111;}
h1 span.work, h2.work a, h2.work a:visited, div#content.work div.entry a, div#content.work div.entry a:visited { color:#3366cc;}
h2.work a:hover, div#content.work div.entry a:hover{ color:#3399ff;}
h1 span.diy, h2.diy a, h2.diy a:visited, div#content.diy div.entry a, div#content.diy div.entry a:visited { color:#666;}
h2.diy a:hover, div#content.diy div.entry a:hover{ color:#333;}
h1 span.play, h2.play a, h2.play a:visited, div#content.play div.entry a, div#content.play div.entry a:visited { color:#ff6600;}
h2.play a:hover, div#content.play div.entry a:hover { color:#ff9933;}
h1 span.read, h2.read a, h2.read a:visited, .rheader a, .rheader a:visited{ color:#339933;}
h1.read a, h1.read a:visited { color:#339933; font-size:30px;}
h2.read a:hover, div#content.read div.entry a:hover, .rheader a:hover{ color:#33cc33;}
h1.read a:hover { color:#33cc33; font-size:30px;}
h1.blog, h1.blog a, h1.blog a:visited { color:#ff3333; font-size:30px;}
h2.blog a, h2.blog a:visited, div#content.blog a, div#content.blog a:visited { color:#ff3333;}
h1.blog a:hover { color:#ff6666; font-size:30px;} 
h2.blog a:hover, div#content.blog a:hover { color:#ff6666;}
h1 span.meet, h2.meet a, h2.meet a:visited, div#content.meet div.entry a, div#content.meet div.entry a:visited { color:#6633cc;}
h2.meet a:hover, div#content.meet div.entry a:hover { color:#9933ff;}
a, a:hover, a:visited { text-decoration:none;}
h3, h3 a, h3 a:hover, h1 a:visited {
	font-family: 'PT Sans Narrow', arial, serif;
	font-size: 85px;
	text-transform: uppercase;
	margin:100px 0 0;
	padding:0;
	color:#fefefe;
	font-weight:normal;
	text-decoration:none;
	}
h4 {
	font-family: 'PT Sans Narrow', arial, serif;
	font-size: 18px;
	text-transform: lowercase;
	margin:-7px 0 25px;
	padding:0;
	color:#111111;
	font-weight:normal;
	font-style: italic;
	text-decoration:none;
	}
h5 {
	font-family: 'PT Sans Narrow', arial, serif;
	font-size: 130px;
	text-transform: uppercase;
	margin:0;
	padding:0;
	color:#ff3333;
	font-weight:normal;
	text-decoration:none;
	}
div#content ul { list-style-image:url(images/list-arrow.png);}

/* Link Colors */
div#content.read div.navigation div.alignleft a, div#content.read div.navigation div.alignright a { color:#339933;} 

/* LAYOUT */
div#site { width: 100%;}
div#wrap {
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
	}
div#content {
	width: 940px;
	min-height: 450px;
	margin: 16px 20px 20px;
	float: left;
	}
	
/* Header */
div#uscheader {
	width:940px;
	height:51px;
	margin: 0 20px 13px;
	padding: 0;
	float:left;
	}
div#unitsheader{
	width:940px;
	height:37px;
	margin: 0 20px;
	padding: 0;
	float:left;
}
.univsc { vertical-align: top;}
.ict-logo {
	float:left;}
.ca-logo {
	float:right;}
.uscmono {
	float:right;
	margin:11px 0;}
div#header {
	width:940px;
	height:70px;
	margin: 0 20px;
	padding: 0;
	float: left;
	}
.ict { margin: 1px 0 0;}
.mxr { margin:30px 398px 0 397px;}
.imd { margin: 30px 0 0;}
.graybar {
	width: 980px;
	height: 2px;
	background-color: #CCC;
	margin: 18px 0 0;
	padding: 0;	
	float:left;
	}

/* Main Navigation */
div#main-nav {
	float:left;
	width:940px;
	margin:0 20px;
	padding: 0;
	}
div#main-nav ul {
	margin:5px 0;
	padding:0;
	position:relative;
	text-align:center;}
div#main-nav ul li {
	list-style:none;
	display:inline;
	margin:0 15px 0;}
div#main-nav ul li a, div#main-nav ul li a:visited {
	font-size:11px;
	color:#111111;
	text-decoration:none;
	text-transform:uppercase;
	}
div#main-nav ul li a:hover { color:#777777;}

/* Home Page */
div#blog-feed, div#featured, div#about {
	width:290px;
	float:left;
	background:url(images/bg-home-col.png) repeat-x;
	padding:0 5px;
	}
div#blog-feed, div#featured { margin:30px 20px 0 0;}
div#blog-feed div.feedback {
	margin:0 0 20px;
	color:#111111;
	}
div#blog-feed div.feedback a, div#blog-feed div.feedback a:visited {color:#111111;}
div#blog-feed div.feedback a:hover {color:#777777;}
div#featured img { margin: 0 -5px;}
div#featured p { margin:5px 0 0;}
div#about { margin:30px 0 0;}

/* The Grids */
/* 2 Columns */
div#grid-left {
	width:450px;
	height:340px;
	float:left;
	margin:10px 20px 10px 0;
	background:url(images/pubs-bg.png);
	padding:5px;
	text-align:center;
	}
div#grid-right {
	width:450px;
	height:340px;
	float:left;
	margin:10px 0;
	background:url(images/press-bg.png);
	padding:5px;
	text-align:center;
	}

/* 3 Columns */
div.grid-cell {
	width:300px;
	height:200px;
	float:left;
	margin:10px 20px 10px 0;
	}
div.grid-third {
	width:300px;
	height:200px;
	float:left;
	margin:10px 0;
	}
div.cell-inner {
	width:300px;
	height:200px;
	position:relative;
	margin:-200px 0 0;
	z-index:2;
	}
div#content.work div.cell-inner { background-image:url(images/work-cell.png);}
div#content.play div.cell-inner { background-image:url(images/play-cell.png);}
div#content.meet div.cell-inner { background-image:url(images/meet-cell.png);}
div.cell-title {
	width:290px;
	height:190px;
	padding:5px;
	margin:0;
	position:relative;
	z-index:3;
	}
/* 1 Column  (and The Lists) */
div.read-first-bar {
	width: 940px;
	height: 1px;
	background-color: #111111;	
	float:left;
	margin-bottom:10px;
	}
div.read-item {
	width: 780px;
	padding: 5px 80px 15px;
	border-bottom-width: 1px;
	border-bottom-color:#111111;
	border-bottom-style:solid;
	float:left;
	margin-bottom:10px;
	}
div.list-left {
	width: 460px;
	margin-right:20px;
	float:left;
	}
p.read-info {
	margin-top:-5px;
	font-size: 12px;
	text-align:left;
	}
div.list-right {
	width: 300px;
	height:200px;
	float:left;
	}
div.buttons {
	width:460px;
	float:left;
	color:#fefefe;
	}
div.read-more a, div.read-more a:hover, div.read-more a:visited, div.download a, div.download a:hover, div.download a:visited, div#addthis a, div#addthis a:visited, div#addthis a:hover, span.white { color:#fefefe; }
div.buttons div.read-more, div.buttons div.download {
	float:left;
	padding: 3px 15px;
	}
div#addthis {
	float:right;
	padding: 3px 15px;
	}
div.hover_menu { z-index:1000;}
iframe { z-index:1;}
div.buttons div.read-more { 
	background-color:#339933;
	margin-right:20px;
	}
div.buttons div.download { 
	background-color:#339933;
	margin-bottom:5px;}
div#content.work div#addthis { background-color:#3366cc; }
div#content.diy div#addthis { background-color:#666; }
div#content.play div#addthis { background-color:#ff6600; }
div#content.blog div#addthis { background-color:#ff3333; }
div#content.meet div#addthis { background-color:#6633cc; }
div.abstract { 
	display:none;
	float:left;
	}


/* Publication BibTex Browser */
.bibitem {padding:10px 0;}
.bibref {padding:10px 20px 10px 0; vertical-align:top;}
.result {
	margin:0;
	padding:0;}
tr.jumpheader, tr.date, tr.date a, tr.date a:hover, tr.date a:visited {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color:#111111;
	margin: 10px 0 0;
	}
.result a, .result a:visited {color:#339933;}
.result a:hover {color:#33cc33;}
	
	
/* Video */
div#video {
	width:940px;
	height:280px;
	margin:10px 0;
	padding:10px 0;
	background:#fefefe;
	}
div#content.play div#video {
	width:780px;
	margin:30px 80px;
	}

/* BLOG */
div#sidebar {
	width:300px;
	float:left;
	margin:16px 20px 20px;
	}
div#info {
	/* height:170px;
	background:url(images/bg-blog.png) repeat-x; */
	padding:0;
	border-top-width: 1px;
	border-top-color:#111111;
	border-top-style:solid;
	width:290px;
	}
div#subscribe, div#search, div#authors, div#categories, div#links {
	padding:15px 5px;
	border-top-width: 1px;
	border-top-color:#111111;
	border-top-style:solid;
	width:290px;
	}
div#subscribe h1, div#subscribe h1 a{margin-bottom:0;}
div#sidebar ul { padding:0;}
div#sidebar li { display: inline;}
div#sidebar div a, div#sidebar a:visited, div#sidebar h5 a:hover { color:#ff3333;}
div#sidebar a:hover { color:#ff6666;}
h2.search{margin:0px;}
ul#authorlist li, ul#catlist li, ul#linklist li {
	display:block; 
	padding:0;
	margin:0;
	}
div#sidebar ul li ul li:before, div#sidebar ul li:before { content:url(images/list-arrow.png) " ";}
div#content.blog {
	width: 620px;
	margin: 16px 20px 20px 0;
	float:right;
	}
div.blog-item {
	width: 610px;
	padding: 5px 5px 15px;
	border-bottom-width: 1px;
	border-bottom-color:#111111;
	border-bottom-style:solid;
	float:left;
	margin-bottom:10px;
	}
div.blog-item div.entry { display:block;}
div.blog-first-bar {
	width: 620px;
	height: 1px;
	background-color: #111111;	
	float:left;
	margin-bottom:10px;
	}
div.feedback {
	margin:-10px 0 20px;
	color:#777777;
	}
div.commentcount h2 {padding-top:3px;}

/* FOOTER */
div#footer {
	width:100%;
	height:150px;
	text-align:center;
	font-family: 'PT Sans', arial, serif;
	font-size: 11px;
	line-height:11px;
	margin: 145px 0 0;
	}
div#footer a, div a:visited {
	color:#111111;
	text-decoration:none;
	}
div#footer a:hover { color:#777777;}
div#footer-bar {
	width:100%;
	height:21px;
	background:url(images/bg-footer.png) repeat-x;
	padding: 5px 0;
	}
/* Footer Navigation */
div#footer-nav {
	float:left;
	width:100%;
	margin:0;
	padding: 0;
	}
div#footer-nav ul {
	margin:0;
	padding:0;
	position:relative;
	text-align:center;}
div#footer-nav ul li {
	list-style:none;
	display:inline;
	margin:0 15px 0;}
div#footer-nav ul li a, div#footer-nav ul li a:visited {
	font-size:11px;
	color:#111111;
	text-decoration:none;
	}
div#footer-nav ul li a:hover { color:#777777;}

/* IMAGES, ALIGNS and CAPTIONS */
.alignleft { float:left; margin: 0 10px 15px 0;}
.alignright { float:right; margin: 0 0 15px 10px;}
.aligncenter {display:block; margin:auto auto 10px;}
.wp-caption-text {
	color:#777777;
	font-style:italic;
	margin-top:3px;
	}
div.alignright .wp-caption-text { padding:0 0 0 10px;}
div.alignleft .wp-caption-text { padding:0 10px 0 0;}

/* COMMENTS */
ul.commentlist {
	padding-left:1em;
	margin:30px 0 0 10px;
	list-style-image:none;
	}