/*------------------------------------------------------------------------
Basic Style Sheet for www.justice-for-barri-white-and-keith-hyatt.co.uk

Version 1.0
Author: olivier bon
email: olivier@koncept07.net
website: www.olivierbon.com
------------------------------------------------------------------------*/



/* =Commons
------------------------------------------------------------------------*/
* {
	margin: 0px auto;
	padding: 0px;
	outline: none;
}

body {
	background:#001342 url(skin/body_back.gif) repeat-x left top;
}


/* =Layout
------------------------------------------------------------------------*/


#container {
	min-width: 740px;
	max-width: 1200px;
	
}

#container {
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
}

#masthead {
	position:relative;
	padding:0;
	margin:0;
	text-indent: -9000px;
	background: #3f72c6 url(skin/main_head.gif) no-repeat left center;
	height: 165px;
	border-top:7px solid #020a20;
}


#navbox {
	float:left;
	margin: 10px 10px;
	padding: 5px;
	width: 240px;
}

#content {
	float:left;
	margin: 0;
	padding: 10px 20px;
	width:60%;
}


#clear {
	clear:both;
}

#footer {
	display: block;
	border-top: #000 1px solid;
	padding: 15px 0px 15px 0;
	background-color:#020a20;
}

img{
	border:none;
}

.img_left {
	float:left;
	margin:0 10px 10px 0;
	padding: 0px;
	display:block;
}
.img_right {
	float:right;
	margin:0 10px 10px 10px;
	padding: 0px;
	display:block;
}

.center {
	text-align:center;
}
.underline {
	text-decoration:underline;
}
hr {
	margin:5px 0 5px 0;
}

.guestbookEntry {
	margin:10px 0;
	padding:10px;
	background-color:#020a20;
	border: 1px solid #999;
}

.guestbookEntry .entryTitle {
	color:#999;
}

.guestbookEntry .entryNo {
	display:none;
	float:right;
}


/* =Typo
------------------------------------------------------------------------*/

body {
	color: white;
	font-family: "trebuchet ms", arial, verdana,  helvetica;
}

h1 {
	font-size:24px;
	color: #3f72c6;
	padding:5px 0px 10px 0px;
}

h2 {
	font-size:16px;
	color: #ffb300;
	padding:0px 0px 10px 0px;
}

#news_reports h2 {
	font-size:16px;
	color: #b1e100;
	border-bottom: 1px solid #b1e100;
	padding:5px 0px 5px 10px;
	margin-bottom: 10px;
}

p {
	font-size: 15px;
	margin-bottom:15px;
}

.new {
	color:#CC0000;
	background:#FFCC00;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}
#footer {
	color:#eee;
	font-size:12px;
	text-align:center;
}

a:link {
	color:#b1e100;
	text-decoration:none;
}
a:visited{
	color:#b1e100;
}
a:hover {
	text-decoration:underline;
}

#footer {
	color:#555;
	font-size:12px;
	text-align:center;
}



/* =Navigation
------------------------------------------------------------------------*/

#navbox ul {
	list-style:none;
	font-size:14px;
	padding:0;
	margin:0;
}

#navbox ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#navbox ul li a {
	display:block;
	padding:0px 0px 0px 30px;
	height:32px;
	line-height:32px;
	color:white;
	text-decoration: none;
	background: url(skin/bullet.gif) no-repeat left center;
	
}

#navbox ul li a:hover {
	color:#b1e100;
	background-color:#020a20;
	text-decoration: none;
	background: #020a20 url(skin/bullet_over.gif) no-repeat left center;
}


#navbox ul li a:visited {
	text-decoration: none;
	
}

/* for when ie starts working...
#navbox ul ul li a {
	display:block;
	padding:0px 0px 0px 38px;
	height:28px;
	line-height:28px;
	color:white;
	text-decoration: none;
	background: #061c59 url(skin/sub_bullet_over.gif) no-repeat left center;
	
}

#navbox ul ul li a:hover {
	color:#ffb300;
	background: #061c59 url(skin/sub_bullet_over.gif) no-repeat left center;
}

#navbox ul ul li a:visited {
	text-decoration: none;
	
}
*/


#home #navbox #navigation .home a,
#briefly #navbox #navigation .briefly a,
#appeal #navbox #navigation .appeal a,
#retrial #navbox #navigation .retrial a,
#bbc_investigation #navbox #navigation .bbc_investigation a,
#bbc_investigation_a #navbox #navigation .bbc_investigation a,
#bbc_investigation_d #navbox #navigation .bbc_investigation a,
#bbc_investigation_b #navbox #navigation .bbc_investigation a,
#bbc_investigation_c #navbox #navigation .bbc_investigation a,
#background #navbox #navigation .background a,
#background_a #navbox #navigation .background a,
#background_b #navbox #navigation .background a,
#background_c #navbox #navigation .background a,
#news_reports #navbox #navigation .news_reports a,
#petition #navbox #navigation .petition a,
#guestbook #navbox #navigation .guestbook a,
#justice_system #navbox #navigation .justice_system a,
#poem #navbox #navigation .poem a,
#contact #navbox #navigation .contact a,
#links #navbox #navigation .links a {
	color:#b1e100;
	text-decoration: none;
	background: #020a20 url(skin/bullet_over.gif) no-repeat left center;
}

