/* 
STYLE SHEET FOR Ackura PressRoom
Created by Richard Clark
www.kmp.co.uk | www.ackura.com

================ TABLE OF CONTENTS ======================

1. DEFAULT STYLES
2. HEADER
3. NAVIGATION
4. FOOTER
5. CONTAINERS
	5A. GENERAL
	5B. PR CONTACT INFORMATION
	5C. KEY CONTACT
	5D. RSS FEEDS
	5E. PRESS RELEASE LIST
	5F. ABOUT US
	5G. COMPANY LINKS
	5H. TAG CLOUD
	5I. DOWNLOADS LIST
	5J. DOWNLOADS LISTING
	5K. SOCIAL BOOKMARKING ICONS
	5L. PRESS RELEASE
	5M. LIST BOXES
	5N. MEDIA LIBRARY
	5O. PAGING
	
=======================
COLOUR REFERENCE SHEET
-----------------------
Colour 1: #dacf9b; #cac090;
Colour 2: #e4e785;
Colour 3: #f7f581;
Colour 4: #fafab9;
Colour 5: #333333;
========================
*/

/* ================ 
1. DEFAULT
===========================*/
body {
	font: 55%/1.5 Arial, "Arial", Times, serif;
	background-color:#ffffff;
	color:#333333;
}
a {
	color:#333333;
	font-weight:bold;	
}
a:focus {
	outline: 1px dotted invert;
}
a:hover {
	color:#666666;
}			
hr {
	border-top:1px solid #333333;
}
ol {
	list-style: decimal;
}
ul {
	list-style: square;
}
.container_16 {
}
#bodyContent {
	font-size:1.0em;
}

/*============================
2. HEADER
=============================*/
#header {
	padding:20px 0;
	background: #000000 url(../img/biennialheader.jpg) bottom left repeat-x;
}
	#header h1 {
		font-size:2.8em;
	}
		#header h1 img {
			float:left;	
		}
		#header h1 span{
			float:left;
			font-size:0.8em;
			padding-top:57px;
			color:#333333;
		}
	
/*============================
3. NAVIGATION
=============================*/
#navigation {
	display:block;
	clear:both;
	padding:0 0 7px 0;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
	background: #000000 url(../img/box-btm-shadow.gif) bottom left repeat-x;	
}
	#navigation li {
		display:block;
		float:left;
		padding:0;
		margin:0;
		border-left:1px solid #000000;
		border-top:1px solid #666666;	
		background:#000000;
	}
	#navigation li:hover {
		background:#000000;
		border-top:1px solid #333333;	
	}
	#navigation li:first-child, #navigation li.first {
		padding:0;
		border-left:1px solid #333333;
	}
	#navigation li:first-child:hover, #navigation li.first:hover {
		padding:0;
		border-left:1px solid #333333;
	}
	#navigation li:last-child, #navigation li.last {
		border-right:1px solid #000000;
	}
		#navigation li a {
			display:block;
			padding:10px;
			color:#ffffff;
		}
		#navigation li a:hover {
			color:#FFDE04;	
		}

/*============================
4. FOOTER
=============================*/
#footer {
	border-top:1px dotted #333333;
	padding:10px 0;
	color:#333333;
}
	#footer div:last-child, #footer div.last {
		text-align:right;
	}
		#footer a:hover {
			color:#666666;
		}


/*============================
5. CONTAINERS
=============================*/

/*----------------------------
5A. GENERAL
-----------------------------*/
h2, h2 a {
	color:#ffffff;
}

.pr-contact,
.key-contacts,
.rss-feeds,
.pr-list,
.about,
.company-links,
.tag-cloud,
.downloads-list,
.downloads-listing,
.social-links,
.press-release,
.list-box,
.media-lib {
	margin-bottom:20px;
	background: #ffffff url(../img/box-btm-shadow.gif) bottom left repeat-x;
	color:#333333;
}

.pr-contact h2, 
.key-contacts h2,
.rss-feeds h2,
.pr-list h2,
.about h2,
.company-links h2,
.tag-cloud h2,
.downloads-list h2,
.downloads-listing h2,
.social-links h2,
.list-box h2,
.media-lib h2
 {
	font-size:1.6em;
	margin-bottom:0;
	padding:5px 35px 6px 10px;
	background:#666666;
}

