/* -------------------------------------------------------------------------

	LCJP Justice for Young People Screen Style Sheet WhiteOnBlue CSS
	last update: 10 March 2010 Bill Dashfield bill@ecru.co.uk
	author: Sam Marks
	email: sam@ecru.co.uk

  ------------------------------------------------------------------------- */

/* screenWhiteOnBlue.css */

	body {
		font-size:125%; /* convert 16px base font size to 20px */
		line-height:1.5em; 
		background-color:#343434
		}

		.button1 { background:#c40476; color:#f8f8f8f;}

		.link1-pink, 
		.link1-pink:hover,
		.pink-text { color:#f894cf;}

		h2 { color:#12caf8; }
		h3 { font-size:1.25em; }

		.news-date { color:#0093d0; font-weight:bold; }
		.news-h2,
		.news-h3 { color:#000000; }

		.news-image { border:2px solid #616161; }

/* focus styles for tabbing through links */
		:focus {
			outline: 2px dotted white;
		}


/* MAIN NAV */

	#menu {
		background-color:#343434;
		background-image: none;
		height:10em;
		}

		#menu-container {
			height:9em;
			width:1100px;
			font-size:90%;
			}

			#logo a,
			#bookmark a {color: #F071BC; }  /* only seen if images are off */
			

			/* style switcher */

			#sitemap { height:3.5em; }

			#styleSwitcher li {
				display: block;
				border: 2px solid #c40476;
				margin-left: 8px; 
				float:left;
				}

			#styleSwitcher li a {
				height:1em;
				width:0.9em;
				padding-right:.2em;
				}

			#bookmark {
				top:3.5em;
				color:#f8f8f8f;
				text-align:right;
				width:800px;
				height:2.5em;
				/* border-bottom: 4px solid #12caf8;
				padding-bottom:20px;
				margin-bottom: -20px;*/}

			.bookmark-title { 
				line-height:32px; 
				padding-right:5px; 
				font-weight:bold; 
				}

			#site-menu {
				position:absolute;
				right:0px;
				bottom:1px;
				text-align:right;
				width:40em;
				height:3 em;
				}
		
			.menu-divider { width:2px; background-image:none; }

			.menu-item-on a,
			.menu-item a:hover { border-bottom:4px solid #c40476; }
				
			.menu-item a,
			.menu-item-on a,
			.menu-height2 a {
				color:#f8f8f8f; 
				height:2em;
				}
			.menu-height2 a {height:2.45em; }

/* PAGE CONTAINER */

	#container {
		background-color:#343434;
		background-image: none;
		border-top: 4px solid #12caf8;
		padding-top:20px;
		margin-top: -20px;
		width:1100px;
		}

		#container-inner {
			position:relative;
			margin:0 auto;
			width:960px;
			padding-top:9px;
			}



/* YOUTUBE PANEL */

	#youtube-panel {
		top:10px;
		}

		#youtube-panel h2 { color:#f8f8f8f; font-size:1.5em; }

		#youtube-container #youtube-panel-bottom {
			margin-top:10px;
			}

		.youtubevideo img { margin-top:10px; border:1px solid #f8f8f8f; }
		#youtube-panel a, 
		.youtubevideo a,
		#youtube-panel a:hover, 
		.youtubevideo a:hover { color:#f8f8f8f; }


/* CASE STUDY / DID YOU KNOW PANEL */

	#case-study {
		background:#101960; none;
		width:462px;
		height:19em;
		border: 4px solid #12CAF8;
		border-top: 2em solid #12CAF8;}


		#case-study-title {
			margin-top:15px;
			margin-bottom:15px;
			}

		#case-study-title h2 {
			color:#f8f8f8f;
			line-height: 100%;
			}

		#case-study-text {
			width: 290px;
			color:#f8f8f8f;
			}

		#case-study-image {
			top:4em;
			color:#f8f8f8f;
			border:1px solid #f8f8f8f;
			}

		#case-study-button {
			position:absolute;
			margin-bottom: 0; 
			bottom: 28px;
			color:#f8f8f8f;
			}



/* GET IN TOUCH PANEL */

	#get-in-touch {
		background:#101960; none;
		width:462px;
		height:19em;
		border: 4px solid #c40476;
		border-top: 2em solid #c40476;
		}

		#get-in-touch-title {
			margin-top:15px;
			margin-bottom:15px;
			}

		#get-in-touch-title h2 {color:#f8f8f8f;
			line-height: 100%;
			}

		#get-in-touch-text {
			width: 290px;
			color:#f8f8f8f;
			}

		#get-in-touch-button {
			color:#f8f8f8f;
			}




/* FOOTER LOGO */

	#footer-logo a {color: #fff;}

	.topLink a {
		color: #fff; 
		background-color: #c40476; 
		}



