/* Sheffield IMC CSS 
   Editor: vim:syn=css
   $Id: stylesheet.template,v 1.63 2004/08/19 22:02:25 chris Exp $
*/

body {
  background: #FC0;
  color: #000;
  margin: 0em;
  padding: 0em;
  font-family: sans-serif;
}

td {
  font-family: sans-serif;
}

form {
  margin: 0em;
  padding: 0em;
}

a {
  text-decoration: underline;
}

a:link {
  color: #10F;
  background: transparent;
}

a:visited {
  color: #90A;
  background: transparent;
}

/* :active here is just for IE */
a:hover, a:focus, a:active {
  background: #FFC;
  color: #000;
}

/* The following is for Mozilla */
a[href]:active {
  background: #FFF;
  color: red;
}

/* this is content */    
div.article, div.features, div.special {
  color: #000;
  background: #FFF;
  margin: 0.4em;
  padding: 0.4em;
/*
  border: 1px dotted #000;
*/
  border-style: none;
  clear: both;
}

div.addition, div.comment {
  color: #000;
  background: #FFF;
  margin: 0.8em;
  padding: 0.4em;
/*
  border: 1px dotted #000;
*/
  border-style: none;
  clear: both;
}

/* Create a gap between the description and the content */
div.article div.intro {
  margin-bottom: 1em;
}

/* This is for 3 column pages */
div.central {
  margin: 0.4em 20% 0em 10em;
} 

/* This is for two column pages */
body.twocolumns div.article,  
body.twocolumns div.additions, 
body.twocolumns div.comments {
  margin: 0.4em 0.4em 0em 10em;
}
body.twocolumns div.article div.content, 
body.twocolumns div.addition div.content, 
body.twocolumns div.comment div.content {
  margin 0em;
}

/* hide hr's in comments */
div.addition hr, 
div.comment hr {
  display: none;
}
 
/* this prevents too much whitespace after the date */
div.features h1 p:first-child {
  margin-bottom: 0em;
  padding-bottom: 0em;
} 

/* this is for formating images in features on the front page */
div.features img, div.special img {
  padding-right: 1em;
  padding-bottom: 1em;
}

div.features img[align=left], div.special img[align=left] {
  padding-right: 1em;
  float: left;
}

div.features img[align=right], div.special img[align=right] {
  padding-left: 1em;
  float: right;
}

div.additions, 
div.comments {
  color: #000;
  background: #FEA;
  margin-top: 0em;
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
}
div.comments div.commentsnav {
  margin-top: 0em;
  margin-left: 0.4em;
  margin-right: 0.4em;
  margin-bottom: 0em;
  font-weight: bold;
}
div.comments ol.commentslist {
  font-size: smaller;
}

div.additions h2.additionstitle, 
div.comments h2.commentstitle {
  color: #FFF;
  background: #333;
  margin: 0em;
  padding-left: 0.2em;
}
div.additions h2.additionstitle a, 
div.additions h2.additionstitle a:hover, 
div.comments h2.commentstitle a, 
div.comments h2.commentstitle a:hover {
  color: #FFF;
  background: #333;
  text-decoration: none;
}
div.addition h3.additiontitle,  
div.comment h3.commenttitle { 
  color: #FFF;
  background: #333;
  margin: 0em;
  text-align: left;
  padding: 0.2em;
}
div.addition h3.additiontitle a,  
div.addition h3.additiontitle a:hover,  
div.comment h3.commenttitle a,  
div.comment h3.commenttitle a:hover { 
  color: #FFF;
  background: #333;
  text-decoration: none;
}

div.leftcolumn {
  position: absolute;
  left: 0em;
  top: 134px;
  width: 10em;
  margin-top: 1.5em;
}

div.rightcolumn {
  position: absolute;
  right: 0em;
  top: 134px;
  width: 20%;
  margin-top: 1.5em;
}

div.header {
  color: #FC0;
  background: #000 url(/img/sheffield-background.png) repeat-x;
}

div.header img {
  border-style: none;
}

div.top {
  color: #FFF;
  background: #000;
  height: 1.5em;
}

div.top p {
  margin: 0em;
  padding: 0em;
  font-size: smaller;
  text-align: center;
  font-weight: bold;
}

div.top p a:link, div.top p a:visited {
  color: #FFF;
  background: transparent;
}

/* :active here is just for IE */
div.top p a:hover, div.top p a:focus, div.top p a:active {
  background: #FFC;
  color: #000;
}

/* The following is for Mozilla */
div.top p a[href]:active {
  background: #FFF;
  color: red;
}

div.archives {
  color: #000;
  background: transparent; 
}

div.archives p {
  margin: 0em;
  padding: 0.4em;
  font-size: smaller;
  text-align: center;
  font-weight: bold;
}

div.archives p a:link, div.archives p a:visited {
/*
  color: #000;
  background: transparent;
*/
}

h1, h1 a, h1 a:focus, h1 a:hover {
  color: #FFF;
  background: #333;
  margin: 0.2em;
  text-align: center;
  text-decoration: none;
}

div.article h1 {
  margin: 0em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  text-align: left;
}

/* this is for the titles on topic pages */
div.title {
  background: #FFF;
  color: #000;
  margin: 0.4em;
  padding-top: 0em;
  text-align: center;
}

div.title h1 {
  margin: 0em;
}

div.comment h2 {
  color: #FFF;
  background: #333;
  margin-top: 0em;
  padding-left: 0.4em;
  text-align: left;
}

/* a load of following stuff does the boxes in the margins... */

div.regions, div.topics, div.actions, div.imcs, div.search, div.languages, 
div.publish, div.events, div.newswire, div.donate, div.security {
  margin: 0.4em;
/*
  border: 1px dotted #000;
*/
  border-style: none;
  overflow: hidden;
}

