/* SouthCoast IMC CSS
 */

/* by doopa with aid from space bunny and chrisc. Banner by Aussie John(www.schnews.org.uk). */

body {
	margin: 0em;
	padding: 0em;
	font-family: Arial, "Lucida Grande", Verdana, Geneva, Lucida, Helvetica, sans-serif;
	font-size: 12px;
	background: #FF3;
	color: #000;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #F33; text-decoration: none; }
a:active { color: #F33; text-decoration: none; }

/* The navigation bar at the very top of the page. */
div.top {
	background: #FF3;
	color: #F33;
	margin: 0.5em;
	text-align: center;
	vertical-align: middle

}
/* The second navigation bar below the logo. */
div.archives {
	background: #FF3;
	color: #F33;
	margin-top: 0.5em;
	margin-left: 10.1em;
	margin-right: 10.1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* Top and second navigation bars. */
div.archives p, div.top p {
	margin: 0em;
	padding: 0.5em;
	color: #F33;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}

div.top a, div.top a:visited, div.top a:hover, div.top a:active,
div.archives a, div.archives a:visited, div.archives a:hover, div.archives a:active {
	color: #F33;
	margin: 0.5em;
	background: #FF3;
	height: 0.6em;
	text-align: center;
	vertical-align: top
	font-weight: bold;
	font-variant: small-caps;
}

/* Main logo */
div.header {
	height: 14em;
	margin: 1.2em;
	align: center;
}

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

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

div.rightcolumn div, div.leftcolumn div {
	background: #FFF;
	color: #000;
}

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

div.article {
	background: #FFF;
	color: #000;
	margin: 0px 0px 6px 141px;
	border: 1px solid #06F;
}

/* Breaking news box. */
div.breaking, div.features, div.feature {
	background: #06F;
	color: #FFF;
}

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

/* Breaking news content. */
div.breaking div.content {
	background: #FFF;
	color: #000;
	margin: 0em;
        padding: 0.5em;
}

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

div.feature h2 a:link.feattitle, div.feature h2 a:visited.feattitle,
div.feature h1 a:link.feattitle, div.feature h1 a:visited.feattitle,
div.article h1 a:link.arttitle, div.article h1 a:visited.arttitle,
div.article h2 a:link.arttitle, div.article h2 a:visited.arttitle 
div.feature h2.feattitle, div.article h2.arttitle,
div.feature h1.feattitle, div.article h1.arttitle{
	background: #06F;
	color: #FFF;
	text-decoration: none;
}

/* Feature title on startpage */
div.features h2.feattitle, div.features h2 a:link.feattitle, div.features h2 a:visited.feattitle,
div.features h1.feattitle, div.features h2 a:active.feattitle, div.features h2 a:hover.feattitle,
div.features h3, div.features p a:link, div.features p a:visited, div.features p a:hover, div.features p a:active {
        background: #06F;
        color: #FFF;
	padding: 0.3em;
	margin: 0em;
}

/* Sets the colour on the front page. */
div.features div.abstract, div.feature div.abstract {
	background: #FFF;
        color: #000;
	padding: 0.3em;
	margin: 0em;
}

div.features div.content, div.feature div.content {
	background: #FFF;
        color: #000;
	padding: 0.3em;
	margin: 0em;
}

/* 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;
}

/* Article creator paragraph. */
div.article p.creator, div.feature p.creator {
	background: #06F;
	color: #FFF;
	margin: 0.5em;
} 

/* Feature title on startpage and 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.feature h2, div.feature h3,
div.article h1, div.article h3,
div.article h2,
div.feature h1 {
        background: #06F;
        color: #FFF;
	padding: 0.3em;
	margin: 0em;
}

/* Start page special, feature and article 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 h2 a:link.starttitle, div.start h2 a:visited.starttitle {
	background: #06F;
	color: #FFF;
	text-decoration: none;
}

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

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

div.article h2 a:hover, div.article h2 a:link, div.article h2 a:visited, div.article h2 a:active, {
	background: #06F;
	color: #FFF;
	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: #06F;
	color: #FFF;
	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.content,
div.start div.content,
div.feature div.content,
div.article div.content {
	background: #FFF;
	color: #000;
	padding: 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: #000;
	color: #FFF;
	margin: 0em;
	padding: 0.3em;
	border-top: 1px dotted #000;
}


div.topics, div.regions, div.actions, div.languages, div.search, div.events, div.imcs, div.newswire, div.publish, div.breaking, div.viewallpostsarticles, div.viewallpostsright {
	border: 1px solid #000;
	margin-bottom: 0.6em;
	padding: 0.3em;
}

div.banners {
	margin: 0em 0em 0.5em 0em;
}

div.topics, div.regions, div.actions, div.languages, div.search, div.imcs, div.events, div.newswire, {
	background: #FFF;
	color: #000;
}

div.publish h2 a:link, div.publish h2 a:visited, div.publish h2 a:hover, {
	background: #FFF;
	color: #000;
}

div.publish h3 a:link, div.publish h3 a:visited, div.publish h3 a:hover, {
	color: #000;
}

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 {
	background: #06F;
	color: #FFF;
	padding: 0.3em;
	margin: 0em;
	font-size: smaller;
	font-weight: bold;
}
div.topics h2 a:link, div.regions h2 a:link, div.actions h2 a:link, div.languages h2 a:link, div.search h2 a:link, div.events h2 a:link, div.imcs h2 a:link, div.newswire h2 a:link {
	background: transparent;
	color: #FFF;
	text-decoration: none;
}

div.topics h2 a:visited, div.regions h2 a:visited, div.actions h2 a:visited, div.languages h2 a:visited, div.search h2 a:visited, div.events h2 a:visited, div.imcs h2 a:visited, div.newswire h2 a:visited {
	background: transparent;
	color: #FFF;
	text-decoration: none;
}

div.topics h2 a:hover, div.regions h2 a:hover, div.actions h2 a:hover, div.languages h2 a:hover, div.search h2 a:hover, div.events h2 a:hover, div.imcs h2 a:hover, div.newswire h2 a:hover {
	text-decoration: underline;
}

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 {
	line-height: 1.6em;
	font-size: smaller;
}

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 {
	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.events h3 {
	font-size: 14px;
	color: #000;
	padding: 0.5em;
	text-transform: uppercase;
	margin: 0em
}

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

div.publish h3 {
	background-color: #06F;
	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;
 }
 
/* 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: #06F;
        color: #FFF;
        padding: 0.3em;
        margin: 0em;
}
/* Comment date. */
div.comment p.date, 
div.additon p.date {
        background: #000;
        color: #FFF;
        margin: 0em;
        padding: 0.3em;
        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: #000;
        color: #FFF;
        margin: 0em;
        padding: 0.3em;
	font-size: smaller;
}

/* Minimise the whitespace around forms. */
form {
	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-message {
        color: #FFF;
        background: #000;
        padding: 1em;
}
div.trash-message h2,
div.trash-message h3 {
        color: #FFF;
        background: #000;
        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;
}
div.trash div.article p.date,
div.trash div.article div.content, 
div.trash div.article p.creator,
div.trash div.comment h3.commenttitle,
div.trash div.comment p.date,
div.trash div.comment p.creator {
        color: #000;
        background: transparent;
}

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

span.imageicon {
float: left;
width: auto;
text-align: center;
padding: 0.4em;
margin: 0.4em;
font-size: smaller;
font-style: italic;
font-weight: normal;
border: 1px solid #9d9da1;
}

span.imageicon img {
border: 1px solid #000;
margin: 0.4em;
}