@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: content.css
**	DESCRIPTION: Styles for main content and features
**	UPDATED: 2009/06/29
*/	

/* >>>>>>>>>> START CONTENT PAGE */
div.content-page { font-family:Arial, Helvetica, sans-serif; min-height:520px; width:505px; }

div.content-page h4 { margin:0; padding:0;
	font-style:italic; font-size:1.0em; font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }

div.content-page a { color:#3366FF;	}

div.content-page abbr { border-bottom:1px dotted; }

div.content-page p { font-size:0.8em; padding:0; margin:6px 0 16px 0; }
div.content-page p.no-push { margin:0; padding-top:0; }
div.content-page p.comments { text-align:left; font-size:0.7em;
	font-weight:bold; margin:10px 0 0 0; padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.content-page p.comment_info { font-size:0.7em; }
div.content-page p.comments-flash { margin:110px 0 0 0; }
div.content-page p.comments a { color:#F03; padding-top:1px;
	border-top:1px dotted #666; text-decoration:none; }
div.content-page p.comments img { vertical-align:top; }
div.content-page p img.icon_top { vertical-align:top; }
div.content-page p.comments span.form-error { font-size:0.90em; }
div.content-page p.comments span.form-success { font-size:0.90em; }
div.content-page p.comments span.form-info { font-size:0.90em; }

div.content-page p.download_login { background:#E6E6E6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px; }

div.content-page pre { width:491px; border:2px dashed #CCC; overflow:auto;
	padding:5px; font-size:0.8em; font-family:"Courier New", Courier, monospace;
	color:#555; max-height:400px; }
div.content-page ul li { line-height:1.3em; }

div.content-page .col1 { color: #39CC00; }
div.content-page .col2 { color: #005A97; }
div.content-page .col3 { color: #993399; }
div.content-page .col4 { color: #292929; }
div.content-page .col5 { color: #E10024; }
div.content-page .col6 { color:#3366FF; }
div.content-page .col7 { color:#FFCC00; }
div.content-page .col8 { color:#009900; }

div.content-page img.border { border:1px solid #999; padding:3px; }
div.content-page table.border { background:#E6E6E6; }
div.content-page table.border td { background:#FFF; border:1px solid #999; vertical-align:top; margin:1px 1px 0 0; font-size:0.9em; }

/* section specific content */
img.email-link { vertical-align:middle; } /* email link on contact page */
ul.privacy { list-style-type:none; color:#333; margin:0; }
ul.privacy li { margin:4px 0 4px 0;	}

div.content-page ul.services li { line-height:1.1em; }
div.content-page ul.link-list li { background:url(bullets/bullet.png) 0 1px no-repeat; line-height:1.2em; }
div.content-page span.caption { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size:0.7em; }
div.post_box { float:left; margin:3px 15px 15px 0; }

/* article details */
div.content-page div.article-details { font-size:0.75em; color:#666; margin:-4px 0 30px 0; 
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.article-list span.details { font-size:0.8em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.article-list span.category { color:#666; }
div.article-list div.article-list-item { padding:0 0 10px 0;
	margin: 10px 0 5px 0; border-bottom:1px dashed #999; }
div.article-list div.last { border-bottom:none; }
div.article-list div.article-list-item em { font-size:0.9em; color:#999; }

img.page_view_icon { vertical-align:top; }
span.page_views { cursor:pointer; }

/* END CONTENT PAGE <<<<<<<<<< */

/* >>>>>>>>>> START FORMS */
div.content-page form { font-size:0.8em; color:#000; font-weight:bold; }
div.content-page form input { border:0; }
div.content-page form input.reminder_button { width:120px; }
div.content-page form table { padding:0; }
div.content-page form table td { vertical-align:top; padding:10px 5px 5px 0; }
div.content-page table td.right_align { text-align:right; }
div.content-page table th.left_align { text-align:left; }
div.content-page p.update { background:#E6E6E6; color:#333; font-size:0.8em; margin-top:20px; padding:2px;  }

div.content-page form .input { border:1px solid #CCC; 
	font-size:1.1em; padding:3px; color:#666; width:214px; }
div.content-page form .input:hover { border:1px solid #0099FF; }
div.content-page form .input:focus { border:1px solid #666; color:#333; }

div.content-page form .check { border:0;
	padding:0; border:1px solid #CCC; margin-top:6px; }
	
div.content-page form .check:hover { border:1px solid #0099FF; }
div.content-page form .check:focus { border:1px solid #666; }

div.content-page form textarea { border:1px solid #CCC; 
	font-family:Arial, Helvetica, sans-serif; font-size:1em; width:348px; padding:3px; color:#666; }
div.content-page form textarea.error { border:1px solid #E10024; }
div.content-page form textarea:hover { border:1px solid #0099FF; }
div.content-page form textarea:focus { border:1px solid #666; color:#333; }

div.content-page form .button { display:block; width:100px;
	height:30px; float:right; font-size:1.0em; font-weight:bold; background:#292929; 
	border:0; color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.content-page form .button:hover { border:0; color:#FFF; }
div.content-page form input.disabled { border:0; color:#999; background:#E4E4E4; }
div.content-page form input.disabled:hover { border:0; color:#999; background:#E4E4E4; }
div.content-page form input.active { border:0; color:#999; background:#E4E4E4; }
div.content-page form .button:link { border:0; color:#FFF; }
div.content-page form .button:active { border:0; background:#005A97; color:#FFF; }

div.content-page form .contact { background:#39CC00; }
div.content-page form table td.label { vertical-align:top; padding-top:16px; width:140px; }
div.content-page form table td.vert-align { vertical-align:top; }
div.content-page table p.form_filled { font-weight:normal; color:#666; padding-top:0; margin:4px 0 0 5px; }

div.content-page p.login-error { color: #E10024; font-weight:bold; }
div.content-page form input.error { border:1px solid #E10024; }
div.content-page form textarea.comments { font-family:"Courier New", Courier, monospace; }
div.content-page span.form-info { font-size:0.75em;
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.content-page span.form-success { color: #090; font-size:0.75em;
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.content-page span.form-error { color:	#E10024; font-size:0.75em; 
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.content-page form input#email-reminder { padding-top:5px; padding-bottom:5px; height:18px; }
/* END FORMS <<<<<<<<<< */

/* >>>>>>>>>> START BREADCRUMBS */
div#breadcrumbs { position:absolute; top:0; right:220px; z-index:100; width:400px; }
div#breadcrumbs ul { padding:0; margin:0; float:left; }
div#breadcrumbs ul li { display:block; float:right; color:#FFF;
	height:30px; font-weight:bold; font-size:0.8em;
	background:url(breadcrumbs/arr_default.png) top right no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px; margin:0 0 0 -14px; padding:0 12px 0 2px; }
div#breadcrumbs ul li span { background:#000; display:block;
	height:30px; padding:0 0 0 12px; }
div#breadcrumbs ul li.first { margin:0;	}
div#breadcrumbs ul li.first span { padding:0 0 0 14px; 
	background:url(breadcrumbs/arr_l_end.png) top left no-repeat; }
	
/* styles for breadcrumb sections */
div#breadcrumbs ul li.home { background:url(breadcrumbs/arr_home.png) top right no-repeat; }
div#breadcrumbs ul li.home span { background-color:#E10024; }
div#breadcrumbs ul li.contact { background:url(breadcrumbs/arr_contact.png) top right no-repeat; }
div#breadcrumbs ul li.contact span { background-color:#50CC00; }
div#breadcrumbs ul li.about { background:url(breadcrumbs/arr_about.png) top right no-repeat; }
div#breadcrumbs ul li.about span { background-color:#FFCC00; }
div#breadcrumbs ul li.portfolio { background:url(breadcrumbs/arr_portfolio.png) top right no-repeat; }
div#breadcrumbs ul li.portfolio span { background-color:#F09; }
div#breadcrumbs ul li.documents { background:url(breadcrumbs/arr_documents.png) top right no-repeat; }
div#breadcrumbs ul li.documents span { background-color:#292929; }
div#breadcrumbs ul li.myaccount { background:url(breadcrumbs/arr_myaccount.png) top right no-repeat; }
div#breadcrumbs ul li.myaccount span { background-color:#FF6600; }
div#breadcrumbs ul li.links { background:url(breadcrumbs/arr_links.png) top right no-repeat; }
div#breadcrumbs ul li.links span { background-color:#3366FF; }
div#breadcrumbs ul li.journal { background:url(breadcrumbs/arr_journal.png) top right no-repeat; }
div#breadcrumbs ul li.journal span { background-color:#993399; }

/* anonymous sections */
div#breadcrumbs ul li.bc1 { background:url(breadcrumbs/arr_mblue.png) top right no-repeat; }
div#breadcrumbs ul li.bc1 span { background-color:#66C; }
div#breadcrumbs ul li.bc2 { background:url(breadcrumbs/arr_dgrey.png) top right no-repeat; }
div#breadcrumbs ul li.bc2 span { background-color:#666; }
div#breadcrumbs ul li.bc3 { background:url(breadcrumbs/arr_mgrey.png) top right no-repeat; }
div#breadcrumbs ul li.bc3 span { background-color:#999; }

/* last breadcrumb */
div#breadcrumbs ul li.last { background:url(breadcrumbs/arr_lgrey.png) top right no-repeat; color:#333; }
div#breadcrumbs ul li.last span { background-color:#E6E6E6; }
div#breadcrumbs ul li a { display:block; font-weight:bold;
	height:30px; text-decoration:none; color:#FFF; }

div#breadcrumbs p { float:left;	text-align:right; display:block;
	padding-right:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.7em; color:#666; background:none; }
	
div.bc-align { float:right; position:relative; }
/* END BREADCRUMBS <<<<<<<<<< */


/* sidebar - most viewed posts */
div.panels ul#journal_popular { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;
	font-size:0.8em; list-style-type:none; padding:0; margin:0 0 20px 0; font-size:0.9em; }
ul#journal_popular li a { color:#005A97; font-size:1.0em;}
/* recent comments */
div.recent_comment {
}
div.panels div.recent_comment p { margin: 0; padding:0; }
div.recent_comment a { color:#FF0033; font-size:1.1em; }
div.recent_comment a.external { color:#39CC00; }
div.recent_comment span.comment { color:#333; font-size:1.2em; }

/* ratings */
div.content-page span.page_rating { cursor:pointer; }
div.content-page .page_rating a { border:none; }
div.content-page span.page_rating a { border:none; }

div.article_ad { margin:20px 0 0 0; }