/* Manchester IMC CSS
   Editor: vim:syn=css
*/

body {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	font-family: Arial, "Lucida Grande", Verdana, Geneva, Lucida, Helvetica, sans-serif;
	font-size: 14px;
	background: #9cf;
	color: #000;
}

/* change backgound of body to change background colour */

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

div.top {
	height: 20px;
	background: #000;
	border: 1px solid #000;
	margin: 0px 0px 6px 0px;
	text-align: center;
	vertical-align: middle
}

div.header {
        color: #000;
        background: #b2e0fa url(/img/imc_manchester_logo.jpg) repeat-x;
	height: 125px;
	border: 1px solid #000;
	margin: 0px 0px 6px 0px;
}

div.header img {
	float: left;
	border: 0px;
	margin: 0px;
}

div.leftcolumn {
	position: absolute;
	left: 10px;
	top: 170px;
	width: 135px;
	margin: 0px;
}

div.archives {
	background: #000;
	margin: 0px 0px 6px 141px;
	height: 20px;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle
}

div.central {
	margin: 0px 206px 0px 141px;
}

div.article {
	background: #fff;
	margin: 0px 0px 6px 141px;
	border: 1px solid #000
}

div.rightcolumn {
	position: absolute;
	right: 10px;
	top: 170px;
	width: 200px;
	margin: 0px
}

div.topics, div.actions, div.regions, div.links, div.languages, div.search, div.events, div.imcs, div.newswire, div.publish, div.breaking, div.start, div.features {
	border: 1px solid #000;
	margin: 0px 0px 6px 0px
}

div.banners {
	margin: 0px 0px 6px 0px
}

div.topics, div.actions, div.regions, div.links, div.languages, div.search, div.imcs, div.events, div.newswire, div.breaking, div.start {
	background: #000
}

div.features, div.publish {
	background: #fff
}


div.topics h2, div.actions h2, div.regions h2, div.links h2, div.languages h2, div.search h2, div.events h2, div.imcs h2, div.newswire h2, div.publish h2 {
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 5px;
	margin: 0px;
	font-weight: bold
}

div.archives p, div.top p {
	color: #f66;
	font-size: 13px;
	padding: 3px;
	margin: 0px
}

div.breaking h2, div.start h2, div.features h2, div.article h2 {
	font-size: 20px;
	padding: 10px;
	margin: 0px
}

div.article h3 {
	font-size: 14px;
	color: #FFF;
	background: #000;
	padding: 5px;
	margin: 10px;
	clear: left
}

h1 {
	font-size: 24px;
	padding: 10px;
	margin: 0px;
	color: #FFF;
	background: transparent;
	text-align: center
}

div.article .arttitle {
	color: #FFF;
	background: #000
}

div.start .mediaimg, div.features .mediaimg, div.article .mediaimg {
	margin: 10px;
	float: left
}

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

div.article .intro {
	padding-left: 40px;
	padding-right: 40px
}

div.newswire img, div.article .artimg {
	margin: 0px 5px 0px 0px;
	width: 12px;
	float: left
}

div.features hr {
	clear: left
}

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

em {
	font-style: italic
}

strong {
	font-weight: bold
}

div.features .feattitle {
	color: #000
}

div.start .starttitle,  div.breaking .starttitle{
	color: #fff
}

div.topics p, div.actions p, div.regions p, div.links p, div.languages p, div.imcs p {
	color: #f66;
	padding: 5px;
	margin: 0px
}

div.search p {
	color: #fff;
	padding: 5px;
	margin: 0px
}

div.breaking p, div.start p {
	color: #fff;
	padding: 10px;
	margin: 0px
}

div.features p, div.article p {
	color: #000;
	padding: 10px;
	margin: 0px
}

div.events p {
	color: #f66;
	padding: 5px;
	margin: 0px
}

div.newswire p, div.publish p {
	color: #f66;
	font-size: 12px;
	padding: 5px;
	margin: 0px
}

div.newswire a {
	font-size: 15px
}

*/ these added to change article titles colour in newswire col which
 are links to lighter more visable colour */

div.newswire a:link { color: #f93; text-decoration: none; }
div.newswire a:visited { color: #9ff; text-decoration: none; }
div.newswire a:hover { color: #9ff; text-decoration: underline; }
div.newswire a:active { color: #9ff; text-decoration: underline; }

div.events h3 {
	font-size: 14px;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	margin: 0px
}

div.publish h3 {
	background-color: #000;
	background-image: url(/img/publish-background.png);
	background-position: bottom center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 7px;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px
 }


div.offline table {
	border-collapse: collapse;
	border: 1px solid black;
	padding: 0px;
	margin: 3%;
	width: 94%

}


div.offline td {
	vertical-align: middle;
	padding: 4px;
	margin: 0px;
	border: 1px solid black;
}

/* comments */
div.additions,
div.comments {
        margin: 0px 0px 6px 141px;
        background: #fff;
        color: #000;
        border: 1px solid #000;
}
div.additions h2.additionstitle,
div.comments h2.commentstitle {
        color: #000;
        background: #DCDCDC;
        padding: 5px;
        margin: 0px;
}
div.comments div.commentsnav {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
}
div.addition,
div.comment {
        margin: 10px;
}


/* 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;  
	text-decoration: none;
}
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;
}

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