/*** Style.css Last revised 15/12/04 by Sara Lever***/
/*** changes commented ***/
/*** Heading styles made consistent BB-475-478 ***/
/*** changes made to fix the page with images load problem IE6***/
/*** also change to entry footer to eliminate big gaps clear:both changed to clear:right ***/
/*** removing big gaps problem re-introduced image overlay problems ***/

body
{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color:white;
}


.entry h1 {
	padding-left: 0px;
	font-size: 180%;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
}

.entry p {
	margin-bottom: 1em;
}


h1 { /* there is a heading on /showall/daily/151204/ that needs padding */
	padding-left: 20px;
	font-size: 170%;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
}

h2 {
	font-size: 150%;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

h3 {
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

h3.entryHeader {
	font-size: 120%; /* JD wanted these headings smaller and bold 2005 */
	font-weight: bold;
}

/*  commented out as seemed like a duplication now we can use the above markup?
	.entry h3 a { 
	font-size: 110%;
	color: black;
} */

h4 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

.commentItem h4 {
	padding:0px;
	margin:0px;
	color: black; /* needed because in most cases to avoid white on white */
	display:inline; /* needed for heading but not needed for the comment body */
}

h5 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

h6 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

h2.dateheader {
	color: #8F0E2C;
}

.red-text {
	color: red;
	font-weight: bold;
}

abbr, acronym, .help {
	border-bottom: 1px dotted;     
	cursor: help;
}


p {
	margin-bottom:0;
}

table, td, th {
font-size: 100%;
}

a {		color: #336699; text-decoration: none;}
a:link { 	color: #336699; }
a:visited {	color: #264A59; }
a:active { 	color: #6699EE; text-decoration: underline; }
a:hover { 	color: #6699EE; text-decoration: underline; }

a img {
	border: 0px;	
}

.notbold {
	font-weight:normal;
}

div#banner {
	background-color: black;
	height: 70px;
	border-bottom: 1px solid white;
	background-image: url(images/doitthinkitblogit.gif);
	background-repeat: no-repeat;
	background-position:right 0px;
}

div#banner img#warwicklogo {
	float:right;
	margin-right: 20px;
	margin-top: 35px;
	border: 0px;
}
div#banner img#logo {
	float:left;
	border: 0px;
	margin-top:25px;
	margin-left:20px;
}

.columnitem h2 {
	margin-top: 0px;
	padding: 3px;
	background-color: #234551;
	color: white;
	font-size: 110%;
	margin-bottom: 0px;
}

div.columnitem ul {
	margin-top:0px;
	margin-left: 0px;
	padding-left: 0px;
}

div.columnitem ul li {
	list-style:none;
	padding:2px;
}

#sideContent ul {
	margin-top:0px;
	margin-left: 0px;
	padding-left: 0px;
}

#sideContent ul li {
	list-style:none;
	padding:2px;
}


/* What is all this   */

div#whatisallthis {
	left: 0px;
	background-color: #C1CCD0;
	width: 245px;
	height: 600px;
	float:left;
	padding-left:12px;
}

div#allaboutblogs {
	width: 220px;
	border: 1px solid black;
	background-color: white;
	color: #264A59;
}

#allaboutblogs h2 {
	background-color:black;
}


div#search {
	color: #234551;
	font-weight: bold;
}

div#search input[type=image] {
	border:0px;
	background-color: transparent;
}



div#stats {
	float:left;
	width: 220px;
	border: 1px solid black;
	font-size:90%;
}

div#postcardanim {
	width:130px;
	height:110px;
	background-image: url(images/postcardanim.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	float:right;
	margin-right:5px;
}

div#centrecolumn {
	margin-left: 265px;
}

div#leftcentrecolumn {
	width:460px;
	float:left;
}

div#centrecolumn h2 {
	color:black;
	font-size:110%;
}

div#centrecolumn h1 {
	color:black;
	font-size:125%;
	padding-left:0px;
	margin-bottom:0.3em;
}

.highlight {
	color:#E42882;
	font-weight:bold;
}

