* { margin: 0; padding: 0; }

body {
	background: #fff url('../images/bg.gif') repeat-y left;
	color: black;
	font-family: Tahoma, Lucida Grande,Helvetica,Verdana,sans-serif;
	font-size: 76%
}

a { color: #777; text-decoration:none;}
a:hover { color: #333; text-decoration:none;}

h2 { 
	font-family: 'trebuchet ms',Lucida Grande,Helvetica,Verdana,sans-serif;
	font-size: 1.2em; 
}

p { margin-bottom: 1em; }

img { border: 0px none; }

/*** Banner and Utility Bar style rules ***/

div#banner {
	background-color: black;
	height: 55px;
	border-bottom: 1px solid white;
	background-image: url('topbanner.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#banner img#warwicklogo {
	float:right;
	margin-right: 20px;
	margin-top: 30px;
	border: 0px;
}

div#banner img#logo {
	float:left;
	border: 0px;
	margin-top:10px;
	margin-left:20px;
}

/* Utility bar */

#utilityBar {
	background-color: #9ab761;
	height:2em;
	line-height:2em;
	font-size: 0.9em;
	font-weight:bold;
	border-bottom: 1px solid #6f654a;
}

#utilityBar #adminlinks { float:right; margin-right: 1.0em; }

#utilityBar li { display: inline; list-style: none;  }

#utilityBar a {	color: #202020; text-decoration: none;}
#utilityBar a:hover { text-decoration:underline;}

/*** Main Page Appearance ***/

#central {
	border-left: 218px solid #C1CCD0;
}

#leftsidebar {
	position: absolute;
	z-index:5;
	/*padding: 1em;
	width: 16em;*/
	padding: 12px;
	width: 194px;
	background: #C1CCD0;
	border-top: 1px solid white;
}

/*** Everything that controls how top bar behaves ***/

#topbar {
	position: relative;
	background: #bae4a2 url('topbar.png') repeat-x;
	margin: 0;
	padding: 0;
	height: 7em;
	border-top: 1px solid white;
	border-bottom: 0.5em solid #eee
}

#topbar .block { padding: 1em; display: block; }
#topbar a { text-decoration: none; color: black; }

#topbar #recent { margin-left: 1px; width: 24em; border-right: 1px solid white; }

#topbar #recent #showall {
	width: 22em;
	display:block;
	padding: 1em;
}

#stats {
	
}


#stats ul.content li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	color: black;
	display: block;
	padding: 3px 10px 3px 25px;
	margin: 0;
	background: url('bullet.png') no-repeat 10px 50%;
	width: 159px;
}


#topbar #recent li {
	position: absolute;
	top: 5em;
	width: 8em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	list-style: none;
}

#topbar #recent li a {
	height: 2em;
	background: url('../images/whiteborder.gif') repeat-x top;
}

#topbar #recent li a:hover {
	background-color: #9ab761;
}

#topbar #recent li a { display: block; background-color: #bae4a2; }

#topbar #recent li#all { left: 0; }
#topbar #recent li#newblogs { left: 8em; border-left: 1px solid white; border-right: 1px solid white;} 
#topbar #recent li#popular { left: 16em; border-left: 1px solid white; border-right: 1px solid white;} 


/*** ***/

.group {
	background: white;
	margin-bottom: 1em;
	float: left;
	width: 100%;
}

.group h2 {
	font-size: 1.2em;
	display: block;
	padding: 0.25em 0.25em 0.25em 0.5em;
	background: #DDD;
}

.group ul li {
	list-style: none;
	width: 159px;
	margin: 0;
}

.group ul li a {
	text-decoration: none;
	color: black;
	display: block;
	padding: 3px 10px 3px 25px;
	border-bottom: 1px solid #ddd;
	margin: 0;
	background: url('bullet.png') no-repeat 10px 50%;
	width: 159px;
}

.group ul li a:hover { background-color: #eee; }

.group #search {
	padding: 0.5em;
}

.group #search ul li {
	display: block;
	margin: 0;
	padding: 0.15em 0 0.15em 0;
}

.group #search ul li a {
	background-image: url('none');
	padding: 0;
	display: inline;
	text-decoration:none;
	color: #666
}

.group #search ul li a:hover {
	background-color: inherit;
	color: #333;

}

.group #search #searchresults {
	margin-bottom: 0.5em;

}

.group #search #search_go {
	vertical-align:middle;
	margin-bottom:2px;
}

.group #search #search_spinner {
	vertical-align:middle;
	margin-bottom:2px;
}

#middle {
	background: white;
	padding: 1em;
/*	text-align: justify;*/
	min-width: 530px;
	padding-top:0em;
}

* html #middle {
	padding-left: 0;
}

#middle h2 { text-align: left; }

#middle #column1 {
	float: left;
	margin-left: 1em;
	margin-top: 0.5em;
	margin-right: 1em;
	width: 38%;

	max-width: 380px;
}

#middle #column2 {
	float: left;
	margin-left: 1em;
	width: 24em;
	position: relative;
	margin-top: 0.5em;
}

#topbar #news {
	position: absolute;
	padding: 1em 1em 0.5em 1em;
	top: 0;
	left: 24em;
	width: 34em;
}


