/* ================= Globals ============== */
body { margin: 0; background: url(background.png) repeat-x top left #f0f0f0;}
h2 a, h3 a {display: block;}
td { vertical-align: top;}
ul, ol {list-style-position: inside; margin-top: 0;}
hr { border: none 0; height:4px; margin: 7px 0; padding: 0; background-color: #BD0800; color: #BD0800;}
.ie hr { #margin: 0 0 -3px;}
a img { border: none;}
a { color: black; font-weight: bold; text-decoration: none;}
a:hover { color: #BD0800;}
.alignright { float: right;}
.alignleft  { float: left;}
.aligncenter {text-align: center;}
.padless {margin:0; padding:0;}
p {margin: 0 0 1em 0;}
/* ======================================== */

/* ======== Font Sizes and layout ========= */
body { font-family: arial, sans-serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; /*text-transform:capitalize;*/}
h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
#tagline h2 { font-size: 120%;}
#searchform label,
#newsletter label,
#searchform input,
#newsletter input { font-size: 10px; line-height: 10px;}
#sidebar1 li {font-size: 100%;}
/*#sidebar1 li li li {font-size: 90%;}*/
#footerpadding { font-size: small; }
.cattitle { font-size: 120%;}
.catdescription { font-size: 80%;}
/* ======================================== */

#sidebar1 #searchform {
	margin-top: 1em;
}

/* ============= Basic layout ============= */
#container { width: 900px; min-width: 600px; margin: 8px auto; position: relative; }
#logo, #content, #footer { margin: 0 14px; background-color: white;}
/* ======================================== */

/* ============== Logo Space ============== */
#logo h1 { position: absolute; top: -100em;}
#logo { height: 150px; background: url(headback.jpg) no-repeat bottom left white; margin-top: 0}
#logogfx { float: right; margin: 20px;}

#tagline {
	width: 276px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0px;
	padding-left: 24px;
	background: url(tagline.gif) no-repeat bottom left #BD0800;
}
#tagline h2 {
	margin: 0;
	color: white;
	line-height: 24px;
}

#pagelinks {
	position: absolute;
	top: 60px;
	left: 34px;
	height: 150px;
	overflow: hidden;
}
#pagelinks a {
	font-weight: bold;
	color: black;
	background-color: white;
	text-decoration: none;
}
#pagelinks a:hover {
	text-decoration: underline;
}

#header_phonefax span { display: block;}
#header_phonefax { position: absolute; right: 35px;	top: 105px; text-align: right;}
/* ======================================== */

/* =============== Ribbon ================= */
#ribbon { height: 73px; background: url(ribbonback.png) repeat-x top left #BD0A02;}
#ribbonright { width:14px; height: 73px; background: url(ribbonright.png) no-repeat top left #BD0A02; float: right; display:block;}
#ribbongbody { height: 73px; background: url(ribbonbody.jpg) no-repeat top left transparent; }

#searchform * { padding: 0; margin: 0;}
#ribbon #searchform { position: absolute; right: 34px; top: 178px; height: 26px; background-color: #DDB2B0; overflow: hidden;}
#searchform form { height: 26px; padding: 3px;float: left;}
#searchform #thesearchbutton { height: 20px; background-color: #ddd; border: solid 1px #888; line-height: 10px; padding: 0; float: left; margin-right: 3px; padding: 0 3px; color: #555;}
#searchform #s { height: 16px; width:175px; float: left; font-size: 14px; line-height: 20px;}
#searchform label { display: none;}
#bsi-link { position: absolute; right: 175px; top: 95px}
/* ======================================== */

/* =============== Sidebars =============== */
#sidebar1 { width: 25%; background: url(backgroundgrad.png) repeat-x top left #CCCCCC; overflow: hidden; }
#sidebar2 { width: 20%; /*background: url(backgroundgrad.png) repeat-x top left #CCCCCC;*/ overflow: hidden; }
#sidebar2 h3 a {font-weight: normal; margin-bottom: 5px;}

