/**
 * General CSS
 *
 * General CSS file; general CSS classes for common classes
 * and elements.
 *
 * @author	Philip Withnall <drbob@tecnocode.co.uk>
 * @copyright	Philip Withnall 2007
 * @package	Roger Griffiths
 * @subpackage	CSS
 * @version	1.0.0
 * @license	http://tecnocode.co.uk/links/sourcecode-license.html
 * @filesource
 */

html, body
{
	background-color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}

#outer_wrapper
{
	background-color: #fff;
	background-image: url(http://rogergriffiths.co.uk//images/top_line.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 201px 147px;
	width: 711px;
	margin: 10px auto 10px auto;
	position: relative;
}

#outer_wrapper2
{
	background-image: url(http://rogergriffiths.co.uk//images/bottom_line.jpg);
	background-repeat: no-repeat;
	background-position: 201px 859px;
}

#inner_wrapper
{
	position: absolute;
	top: 200px;
	left: 201px;
	width: 500px;
}

#inner_wrapper .breadcrumbs
{
	margin: 0 5px;
	width: 350px;
}

h1
{
	position: absolute;
	top: 50px;
	left: 210px;
}

h1 a
{
	display: block;
	background-image: url(http://rogergriffiths.co.uk/images/title.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 480px;
	height: 96px;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -1000em;
	border: none;
}

h1 a:hover { border: none }

/* Main layout */

h2#main_title
{
	font-size: 2.3em;
	color: #424242;
	text-align: right;
	position: absolute;
	top: 70px;
	right: 2px;
	width: 450px;
}

#main_area
{
	position: absolute;
	top: 120px;
	width: 500px;
	left: 5px;
	height: 540px;
	color: #000;
	overflow-y: auto;
}

.print_notice { display: none }

noscript
{
	position: absolute;
	display: block;
	width: 330px;
	font-size: 0.8em;
	border-left: 2px solid #CC4E5F;
	border-top: 2px solid #CC4E5F;
	padding: 3px;
}

#bottom_bar
{
	font-size: 0.7em;
	height: 2em;
	overflow: hidden;
	position: absolute;
	top: 830px;
	left: 5px;
}

#bottom_bar ul
{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bottom_bar ul li
{
	float: left;
	margin-left: 0.2em;
}

#bottom_bar ul li a { border: none }

#bottom_bar p
{
	margin: 0;
	padding: 0;
	float: left;
}

/* Menu */
/* Some parts adapted from Stu Nicholls' fly-out menu CSS */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu_area
{
	width: 201px;
	height: 659px; /* 1072-413 (padding) */
	background-image: url(http://rogergriffiths.co.uk/images/menu.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	color: #000;
	position: relative;
	margin: 0;
	font-size: 20px;
	padding-top: 413px;
}

#menu_area h2 { display: none }

/* common styling */
#menu_area ul li a {text-indent:-1000em;}
#menu_area ul li ul a {text-indent:0;}
#menu_area ul li a, #menu_area ul li a:visited {display:block; text-decoration:none; color:#000; width:200px; height:40px; text-align:center; background:transparent; line-height:39px; font-size:20px;}
#menu_area ul {padding:0; margin:0;list-style-type: none; }
#menu_area ul li {float:left; margin-right:1px; position:relative;}
#menu_area ul li ul {display: none;}

/* specific to non IE browsers */
#menu_area ul li:hover a {color:#fff; background-image:url(http://rogergriffiths.co.uk//images/arrow.jpg); background-repeat:no-repeat; background-position: 0% 50%;}
#menu_area ul li:hover ul {display:block; position:absolute; top:0; left:200px; width:160px;}
#menu_area ul li:hover ul li a.hide {background:#dfc184; color:#000;}
#menu_area ul li:hover ul li:hover a.hide {width:207px;}
#menu_area ul li:hover ul li ul {display: none;}
#menu_area ul li:hover ul li a {display:block; background:#b3ab79; border:1px solid #fff; border-width:1px 1px 0 0; color:#000; width:207px;}
#menu_area ul li:hover ul li a:hover {background:#dfc184; color:#000;}

/* Links */

a img { border: none }

/* Titles */

h2
{
	margin: 0;
}

/* Forms */

form.minimal_size fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

form.minimal_size legend, form.minimal_size label, form.minimal_size p.input_description { display: none }

form.whole_page_form fieldset
{
	border: 1px solid #999;
	padding: 0.8em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	background-color: #fff;
	color: #000;
}

form.whole_page_form fieldset legend
{
	font-weight: bold;
	padding-left: 0.7em;
	padding-right: 0.7em;
}

form.whole_page_form div.form_field
{
	clear: left;
	display: block;
	margin: 0.5em 0 0.5em 0;
}

form.whole_page_form label
{
	display: block;
	float: left;
	width: 20%;
	font-size: 0.9em;
}

form.whole_page_form div.form_field_radio label
{
	display: inline;
	float: none;
	width: auto;
}

form.whole_page_form div.form_field_textarea label { width: auto }

form.whole_page_form div.form_field_checkbox
{
	width: 50%;
	position: relative;
}

form.whole_page_form div.form_field_checkbox label { width: 100% }
form.whole_page_form div.form_field_checkbox input
{
	position: absolute;
	right: 0;
}

form.whole_page_form textarea
{
	width: 100%;
	height: 6em;
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form.whole_page_form div.form_field_captcha label
{
	display: inline;
	float: none;
}

form p.error
{
	background-image: url(http://rogergriffiths.co.uk//images/icon/exclamation.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-color: #BC6C6C;
	color: #ffffff;
	padding: 3px 3px 5px 27px;
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

form div.error
{
	padding-top: 3px;
	border: 0;
	background-color: #cc6358;
	background-image: url(http://rogergriffiths.co.uk//images/icon/exclamation.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	font-weight: bold;
	height: 21px;
}

form .input_description   
{
	background-color: inherit;
	color: #535c27;
	font-size: 0.7em;
	clear: left;
}

.form_valid { display: none !important }

.form_field_group_dependent
{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}

form div.datetime_container
{
	border: 2px solid #78863b;
	width: 300px;
	padding: 1px;
	background-color: #fff;
	color: #000;
	font-size: 1.1em;
}

form .datetime_titlebar
{
	font-size: larger;
	font-weight: bolder;
	text-align: center;
}

form div.datetime_container #datetime_left_arrow,form div.datetime_container #datetime_right_arrow
{
	width: 10%;
	height: 6em;
	font-size: 1.5em;
	line-height: 6em;
}

form div.datetime_container #datetime_left_arrow
{
	float: left;
}

form div.datetime_container #datetime_right_arrow
{
	float: right;
}

form div.datetime_container table
{
	width: 80%;
}

form div.datetime_container .datetime_button_container,form div.datetime_container .datetime_selector_container
{
	padding: 2px;
	text-align: center;
}

/* Misc. things */

.overflow_section
{
	overflow: auto;
}

.clearfix:after, .comment blockquote:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

acronym
{
	cursor: help;
	font-weight: bold;
}

strong
{
	font-weight: bold;
}

cite
{
	font-style: normal;
	font-weight: bold;
	color: #9198BE;
	background-color: inherit;
}

ins
{
	font-weight: bold;
	color: #5469C6;
	background-color: inherit;
}

ins:before
{
	content: "Update: ";
}

code
{
	display: block;
	border: 0.075em solid #66DB53;
	background-color: #FFFFFF;
	padding: 0.4em;
	white-space: pre;
	max-height: 6em;
	overflow: auto;
	margin: 0.4em;
	color: #222222;
	counter-increment: code;
	/*clear: both;*/
}

/*code:before
{
	/*We're assuming here that any language we have an example of uses double-forward-slash comment notation*
	content: "(Code example " counter(code) ")";
}*/

.search_term_highlight
{
	color: #FF0000;
	background-color: inherit;
	font-weight: bolder;
}

div.article_image
{
	margin: 0.15em;
	border: 0.075em solid #555555;
	padding: 0.15em;
	display: block;
	float: left;
}

div.article_image:hover
{
	border: 0.075em solid #000000;
}

.error
{
	background-color: #BC6C6C;
	border: 0.075em dashed #CCCCCC;
	padding: 0.8em;
	color: #FFFFFF;
	font-weight: bolder;
	margin: 0.4em;
}

.message
{
	background-color: #A2B4CB;
	border: 0.075em dashed #CCCCCC;
	padding: 0.8em;
	color: #FFFFFF;
	font-weight: bolder;
	/*margin: 0.4em;*/
}

.no_x
{
	font-size: small;
	padding-left: 0.2em;
}

ul.links
{
	list-style-type: none;
}

ul.links a
{
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
}

.highlight h3
{
	/*color: #7A3F3F;*/
	color: #FF0000;
	background-color: inherit;
}

.highlight h3:after
{
	content: " (highlighted)";
}

.draft h3
{
	color: #666666;
	background-color: inherit;
}

.draft h3:after
{
	content: " (draft)";
}

.timestamp
{
	font-size: x-small;
	float: right;
	margin-right: 0.15em;
	margin-top: 0.15em;
	margin-bottom: 0.075em;
}

.timestamp img
{
	vertical-align: top;
}