.pr-contact h2 a:hover, 
.key-contacts h2 a:hover,
.rss-feeds h2 a:hover,
.pr-list h2 a:hover,
.about h2 a:hover,
.company-links h2 a:hover,
.tag-cloud h2 a:hover,
.downloads-list h2 a:hover,
.downloads-listing h2 a:hover,
.social-links h2 a:hover,
.list-box h2 a:hover,
.media-lib h2 a:hover
 {
color: #ffffff;
}

	.pr-contact h2 a, 
	.key-contacts h2 a,
	.pr-list h2 a,
	.downloads-list h2 a,
	.downloads-listing h2 a	 {
		display:block;
	}
.rss-feeds ul,
.company-links ul,
.tag-cloud ul,
.downloads-list ul,
.downloads-full-listing,
.social-links ul,
.list-box ul {
	list-style:none;
	padding:0 10px 10px 10px;
}				
	.rss-feeds li,
	.company-links li,
	.social-links li,
	.list-box li {
		font-size:1.2em;
		padding-left:20px;
		margin:5px 0;
	}
.pr-contact img,
.key-contacts img,
.pr-list .image img {
	border:1px solid #554e30;
	float:right;
}	

/*----------------------------
5B. PR CONTACT INFORMATION
-----------------------------*/
.pr-contact div {
	padding:0px 10px 15px 10px;
}
.pr-contact h2 {
	background:#ff0000 top right no-repeat;
}		
.pr-contact h4 {
	font-size:1.4em;
	padding:5px 0;
}
.pr-contact p {
	font-size:1.1em;	
}
	.pr-contact p.title {
		font-weight:bold;
	}				
.pr-contact img {
	width:60px;
	height:60px;
	margin:10px 0 5px 5px;
}	
.pr-contact ul {
	clear:both;
	display:block;
	list-style:none;
}

/*----------------------------
5C. KEY CONTACTS
-----------------------------*/
.key-contacts h2 {
	background:#339933 top right no-repeat;
}
.key-contacts ul {
	list-style:none;
	padding:0 10px 15px 10px;
	overflow:auto;
}	
	.key-contacts li {
		border-bottom:1px dotted #554e30;
		padding:10px 0;
		display:block;
		float:left;
	}
		.key-contacts li:last-child, .key-contacts li.last {
			border-bottom:0;
			padding:10px 0 0 0;
			text-align:right;
			float:right;
		}
		
		.key-contacts li li:last-child, .key-contacts li li.last {
			text-align:left;
		}		
.key-contacts img {
	width:40px;
	height:40px;
	margin:0 0 5px 5px;
}
.key-contacts h4 {
	font-size:1.2em;
}
.key-contacts p {
	font-size:1.1em;
}
	.key-contacts p.title {
		font-weight:bold;
	}

.key-contacts ul.tel {
	clear:both;
	display:block;
	list-style:none;
	margin:5px 0;
	padding:0;
}

	.key-contacts ul.tel li {
		clear:both;
		float:left;
		border-bottom:0;
		padding:0;
	}

/*----------------------------
5D. RSS FEEDS
-----------------------------*/
.rss-feeds {
	clear:both;
}
	.rss-feeds h2 {
		background:#990000 top right no-repeat;
	}
	.rss-feeds li {
		background:url(../img/icon-rss-15x15.gif) 0px 1px no-repeat;
	}

/*----------------------------
5E. PRESS RELEASE LIST
-----------------------------*/
.pr-list h2 {
	/*background:#666666 url(../img/icon-pr-list-35x35.gif) top right no-repeat;*/
	background-color: #ff3300;
	background-image:
	background-position:top right;
	background-repeat:no-repeat; /* written in long hand while try to find fix for IE6 gif bug. */
}	

.pr-list ul {
	list-style:none;
	margin-bottom:0;
	padding:0 10px 15px 10px;
}				
	.pr-list ul li {
		border-bottom:1px dotted #554e30;
		padding:10px 0;
		clear:both;
		overflow:auto;
	}
		.pr-list ul li:last-child, .pr-list ul li.last {
			text-align:right;
			border-bottom:0;
			padding:10px 0 0 0;
		}	
.pr-list div.image {
	display:block;
	float:left;
	width:70px;
	padding-right:10px;
}
	.pr-list .image img {
		width:60px;
		height:60px;
		margin:5px;
	}	
.pr-list h3 {
	font-size:1.4em;
	margin:0;
}
.pr-list p.author {
	display:none;
	visibility:hidden;
}
.pr-list div.details {
	padding:0;
	margin:0;
	display:block;
	float:left;
	width:330px; /* allow for border add 5px back in after if required */
}
	.pr-list p {
		padding-right:5px;
		margin-bottom:0px;
		font-size:1.1em;
	}	
		.pr-list p abbr {
			font-size:0.8em;
			font-weight:bold;
		}				