a.highlight {	color: #E42882; text-decoration: none;}
a.highlight:link { color: #E42882; }
a.highlight:visited {	color: #E42882; }
a.highlight:active {	text-decoration: underline; }
a.highlight:hover { text-decoration: underline; }

li#signup {
	margin-bottom:10px;
	margin-top:10px;
}

div#hotandlatest {
	width: 440px;
}

div#hottopics {
	float:left;
	width: 200px;
	border: 1px solid black;
	background-color: white;
}

div#hottopics h2 {
	background-color:#E42882;
	color:white;
}


div#latestposts {
	float:right;
	width: 200px;
	background-color: white;
	border: 1px solid black;
}

div#latestposts h2 {
	background-color: #4FBABE;
	color:white;
}


div#rightcentrecolumn {
	float:right;
	width:230px;
	margin-right:15px;
}

div#rightcentrecolumn div#faqs {
	border: 0px solid blue;
	background-image: url(images/faqs.gif);
	background-repeat: no-repeat;
	background-position:-4px 0px;
	height:90px;
	padding:34px 0px 0px 70px;
	margin-bottom:10px;
}

div#rightcentrecolumn div#signinsignupflash {
	margin-top:10px;
}


div.columnitem {
	margin-top: 12px;
	margin-bottom: 7px;
}

div.columnitem .content {
	padding:6px 6px 6px 6px;
}

div.maincolumn {
	padding-top: 0px;
}

div.columnitem .more {
	background-color: #CFCBB4;
	padding: 2px;
	text-align: right;
	text-decoration:none;
	color: #414243;
	font-size:80%;
	float:right;
}


/* Utility bar */

#utilityBar {
	background-color: #F3BF21;
	color:white;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:25px;
	font-size:95%;	
}

#utilityBar a {
	color: #2D3D44;
}

#utilityBar a {	color: #202020; font-weight: bold; text-decoration: none;}
#utilityBar a:link { color: #202020; }
#utilityBar a:visited {	color: #202020; }
#utilityBar a:active { color: #202020; }
#utilityBar a:hover { color: #202020; text-decoration:underline;}

#utilityBar #bloglinks {
	float: left;
}

#utilityBar #adminlinks {
	margin-right: 4px;
	font-weight:normal;
	color:#202020;
}

#sideContent {
	/*float: left;*/
	position:absolute;
	top:0;
	left:0;
	width: 220px;
	background-color:#C1CCD0;
}

#sideContent .sideContentItem {
  	width: 200px;
  	font-size: 90%;
  	background-color: white;
  	margin: 8px;
  	border: 1px solid black;
}

.sideContentItem h2 {
	font-weight: bold;
	font-size: 110%;
	background-color: black;
	/*background-color: #8F0E2C;*/
	color:white;
	padding:3px;
	margin-top:0px;
}

.sideContentItem h2 a {
	color: white;
}

/* Warwick footer */

#warwickBar {
	color: white; 
	height: 30px;
	background-color: #003399;
	border: none;
}

img.logo {
	border: none;
	padding-left: 2px;
}

/* Centre content */

#centreContent {
	border-left: 220px solid #C1CCD0;
}


#centreContent .day {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 140%;
}

#centreContent .entry {
	margin-bottom: 10px;
	font-family:Verdana;
}

/* Entries */

.entry .entryfooter {
	margin: 0;
	/* margin-top: -1em; */ /* this requires that all entries have a paragraph tag */
	font-size:80%;
	text-align:right;
	clear:both;
}

.entry {
	border-bottom: 1px dashed #F3BF21;
}

.entry a {
color: #336699;
text-decoration: underline;

}

.entry a:hover { color: #6699EE; }

/* CALENDAR CONTROLS */

#calendar { background-color: #76B2C5; }

#calendar h2 { background-color:#E42882 }

#calendar a {		text-decoration: underline;}
#calendar a:link { 	}
#calendar a:visited {	}
#calendar a:active { 	text-decoration: none; }
#calendar a:hover { 	text-decoration: none; }

#calendar table.calendar {
	width: 160px;
	margin-left:12px;
}