/* SUB NAV BUTTONS */

	.sub-nav-title { color:#f8f8f8; font-size:150%; line-height:125%; text-shadow:none; }

	.sub-nav-padding {width:94%; padding:0; margin:0.5em;}

	.sub-nav-button {margin:0; top:17em; text-weight:normal; font-size:80%;}

	.sub-nav-text { width:100%; text-shadow:none; filter: none; }

	#report-a-crime {
		background:#101960 none;
		width:210px;
		height:18em; 
		border: 4px solid #c40476;
		left-margin: -15px;}

	#report-a-crime .sub-nav-padding {
		margin:0.5em;
		background: #101960 none;
		color:#f8f8f8; }

	#victims-witnesses {
		background: #101960 none;
		width:210px;
		height:18em; 
		border: 4px solid #12caf8;
		margin-top:18px;
		margin-left: -10px;}

	#victims-witnesses .sub-nav-padding {
		margin:0.5em;
		background: #101960 none;
		color:#f8f8f8; width:90%}


	#accused {
		background:#101960 none;
		width:210px;
		height:18em; 
		border: 4px solid #12caf8;
		margin-top:-10px;
		margin-left: -5px;}


	#accused .sub-nav-padding {
		background: #101960 none;
		color:#f8f8f8;}

	#resources {
		background:#101960 none;
		width:210px;
		height:18em; 
		border: 4px solid #c40476;
		margin-top:20px;
		margin-left: 0px;}

	#resources .sub-nav-padding {
		background: #101960 none;
		color:#f8f8f8;}



/* HOMEPAGE */

/* WELCOME IMAGE */

	#main-panel {
		position:relative;
		background:url('../images/home/main-panel.gif') no-repeat;
		width:960px;
		height:17.5em;}

		#main-panel-title {
			background-color:#c40476; 
			padding:.75em;
			left:0;}

		#main-panel-title h1 {
			color:#fefefe;}

		#main-panel-text {
			position:absolute;
			left:-0.5em;
			top:180px;
			margin-top:0;
			width:24em;
			text-align:left;
			color:#fefefe;
			background-color: #101960;
			padding:0.75em;
			border: 4px solid #f8f8f8;}

/* WELCOME TEXT */

	#welcome-text {
		position:relative;
		float:right;
		background:none;
		width:709px;
		height:19em;
		}

		#welcome-text-title {
			position:absolute;
			top:16px;
			right:0px;
			text-align:left;
			padding:1em;
			background-color:#c40476;
			}

		#welcome-text-text {
			position:absolute;
			right:0;
			top:4em;
			width:650px;
			text-align:left;
			color:#fefefe;
			background-color: #101960;
			padding:1em;
			border: 4px solid #f8f8f8;}



/* SUB NAV ON HOMEPAGE */

	#home-main-buttons {
		position:relative;
		float:right;
		margin-top:25px;
		width:700px;
		height:23em;
		background-color: #343434}



/* BOOKMARK */

		#bookmark-footer-title {
			color:#f8f8f8;
			background-color:#c40476;
			letter-spacing: -2px;
			}

		#bookmark-footer-text {
			color:#f8f8f8;
			}

		#bookmark-footer-icons {
			color:#f8f8f8;
			}

		#bookmark-footer-icons a {
			color:#f8f8f8;
			}

/* END OF HOMEPAGE */

/* SUBPAGE */
/* SUBPAGE CSS */

	.photo-story-image { padding:5px; border:1px solid #616161; }

	.enlarge-picture { text-align:right; font-size:0.75em; padding-bottom:5px; color:#f894cf; text-decoration:none; }

	.group { text-decoration:none; }

	.back-to-blog { position:absolute; right:20px; }

/* SUBPAGE TITLE */

	#subpage-title {
		background-color: #c40476;
		line-height: 2.25em;
		}

	#subpage-title h1 {
		color:#f8f8f8;
		font-size:2.25em;
		}



/* SUBPAGE LAYOUT */

	#subpage-rightcontent-text { color: #f8f8f8; background:#101960; padding:15px; border: 4px solid #f8f8f8; margin-bottom:10px; }



/* SUBPAGE MENU */

		#links-panel-inner {
			background:#c40476;
			}

		#links-panel-inner .subpage-menu-item a { 
			color:#f8f8f8; 
			font-size:1.08em; 
			}

/* RESOURCES PANEL */

	#resources-panel {
		position:relative;
		}

		#resources-panel-inner {
			background:#080808;
			}

		.resources-title { color:#f8f8f8; font-size:2em; }

		.resources-item { border-bottom:1px dotted #f8f8f8;}
		.resources-item a { color:#f8f8f8; }

		.resources-viewall a { color:/* #c40476 */ #f894cf; }






/* -------------------------------------------------------------------------

	jquery.fancybox.css
	Styles added for Photo Page number overlays
	author: Sam Marks
	email: sam@ecru.co.uk

  ------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------

	photo-story.css
	Styles added for Photo Page number overlays
	author: Sam Marks
	email: sam@ecru.co.uk

  ------------------------------------------------------------------------- */

.number-overlay { position:absolute; color:#f8f8f8; font-size:2em; top:140px; font-weight:bold; left:15px; }

/* END OF SUBPAGE */