@charset "utf-8";
/*
**	Copyright © Joseph Earl 2009, all rights reserved.
**
**	All code, images, logos and the general design or 'style' of
**	http://www.joeearl.co.uk are copyright, unless otherwise
**	specified.
**
**	DOCUMENT: basic.css
**	DESCRIPTION: Basic site-wide styles
**	UPDATED: 2009/06/30
*/

/* >>>>>>>>>> START GLOBAL */
html { height:100%; }
body { margin:0; padding:0; height:100%; background:#FFF;
	min-width:1000px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif ; }
abbr { border-bottom:1px dotted #333333; }

div.clear { clear:both; }
div.spacer { clear:both; height:60px; font-size:1px; line-height:1px; }

a img { border: 0; }
/* END GLOBAL <<<<<<<<<< */

/* >>>>>>>>>> START BODY BACKGROUND IMAGES */
body#portfolio { background:#FFF url(bg/portfolio_bg.png) 60px 132px no-repeat; }
body#contact { background:#FFF url(bg/contact_bg.png) 60px 132px no-repeat; }
body#site-map { background:#FFF url(bg/sitemap_bg.png) 60px 132px no-repeat; }
body#about { background:#FFF url(bg/about_bg.png) 60px 132px no-repeat; }
body#privacy { background:#FFF url(bg/privacy_bg.png) 60px 132px no-repeat; }
body#my-account { background:#FFF url(bg/myaccount_bg.png) 60px 132px no-repeat; }
body#login { background:#FFF url(bg/login_bg.png) 60px 132px no-repeat; }
body#reminder { background:#FFF url(bg/reminder_bg.png) 60px 132px no-repeat; }
body#services { background:#FFF url(bg/services_bg.png) 60px 132px no-repeat; }
body#accessibility { background:#FFF url(bg/access_bg.png) 60px 132px no-repeat; }
body#comments { background:#FFF url(bg/comments_bg.png) 60px 132px no-repeat; }
body#documents { background:#FFF url(bg/documents_bg.png) 60px 132px no-repeat; }
body#links { background:#FFF url(bg/links_bg.png) 60px 132px no-repeat; }
body#journal { background:#FFF url(bg/journal_bg.png) 60px 132px no-repeat; }
body#photos { background:#FFF url(bg/photos_bg.png) 60px 132px no-repeat; }
body#error { background:#FFF url(bg/error_bg.png) 60px 132px no-repeat; }
/* END BODY BACKGROUND IMAGES <<<<<<<<<< */

/* >>>>>>>>>> START HEADER */
div#top { position:relative; margin:0 auto 90px 0; }
div#header { height:92px; background:#E8E8E8 url(header/header_bg.png) repeat-x; }
div#header-box { height:89px; padding:3px 0 0 0; 
	background:transparent url(header/header_graphic_bg.png) no-repeat 0 0; }
a img#img-logo { border: 0; }

/* logo */
h1.logo { width:200px; float:left; margin:2px 40px 0 0; padding:0; }
h1.logo a img { border:0; }

/* quick header links - privacy, sitemap, etc */
ul#header-help { list-style-type:none; margin:0; padding:0; height:32px; }
ul#header-help li { font-size:0.9em; color:#666; float: left; padding:0 8px 0 8px;
	background: url(misc/help_divider.png) no-repeat right; width:auto; }
ul#header-help li.first { padding:0 8px 0 0; }
ul#header-help li.last { padding:0 0 0 8px; background:none; }
ul#header-help li a { text-decoration:none; color:#666; background:none; }
ul#header-help li a:hover { text-decoration:underline; color:#202020; 
	background: url(misc/help_arrow.png) top center no-repeat; }

/* search form */
form#search { margin:0; padding:0; line-height:0.8em; position:relative; }
form#search p { margin:0; padding:0; }
form#search label { color: #0099FF;	}
form#search input#q { width:165px; height:20px; margin:0 0 0 -5px;
	padding:7px 19px 3px 33px; font:16px Verdana, Geneva, sans-serif;
	border:0; background:url(header/search_bg.png) no-repeat; color:#666; }
form#search input#q:focus { background-image:url(header/search_bg_active.png); color:#333; }
form#search input#q.suggest { background-image:url(header/search_bg_suggest.png); color:#333; }
form#search input#q.suggest:focus { background-image:url(header/search_bg_suggest.png); }
form#search input#q_submit { width:1px; height:1px; }
/* END HEADER <<<<<<<<<< */

/* >>>>>>>>>> START CONTENT */
div#content { margin:36px 0 0 0; position:relative; }
div#content div.left-col { float:left; min-width:500px; padding-left:250px; width:auto; }
div.content-header { margin-top:32px; }
div.content-page { padding:0 0 30px 9px; width:510px; }
div.content-page ul { margin:0; padding:0; list-style-type:none; }
div.content-page ul li { font-size:0.9em; padding:0 0 0 14px;
	background:url(bullets/bullet_green.png) top left no-repeat; }
