/*
 * Stylesheet for the corkeCo website
 */
 
 /*
  *    General styles
  */

body {
	background : #eee;
	color: #000;
	margin : 1em 2.5em;
	padding: 0em;
	font-family :  Verdana, "Trebuchet MS", sans-serif;
	font-size: 0.8em;
	line-height: 1.4;
}

p {
	margin-bottom: 0em;
	margin-top: 0.5em;
}

hr {
	display: none;
}

/* General link styles */
a {
	color: #039;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #90f;
}

img {
	border: none;
}

/* General table styles */
table {
	margin: 0.2em 0.5em;
	font-size: 90%;
}

tr {
	padding: 0.2em;
	line-height: 1.6em;
}

/* Row colours */
.odd {
	background-color: #fff;
}

.even {
	background-color: #eef;
}

/*
 * Banner styles - The banner comprises the following divisions: logo, skipto and mainnav
 */

/* General banner styles */  
/* Dave Shea's & Henrik Lied's solution for min-height to ensure #banner expands to fit logo  */
#banner {
	background: #fff;
	border: #933 solid thin;
	padding: 2.2em 0.2em 0.2em !important;
	height: auto !important;
	height: 2.2em;
	min-height: 1px;
	font-weight: bold;
	position: relative;
	}

/* Styles for logo division within the banner. Logo comprises the logo and tagline */
#logo {
	margin-top: -2em;
	padding-top: 2.2em !important;
	height: auto !important;
	height: 2em;
	min-height: 1px;
	width: 62%;
	position: relative;
}

#logo img {
	margin-top: -2em;
}

#logo p {
	margin: 0em;
}

/* Styles for "skip to" navigation options */
#skipto {
	display: none;
}

/* Styles for collage */
#collage {
	background: url(images/collage_white.jpg) no-repeat right;
	width: 30%;
	height: 42px;
	position: absolute;
	top: 1em;
	right: 1em;
}

/* Styles for main navigation options */
#mainnav {
	text-align: right;
	font-size: 0.9em;
	width: 37%;
	position: absolute;
	bottom: 0.2em;
	right: 1em;
	padding: 0em 0em 0.2em;
}

#mainnav ul {
	margin: 0em;
}

#mainnav li {
	list-style-image : none;
	list-style-type : none;
	display : inline;
	border-left: 1px dotted #339;
	padding-left: 0.3em;
}

#mainnav li.first {
	border-left: none;
	padding-left: 0em;
} 

/*
 * Breadcrumb style
 */
#breadcrumb {
	margin: 0em;
	padding: 0.2em 0.2em 1.5em 0em;
	font-size: 90%;
}


/* Download styles */

.download {
	margin-left: 2em;
}

.download a {
		background: url(images/download.gif) no-repeat left top;
		padding-left: 1.5em;

}

/*
 * Container styles 
 * The container comprises maincontent and sidebar sections.
 * Special styles are set up for the accessibility statement and bio pages within the contentbox.
 */
#container {
	width: 100%;
	margin: 1em 0em;
	padding-bottom: 0.2em;
}

#container h1 {
	font-size: 100%;
	font-weight: bold;
	padding: 0.2em 0.5em;
	margin-bottom: 0em;
}

#container h2 {
	font-size: 100%;
	font-weight: bold;
	padding-top: 0.2em;
	margin: 1em 0.5em 0.5em;
	border-top: 1px solid #933;
}

/* This class is used for h2's that appear directly after an h1. */
#container h2.first {
	border-top: none;
	margin-top: 0em;
}

#container h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 1.2em 0.5em 0.5em;
	color: #666;
}

#container p, #container ul {
	padding: 0.2em 0.5em;
	margin: 0em;
}

#container li {
	padding: 0.2em;
	list-style-position: outside;
	display: list-item;
	margin-left: 1.5em;
}

/* Style for blog post date and time */
#container p.post {
	font-size: 85%;	
}

/* Style for quotes. If the quote is a paragraph, the quoted text is indented */
#container .quote {
	font-size: 120%;
	font-family: "Book Antiqua", "Times New Roman", serif;
}