.pr-list div.bookmark {
	float:left;
	display:block;
	width:95px;
	text-align:right;
	padding-top:50px;
}
.grid_4 .pr-list li {
	background: url(../img/icon-story-15x15.gif) 0px 15px no-repeat;
	padding-left:20px;
}
.grid_4 .pr-list ul li:last-child, .grid_4 .pr-list ul li.last {
	text-align:left;
	padding-left:20px;		
}	

/*----------------------------
5F. ABOUT
-----------------------------*/
.about h2 {
	background:#0099cc top right no-repeat;
}		
.about p {
	font-size:1.2em;
	padding:5px 10px 15px 10px;
}

/*----------------------------
5G. COMPANY LINKS
-----------------------------*/
.company-links h2 {
	background:#FF0000 top right no-repeat;
}
	.company-links li {
		background:url(../img/icon-link-15x15.gif) 0px 1px no-repeat;
	}	

/*----------------------------
5H. TAG CLOUD
-----------------------------*/
.tag-cloud h2 {
	background:#339933 top right no-repeat;
}
.tag-cloud ul {
	padding-top:5px;
}		

/*----------------------------
5I. DOWNLOADS LIST
-----------------------------*/
.downloads-list h2,
.downloads-listing h2 {
	background:#990000 top right no-repeat;
}
.downloads-list ul {
	margin-bottom:0;
	overflow:auto;
}	
	.downloads-list ul li {
		clear:both;		
		padding:10px 0;
		font-size:1.2em;
		overflow:auto;
		border-bottom:1px dotted #554e30;		
	}
	.downloads-list ul li:last-child, .downloads-list ul li.last {
		text-align:right;	
		border-bottom:0;
		padding:10px 0 5px 0;
		font-size:1em;
	}
.downloads-list li img {
	width:40px;
	height:40px;
	float:left;
	margin:0;
}
.downloads-list li p {
	width:125px;
	float:left;
	font-size:1.2em;
}
.downloads-list a.btn-download {
	padding:3px 0px 3px 5px;
	background:url(../img/btn-download-20x20.gif) no-repeat 0 0;
	width:20px;
	height:22px;
	font-size:0.8em;
	float:right;	
}	
	.downloads-list a.btn-download:hover {
		background:url(../img/btn-download-20x20-Over.gif) no-repeat 0 0;	
	}			


/*----------------------------
5J. DOWNLOADS LISTING
-----------------------------*/		
.downloads-listing {
	overflow:auto;
}
	.downloads-listing h3 {
		font-size:1.4em;
		border-bottom:1px solid #554e30;
		margin:10px;
	}
.downloads-full-listing {
		margin-bottom:0;
		overflow:auto;
}
	.downloads-full-listing li {
			padding:10px 0;
			margin:0;
			overflow:auto;
			clear:both;
			font-size:1.2em;
			border-bottom:1px dotted #554e30;
	}
		.downloads-full-listing li .col {
			float:left;
		}
		.downloads-full-listing li .one {
			width:50px;
		}
		.downloads-full-listing li .two {
			width:228px;
		}
			.downloads-full-listing li .two p {
				width:230px;
				font-size:0.8em;
			}
		.downloads-full-listing li .three {
			width:60px;
			text-align:right;
		}
			.downloads-full-listing li .three p {
				width:60px;
			}
		.downloads-full-listing li .four {
			width:100px;
			text-align:right;
		}	
			.downloads-full-listing li .four a {
				padding:3px 0px 3px 25px;
				background:url(../img/btn-download-20x20.gif) no-repeat 0 0;
				width:20px;
				height:22px;
			}	
				.downloads-full-listing li .four a:hover {
					background:url(../img/btn-download-20x20-Over.gif) no-repeat 0 0;	
				}			


/*----------------------------
5K. SOCIAL BOOKMARKING ICONS
-----------------------------*/
.social-links h2 {
	background:#FF3300 top right no-repeat;
}
	.social-links li {
		background:url(../img/icon-bookmark-15x15.gif) 0px 1px no-repeat;
	}
	