#bbc_investigation_a #navbox #navigation #subnavigation .rj_history a,
#bbc_investigation_d #navbox #navigation #subnavigation .mark_daly a,
#bbc_investigation_b #navbox #navigation #subnavigation .previous_cases a,
#bbc_investigation_c #navbox #navigation #subnavigation .episode a,
#background_a #navbox #navigation #subnavigation .prosecution_case a,
#background_b #navbox #navigation #subnavigation .facts a,
#background_c #navbox #navigation #subnavigation .hidden_from_jury a {
	color:#ffb300;
	background: #061c59 url(skin/sub_bullet_over.gif) no-repeat left center;
}


#background #navbox #navigation #subnavigation li a,
#background_a #navbox #navigation #subnavigation li a,
#bbc_investigation_d #navbox #navigation #subnavigation li a,
#background_b #navbox #navigation #subnavigation li a,
#background_c #navbox #navigation #subnavigation li a,
#bbc_investigation #navbox #navigation #subnavigation li a,
#bbc_investigation_a #navbox #navigation #subnavigation li a,
#bbc_investigation_b #navbox #navigation #subnavigation li a,
#bbc_investigation_c #navbox #navigation #subnavigation li a {
		display:block;
		padding:0px 0px 0px 38px;
		height:28px;
		line-height:28px;
		color:white;
		text-decoration: none;
		background: #061c59 url(skin/sub_bullet_over.gif) no-repeat left center;
}

#background #navbox #navigation #subnavigation li a:hover,
#background_a #navbox #navigation #subnavigation li a:hover,
#bbc_investigation_d #navbox #navigation #subnavigation a:hover,
#background_b #navbox #navigation #subnavigation li a:hover,
#background_c #navbox #navigation #subnavigation li a:hover,
#bbc_investigation #navbox #navigation #subnavigation li a:hover,
#bbc_investigation_a #navbox #navigation #subnavigation li a:hover,
#bbc_investigation_b #navbox #navigation #subnavigation li a:hover,
#bbc_investigation_c #navbox #navigation #subnavigation li a:hover  {
	color:#ffb300;
	background: #061c59 url(skin/sub_bullet_over.gif) no-repeat left center;
}

#background #navbox #navigation #subnavigation li a:visited,
#bbc_investigation #navbox #navigation #subnavigation li a:visited {
	text-decoration: none;
}

/* =Tables
------------------------------------------------------------------------*/



table {
	border-collapse: collapse;
	xwidth: 50em;
	border: 1px solid #666;
}

th, td {
	padding: 4px 35px 3px 5px;
}

col {
	border-right: 1px solid #666;
}
col#deleteCol {
	border:none;
}

thead {
	background: #061c59;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

th {
	font-weight:bold;
	text-align:left;
}

/* =Forms
------------------------------------------------------------------------*/

fieldset {
	position:relative;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #999;
	background:#020a20;
}

legend {
	position:absolute;
	top: -.5em;
	left:.5em;
	font-size: 14px;
	color:#80A71F;
	font-weight: bold;
	padding: 0 5px;
}

label {
	display:block;
	padding-bottom:3px;
}

label em {
	font-weight: normal;
	color:#999999;

}

.feedback {
	position:absolute;
	margin-left:3em;
	margin-top: 1.4em;
	left:200px;
	right:0;
	font-weight:bold;
	color:#CC0000;
	padding-left: 18px;
	background: url(skin/exclamation.gif) no-repeat left center;
}
/* annoying IE... */
* html .feedback {
	width:10em;
}

input {
	width: 200px;
	padding: 3px;
	font-size: 13px;
	border: 1px solid #999;
}

textarea {
	font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	font-size: 13px;
	padding:3px;
	margin:0px;
	width:300px;
	height:100px;
	border: 1px solid #999;
}
#captchaInput {
	float:left;
	clear:left;
}
#captchaImage {
	margin-top:13px;
	margin-left:10px;
	border: 2px solid #333;
}

/* Hides from IE5-mac \*/
* html fieldset{ position: relative; }
* html legend{ position:absolute; top: -.5em; left: .5em; }
* html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }
/* End hide from IE5-mac */


/* =Pagination
------------------------------------------------------------------------*/


div.pagination {
	font-size:12px;
	text-align:center;
	padding: 3px;
	margin: 10px auto;
}

div.pagination a {
	padding: 2px 5px 3px 5px;
	margin: 2px;
	border: 1px solid #999;
	text-decoration: none;
	font-weight:normal;
	color: #3f72c6;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #3f72c6;
	background-color:#3f72c6;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 3px 5px;
	margin: 2px;
	border: 1px solid #3f72c6;       
	font-weight: bold;
	background-color: #3f72c6;
	color: #FFF;
        }
div.pagination span.disabled {
	padding: 2px 5px 3px 5px;
	margin: 2px;
	border: 1px solid #999;
    color: #999;
}

/* =Sitemap
------------------------------------------------------------------------*/


#sitemap #map li {
	padding:5px 0 5px 0px;
	list-style-position:inside;
}

#sitemap #map  ul li {
	padding:5px 0 5px 20px;
	list-style-position:inside;
}