.sidebar { padding: 0.75em; overflow: hidden; width: 191px}
.sidebar p { padding: 0; margin: 0 0 0.5em 0;}
.sidebar_box {margin-top: 1em;}
.sidebar_news_article { font-size: 95%; margin-bottom: 1.5em;}
/* ======================================== */

/* ============== Sidebar 1 =============== */
.sidebar ul,
.sidebar li {
	margin:0;
	padding:0;
	list-style-position: outside;
	list-style-type: none;
}

.sidebar li a {
	display:block;
	font-size: 12px;
	line-height: 16px;
	text-decoration:none;
	background-color: #BD120A;
	color:#fff;
	padding: 2px 0.5em;
	margin-bottom: 1px;
	_#height: 1px;
}

.sidebar li.current_page_item ul a,
.sidebar li.current-cat .children a {
	background-color: #BD120A;
	color:#fff;
}

.sidebar ul .current_page_item ul a,
.sidebar ul .current-cat .children a,
.sidebar ul ul a {
	background-color: #e1e1e1;
	color:#333;
}

.sidebar ul .current_page_item ul ul a,
.sidebar ul .current-cat .children ul a,
.sidebar ul ul .current_page_item ul a,
.sidebar ul ul .current-cat .children a,
.sidebar ul ul ul a {
	background-color: #eee;
	color:#333;
}

.sidebar li.current_page_item a,
.sidebar li.current_page_item ul a:hover,
.sidebar li.current-cat .children a:hover,
.sidebar li a:hover,
.sidebar li.current-cat a {
	background-color: #fff;
	color:#BD120A;
}

.sidebar ul ul a { padding-left: 10px;}
.sidebar ul ul ul a { padding-left: 20px;}
.sidebar ul ul ul ul a { padding-left: 30px;}

/* ======================================== */

/* ================ Footer ================ */
#footer { padding: 0 0.75em 0.75em 0.75em ; text-align: center; height: 100%;}
.ie #footer { line-height: 1.5em;}
#footerpadding { padding: 1em; background: url(backgroundgrad.png) repeat-x top left #CCCCCC;}
#footerpadding p { margin: 0.25em; }
.footer_address, .footer_phone, .footer_copyright { display: block; }
/* ======================================== */