#calendar table th{
	background-color:transparent;
	text-align:left;
}

.calendar td,.calendar th{
	font-size: 80%;
	color: #154357;
}

.calendar td {
	text-align: right;
}

.calendar td.calendarcontrols {
		text-align: center;
}

.calendar .calendarday {
	width: 23px;
	padding: 1Px;
}

.calendar .today {
	font-weight: bold;
}

.calendar .calendardayheader {
	font-weight: bold;
	width: 23px;
	padding: 0px;
}

.calendar a {
	color: #154357;
}

.calendar #monthheader a{
	color: white;
}

.calendar #monthheader {
	background-color: #154357;
	padding:0px;
}

/* Most recent entries */
#mostrecententries a {
/*	display:block;      */
	padding:2px;
}
#mostrecententries a:hover {
	text-decoration:none;	
}

#mostrecententries h2 {
	background-color: #4FBABE;
}

#entrytypes a {
	display:block;
	padding:2px;
}
#entrytypes a:hover {
	text-decoration:none;	
}

/* side footer */

#sideContent div#signincopyrightfooter {
	font-size: 80%;
	padding: 5px;
	width: 190px;
}

p.answer {
	background-color: #F3BF21;
	color:black;
	padding: 3px;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
}

#question {
	width: 400px;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid black;
	background-color: #E5E5E5;
}

blockquote:before {
	content: url(images/openquote.gif);
}
blockquote:after {
	content: url(images/closequote.gif);
}

* html blockquote {
         border: 1px dashed #A1A1A1;
         padding: 4px;
}

pre {
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #A1A1A1;
	padding: 5px;
	font-size: 110%;
	height:100%;
	width:80%;
}

html>body pre {
	overflow:auto;	
}

* html pre {
            font-size: 90%;
            word-wrap:break-word;
}

.reviewimage {

}

.reviewdata {
	border-bottom: 2px solid #F3BF21;
	border-top: 2px solid #F3BF21;
	width:100%;
}

.reviewcontent {

}

.bookReview {

}
.bookReview td {
	padding: 0px 3px 0px 3px;
}

.musicReview {

}
.musicReview td {
	padding: 0px 3px 0px 3px;
}

.dvdReview {

}
.dvdReview td {
	padding: 0px 3px 0px 3px;
}

dl dt {
	float:left;
	margin-right: 1em;
	width:4em;
	font-weight:bold;
	margin-bottom:3px;
}

dl dd {
	margin-left: 5em;
	margin-bottom:3px;
}


#adminlinks {
	position:absolute;
	right:0px;
	
}

textarea {
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #C4C4B8;
	padding: 3px;
	background-color: #F7F7F7;
}
input {
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #C4C4B8;
	background-color: #F7F7F7;
}

#blogSearch .innerSidebarContent {
padding: 3px;
}

#blogSearch form {
margin-top: 0px;
}

#blogSearch input{
	margin-top: -25px;
	vertical-align: middle;
	border: 0px;
}

html>body #blogSearch input{
	margin-top: 0px;
	vertical-align: middle;
}

#blogSearch #searchText{
	border: 1px solid #ACA899;
}


/********************************** BLOG DIRECTORY ************************************/

#blogDirectoryMainContent {
	margin-top: 20px;
}

#blogDirectoryMainContent #title{
	background-color: Blue;
	padding: 5px 2px 5px 10px;
	color: White;
	font-size: 120%;
	font-weight: bold;
}

#blogDirectoryMainContent #content{
	padding: 15px 5px 15px 0px;
	background-color: White;
	line-height: 18px;
}

#blogDirectoryMainContent #content li{
	list-style: none;
}

#blogDirectoryMainContent #content li a{
	text-decoration: none;
}

#blogDirectoryMainContent #content li a:hover{
	color: Silver;
}

.academic{
	list-style: disc;
}

