@charset "UTF-8";
/* CSS Document */
/*Theme Name: VHToolkit Theme
Theme URL: http://vhtoolkit.ict.usc.edu/
Description: custom Wordpress theme for the USC Institute for Creative Technologies by Jen Wohlner
Version: 1.0
Author: Jen Wohlner
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: url(images/background.jpg) repeat-x top left #fefefe;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:150%;
	color:#222222;}
div#site { 
	width: 100%;
	min-height:100%;
   	position:relative;
	background:url(images/wrap-bg.png) no-repeat center 205px;}
div#wrap {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;}

/* FONTS */
h1 {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fefefe;
	margin:20px 0 1em;
	padding: 3px 0 3px 10px;
	position: relative;
	text-transform:uppercase;
	font-weight:bold;}
div#spotlight h1{
	background:#000000;}
div#sidebar h1{
	margin-top:10px;
	margin-right:-10px;
	/*background: #515052*/
	background:#000;}
div#welcome h1{
	margin:0 0 0 -20px;
	padding-left:20px;}
div#news-feed h1{
	margin:0 -20px 0 -10px;}
div#content h1{
	background: #000;
	/*background: #515052;*/}
h2 {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight:lighter;
	margin-bottom:7px;
	padding-bottom:5px;
	border-bottom: solid 2px black;}
div#spotlight h2{
	padding-bottom:0;
	border-bottom: none}
h3{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#515052;}
h4{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
	font-weight:bold;}
p{margin:0 0 1.5em;}
div#spotlight p{
	margin:1em 0;}
a, a:hover, a:visited {
	color:#990000;
	text-decoration:underline;}
div#spotlight a, div#spotlight a:hover, div#spotlight a:visited{
	color:#515052;
	text-decoration:underline;}
	
/* Header */
div#usc-head {
	width: 176px;
	height: 38px;
	padding: 11px 10px 20px 774px;
	margin: 0;
	float: left;}
div#ict-head {
	width:940px;
	height:83px;
	padding:0 10px 16px;
	margin:00;
	float:left;}
div#vhtoolkit{
	width:536px;
	height:42px;
	padding:31px 0 10px;
	margin:0;
	float:right;}

/* Main Navigation */
div#main-nav {
  text-align: justify;
  width:940px;
  height:28px;
  padding:9px 10px 0;
  float:left;
  color:#fefefe;}
 div#main-nav div {display: inline-block; height:18px;}
 div#main-nav span{width:100%; display:inline-block;}
 div#documentation, div#about{
	 position:absolute;
	 visibility:hidden;
	 padding:10px;
	 color:#fefefe;
	 background:#515052;}
div#documentation ul {
	margin:0;
	padding:0 20px 0 0;
	list-style-type:none;}
div#about ul{
	margin:0;
	padding:0;
	list-style-type:none;}
div#main-nav a, div#main-nav a:visited, div#documentation a, div#documentation a:visited, div#about a, div#about a:visited{
	color:#fefefe;
	text-decoration:none}
div#main-nav a:hover, div#documentation a:hover, div#about a:hover{
	color:#ffcc00;
	text-decoration:none}
div#main-nav a#current, div.current{
	color:#ffcc00;
	font-weight:bold;
	text-decoration:underline;}
	
/* FOOTER */
#footer {
	position:absolute;
	background:#515052;
	bottom:0;
	width:100%;
	height:30px;/* Height of the footer */
	text-align:center;
	line-height:22px;
	padding-top:10px;
	color:#fefefe;}
div#footer a, div#footer a:visited, div#footer a:hover {
	color:#fefefe;
	text-decoration:underline;}
	
/* Homepage Spotlight */
div#spotlight{
	width:960px;
	float:left;
	margin:20px 0 10px;
	padding:0;
	background:url(images/spotlight-bg.jpg) top left repeat-y;
	color:#515052;}
div#spotlight div#welcome{
	width:600px;
	padding:10px 20px;
	margin:0;
	float:left;}
div#spotlight div#welcome iframe{
	margin:10px 0 16px;}
div#spotlight div#news-feed{
	width:280px;
	padding:10px 20px;
	float:right;}
	
/* Main Content */
div#content{
	width:960px;
	float:left;
	margin-top:20px;
	height:100%;}
div#content.narrow{
	width:600px;
	float:left;
	margin-right:60px;
	margin-top:20px;}
div#content div.post, div#content div.page{
	width:940px;
	padding:0 10px;
	float:left;}
div#content.narrow div.page, div#content.narrow div.post{
	width:580px;
	padding:0 10px;
	float:left;}
div.post p{
	margin:0 0 1.5em;}
div#sidebar{
	width:270px;
	padding:0 10px 20px;
	float:right;
	margin:10px 10px 0 0;
	background:#ededed;
	color:#515052;}
div#sidebar div.post{
	padding:0 0 0 10px;}
div#sidebar ul{
	margin:0;}
div#content ul{
	margin:0 0 1.5em;}
	
/* Tables */
div#content.narrow table, div#content.narrow tr, div#content.narrow td{border:none; text-align:left;}
table, th, td{border: 1px solid black; border-collapse:collapse; text-align:left;}
table{margin:1em auto 1.5em;;}
th, td{padding:10px;}
th{background:#ededed;}
	
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 10px 20px 10px 0;}
.alignright {
	display: inline;
	float: right;
	margin: 10px 0 10px 20px;}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;}