/* World CSS  */

/* Some overall settings. */
body {
	background: #FFFFCE;
	color: #000;
	margin: 0em;
	padding: 0em;
	font-family: "Verdana", "Helvetica", sans-serif;
}

/* Link colours, some are over ridden further down. */
a:link { background: transparent; color: #66C; text-decoration: underline; }
a:visited { background: transparent; color: #939; text-decoration: underline; }
a:hover { background: transparent; color: #F66; text-decoration: none; }
a:active { background: transparent; color: #CC6; text-decoration: none; }

/* The div containing the navigation bar at the very top of the page. */
div.top {
        background: #FFF;
        color: #000;
	border: 1px solid #000;
	margin: 0.5em;
}

/* The div containing the second navigation bar below the logo. 
   Not to be confused with the div.archive on the archives page. */ 
div.archives {
	background: #FFF;
	color: #000;
	margin-top: 0.5em;
	margin-left: 10.1em;
	margin-right: 10.1em;
	margin-bottom: 0.5em;
	border: 1px solid #000;
}

/* Paragraphs within the top and archives navigation bar divs. */
div.archives p, div.top p {
	margin: 0em;
	padding: 0.5em;
	font-size: smaller;
}

/* The page logo div.  */
div.header {
	height: 6em;
	background: #FFFFCE url(/img/world.gif) repeat;
	color: #BD0000;
        margin: 0.5em;
        overflow: hidden;
	border: 1px solid #000;
}

/* Left column div.  */
div.leftcolumn {
	position: absolute;
	left: 0.5em;
	top: 9.6em;
	width: 9em;
	overflow: hidden;
	margin-right: 0.5em;
}

/* Right column div. */
div.rightcolumn {
	position: absolute;
	right: 0.5em;
	top: 9.6em;
	width: 9em;
	margin-left: 0.5em;
}

/* Centre column - page contents.  */
div.central {
	margin-top: 0.5em;
	margin-left: 10.1em;
	margin-right: 10.1em;
	margin-bottom: 0.5em;
}

/* The title of the page. */
h1 {
	background: #FFF;
	color: #BD0000; 
	text-align: center;
	margin: 0em;
}

/* H1's also have anchors for the skip navigation link. */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	background: #FFF;
	color: #BD0000; 
	text-decoration: none;
}

/* Topic page title boxes */
div.title {
	background: #FFF;
	color: #BD0000; 
        padding: 0em;
        margin-bottom: 1em;
        text-align: center;
        border: 1px solid #000;
}
div.title h1 {
	margin 0em;
}
 

/* Breaking news box. */
div.breaking {
	background: #F7F7B5;
	color: #000;
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
        border: 1px solid #000;
}

/* Breaking news title. */
div.breaking h2.breaktitle {
	background: #BD0000;
	color: #FFF;
	margin: 0em;
	padding: 0.3em;
	font-size: smaller;
}

/* Breaking news content. */
div.breaking div.content {
	margin: 0em;
        padding: 0.5em;
}

/* Start page special. */
div.start {
	background: #FFFFCE;
        color: #000;
        padding: 0em;
        margin-bottom: 1em;
        border: 1px solid #000;
}

/* Start page special title. */
div.start h2 {
        background: #BD0000;
        color: #FFF;
        padding: 0.3em;
        margin: 0em;
        border-bottom: 1px dotted #000;
}

/* Individual feature box on the startpage. */
div.feature {
        background: #FFF;
        color: #000;
	padding: 0em;
	margin-bottom: 0.5em;
        border: 1px solid #000;
}

/* Article box on the individual article page. */
div.article {
	background: #FFF;
	color: #000;
	margin-top: 0.5em;
	margin-left: 10.1em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0em;
	border: 1px solid #000;
}

/* Feature title on startpage */
div.feature h2.feattitle {
        background: #FFAD00;
        color: #FFF;
	padding: 0.3em;
	margin: 0em;
	border-bottom: 1px dotted #000;
}

/* Article title on article page. 
   H1 and H2 are repeated here because the current content.template 
   uses a H2 but this should be changed to a H1. */
div.article h1.arttitle, 
div.article h2.arttitle {
        background: #BD0000;
        color: #FFF; 
        text-align: left;
        margin: 0em;
	padding: 0.3em;
        border-top: none;
	border-bottom: 1px dotted #000;
        border-left: none;
        border-right: none;

}
/* Article H1's also have anchors for the skip navigation link. */
div.article h1.arttitle a:link,  div.article h1.arttitle a:visited, 
div.article h1.arttitle a:hover, div.article h1.arttitle a:active, 
div.article h2.arttitle a:link,  div.article h2.arttitle a:visited, 
div.article h2.arttitle a:hover, div.article h2.arttitle a:active, 
div.feature h2.arttitle a:link,  div.feature h2.arttitle a:visited { 
        background: transparent;
        color: #FFF;
        text-decoration: none;
}

/* Article creator paragraph. */
div.article p.creator {
	margin: 0.5em;
} 

/* Comments following articles. The comments are all wrapped in a 
   comments div and each comment in a comment div. */
div.comments, div.additions {
        margin-left: 10.1em;
        margin-right: 0.5em;
}
div.comment, div.addition {
	background: #FFF;
	color: #000;
	margin-top: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	padding: 0em;
	border: 1px solid #000;
}

/* Comment titles. */
div.comment h3.commenttitle, 
div.addition h3.additiontitle {
        background: #FFAD00;
        color: #FFF;
        padding: 0.3em;
        margin: 0em;
        border-bottom: 1px dotted #000;
}
/* Comment date. */
div.comment p.date, 
div.addition p.date {
        background: #F7F7B5;
        color: #000;
        margin: 0em;
        padding: 0.3em;
        border-bottom: 1px dotted #000;
        font-size: smaller;
}

/* Comment content. */
div.comment div.content, 
div.addition div.content {
        padding: 0.5em;
}

/* Comment creator. */
div.comment p.creator,  
div.addition p.creator {
        background: #F7F7B5;
        color: #000;
        margin: 0em;
        padding: 0.3em;
        border-top: 1px dotted #000;
}

/* Start page special title. 
   H1 and H2 are repeated here because the current content.template 
   uses a H2 but this should be changed to a H1. */
div.start h1.starttitle a:link, div.start h1.starttitle a:visited, 
div.start h2.starttitle a:link, div.start h2.starttitle a:visited {
	background: #BD0000;
	color: #FFF;
	text-decoration: none;
}

/* Feature titles on the startpage. */
div.feature h2.feattitle a:link, div.feature h2.feattitle a:visited {
	background: transparent;
        color: #FFF;
        text-decoration: none;
}

/* Start page special and feature titles are links to the feature 
   article. */
div.start h2.starttitle a:hover, 
div.feature h2.feattitle a:hover {
	text-decoration: underline;
}

/* Article title - this isn't a link but an anchor. */
div.article h1.arttitle a:hover, 
div.article h2.arttitle a:hover {
        text-decoration: none;
}

/* Start page special, feature and article date and author. */
div.start p.date, div.feature p.date, div.article p.date {
	background: #F7F7B5;
	color: #000;
	margin: 0em;
	padding: 0.3em;
	border-bottom: 1px dotted #000;
	font-size: smaller;
}

/* The content div within the breaking news, start page special, 
   feature and article div is used to add whitespace around the 
   article text. */
div.breaking div.abstract, 
div.start div.abstract, 
div.article div.content {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* Features on the archive and topic pages. */
div.feature div.abstract {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* Read more, comment email this article and pdf version links. */
div.start p.readmore, 
div.feature p.readmore, 
div.newswire p.readmore, 
div.article p.readmore {
	background: #F7F7B5;
	color: #000;
	margin: 0em;
	padding: 0.3em;
	border-top: 1px dotted #000;
}

/* These divs are for all the boxes in the left and right hand 
   columns. There is a seperate class for each in case someone
   wants to have different styles for each. */
div.topics, 
div.regions, 
div.actions, 
div.languages, 
div.search, 
div.events, 
div.imcs, 
div.newswire, 
div.publish, 
div.archive,
div.security {
        background: #FFF;
        color: #000;
	border: 1px solid #000;
	margin-bottom: 0.5em;
}

/* The banners div doesn't have a title or a border. */
div.banners {
	background: transparent;
	color: #000;
	margin: 0em 0em 0.5em 0em;
}

/* The box titles use a H2. */
div.topics h2, 
div.regions h2, 
div.actions h2, 
div.languages h2, 
div.search h2, 
div.events h2, 
div.imcs h2, 
div.newswire h2, 
div.publish h2,
div.archive h2,
div.security h2 {
	background: #BD0000;
	color: #FFF;
	padding: 0.3em;
	margin: 0em;
	font-size: smaller;
	font-weight: bold;
}
/* The H2 generally contains an anchor for linking direct to the box
    with a frag id and therefore the colours for the link need setting. */
div.topics h2 a:link, div.topics h2 a:visited, div.topics h2 a:hover, div.topics h2 a:active, 
div.regions h2 a:link, div.regions h2 a:visited, div.regions h2 a:hover, div.regions h2 a:active, 
div.actions h2 a:link, div.actions h2 a:visited, div.actions h2 a:hover, div.actions h2 a:active, 
div.languages h2 a:link, div.languages h2 a:visited, div.languages h2 a:hover, div.languages h2 a:active, 
div.search h2 a:link, div.search h2 a:visited, div.search h2 a:hover, div.search h2 a:active, 
div.events h2 a:link, div.events h2 a:visited, div.events h2 a:hover, div.events h2 a:active, 
div.imcs h2 a:link, div.imcs h2 a:visited, div.imcs h2 a:hover, div.imcs h2 a:active, 
div.newswire h2 a:link, div.newswire h2 a:visited, div.newswire h2 a:hover, div.newswire h2 a:active, 
div.publish h2 a:link, div.publish h2 a:visited, div.publish h2 a:hover, 
div.archive h2 a:link, div.archive h2 a:visited, div.archive h2 a:hover, 
div.security h2 a:link, div.security h2 a:visited, div.security h2 a:hover {
	background: transparent;
	color: #FFF;
	text-decoration: none;
}

/* This is for Mozilla and it only matches anchors with the 
   href attribute, in otherwords a elements that are links. */
div.topics h2 a:hover[href], 
div.regions h2 a:hover[href], 
div.actions h2 a:hover[href], 
div.languages h2 a:hover[href], 
div.search h2 a:hover[href], 
div.events h2 a:hover[href], 
div.imcs h2 a:hover[href], 
div.newswire h2 a:hover[href], 
div.publish h2 a:hover[href], 
div.archive h2 a:hover[href], 
div.security h2 a:hover[href] {
        background: transparent;
        color: #FFF;
	text-decoration: underline;
}

div.topics h2 a:active[href], 
div.regions h2 a:active[href], 
div.actions h2 a:active[href], 
div.languages h2 a:active[href], 
div.search h2 a:active[href], 
div.events h2 a:active[href], 
div.imcs h2 a:active[href], 
div.newswire h2 a:active[href], 
div.publish h2 a:active[href], 
div.archive h2 a:active[href], 
div.security h2 a:active[href] {
        background: transparent;
        color: #F33;
	text-decoration: none;
}


/* All the boxes have text in paragraphs after the H2. */
div.topics p, 
div.regions p, 
div.actions p, 
div.languages p, 
div.search p, 
div.events p, 
div.imcs p, 
div.newswire p, 
div.publish p, 
div.archive p, 
div.security p {
	line-height: 1.4em;
	font-size: smaller;
}

/* Some weird bug results in this being needed -- it shouldn't be needed! */
div.archive p { 
  padding-left: 0.3em;
  padding-right: 0.3em;
}

div.start .mediaimg, div.features .mediaimg, div.article .mediaimg {
	margin: 0.5em;
	float: left
}

div.article .center {
	text-align: center
}

div.newswire img, div.article .artimg {
	margin-top: 0.5em;
	margin-right: 0.3em;
	width: inherit;
	float: left
}

p img.rss {
	margin-left: 0.5em;
	width: inherit;
	float: right;
}

div.clearleft {
	clear: left;
	margin: 0em;
	padding: 0em;
}

em {
	font-style: italic
}

strong {
	font-weight: bold
}

div.topics p, 
div.regions p, 
div.actions p, 
div.languages p, 
div.imcs p, 
div.security p {
	padding: 0.5em;
	margin: 0em;
}

div.search p {
	background: #FFF;
	color: #000;
	padding: 0.5em;
	margin: 0em;
}

div.events p {
	padding: 0.5em;
	margin: 0em;
}

div.newswire p, div.publish p {
	background: transparent;
	color: #BD0000;
	padding: 0.5em;
	margin: 0em;
}

div.events h3 {
	padding: 0.5em;
	text-transform: uppercase;
	margin: 0em;
}

div.viewallpostsright h3 {
	padding: 0.5em;
	text-transform: uppercase;
	margin: 0em;
}

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

/* Minimise the whitespace around forms. */
form {
	padding: 0em;
	margin: 0em;
}

/* Top and bottom borders are better than horizontal
   rules for styling. */
hr {
	display: none;
}

/* 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-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.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;
	text-decoration: none;
	border: none;
}
div.trash div.article p.date,
div.trash div.comment h3.commenttitle,
div.trash div.comment p.date,
div.trash div.comment div.content,
div.trash div.comment p.creator {
        color: #000;
        background: transparent;
	border: none;
}

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

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

span.imageicon img {
	margin: 0.4em;
}