/*** LAYOUT ***/
#blogDirectoryMainContent #directory{
	float: left;
	background-color: Aqua;
	border: 1px solid black;
	margin: 5px;
	width: 20%;
	}

html>body #blogDirectoryMainContent #directory{
	text-indent: 10px;
}

#blogDirectoryMainContent #directory #title{
	background-color: #E52882;
}

#blogDirectoryMainContent #options{
	border: 1px solid black;
	margin: 5px;
	float: right;
	width: 75%;
	text-indent: 30px;
	margin-right: 20px;
	padding: 0px;
}

html>body #blogDirectoryMainContent #options{
	text-indent: 50px;
}



#blogDirectoryMainContent #options #title{
	background-color: #4FBBBE;
	text-indent: 10px;
}

#blogDirectoryMainContent #title a{
	color: White;
	text-decoration: underline;
}

#blogDirectoryMainContent #title a:hover{
	color: Black;
	text-decoration: underline;
}

html>body #blogDirectoryMainContent #options #title{
	text-indent: 20px;
}

#blogDirectoryMainContent #options #content #departmentOptions{
	border: 1px;
	border: solid ButtonText;
	border-width: 1px;
	background-color: White;
	margin: 20px 20px 5px 20px;
	padding: 0px 0px 10px 0px;
}

#blogDirectoryMainContent #options #subTitle{
	background-color: #316AC4;
	padding: 2px;
	/*margin: 20px 20px 5px 20px;*/
	/*padding-left: 10px;*/
	color: White;
	font-weight: bolder;
	text-indent: 10px;
	margin: 0px;
}

#blogDirectoryMainContent #options #content .option0{
	background-color: #D8E4F8;
}

#blogDirectoryMainContent #content table{
	margin: 10px 10px 20px 10px;
}

html>body #blogDirectoryMainContent #options #subTitle{
	text-indent: 10px;
}

#blogDirectoryMainContent #options #modules{
	font-weight: bolder;
	padding-left: 10px;
}

#blogDirectoryMainContent #options #modules a{
	color: #667EA0;
}

#blogDirectoryMainContent #options #modules a:hover{
	color: Black;
}

/* News */

div#news {
	margin-bottom:5px;
}

div#news h2 {
	font-size: 140%;
}
div#news div#newsitems {
	padding:4px;
}
div#news div#newsitems ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
div#news div#newsitems ul li{
	list-style:none;
	padding:2px;
}

/******************************** DIRECOTRY - PEOPLE *************************************/
#people table{
	width: 95%;
	margin: 0 auto;
}

 #people table th{
	width: 20%;
	background-color: #4FBBBE;
	color: White;
}

#people table td{
	text-align: center;
	padding-left: 5px;
	width: 20%;
}

#people table.alignLeft{
	text-align: left;
}

#people table.alignLeft td{
	text-align: left;
	padding:3px;
}
#people table.alignLeft th{
	text-align: left;
}

#people .option1{
	background-color: white;
}

#people .option0{
	background-color: #D8E4F8;
}

#people a{
	text-decoration: underline;
}


/************************************ SEARCH *********************************************/
#people #blogSearch{
	float: right;
	width: 75%;
	margin-right: 20px;
	border: 1px solid black;
	background-color: transparent;
	margin-top: 5px;

}

#people #blogSearch #title{
	background-color: #F78E11;
}

#people #blogSearch #content{
	padding: 10px;
	text-align: center;
}

#people #blogSearch #content input{
	border: 1px solid black;
	vertical-align: baseline;
}

/************************************** Blog A-Z ******************************************/

#people #options #blogAtoZ{
	margin: 0px;
}

#people #options #blogAtoZ #title{
	background-color: #376EC0;
}

#people #options #allBlogsList{
	padding-top: 20px;
}

#people #options #allBlogsList li{
	display: inline;
}

div#nextprevlinks {
	text-align:center;
	margin:5px;
}

/************************* alternating table colours ******************************/

.option0{
	background-color: #D8E4F8;
}
.option1{
	background-color: white;
}

/* Drop down menus */

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

