body 
{
    background-image:url(../img/bground.jpg); background-repeat:no-repeat; background-color:#5c288d;
}

a					{outline:none;}

.clear				{clear:both;}

#icarlyLeft			{padding:0 0 20px 0;}
#icarlyRight		{width:300px;}

#frame-top			{padding:0; margin:0; height:16px;}
#frame-center		{width:962px; background-image:url(../img/inner-frame-side.gif); background-repeat:repeat-y; padding:0 17px; min-height:500px;}

#advertRT			{padding:20px 0 20px 0;}

#gmp				{padding:0;} 
#compVideo			{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

#sideNav			{padding:180px 0 0 20px; float:left;}
.sideNavBtn			{cursor:pointer; padding:0; margin:0;}
#icarlyCont			{padding:50px 0 0 167px;} 
#topPanel			{background-image:url(../img/top-panel-home.png); background-repeat:no-repeat; padding:173px 200px 80px 37px; width:215px; height:190px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}
#topPanelTxt		{padding:0px 0px 0px 0px; width:200px;}
#topPanelUpload		{background-image:url(../img/top-panel-upload-soon.png); background-position:left 130px; background-repeat:no-repeat; padding:163px 0px 0 47px; width:401px; height:301px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}
#topPanelComp		{background-image:url(../img/top-panel-win.png); background-position:left 131px; background-repeat:no-repeat; padding:0px 0px 160px 0px; width:437px; height:301px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}
#topPanelCompTxt	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding:245px 190px 25px 35px;}

#topPanelProps		{background-image:url(../img/top-panel-props.png); background-position:left 131px; background-repeat:no-repeat; padding:245px 90px 80px 35px; width:325px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}
#topPanelPropsTxt	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding:0; width:360px; overflow: auto; height:130px;}
#innerPropsTxt		{padding-right:10px;}

#topPanelVid		
{
    background-image:url(../img/video-panel.png); 
    background-repeat:no-repeat; 
    background-position:left 130px;
    height:332px;
    padding:162px 0 0 67px;
    width:381px;
} 
#vidSamples			{}
#comments			{float:left; width:225px;}
#videos				{float:left; width:222px;}
#videos a
{
    
    position:relative;
}
#videos a img,
#videos a
{
    text-decoration:none;
    border:none;
}
#videos a, #videos a span
{
    display:block;
}
#videos a span.nowPlaying img
{
    display:none
}
#videos a.on span.nowPlaying img
{
    display:block;
}

#commentsHd			{font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:left; padding:0 0 10px 0;}
#commentsBox		{padding:0; width:225px; overflow:auto; height:428px;}
#innerCommentsBox	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding:0 20px 0px 10px; vertical-align:top;}
#commentsBoxBg		{background-image:url(../img/background-comments.jpg); background-repeat:no-repeat;}

#sample1			{background-image:url(../img/sample-1.png); background-repeat:no-repeat; text-align:right; padding:20px 56px 10px 0px;}
#sample2			{background-image:url(../img/sample-2.png); background-repeat:no-repeat; text-align:right; padding:20px 57px 10px 0px;}
#sample3    		{background-image:url(../img/sample-3.png); background-repeat:no-repeat; text-align:right; padding:19px 56px 10px 0px;}
#sample4			{background-image:url(../img/sample-4.png); background-repeat:no-repeat; text-align:right; padding:16px 56px 18px 0px;}
.nowPlaying			{padding:0; height:30px; position:absolute; top:0px; right:30px;}
.vidTxt				{font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:left; padding:20px 5px 10px 20px;}

#flashHolder		{width:360px; height:225px;}
#webcamBtn			{padding:70px 30px 0 0; text-align:center;}
#uploadFile			{padding:0 70px 0 0; text-align:center;}
#atSea				{padding:0 25px 0 0; text-align:right;}
#uploadFileBtn		{padding:0 0 0 130px;}


#lowerPanels		{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}
#lpr1				{width:446px; padding:0 0 10px 0;}
#lpr2				{width:446px; padding:0 0 0 0;}

#hUpload			{float:left; width:230px; background-image:url(../img/upload-panel-home.png); background-repeat:no-repeat;}
#hUploadTxt			{padding:60px 40px 10px 34px;}

#hComp				{float:left; width:216px; background-image:url(../img/comp-panel-home.png); background-repeat:no-repeat;}
#hCompTxt			{padding:60px 60px 10px 24px;}

#hProps				{float:left; width:230px; background-image:url(../img/props-panel-home.png); background-repeat:no-repeat;}
#hPropsTxt			{padding:55px 60px 10px 32px;}

#hMore				{float:left; width:216px; background-image:url(../img/more-panel-home.png); background-repeat:no-repeat;}
#hMoreTxt			{padding:55px 30px 10px 24px;}
.panelBtn			{text-align:center;}