#container p.quote {
	padding: 0.5em 3em 0.5em 3em;
	line-height: 1.8em;
}

/* Style for quote attribution */
#container .attr {
	padding: 0em 3em 0.5em 3em;
	font-size: 120%;
	font-family: "Book Antiqua", "Times New Roman", serif;
	text-align: right;
}

/* 
 *  Main content section
 */
#maincontent {
	border: none;
	width: 70%;
	float: right;
}

/*
 * Sidebar section
 */
#sidebar {
	margin: 0em;
	padding: 0em;
	width: 27%;
	float:left;
}

/*
 * Local navigation section
 */
#localnav {
	margin: 0em;
	padding: 0em;
	width: 95%;
	background-color: #fff;
	border: 1px solid #666;
}

#localnav h1 {
	background-color: #666;
	color: #fff;
	margin: 0em;
}

#localnav li {
	background : url(images/black_arrow.gif) no-repeat 0em 0.6em;
	margin-left: 0em;
	text-indent: 1em;
	list-style-image : none;
	list-style-type : none;
}

#localnav li.here {
	background: url(images/here_arrow.gif) no-repeat 0em 0.6em;
}

/*
 * News section
 */
#news {
	width: 100%;
	background-color: #eef;
	border: 1px solid #666;
	margin-top: 2em;
}

#news h1 {
	background-color: #666;
	color: #fff;
	margin: 0em;
}

#news ul li {
	list-style-type: disc;
}

.blogbox {
	width: 100%;
	border: none;
	margin-top: 2em;
}


/*
 * Special container styles. These styles are set up for particular pages.
 * Most of these styles are set up under the maincontent section - but technically, should carry across to localnav and news, if reuqired.
 */
 
/*
 * Contentbox
 * The contentbox is the boxed content displayed within the maincontent section.
 */
.contentbox {
	border: 1px solid #339;
	width: 100%;
	background-color: #fff;
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

.contentbox h1 {
	background-color: #339;
	color: #fff;
	margin: 0em;
}

/* This style is used for the "Sites to Visit" header 2 in the Useful Website pages */
#container .contentbox h2.main {
	background-color: #339;
	color: #fff;
	margin: 0em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-top: none;
}


/* This style is used for the "My Bio" role pages where the header includes the company and dates */
.contentbox p.subhead {
	background-color: #339;
	color: #fff;
	margin-top: 2em;
}

.contentbox p.subhead a {
	color: #ff0;
}

.contentbox p.subhead a:visited {
	color: #ccc;
}


/* Site map styles - The entire site map is set up as an unordered list */
.sitemap li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0.2em;
	text-indent: 1em;
	background: url(images/black_arrow.gif) no-repeat 0em 0.6em;
}

.sitemap li.here {
	background: url(images/here_arrow.gif) no-repeat 0em 0.6em;
}

.sitemap li ul li {
	background: url(images/double_arrow.gif) no-repeat 0em 0.6em;
	margin-left: 1em;
	text-indent: 1.5em;
}

.bio th {
	width: 80%;
	text-align: left;
	font-weight: normal;
	padding: 0.2em;
}

.bio td {
	width: 20%;
	text-align: right;
	padding: 0.2em;
}

#accstmt tr.header {
	background-color: #666;
	color: #fff;
}

#accstmt th {
	padding: 0.2em 0.5em 0.2em 0.5em;
}

#accstmt td {
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

#pagenav {
	text-align: center;
}

#pagenav li {
	margin: 0em;
	padding: 0.2em 0.5em 0.2em 1em;
	list-style-image : none;
	list-style-type : none;
	display : inline;
	border-left: 1px dotted #339;
	font-size: 85%;
}

#pagenav li.first {
	border-left: none;
	padding-left: 0em;
}

.spacer {
	clear: both;
	}

/* Footer styles */
#footer {
	border-top: solid thin #933;
	width: 100%;
	text-align: center;
	clear: both;
}