#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;
}


#entries {
	overflow: hidden;
}

/*** ADDITIONS FOR COMMENTS ***/

.commentItem h4 {
	padding:0px;
	margin:0px;
	display:inline;
}

h4.commentauthor {  /* h4 heading for comments */
	font-size: 100%;
	font-weight: bold;
}

p.commentfooter {
	text-align:right;
	font-size: 75%;
	margin-right:-25px;
}


.commentsList {
	margin-left:0px;
	padding-left:0px;
}

/*** Comments ***/

#comments ol { margin-left: 0; }
#comments ol li { margin-left: 0; }

.commentItem {
	border: 1px solid gray;
	padding:2px 30px 2px 2px;
	margin: 12px 0px 12px 0px;
	list-style-position:inside;
}

.commentItem .caps {
font-variant: small-caps;
}

.commentItem * html blockquote {
	border: 1px dashed black; /* most styles have comments on a light background */
	background: url(quotemarks.gif) no-repeat 0 3px;
}

.commentItem pre {
	border: 1px solid black; /* most styles have comments on a light background */
}

#comments .commentItem ul { margin-left: 2em; }
#comments .commentItem ol { margin-left: 2em; }

.commentItem ul li {
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
	line-height: 1.3em;
}

.commentItem ol li {
	list-style-position: outside;
	padding: 0;
	line-height: 1.3em;
}

.commentRuler { margin-top:7px; }

/*** Basic styling for the different types of comment box ***/

.authorComment {
	background-color: #EAEAEA;
 	background-image: url(../../images/logged-in-author.gif);
	background-repeat: no-repeat;
	background-position:top right;
 }
 
.nonLoggedInComment {
	background-color: #F7F7F7;
	background-image: url(../../images/logged-out.gif);
	background-repeat: no-repeat;
	background-position:top right;
}
 
.loggedInComment {
 	background-color: #F7F7F7;
	background-image: url(../../images/logged-in.gif);
	background-repeat: no-repeat;
	background-position:top right;
}

.commentLoadingMessage {
text-align: center;
font-size: 1.5em;
position: absolute;
right: 0px;
}

.commentsHeader {
display: inline;
}

.skipToCommentsEnd {
display: inline;
}

.closeCommentsButton td {
padding-right: 5px;
font-size: 15px;
}

.closeCommentsButton a {
text-decoration: none;
}

.reviewDetails { padding: 10px 0; margin-bottom: 10px; border-top: 2px solid #f3bf21; border-bottom: 2px solid #f3bf21; }
.reviewDetails dl { float: left; }
.reviewDetails dt { width: 6em; }
.reviewDetails img { float: left; margin-right: 10px; }

.clear { clear: both; }

/** entry tables **/

.entry td, .entry th { padding: 2px; border-collapse: collapse; }

.entry table { margin-bottom: 10px; }

.entry table.outline { border: 1px solid #333; }

.entry table.border td, .entry table.border th { border: 1px solid #333; }

.entry table.divider tr { border-bottom: 1px solid #333; }
.entry table.divider tr+tr { border-bottom: none; }

.entry table.divider td, .entry table.divider th { border-right: 1px solid #333; }
.entry table.divider td+td, .entry table.divider th+th, .entry table.divider th+td, entry table.divider td+th { border-right: none; }

.content table {
	border-collapse:collapse;
	border-spacing: 0;
}

/* New Recent Entries (Ajax-style) sidebar item */

#mostrecententries #yearsList,
#mostrecententries #yearsList li,
#mostrecententries #yearsList li ul.monthsList,
#mostrecententries #yearsList li ul.monthsList li {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
}

#mostrecententries #yearsList li.collapsed ul.monthsList {
        display: none;
}

#mostrecententries #yearsList li ul.monthsList li.collapsed ul.entriesList {
        display: none;
}

#mostrecententries #yearsList {
        line-height: 2em;
}

#mostrecententries a.toggle {
     text-decoration: none;
}


#mostrecententries .entryCount {
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        font-size: 80%;
}