div.banners {
  color: #FFF;
  background: #333;
  margin: 0.4em;
  padding: 0.4em;
  text-align: center;
/*
  border: 1px solid #000;
*/
  border-style: none;
}

div.banners a img {
  margin: 0em;
  padding: 0em;
}

div.regions h2, div.topics h2, div.actions h2, div.imcs h2, div.search h2, div.languages h2,
div.publish h2, div.events h2, div.newswire h2, div.donate h2, div.security h2 {
  color: #FFF;
  background: #333;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0.4em;
  font-size: smaller;
}

div.regions h2 a:link, div.regions h2 a:visited,
div.topics h2 a:link, div.topics h2 a:visited,     
div.actions h2 a:link, div.actions h2 a:visited,   
div.imcs h2 a:link, div.imcs h2 a:visited,      
div.search h2 a:link, div.search h2 a:visited,    
div.languages h2 a:link, div.languages h2 a:visited,
div.publish h2 a:link, div.publish h2 a:visited,   
div.events h2 a:link, div.events h2 a:visited,
div.actions h2 a:link, div.actions h2 a:visited,
div.newswire h2 a:link, div.newswire h2 a:visited, 
div.donate h2 a:link, div.donate h2 a:visited, 
div.security h2 a:link, div.security h2 a:visited {
  color: #FFF;
  background: transparent;
}

/* :active here is just for IE */
div.regions h2 a:hover, div.regions h2 a:focus, div.regions h2 a:active,
div.topics h2 a:hover, div.topics h2 a:focus, div.topics h2 a:active,
div.imcs h2 a:hover, div.imcs h2 a:focus, div.imcs h2 a:active,
div.search h2 a:hover, div.search h2 a:focus, div.search h2 a:active,
div.languages h2 a:hover, div.languages h2 a:focus, div.languages h2 a:active,
div.publish h2 a:hover, div.publish h2 a:focus, div.publish h2 a:active,
div.events h2 a:hover, div.events h2 a:focus, div.events h2 a:active,
div.actions h2 a:hover, div.actions h2 a:focus, div.actions h2 a:active,
div.newswire h2 a:hover, div.newswire h2 a:focus, div.newswire h2 a:active, 
div.donate h2 a:hover, div.donate h2 a:focus, div.donate h2 a:active, 
div.security h2 a:hover, div.security h2 a:focus, div.security h2 a:active {
  background: #FFC;
  color: #000;
}

/* The following is for Mozilla */
div.regions h2 a[href]:active,
div.topics h2 a[href]:active,
div.imcs h2 a[href]:active,
div.search h2 a[href]:active,
div.languages h2 a[href]:active,
div.publish h2 a[href]:active,
div.events h2 a[href]:active,
div.actions h2 a[href]:active,
div.newswire h2 a[href]:active, 
div.donate h2 a[href]:active, 
div.security h2 a[href]:active {
  background: #FFF;
  color: red;
}

div.regions p, div.topics p, div.actions p, div.imcs p, div.search p,
div.languages p, div.publish p, div.events p, div.newswire p, div.donate p,
div.security p {
  color: #000;
  background: #FEA; 
  margin: 0em;
  padding: 0.4em;
  font-size: smaller;
}

div.newswire img.newswire-img {
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
} 

div.features h2, div.special h2 {
  padding: 0em;
  margin: 0em;
}

/* media on the archive pages */
div.features div.media {
  width: auto;
  float: left;
}

div.publish h3 {
  color: #000;
  background-color: #FFF;
  background-image: url(/img/publish-background.png);
  background-position: bottom center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  margin: 0.4em;
  padding: 0.4em;
  text-transform: uppercase;
  text-align: center;
}

div.events h3 {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding: 0em;
  font-size: smaller;
}

div.breakingnews {
  color: #000;
  background: #FFF;
  margin: 0.4em;
  padding: 0.4em;
  border-style: none;
}
  
div.breakingnews p {
  padding: 0em;
  margin: 0em;
}
/* hidden articles and comments */
div.trash div.article,
div.trash div.comment {
        background: #666 url(/img/trash.gif) repeat top left;
        color: #000;
        margin-top: 0em;
        padding: 1em;
}
div.trash div.article h1.arttitle,
div.trash div.article h1.arttitle a.arttitle,
div.trash div.article h1.arttitle a.arttitle:link,
div.trash div.article h1.arttitle a.arttitle:active,
div.trash div.article h1.arttitle a.arttitle:hover {
        color: #000;
        background: transparent;
}
div.trash-message {
        color: #FFF;
        background: #000;
        padding: 1em;
}
div.trash-message h2,
div.trash-message h3 {
        margin-top: 0em;
}
div.trash-message p {
        color: #FFF;
        background: #000;
        margin-bottom: 0em;
}
div.trash-message a:link,
div.trash-message a:visited {
        color: #FFF;
        background: transparent;
        text-decoration: underline;
}
div.trash div.comment h3.commenttitle {
        color: #FFF;
        background: transparent;
}

/* article thumbnail display */
div.articlecontent {
	clear: both;
	padding-top: 1em;
}

span.imageicon {
	color: #000;
	background: #FEA;
	float: left;
	width: auto;
	text-align: center;
	padding: 0.4em;
	margin: 0.4em;
	font-size: smaller;
	font-weight: normal;
}

span.imageicon a {
	padding: 0em;
	margin: 0em;
	border: none;
        text-decoration: none;
}

span.imageicon a:hover {
	background: #F33;
	color: #F33;
	text-decoration: none;
}

span.imageicon a img {
	width: auto;
	padding: 0em;
	margin: 0em;
	border: solid 1px;
}