/* Reset CSS */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
	color: white;
	font-family: 'Helvetica Neue', helvetica, sans-serif;
}

#header {
	height: 80px;
	background-color: black;
	position: relative;
}
#logo {
	padding-top: 10px;
	padding-left: 10px;
}	
#index {
	height:auto;
	padding-bottom:2em;
	overflow:hidden;
}

#content {
	background-image: url('../img/tiles/tile_00.gif');
	background-position:0px 20px;
}
.info{
	position: absolute;
	top: 20px;
	left: 250px;
	right: 20px;
	
	
}
.info p{
	font-size: 11px;
}

/*	START : Styles used buy Keiths js	*/
	
.poster {
	background-color:white;
	border:1px solid white;
	color:black;
	cursor:pointer;
	float:left;
	margin:3px;
	min-height:220px;
	padding:10px;
}

.poster img {
	border:2px solid white;
}

.posterDetails {
	color:white;
	background-color:black;
	font-size:0.85em;
	padding:5px 8px;
	margin-bottom:20px;
}

/*.poster img { width:100%; }*/

.posters 	{ padding: 20px; }

.poster_desc, .poster_author, .poster_title {
	display: none;
}

div.reseach-cat, 
div.research-cat 	{border-left:1px solid black;}
div.practice-cat	{border-top:1px dotted black;}
div.social-cat 		{border-right:3px double black;}
div.education-cat	{border-bottom:1px dashed black;}

/* Admin Styles */
.table, .cats {
	background-color: white;
	padding: 30px;
	margin:40px;
}

/* Random tile classes */
.tile01 {background-image: url('../img/tiles/tile_01.gif');}
.tile02 {background-image: url('../img/tiles/tile_02.gif');}
.tile03 {background-image: url('../img/tiles/tile_03.gif');}
.tile04 {background-image: url('../img/tiles/tile_04.gif');}
.tile05 {background-image: url('../img/tiles/tile_05.gif');}
.tile06 {background-image: url('../img/tiles/tile_06.gif');}
.tile07 {background-image: url('../img/tiles/tile_07.gif');}
.tile08 {background-image: url('../img/tiles/tile_08.gif');}
.tile09 {background-image: url('../img/tiles/tile_09.gif');}

/* Keith Dynamic Classess */

.portraitScaleMid {width:22%;}
.portraitScaleLrg {clear:both;margin-bottom:20px;height:auto;overflow:hidden;}
.portraitScaleSml {width:70px;max-height:75px;overflow:hidden;}

.clearBoth 	{clear:both;}
.setBorder 	{border-top:5px solid black;overflow:hidden;clear:both;padding-bottom:25px;}
.tagList 	{font-size:50px;color:black;padding-bottom:15px;letter-spacing:-0.05em;height:auto;overflow:hidden;}
.hide		{display:none;}
.hover		{background-color:#000;}
.extraPadding {padding-top:40px;}

.test {background-color:red;}
.toDelete {display:none;}

#greyspace { 
	color:silver;
	font-size:0.75em;
	margin:5em 0 2em 20px;
	}

#greyspace a { 
	color:silver;
	text-decoration:none;
	}
#greyspace a:hover {
	border-bottom:1px solid silver;
}