/* ===== Frontpage category block ======= */
.catbox { text-decoration: none; color: black; display:block; height: 135px; background: url(catbackgeneric.jpg) no-repeat left top #ccc; overflow: auto;}
.catbox { margin-bottom: 1em; }
.catboxlast:hover, .catbox:hover { color: black; }
.catboxlast:hover .cattextbox, .catbox:hover .cattextbox, .catbox:hover .verticallogo,.catboxlast:hover .verticallogo { background-color: white; }
.cattextbox {
	display: block;
	font-weight: normal;
	background-color: #eee;
	width: 36%;
	height: 100%;
	overflow: auto;
	padding: 0em 5px 0 5px;
	opacity: 0.8;
	-khtml-opacity: 0.8;  /* This will work for older versions of khtm but not the current version */
	filter:alpha(opacity=80); /* For IE */
	cursor: pointer; /* The above filter changes the pointer to an I bar over text, I change it back.*/
}
.cattitle { display:block; padding: 5px 0; font-weight: bold;}
.verticallogo {
	background: url(accurate_vertical.gif) no-repeat center center #eee;
	width: 40px;
	height: 100%;
	display: block;
	float: right;
	opacity: 0.8;
	-khtml-opacity: 0.8;  /* This will work for older versions of khtm but not the current version */
	filter:alpha(opacity=80); /* For IE */
	cursor: pointer; /* The above filter changes the pointer to an I bar over text, I change it back.*/
}
.last {margin-bottom: 0;}
/* ======================================== */

/* ===== Category search and archive ====== */
.single_cat_title { }
.excerptblock h3 a { color: #BD0800; display:block; }
.excerptblock h3 a:hover { color: black; text-decoration: none;}
.excerptblock h3 { padding: 0; margin: 0 0 12px 0;}
.ie .excerptblock { line-height: 1.3em;} /* Fix/hack for IE peekaboo bug. */
.excerptblock {
	background: url(excerptboxback.png) repeat-x top left white;
	border: solid 1px silver;
	padding: 6px 12px 12px 12px;
	margin: 12px 0 0 0;
}
/* ======================================== */

/* ======= Excerpt thumbnail image ======== */
/* ie only elements */
.excerpt-thumb      { #position: relative; }
.excerpt-thumb-link { #position: absolute; #top: 50%; }
.excerpt-thumb-img  { #position: relative; #top: -50%;}

/* The bit for real browsers.*/
.excerpt-thumb {
	display: table;
	overflow: hidden;
	float: left;
	width: 128px;
	height: 128px;
	border-spacing: 0;
	margin-right: 12px;
}
.excerpt-thumb-link {
	text-align: center;
	width: 128px;
	display: table-cell;
	vertical-align: middle;
}
/* ======================================== */

/* ========== Content area ================ */
#content_table { border-collapse: separate; border-spacing: 0.75em 0.75em; width: 100%;} /* This bit is utterly lost on IE :( */
.content_space { padding: 0.75em 0 0 0; overflow: hidden; color: #444}
.content_space img { max-width: 634px;}
.content_space a,
.content_space h1,
.content_space h2,
.content_space h3,
.content_space h4,
.content_space h5,
.content_space h6 { color:black; }
.content_space a:hover { text-decoration: underline; color:black;}
.content_space ol,
.content_space ul { list-style-position: outside;}

.page-links {font-weight: bold; text-align: center; margin: 0.25em 0; }
.page-links span { border: solid 1px silver; padding: 0 0.25em; background-color: white; }
.page-links a span { border: solid 1px silver; padding: 0 0.25em; background-color: #eee; }
.page-links a:hover span { background-color: white; color: red }

/* ======================================== */

/* ============ Comments ================== */
#comments { display: inline;}
#comments_rss_link { margin-left: 1em;}
#commentlist, #commentlist * { padding: 0; margin: 0;}
#commentlist li { border: solid 1px silver; margin-top: 0.5em; padding: 0.5em;}
#commentlist hr { color: #BD0800; background-color: #BD0800; border-style: none; height: 1px; margin: 0.5em 0; padding: 0;}
#commentlist p { margin-top: 0.5em; }
.alternate { background-color: #eee;}
.commentheader {font-size: x-small; font-weight: bold; font-style: italic;}
/* ======================================== */

/* ========== Left right arrow ============ */
.leftrightarrow { height: 22px; width: 56px; display: inline; float: right;}
.leftrightarrow a { height: 20px; width: 20px; }
.rightarrow,
.leftarrow  { background-color: #eee; height: 20px; width: 20px; text-align: center; display: inline; overflow: hidden; line-height: 20px; cursor: pointer; border: solid 3px silver}
.rightarrow { float: right; margin-left: 1px;}
.leftarrow  { float: left; margin-right: 1px;}

.sidebar .leftarrow,
.sidebar .rightarrow { border:double 3px #666; background-color: silver; color: #666}

.bottompagelinks { display: block; text-align: center;}
.bottompagelinks .bottomleft,
.bottompagelinks .bottomright { background-color: #eee; margin-top: 1em; padding: 0.25em 1em; display: inline; cursor: pointer; border: solid 1px silver;}
.bottompagelinks .bottomright { float: right;}
.bottompagelinks .bottomleft  { float: left;}

/* real bowsers only, IE need not apply. :D */
.leftrightarrow a:hover span,
.bottompagelinks a:hover span { text-decoration: underline;}
/* ======================================== */

/* ======== Blockquote ==================== */
.content_space blockquote { margin: 1em auto; width: 90%; padding: 0; background: url(quotetop.gif) top left no-repeat white; }
.content_space blockquote p { margin: 0; padding: 12px 18px; background: url(quotebottom.gif) bottom right no-repeat transparent; text-indent: 1.5em;}
/*.content_space blockquote:after { content: url(quotetop.gif);}
.content_space blockquote:before { content: url(quotebottom.gif)}
.content_space blockquote:first-letter { }
/* ======================================== */

/* ============ Contact form ============== */
#contactform .contactformrow { margin-bottom: 0.5em;}
#contactform label { width: 200px; float: left; text-align: right; margin-right: 10px; clear: left;}
#contactform #div_contactform_recipient {margin: 10px 0; padding: 10px 0; border-top: solid 1px silver;border-bottom: solid 1px silver;}
#contactform #contactform_recipient {color: #666}
#contactform .submit {float: right;border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em;}
#contactform .textarea,
#contactform .text { width: 300px; background-color: #f9f9f9; border: solid 1px silver;}
#contactform .textarea:focus,
#contactform .text:focus { background: #fff; }

#contactform #div_icit_name 	{ display:inline; float: left; width: 200px; padding: 0; height: 40px; overflow: hidden; margin-right: 10px; }
#contactform #div_icit_surname 	{ display:inline; float: left; width: 320px; padding: 0; height: 40px; overflow: hidden;}
#contactform #div_icit_email	{  clear: both; width: 600px; padding: 0; height: 22px; overflow: hidden;}

#contactform #label_icit_name { width: 200px; text-align: left; padding: 0; margin: 0; }
#contactform #label_icit_surname {text-align: left; width: 140px; display:block; clear: right;}
#contactform #icit_name { width: 195px;}
#contactform #icit_postcode {width: 100px;}
#contactform #div_icit_submit_1,
#contactform #div_icit_submit_2,
#contactform #div_icit_submit_3 { border-top: solid 1px silver; padding-top: 10px; margin-top: 10px;}
#contactform #icit_by_para,
#contactform #icit_int_para { font-size: large; margin: 1em 0;}

/* ======== newsletter ==================== */

#ajaxNewsletter, #ajaxNewsletterparagraph, #ajaxNewsletter * {font-size: 10px;  }
#ajaxNewslettercontainer{ border: solid 1px silver; padding: 3px; position: relative; border-top-color: #888; border-left-color: #888; border-right-color: #eee; border-bottom-color: #eee; background: url(backgroundgrad.png) repeat-x top left #CCCCCC; }
#ajaxNewsletter #newsletterForm { height: 45px; margin: 0; padding: 0; position: relative; overflow: hidden; }
#ajaxNewsletter input.newsletterTextInput { width: 99%; padding: 2px 0; margin: 0; position: absolute; top: 0; left: 0; height: 12px; border: solid 1px #888;}
.safari #ajaxNewsletter input.newsletterTextInput { padding: 0; height: 18px;}
#ajaxNewsletter .submit { position: absolute; bottom: 0; right: 0; font-size: 10px; line-height: 10px; margin: 0; padding: 0; height: 22px; background-color: #ddd; border: solid 1px #888; color: #555; }
#newsletterLoading { position: absolute; bottom: 4px; left: 3px; }
#ajaxNewsletter div.error {color: red;}

.widget  {margin-bottom: 18px;}
.excerptmore {display: block; text-align: right;}


#sidebar1 .widget_recent_comments a {
	background-color: transparent;
	color: #BD0800;
}


#sidebar1 .widget_recent_comments a:hover {
	background-color: transparent;
	color: #BD0800;
	text-decoration: underline
}

#sidebar1 .widget_recent_comments  li {
	display:block;
	margin-bottom: 0.5em;
}


.left,
.alignleft {
	display:inline;
	float:left;
	margin: 0.25em 0.5em 10px 0;
}

.aligncenter {
	display:block;
	text-align:center;
	margin: 1em auto 0;
}

.right,
.alignright {
	display:inline;
	float: right;
	clear:right;
	margin: 0.25em 0 10px 0.5em;
}

.wp-caption img {
	margin: 0;
}

p.wp-caption-text{
	font-size: 10px;
	line-height:1.6em;
	padding:1em 0 2em;
	margin: 0;
}

.wp-caption {
	text-align:center;
}

div.wp-caption.alignright {
	padding:20px 0 0 15px;
	margin:0 -5px 0 5px;
}

div.wp-caption.alignleft {
	padding:20px 15px 0 0;
	margin:0 5px 0 -5px;
}