/* Stylesheet for Madman Comedy Website written by stylor @ Madman Interactive on 13th October 2009 */

/* Standard CSS Properties */
body
{
	margin:auto;
	font-family: 'Arial', sans-serif;
	background: url(../images/candyTile.png) #fff;
}

strong
{
	font-weight: bold;
}

a
{
	outline: none;
}

/* Interface Properties */
#siteWrapper
{
	margin-left: auto;
    margin-right: auto;
	width: 100%;
	height: 1960px;
	text-align: left;
}

#topPanel
{
	text-align: center;
	width: 100%;
	height: 200px;
	background: url(../images/comedyTitle.png) no-repeat #fff;
	background-position: center;
}

.colourPanel
{
	width: 100%;
	height: 200px;
	text-align: center;
}

.colourPanel .panelContainer
{
	margin: 0 auto;
	width: 980px;
	height: 200px;
}

#lightBlue .panelContainer
{
	height: 201px;
}

.big
{
	height: 380px;
}

.big .panelContainer
{
	height: 380px;
}

#blue
{
	background: url(../images/blueTile.png) repeat-x;
}

#green
{
	background: url(../images/greenTile.png) repeat-x;
}

#yellow
{
	background: url(../images/yellowTile.png) repeat-x;
}

#orange
{
	background: url(../images/orangeTile.png) repeat-x;
}

#red
{
	background: url(../images/redTile.png) repeat-x;
}

#lightBlue
{
	height: 201px;
	background: url(../images/lightBlueTile.png) repeat-x;
}

#footerPanel
{
	margin: 0 auto;
	width: 980px;
	padding-top: 60px;
}

/* TV Buttons - General Properties */

.four
{
	width: 310px;
	height: 280px;
	margin-top: 28px;
}

#tvOne a,#tvThree a
{
	margin-right: 70px;
}

.four a,.two a
{
	float: left;
	width: 120px;
	height: 140px;
}

.tvs
{
	float: right;
}

.tvs #tvOne a:hover, .tvs #tvTwo a:hover, .tvs #tvThree a:hover, .tvs #tvFour a:hover
{
	background-position: 0 -140px;
}

/* TV Buttons Minchin - Green */

.minchin #tvOne a
{
	background: url(../images/tvMinchin1.gif);
}

.minchin #tvTwo a
{
	background: url(../images/tvMinchin2.gif);
}

.minchin #tvThree a
{
	background: url(../images/tvMinchin3.gif);
}

.minchin #tvFour a
{
	background: url(../images/tvMinchin4.gif);
}

#minchinGraphic
{
	float: left;
}

/* TV Buttons Bhoy - Blue */

#blue .four
{
	float: left;
}

.bhoy #tvOne a
{
	background: url(../images/tvBhoy1.gif);
}

.bhoy #tvTwo a
{
	background: url(../images/tvBhoy2.gif);
}

.bhoy #tvThree a
{
	background: url(../images/tvBhoy3.gif);
}

.bhoy #tvFour a
{
	background: url(../images/tvBhoy4.gif);
}

#bhoyGraphic
{
	float: right;
}

/* TV Buttons Tripod - Yellow */

#yellow .two
{
	float: right;
}

.tripod #tvOne a
{
	background: url(../images/tvTripod1.gif);
}

.tripod #tvTwo a
{
	background: url(../images/tvTripod2.gif);
}

#tripodGraphic
{
	float: left;
}

/* TV Buttons John Safran - Orange */

#orange .two
{
	float: right;
}

.safran #tvOne a
{
	background: url(../images/tvSafran1.gif);
}

.safran #tvTwo a
{
	background: url(../images/tvSafran2.gif);
}

#safranGraphic
{
	float: left;
}


/* TV Buttons Scared Weird Little Guys - Red */

#red .two
{
	float: right;
}

.scared #tvOne a
{
	background: url(../images/tvScared1.gif);
}

.scared #tvTwo a
{
	background: url(../images/tvScared2.gif);
}

#scaredGraphic
{
	float: left;
}


/* TV Buttons Keating - Light Blue */

#lightBlue .two
{
	float: right;
}

.keating #tvOne a
{
	background: url(../images/tvKeating1.gif);
}

.keating #tvTwo a
{
	background: url(../images/tvKeating2.gif);
}

#keatingGraphic
{
	float: left;
}


/* Graphic Elements */

.graphic
{
	width: 670px;
	height: 380px;
}

#scaredGraphic,#keatingGraphic,#safranGraphic,#tripodGraphic
{
	height: 200px;
}