.uploadForm			{background-image:url(../img/form-panel.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; width:450px; padding:45px 55px 20px 53px;}
.uploadFormThanks	{background-image:url(../img/form-panel-thanks.png); background-repeat:no-repeat; width:450px; padding:75px 55px 200px 53px; margin-top:130px;}
.form				{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px;}
.inputStyle			{width:218px; border:#5cc5cf 1px solid; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#submit				{padding:20px 0 0 100px;}

.file_upload		{}

#moreiCarly			{background-image:url(../img/more-icarly-panel.png); background-repeat:no-repeat; width:315px}
#moreiCarlyTxt		{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding:180px 20px 10px 40px;}
#moreiCarlyBtn		{text-align:center; padding:0 0 0 0;}
#webcamIns			{padding:10px 0 10px 0;}
#webcamDetails 		{padding:0 0 30px 20px;}
#webcamDetails ul	{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#webcamDetails li	{list-style-image:url(../img/bullet.png);}

#runnersUp			{background-image:url(../img/runners-up-panel.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:73px 0 40px 40px;}
#runnersUp ul		{margin:0; padding:0;}
#runnersUp li		{list-style-image:url(../img/bullet.png);}

#propsDownload		{background-image:url(../img/props-panel.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:68px 0 40px 45px;}
#propsDownload td	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#propsDownload ul	{margin:0; padding:0 0 0 15px;}
#propsDownload li	{list-style-image:url(../img/arrow.png);}
#propsDownload a	{text-decoration:none; color:#FFF;}
#propsDownload a:hover	{text-decoration:underline; color:#FFF;}

#nickFooter			{padding:20px 0 0 0; text-align:center;}

#tcs				{padding:20px 0 20px 200px; font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:10px; width:500px;}

.showNav
{
    background-color:#ff4c01;
}
.btn
{
    background-color:#ff4c01;
}
.showNav a:hover
{
    background-color:#030303;
}
.showNav a.on
{
    background-color:#640000;
}
a, a:link, a:visited, a:active,
.showColour
{   
    color:#000;
}
.showTuneInTime
{
    color:#0066c6;
    font-size:1.1em;
}
.showPromotype
{
    background-color:#0066c6;
	color:#FFF;
}
.showPromo, a.showPromo, a.showPromo:visited, a.showPromo:link,
.showGame, a.showGame, a.showGame:visited, a.showGame:link
{
    color:#000;
}
.showGame span.showGameName,
a.showGame:hover span.showGameName
{
	color:#0066C6;
}
#showCharacterList
{
	width:470px;
}
#showCharacterList a
{
	color:#ff4c01;
}
.showCharacter h2
{
	color:#0066C6;
}
#showCharacterList li.on, #showCharacterList li.on a
{
	color:#000;
}
#showMoreGames a.on, .on .clipListText, #clipList a:hover .clipListText
{    
    background-color:#f8cfb1;
}
.showRightContent
{
    background-color:#fff;
	background-image:url(../img/aang-right.gif);
	background-repeat:no-repeat;
	background-position:right;
    padding:22px 10px 23px 10px;
}
.clipListTitle
{
    color:#0066a7;
    font-weight:bold;
}



/*fancy scroll*/
.jScrollPaneContainer	{position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack 		{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../img/scrollpane-track.gif) repeat-y;}
.jScrollPaneDrag 		{position:absolute; cursor:pointer; overflow:hidden; background:url(../img/scrollpane-drag.png) no-repeat;}
.jScrollPaneDragTop 	{position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom 	{position:absolute; bottom:0; left:0; overflow:hidden;}
#MPUWrap
{
    padding:0;
}

.show-page #nav-wrap {
	margin:0;
}

#show-page 
{
    width:100%;
    float:left;
}
#page-content
{
    margin:0 auto;
    width:962px;
}
#page-content-left
{
    width:600px;
    float:left;
    margin-right:15px;
}
#page-content-right
{
    width:300px;
    float:left;
	padding:30px 0 0 0;
	
}

#icarlyCont_h {
	
	
	}

#icarlyCont,#icarlyCont_h		{padding:50px 0 0 0px; position:relative; float:left; width:488px}
#topPanel_h			
{
    background-image:url(../img/main-panel-home.png); 
    background-repeat:no-repeat; 
    background-position:0 160px;
    padding:0px 0px 0px 80px; 
    width:487px; 
    height:500px; 
    font-family:Arial, Helvetica, sans-serif; 
    color:#FFF; font-size:14px; position:absolute; 
    top:385px; 
    left:290px; 
}
h2#header           { display:block; text-indent:-200em; width:244px; height:145px; background-image:none; overflow:hidden; margin:0; padding:0; position:absolute; top:50px; left:160px; }
#lowerPanels_h		{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; margin-top:122px;}

#step1			    {float:left; width:230px; background-image:url(../img/step1.png); background-repeat:no-repeat;}
#step1_Txt			{padding:60px 40px 50px 34px;}

#step2				{float:left; width:216px; background-image:url(../img/step2.png); background-repeat:no-repeat;}
#step2_Txt			{padding:60px 60px 50px 24px;}

#step3				{float:left; width:230px; background-image:url(../img/step3.png); background-repeat:no-repeat;}
#step3_Txt			{padding:55px 60px 50px 32px;}

#step4				{float:left; width:216px; background-image:url(../img/step4.png); background-repeat:no-repeat;}
#step4_Txt			{padding:55px 30px 50px 24px;}


#videoplayerSuperfan
{
    background-color:#000;
    width:320px;
    height:270px;    
}
#step4 a,#step4 a:hover, #step4 a:active, #step4 a:link
{
    color:#fff;
}