/**
 *	Site : Jolly Parties
 *	Project : Psychoville
 *	Agency : Ralphandco
 *	Client	: BBC
 *	Author	: Julio Ruiz (id2)
 **/

	/* Global Reset */
		* {
			margin : 0px;
			padding : 0px;
		}
		
	body {
		background : #fff;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 62.5%;
	}
	
	/* outline removal ff */
		object:active,
		a:active {
			outline: none;
		}
		
		object:focus,
		a:focus {
			-moz-outline-style: none;
		}
	
	#accessiblelinks {
		display : none;
	}
	
	#wrapper {
		position : relative;
		background : url('../img/wrapper_bg.jpg') no-repeat top left #ffc;
		border-left : 1px solid #999;
		border-right : 1px solid #999;
		width : 972px;
		margin : 0px auto;
		min-height : 500px;
		overflow : visible;
		padding-bottom : 30px;
	}
	
	#header {
		position : relative;
		height : 433px;
	}
	
	h1 {
		background : url('../img/h1_bg.png') no-repeat bottom left;
		width : 655px;
		height : 184px;
		text-indent : -9999px;
		margin : 0px auto 0px auto;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	h2 {
		position : absolute;
		background : url('../img/h2_bg.png') no-repeat top left;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		width : 270px;
		height : 270px;
		text-indent : -9999px;
		top : 85px;
		right : 180px;
	}
	
	#mainnav {
		list-style : none;
		border-bottom : 1px solid #ff8f00;
		height : 59px;
		position : relative;
	}
	
	#mainnav li {
		float : left;
		width : 242px;
		height : 60px;
	}
	
	#mainnav li a {
		display : block;
		width : 242px;
		height : 60px;
		margin : 0 0 0 14px;
		text-indent : -9999px;
		line-height : 60px;
	}
	
	#mainnav #linkhome {
		position : absolute;
		background : url('../img/linkhome_bg.png') no-repeat center center;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	#home #mainnav #linkhome {
		background : url('../img/linkhome_bg_on.png') no-repeat center center;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	#mainnav #linkcv {
		position : absolute;
		left : 246px;
		background : url('../img/linkcv_bg.png') no-repeat center center;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	#cv #mainnav #linkcv {
		background : url('../img/linkcv_bg_on.png') no-repeat center center;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	#mainnav #linkfungames {
		position : absolute;
		left : 492px;
		background : url('../img/linkfungames_bg.png') no-repeat center center;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	#fungames #mainnav #linkfungames {
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		background : url('../img/linkfungames_bg_on.png') no-repeat center center;
	}
		
	#content {
		padding : 29px 13px 0 13px;
	}
	
	.leftcol {
		float : left;
		width : 546px;
	}

	.rightcol {
		width : 386px;
		float : right;
	}

	#fungames .leftcol {
		width : 386px;
	}
	
	#fungames .rightcol {
		width : 546px;
	}
		
	.leftcol .top {
		background : url('../img/span_leftcol_top_bg.png') no-repeat top left;
						behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 10px;
		display : block;
	}
	
	.leftcol .topjoke {
		background : url('../img/span_leftcol_top_joke_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 14px;
		display : block;
	}
	
	.leftcol .topcurriculum {
		background : url('../img/span_leftcol_top_curriculum_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 12px;
		display : block;
	}
	
	.leftcol .topfungames {
		background : url('../img/span_leftcol_top_fungames_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 12px;
		display : block;
	}
		
	.rightcol .topballoon {
		background : url('../img/span_rightcol_top_balloon_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 12px;
		display : block;
	}
	
	.rightcol .topcharacter {
		background : url('../img/span_rightcol_top_character.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 9px;
		display : block;
	}
	
	#fungames .rightcol #characterpanel {
		margin-top : 30px;
	}
	
	#fungames .rightcol .bottom,
	.leftcol .bottom {
		background : url('../img/span_leftcol_bottom_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 12px;
		display : block;
	}
	
	#fungames .rightcol .contentpanel,
	.leftcol .contentpanel {
		background : url('../img/leftcol_panel_bg.jpg') repeat-y top left;
		padding : 10px 20px;
	}
	
	#fungames .rightcol .contentpanel {
		padding : 0 10px 10px 10px;
	}
		
	#fungames .leftcol .contentpanel,
	.rightcol .contentpanel {
		background : url('../img/rightcol_panel_bg.jpg') repeat-y top left;
		padding : 10px 20px;
	}
	
	#fungames .leftcol .bottom,
	.rightcol .bottom {
		background : url('../img/span_rightcol_bottom_bg.png') no-repeat top left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 14px;
		display : block;
	}
	
	.leftcol #jokepanel .contentpanel {
		padding : 8px;
	}
	
	.leftcol #jokepanel p {
		font-size : 1.5em;
		line-height : 150%;
	}
	
	#aboutpanel {
		margin-bottom : 15px;
	}
	
	#aboutpanel h3 {
		background : url('../img/h3_about_bg.png') no-repeat bottom left;
				behavior : url('./includes/js/pngfix/iepngfix.htc');
		width : 163px;
		height : 30px;
		text-indent : -9999px;
	}
	
	#aboutpanel p {
		font-size : 1.5em;
		line-height : 130%;
		margin-bottom : 20px;
	}
	
	#aboutpanel p.signature {
		background : url('../img/mrjolly_signature.jpg') no-repeat top left;
		height : 43px;
		margin-bottom: 0px;
		padding-left : 100px;
		line-height : 38px;
	}
	
	#jokepanel {
		margin-bottom : 15px;
	}
	
	#jokepanel h3 {
		background : url('../img/h3_joke_bg.png') no-repeat bottom left;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 30px;
		text-indent : -9999px;
	}
	
	#adverts {
		clear : both;
		width : 624px;
		height : 78px;
		border : 1px solid #999;
		background : #fff;
		margin : 0px auto 14px;
	}
	
	#adverts .advert {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size : 1em;
		margin : 10px 9px;
		width : 180px;
		float : left;
	}
	
	#adverts .advert h4 {
		font-size : 1em;
		color : #00f;
	}
	
	#testimonialspanel h3 {
		font-size : 2.5em;
		color : #e13b00;
		margin-bottom : 15px;
		text-transform : uppercase;
		padding-left : 10px;
	}
	
	#testimonialspanel p {
		padding-left : 10px;
		font-size : 2.4em;
		color : #e13b00;
		margin-bottom : 15px;
	}
	
	#balloonpanel {
		margin-bottom : 15px;
	}
	
	#balloonpanel h3 {
		background : url('../img/h3_balloon_bg.png') no-repeat bottom left;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 30px;
		text-indent : -9999px;
	}
	
	#balloonpanel p {
		font-size : 1.5em;
		line-height : 130%;
		margin-bottom : 1em;
	}
	
	#balloonpanel p.nomargin {
		margin-bottom : 0;
	}
	
	.innertop {
		background : url('../img/inner_top_bg.jpg') no-repeat top left;
		height : 12px;
		display : block;
	}
	
	.innerpanel {
		background : url('../img/inner_bg.jpg') repeat-y top left;
		padding : 0px 10px;
		line-height : 150%;
	}
	
	.innerpanel strong {
		color : #d73e06;
	}
	
	.innerbottom {
		background : url('../img/inner_bottom_bg.jpg') no-repeat top left;
		height : 20px;
		display : block;
	}
	
	#generate {
		background : url('../img/generatejoke_bg.jpg') no-repeat top left;
		width : 308px;
		height : 56px;
		margin : 10px auto 0;
		display : block;
		text-indent : -9999px;
	}
	
	#footer {
		background : url('../img/footer_bg.png') no-repeat top left;
		margin : 0px auto;
		width : 906px;
		height : 20px;
		padding: 7px 20px 3px;
		color : #fff;
		font-size : 1.4em;
	}
	
	#curriculumpanel {
		margin-bottom : 15px;
	}
	
	#curriculumpanel h3 {
		background : url('../img/h3_curriculum_bg.png') no-repeat bottom left;
		height : 30px;
		text-indent : -9999px;
	}
	
	#balloongalleryalternative {
		background : url('../img/rightcol_panel_bg.jpg') repeat-y top left;
		text-align : center;
	}
	
	#fungamespanel h3 {
		background : url('../img/h3_fungames_bg.png') no-repeat bottom left;
		height : 30px;
		text-indent : -9999px;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
	}
	
	

	dl {
		font-family:"Times New Roman", Times, serif;
	}

	dt {
		float : left;
		font-weight : bold;
		width : 110px;
		text-align : right;
		margin : 0 20px 0 0;
		line-height : 150%;
		padding-bottom : 10px;
		font-size : 1.8em;
	}
	
	dd {
		font-size : 1.8em;
		line-height : 150%;
		margin-bottom : 20px;
	}
	
	dd span {
		padding-left : 130px;
		font-size : 0.66em;
	}
	
	#referees {
		font-family:"Times New Roman", Times, serif;	
		margin-left : 130px;
		font-size : 1.8em;
	}
	
	#referees em {
		font-style : normal;
		text-decoration : line-through;
	}
	
	#characterpanel h3 {
		background : url('../img/h3_character_bg.png') no-repeat bottom left;
behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 30px;
		text-indent : -9999px;
	}
	
	.clearboth {
		clear : both;
	}
	
	#bonegame {
		margin-top : -15px;
		margin-bottom : 15px;
	}
	
	#bonegame h3 {
		background : url('../img/h3_bonegame_bg.png') no-repeat bottom left;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 30px;
		text-indent : -9999px;
	}
	
	#bonegame #bonegameholder {
		background : url('../img/bonegame_bg.png') no-repeat bottom left;
		behavior : url('./includes/js/pngfix/iepngfix.htc');
		height : 284px;
	}
	
	#bonegame #bonegameholder #flashgame {
		padding : 20px;
		font-size : 1.4em;
	}
	
	#fungamespanel p {
		font-size : 1.5em;
		line-height : 130%;
	}
	
	#characterpanel p {
		font-size : 1.5em;
		line-height : 130%;
	}