/**
 *	Site : Freddy Fruit Cake
 *	Project : Ravenhill
 *	Agency : Ralphandco
 *	Client	: BBC
 *	Author	: Julio Ruiz (id2)
 **/

	/* Global Reset */
		* {
			margin : 0px;
			padding : 0px;
		}
		
		ul {
			list-style : none;
		}
	
	/* Generic styles */
		body {
			background : url('../img/body_bg.jpg') top left;
			font-family : Arial, Helvetica, sans-serif;
			font-size : 62.5%;
		}
		
		#wrapper {
			width : 974px;
			margin : 0px auto;
			/*/*overflow : auto;*/*/
			position : relative;
		}
		
		h1 {
			background : url('../img/h1_bg.png') no-repeat top left;
			width : 964px;
			height : 90px;
			margin : 10px auto 0;
			text-indent : -9999px;
		}
		
		#content {
			/*overflow : auto;*/
		}
	/* leftcol */
		#leftcol {
			width : 333px;
			float : left;
			background : #fff;
			/*overflow : auto;*/
		}
		
		/* Mainnav */
			#leftcol #mainnav {
				margin : 0px auto;
				width : 238px;
			}
	
			#leftcol #mainnav li {
				text-align : center;
				margin : 4px 0;
			}
			
			#leftcol #mainnav li a {
				background : url('../img/mainnav_li_bg.png') no-repeat top left;
				width : 238px;
				height : 32px;
				padding-top : 12px;
				font-size : 1.4em;
				color : #006;
				text-decoration : none;
				display : block;
			}

		/* Fruitcam */
			#leftcol #fruitcam {
				width : 289px;
				border : 4px double #000;
				padding : 5px 5px 20px;
				margin : 0px auto 10px;
				text-align : center;
			}
			
			#leftcol #fruitcam h2 {
				background : url('../img/h2_bg.png') no-repeat top left;
				width : 262px;
				height : 51px;
				margin : 0px auto;
				text-indent : -9999px;
			}
			
			#leftcol #fruitcam p {
				font-size : 1.5em;
				font-weight : bold;
				color : #f00;
			}
			
			#leftcol #fruitcam a {
				color : #90f;
			}

		/* Secondary nav */
			#leftcol #secondarynav {
				background : url('../img/secondarynav_bg.png') no-repeat top left;
				width : 276px;
				height : 215px;
				margin : 0px auto;
				padding : 25px;
			}
	
			#leftcol #secondarynav li {
				margin : 0 0 5px;
			}
			
			#leftcol #secondarynav li a {
				font-weight : bold;
				font-size : 1.3em;
				color : #036;
			}


		/* Ads */
			#leftcol #ads {
				width : 225px;
				margin : 0px auto;
				background : #EDB1ED;
				padding-bottom : 20px;
			}
			
			#leftcol #ads h3 {
				background : #936;
				padding : 0 10px;
				margin : 0 0 10px 0;
			}
			
			#leftcol #ads h3 a {
				font-size : 1.1em;
				color : #fff;
			}
			
			#leftcol #ads h4 {
				padding : 0 10px;
				font-size : 1.3em;
				color : #936;
				margin-bottom : 5px;
			}
			
			#leftcol #ads p {
				padding : 0 10px;
				font-size : 1.3em;
				color : #000;
				margin-bottom : 10px;
			}
			
			#leftcol #ads p a {
				text-decoration : none;
			}


	/* Rightcol */
		#rightcol {
			width : 641px;
			float : left;
			background : #fff;
			/*overflow : auto;*/
		}

		#rightcol .panel {
			background : url('../img/rightcol_panel_bg.png') repeat-y top left;
			padding : 20px;
			
		}
		
		#rightcol .panelfooter {
			background : url('../img/rightcol_panel_footer_bg.png') no-repeat top left;
			height : 59px;
			margin-bottom : 10px;
		}
		
		#rightcol #videoplayer {
			height : 298px;
		}

		#rightcol #videoplayer h2 {
			text-align : center;
			margin-bottom : 10px;
		}
		
		#rightcol #videoplayer h2 span {
			background : #6600cc;
			padding : 5px;
			color : #fff;
			font-size : 1.5em;
			font-style : italic;
			font-weight : normal;
		}
		
		#rightcol #videoplayer #player {
			width : 512px;
			display : block;
			margin : 0px auto;
		}
		
		#rightcol #maincontent h2 {
			font-size : 2.2em;
			text-decoration : underline;
			color : #ff408f;
			text-align : center;
		}
		
		#rightcol #maincontent p.subtitle {
			text-align : center;
			font-style : oblique;
			font-size : 1.3em;
			margin-bottom : 15px;
		}
		
		#rightcol #maincontent h3 {
			font-size : 2em;
			text-decoration : underline;
			color : #134375;
			float : left;
			margin : 0 0 15px 0;
		}
		
		#rightcol #maincontent .floatright {
			font-size : 1.2em;
			display : block;
			float : right;
			margin : 0px 20px;
		}
		
		#rightcol #maincontent .floatleft {
			display : block;
			float : left;
			margin : 0px 10px;
		}
		
		#rightcol #maincontent .innerpanel {
			clear : both;
		}
		
		#rightcol #maincontent p.blue {
			font-size : 1.5em;
			line-height : 130%;
			margin : 10px 0px;
			color : #036;
		}
		
		#rightcol #maincontent p {
			color : #333;
			font-size : 1.5em;
			line-height : 130%;
			margin : 20px 0px;
		}

		#rightcol #maincontent #seedlinglist {
			list-style-position : inside;
			list-style-image : url('../img/seedling_list_bg.gif');
			padding-left : 55px;
		}
		
		#rightcol #maincontent #seedlinglist li {
			font-size : 1.6em;
			margin : 0 0 10px 0;
			text-indent : -32px;
		}
		
		#rightcol #maincontent #kitchenlist {
			list-style-position : inside;
			list-style-image : url('../img/kitchen_list_bg.gif');
			padding-left : 55px;
		}
		
		#rightcol #maincontent #kitchenlist li {
			font-size : 1.6em;
			margin : 0 0 10px 0;
			text-indent : -32px;
		}
	
	/* Footer */
		#footer {
			background : #9ba8b9;
			padding : 5px;
			color : #006;
			font-size : 1.5em;
			font-weight : bold;
			text-align : center;
			border : 1px solid #687993;
			margin : 10px 0px;
			clear:both;
		}
	
	/* Accessible links - Hide from visual browsers */
		#accessiblelinks {
			display : none;
		}
		
	/* Euphemisms */
		#euphemisms #maincontent h2 {
			font-size : 2.0em;
			color : #006;
			text-decoration : none;
			text-align : left;
		}
		
		#euphemisms #maincontent p.blue {
			font-size : 1.7em;
			color : #006;
			line-height: 120%;
		}
		
		#euphemisms #maincontent p {
			font-size : 1.7em;
			color : #000;
			line-height: 120%;
		}
		
		#euphemisms #glossary .innerpanel {
			padding : 10px;
		}
	
		#euphemisms #glossary h2 {
			color : #993366;
			font-size : 2em;
		}
		
		#euphemisms #glossary dl dt {
			color : #990000;
			font-size : 1.6em;
			font-weight: normal;
			font-style: italic;
		}
		
		#euphemisms #glossary dl dd {
			font-weight : bold;
			font-size : 1.4em;
			color : #333;
			margin-bottom : 10px;
		}
		
		#euphemisms #photogallery h2 {
			text-align : center;
			font-size : 2em;
			color : #006;
			margin : 0 0 10px 0;
		}
		
		#euphemisms #photogallery {
			padding-left : 54px;
		}
		
		#euphemisms #photogallery li {
			float : left;
			margin : 0 7px 7px 0;
		}
		
		#euphemisms #content #leftcol {
			width : 414px;
		}
		
		#euphemisms #content #leftcol #fruitcam {
			width : 406px;
			padding : 0;
		}
		
		#euphemisms #content #rightcol {
			width : 560px;
		}
		
		#euphemisms #photogallery li a img {
			border : 0px;
		}
		
		#euphemisms #rightcol .panel {
			background : url('../img/euphemisms_rightcol_bg.jpg') repeat-y top left;
			padding : 30px 40px 10px 40px;
			position : relative;
		}
		
		#euphemisms #rightcol .panelfooter {
			background : url('../img/euphemisms_rightcol_footer_bg.jpg') no-repeat top left;
			height : 52px;
			margin-bottom : 10px;
		}
		
		#euphemisms #rightcol #glossary.panel {
			background : url('../img/glossary_panel_bg.jpg') repeat-y top left;
			padding : 40px 40px 10px 50px;
		}
		
		#euphemisms #rightcol .glossarypanelfooter {
			background : url('../img/glossary_panel_footer_bg.jpg') repeat-y top left;
			height : 135px;
		}
		
		#disclaimer {
			width : 486px;
			margin : 100px auto 0;
			background : #fff;
			border : 3px double #333;
			padding : 10px;
			text-align : center;
			color : #FF3F8E;
			font-size : 2.3em;
			font-weight : bold;
		}
		
		#disclaimer a {
				background : url('../img/mainnav_li_bg.png') no-repeat top left;
				width : 238px;
				height : 32px;
				padding-top : 8px;
				font-size : 0.8em;
				font-weight : normal;
				color : #006;
				text-decoration : none;
				display : block;
				margin : 10px auto;
		}
		
		/* SLIMBOX */
		#lbOverlay {
			position: fixed;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			cursor: pointer;
		}
		
		#lbCenter, #lbBottomContainer {
			position: absolute;
			z-index: 9999;
			overflow: hidden;
			background-color: #fff;
		}
		
		.lbLoading {
			background: #fff url('../img/loading.gif') no-repeat center;
		}
		
		#lbImage {
			position: absolute;
			left: 0;
			top: 0;
			border: 10px solid #fff;
			background-repeat: no-repeat;
		}
		
		#lbPrevLink, #lbNextLink {
			display: block;
			position: absolute;
			top: 0;
			width: 50%;
			outline: none;
		}
		
		#lbPrevLink {
			left: 0;
		}
		
		#lbPrevLink:hover {
			background: transparent url('../img/prevlabel.gif') no-repeat 0 15%;
		}
		
		#lbNextLink {
			right: 0;
		}
		
		#lbNextLink:hover {
			background: transparent url('../img/nextlabel.gif') no-repeat 100% 15%;
		}
		
		#lbBottom {
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			color: #666;
			line-height: 1.4em;
			text-align: left;
			border: 10px solid #fff;
			border-top-style: none;
		}
		
		#lbCloseLink {
			display: block;
			float: right;
			width: 66px;
			height: 22px;
			background: transparent url('../img/closelabel.gif') no-repeat center;
			margin: 5px 0;
			outline: none;
		}
		
		#lbCaption, #lbNumber {
			margin-right: 71px;
		}
		
		#lbCaption {
			font-weight: bold;
		}
		#euphemisms .panelfooter {
			position:relative;
		}
		#euphemisms .screamer-holder {
			width : 595px;
			height : 486px;
			position : absolute;
			top : -446px;
			z-index : 100;
			left : 0;
		}
		#euphemisms #screamer {
			width : 595px;
			height : 486px;
		}