#topbar #news ul li {
	list-style: none;
	width:16em;
	float:left;
}

#topbar #news ul li.even {
	float:right;
	margin-left:0.3em;
}

#topbar #news {
	font-weight:bold;
}

#topbar #news a {
	font-weight: normal;
}

#topbar #news a:hover { text-decoration: none; color: #333;}


#middle #tags {
	text-align: left;
	height:5em;
}


#middle #tags ul li {
	list-style: none;
	float: left;
	width:11em;
	padding:3px;
}

#middle #tags ul li.even {
	float: right;
	margin-left:1em;
}

#middle #reviewlinks {
	margin-top: 2em;
}


#middle #reviewlinks ul li#book { top: 0; left: 0; width: 12em; height: 2em; }
#middle #reviewlinks ul li#dvd { top: 0; left: 12em; width: 12em; height: 2em; }
#middle #reviewlinks ul li#film { top: 2em; left: 0; width: 12em; height: 2em; }
#middle #reviewlinks ul li#game { top: 2em; left: 12em; width: 12em; height: 2em; }
#middle #reviewlinks ul li#cd { top: 4em; left: 0; width: 12em; height: 2em; }
#middle #reviewlinks ul li#tv { top: 4em; left: 12em; width: 12em; height: 2em; }

#middle #reviewlinks ul {
	position: relative;
}

#middle #reviewlinks ul li {
	position: absolute;
	margin:0;
	padding:0;
	text-align: left;
	list-style: none;
}

#middle #reviewlinks a { text-decoration: none; }
#middle #reviewlinks a:hover { text-decoration: none; }

#middle #reviewlinks img {
/*	width: 20px;*/
	vertical-align: middle;
	margin-right: 5px;
}


#middle #hottopics h2 {
	margin-left:3px;
}

#middle #hottopics ul {
	border: 0px;
	padding: 0.25em;
}

#middle #hottopics ul li {
	margin: 0;
	padding: 0.25em;
	line-height: 1.3em;
	list-style: none;
	background-color: #dfe9ca;
}

#middle #hottopics ul li.alt {
	background-color: white;
}

#middle #hottopics ul li a {
	color: #333;
	text-decoration: none;
}

#middle #hottopics ul li a:hover {
	text-decoration: none;
	color: #777;
}

#middle #hottopics p {
	display: block;
	text-align: right;
}

#middle #gallery {
	margin-top:7em;
	clear: both;
}


#middle #gallery li {
	list-style: none;
	display: block;
	width: 82px;
	height: 61px;
	float:left;
	margin:2px;
	text-align:center;
}

#middle #gallery li img {  
	border:1px solid black;	
}

#middle #gallery p {
	text-align:right;
	margin-right:1em;
	clear:both;
}



/* Nav bar */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.1em;
	background-color: #9ab761;
}

#nav {	margin-top:4px;}

#nav a {
	display: block;
	width: auto;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	margin-left:1px;
	padding:0px;
}

#nav li ul li {
	padding:4px 0px 4px 0px;
	clear:left;
}

#nav li ul li a {
	width: 17em;
}

#nav li ul { /* second-level lists */
	z-index:200;
	margin-top:1px;
	position: absolute;
	width: 17em;
	text-align:left;
	border: 1px solid white;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-top: -1px;
}

#notice {
	padding: 0.5em 1em 0 1em;
	margin-top: 0.5em;
	border-top: 1px solid #9ab761;
	border-bottom: 1px solid #9ab761;
	background: #dfe9ca;
	color: black;
	margin-left: 1em;
	margin-right: 1em;
}

/* smallscreen fixes */
body.is-smallscreen div#banner {
	height: 39px;
}
body.is-smallscreen div#banner img#logo {
	margin: 0px;
	max-width: 100%;
}
body.is-smallscreen #utilityBar {
	height: auto;
}
body.is-smallscreen #utilityBar #adminlinks {
	float: none;
	margin: 0px;
}
body.is-smallscreen #utilityBar #adminlinks li {
	float: none;
	margin: 0px;
	display: inline;
}
body.is-smallscreen #utilityBar #adminlinks li a {
	display: inline;
	line-height: 2em;
}
body.is-smallscreen #utilityBar #nav {
	margin:0px;
}
body.is-smallscreen #leftsidebar {
	position: static;
	width: auto;
}
body.is-smallscreen #leftsidebar .group {
	float:none;
}
body.is-smallscreen #central {
	border: none;
}
body.is-smallscreen #topbar {
	height: auto;
}
body.is-smallscreen #topbar #news, body.is-smallscreen #topbar #recent {
	width: auto;
	margin: 0px;
	position: static;
}
body.is-smallscreen #topbar li {
	float: none;
	position: static;
	display: inline;
}
body.is-smallscreen #topbar #news{
	margin-top: 20px;
}
body.is-smallscreen #topbar #news li {
	float: none;
	position: static;
	display: block;
	width: auto;
}
body.is-smallscreen #middle {
	min-width: 0px;
}
body.is-smallscreen #middle #column1, body.is-smallscreen #middle #column2 {
	float: none;
	width: auto;
	max-width: none;
	margin: 5px;
}