/*----------------------------
5L. PRESS RELEASE
-----------------------------*/
.press-release {
	overflow:auto;
	padding-bottom:10px;	
}
	.press-release h1 {
		font-size:1.6em;
		margin-bottom:0;
		background:#0099cc top right no-repeat;
		padding:5px 35px 6px 10px;			
	}
		.press-release h1 a {
			color:#ffffff;
		}		
	.press-release .press-release-body {
		padding:10px 10px 0 10px;
		font-size:1.2em;
	}
		.press-release h4 {
			font-size:1.2em;
			margin-bottom:5px;
			border-bottom:1px solid #333333;
		}	
		.press-release .author {
			display:none;
			visibility:hidden;
		}
		.press-release abbr.updated {
			font-size:0.8em;
			font-weight:bold;
		}
		.press-release p {
			padding-bottom:10px;
		}
			.press-release .entry-summary {
				font-size:1.1em;
			}			
		.press-release ul {
			list-style:disc;
			margin:0 30px 10px 30px;
		}
		.press-release ol {
			list-style:decimal;
			margin:10px 30px;
		}
		.press-release blockquote {
			background:#0099cc top left repeat-x;
			padding:10px;				
			margin:10px 0;	
		}
			.press-release blockquote p {
				background:#0099cc 0px 0px no-repeat;			
				padding-left:50px;					
			}
			.press-release blockquote p.quote-author {
				background:none;
				text-align:right;
				font-style:italic;
				padding-bottom:0;
			}
				.press-release blockquote a:hover {
					color:#554e30;
				}			
.tags, .actions {
	margin:10px;
	clear:both;
	display:block;
	overflow:auto;
	padding:8px 10px 5px 10px;
	background:#0099cc top left repeat-x;	
	font-size:1.1em;
}
	.tags a:hover, .actions a:hover {
		color:#554e30;
	}					
	.tags ul, .actions ul, .tags p {
		list-style:none;
		float:left;
		margin:0;
		padding:0;
	}	
		.tags li, .actions li {
			float:left;
			padding:0 5px;
		}
	.actions li {
		border-right:1px dotted #554e30;	
	}	
		.actions li:first-child, .actions li.first {
			padding-left:0;
		}	
		.actions li:last-child, .actions li.last {
			border-right:0;
		}			

/*----------------------------
5M. LIST BOXES
-----------------------------*/
.list-box {
	display:block;
	overflow:auto;
}
	.list-box h2 {
		background:#666666;
	}
	.list-box li {
		background:url(../img/icon-link-15x15.gif) 0px 1px no-repeat;
	}
	.list-box p {
		font-size:1.2em;
		padding:10px;
	}	
	.list-box a.btn {
		float:right;
		padding:0 10px 15px 0;
	}
.subscribe h2 {
	background:#0099cc top right no-repeat;
}
.archives h2 {
	background:#0099cc top right no-repeat;
}
.bookmark h2 {
	background:#0099cc top right no-repeat;
}
.websphere h2 {
	background:#666666;
}
	.websphere li {
		background-image:none;	
	}
.rel-content h2 {
	background:#666666;
}
	.rel-content li {
		background-image:none;	
	}

	
/*----------------------------
5N. MEDIA LIBRARY
-----------------------------*/
.media-lib h2 {
	background:#0099cc top right no-repeat;
}
.media-lib ul {
	list-style:none;
	padding:10px;
	margin-bottom:10px;
	overflow:auto;
}	
	.media-lib li {
		float:left;
		margin:5px;
		border:1px solid #333333;
	}
		.media-lib li a {
			display:block;
		}
		
/*----------------------------
5O. PAGING
-----------------------------*/
.pr-list .paging, 
.key-contacts .paging, 
.downloads-paging {
	float:right;
	margin:0;
	padding:0;
	font-size:1.2em;
}
.downloads-paging {
	padding-bottom:15px;
}
	.pr-list .paging li, 
	.key-contacts .paging li, 
	.downloads-paging li {
		float:left;
		clear:none;
		display:block;
		margin:0;
		padding:0;
		border-left:1px dotted #333333;
		border-bottom:0;
	}
		.pr-list .paging li:first-child, 
		.pr-list .paging li.first, 
		.key-contacts .paging li:first-child, 
		.key-contacts .paging li.first, 
		.downloads-paging li:first-child, 
		.downloads-paging li.first {
			border-left:0;
		}
		.pr-list .paging li:last-child, 
		.pr-list .paging li.last, 
		.key-contacts .paging li:last-child, 
		.key-contacts .paging li.last, 
		.downloads-paging li:last-child, 
		.downloads-paging li.last {
			padding:0;
		}			
		.pr-list .paging li a, 
		.key-contacts .paging li a, 
		.downloads-paging li a {
			display:block;
			padding:3px 5px;			
		}