div.content-page h2 { margin:0 0 10px 0; font-size:1.2em;
	padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#202020; }
div.content-page h3 { margin:0; padding:0; font-size:1.05em;
	padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#202020; }
div.content-page p.error { color:#FFF; background:#E10024; padding:3px; }
div.content-page p.success { color:#FFF; background:#39CC00; padding:3px; }
div.content-page form p { font-size:1.0em; }
div.content-page table td.top-align { width:140px; }
div.content-page table.top_align td { vertical-align: top;}
/* END CONTENT <<<<<<<<<< */

/* >>>>>>>>>> START LEFT MENU */
div.left-menu { position:absolute; top:56px;
	left:0; width:230px; padding:0 11px 0 20px; border:0; text-align:right; 
	color:#888; background:top right url(misc/border_l.png) repeat-y; }
div.left-menu abbr { text-decoration:underline; border:0; padding:0; }
div.left-menu div.title_box { padding:2px 0 0 60px; border-bottom:1px solid #AAA; background:#333 url(misc/subtitle_arrow.png) top left no-repeat; padding-bottom:0.8em; text-align:right; padding-right:3px; width:auto; }
div.left-menu h3 { color:#FFF; margin:0; padding:0;
	font:bold 0.95em Arial, Helvetica, sans-serif; width:auto; }
div.left-menu br.clear { font-size:1px; line-height:1px; clear:both; }
div.left-menu a { color:#3366FF; }
div.left-menu ul { font-size:0.75em; list-style-type:none;
	padding:0; margin:16px 0 24px 0; }
div.left-menu ul li { padding:6px 0 6px 0; margin:0; line-height: 1.25; }
div.left-menu ul li.link { padding:6px 0 0 0; }
div.left-menu ul.compact { margin-bottom:10px; }
div.left-menu ul.compact li { padding:2px 0 1px 0; margin:0; }
div.left-menu ul.compact li.link { padding:10px 0 0 0; }
div.left-menu h4.subtitle { color:#BBB; font-weight:normal; font-size:0.7em; margin:-0.3em 0 0 0; padding:0; float:right;}
div.left-menu h4.subtitle a { text-decoration:none; color:#09F; }

/* rss and services links */
div.left-menu a.rss { font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; font-size:1.2em; margin:0 -3px 0 0;
	padding:3px; color: #F90; text-decoration:none; background:none; }
div.left-menu a.services { font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; font-size:1.2em; margin:0 -3px 0 0;
	padding:3px; color:#C3C; text-decoration:none; background:none; }
div.left-menu a.rss:hover { color:#FFF; background-color: #F90; }
div.left-menu a.services:hover { color:#FFF; background-color: #C3C; }
/* END LEFT MENU <<<<<<<<<< */

/* >>>>>>>>>> START RIGHT MENU */
div.right-col { width:200px; margin:0 12px 0 auto;
	float:right; position:relative; }
div.panels { width:200px; margin-top:0; }
div.panels ul.portfolio li { background:url(bullets/bullet_sub_red.png) 0px 6px no-repeat; }
div.panels ul.portfolio li a { color:#E10024; }
div.panels ul.documents li { background:url(bullets/bullet_sub_dgrey.png) 0px 6px no-repeat; }
div.panels ul.documents li a { color:#292929; }
div.panels ul.journal li { background:url(bullets/bullet_sub_purple.png) 0px 6px no-repeat; }
div.panels ul.journal li a { color:#993399; }
div.panels ul.right-list li { margin:0; padding:1px 2px 1px 14px; }
div.panels ul.right-list { color:#333; list-style-type:none;
	font-size:0.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0; padding:6px 0 10px 0; }
div#sidebar p { margin: 5px 0 0 0; padding: 2px; font-size:0.7em; color:#666666; }

/* ad container */
div.panels div.ad_container { text-align:left; }

/* addthis social bookmark tool */
a.addthis_button_expanded { font-size:0.7em; color:#333333; }
a.addthis_button_expanded:hover { text-decoration:none; color:#666; }
/* END RIGHT MENU <<<<<<<<<< */

/* >>>>>>>>>> START FOOTER */
div#footer { height:94px; width:100%; padding:0; margin-top:0;
	background:#EFEFEF url(footer/footer_bg.png) top left repeat-x; position:absolute; }
div.footer-wrap { position:relative;
	background:url(footer/footer_arrow.png) 205px 0px no-repeat; height:90px;}
div.left-footer { text-align:right; width:250px; 
	margin:30px 0 0 0; padding:0; position:absolute; top:0; left:0; }
div.right-footer { margin-left:14px; margin-top:30px; 
	position:absolute; top:0; left:250px; }
	
/* footer links */
div#footer ul.footer-links { list-style-type:none; margin:0; padding:0; display:block; }
div#footer ul.footer-links li { font-size:0.7em; color:#333333; padding:1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:1px;
	line-height: 1.25; }
div#footer ul.footer-links li a { padding:0; margin:0;
	color:#333333; text-decoration:none; border-bottom: 1px dotted #333; }
div#footer ul.footer-links li.last a { border-bottom: none; }
div#footer ul.footer-links li.bg1 a:hover { color:#50CC00;	}
div#footer ul.footer-links li.bg2 a:hover { color:#E10024; }
div#footer ul.footer-links li.bg3 a:hover { color:#3366FF; }
div#footer ul.footer-links li.bg4 a:hover { color:#993399; }
div#footer ul.footer-links li.bg5 a:hover { color:#FFCC00; }
div#footer ul.footer-links li a img { border:none; }

/* copyright notice */
div.copy-info { width:400px; text-align:right; right:14px; top:0px;
	padding-top:30px; position:absolute;
	background:url(footer/imprint.png) top right no-repeat; }
div.copy-info p { margin:0; padding:0; color:#333; font-size:0.7em; font-weight:normal; }
div.copy-info a { text-decoration:none; color:#333333; }
div.copy-info a:hover { border-bottom:none;	 }

/* validation links */
div#footer a.check-html:hover {	color:#50CC00; }
div#footer a.check-css:hover { color:#005A97; }

/* END FOOTER <<<<<<<<<< */

/* >>>>>>>>>> START AD STYLES */
.adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #FFFFFF; background:#000;}
.adText {font: normal 10pt Arial; text-decoration: none; color: #FFFFFF; background:#000; }
.article_ad { margin:6px 0 6px 0; }
.document_ad { margin: 6px 0 6px 0; }
/* END AD STYLES <<<<<<<<<< */