body
{
	color:#000;

	
	/*background: #000 url(/content/images/background-jack.gif) top left repeat;*/
	/*background: #000 url(/content/images/background-pumpkins.png) top left repeat;*/
	background: #000 url(/content/images/ghostsback.png) top left repeat;
	color:#fff;
	

    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-family:Comic Sans MS, Arial, Helvatica, Sans-Serif;
	font-size:13px;
	line-height:130%;
}

body img
{
	border:none;
}

h1
{
	color:#ff6600;	
}

h2
{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#ff6600;	
	font-size:24px;
}

a
{
    color: yellow;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}



#headerwrap, #mainnavwrap, #contentwrap, #footerwrap
{
    text-align:center;
}

#header, #mainnav, #contentinner, #footer,#message-div
{
    clear:both;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}


#header
{
    background: #000 url(/content/images/CreakyStairsLogo2010_feather.png) top center no-repeat;
    position:relative;
	padding:0px;
	margin-top:10px;
		height:250px;
	border:none;
	}

#logo
{
    position:absolute;
    top:11px;
    left:0;
}


#mainnav
{
   /* background: #000 url(/content/images/cs-logo-bottom.png) no-repeat top center;*/
    height:45px;
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:transparent;
    /*border:1px solid #0f0;*/
}

.sc-div
{
	border:3px solid #0f0f0f;
}


/* ---------------------- MAIN NAV ----- START ---------------------- */

#mainnav img
{
	margin:0px 20px 0px 20px;
	border:none;
}

.mainnav-list
{
	margin-left:35px;
}

/* ---------------------- MAIN NAV ----- END ---------------------- */

#contentinner
{
    background-color: #000;
    padding: 10px 0 10px 0;
    color:#ff6600;
    min-height:400px;
}

#sidecontent
{
    width:210px;
    float:left;
    margin-left:10px;
	margin-top:10px;
}

#mainfeature
{
    background-position: left top;
    width: 714px;
    float: right;
    position: relative;
    height: 393px;
    margin-right: 10px;
    background-color: black;
	/*border:1px solid #ff6600;*/

}

#subcontent
{
    float:right;
    width:730px;
    padding: 0px 0 0 0;
}

.subfeature
{
	position:relative;
	float:left;
	width:330px;
	height:320px;
	border:3px solid #0f0f0f;
	margin-top:10px;
	margin-right:8px;
	padding:0 10px 10px 10px;
}


.subfeature h2
{
	margin-bottom:15px;
}

div.clear
{
    clear:both;
}




#footer
{
	position:relative;
    text-align:center;
    background-color:#000;
    color:gray;
	font-size:12px;
	margin-bottom:10px;
	height:100px;
}


#footer-0
{
	position:absolute;
	bottom:0px;
	left:10px;
	width:200px;
}
#footer-1
{
	position:relative;
	top:20px;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
}

#footer-2
{
	position:relative;
	top:20px;
	padding-top:10px;
	font-size:16px;
}

#footer-music
{
	/*border:1px solid #ff6600;*/
	color:#ff6600;
	margin-bottom:10px;
}

#footer-music-1
{
	float:left;

}
#footer-music-2
{
	float:left;
	margin-left:10px;
	margin-top:8px;
}

#maincontent
{
    float:right;
    width:720px;
    min-height:500px;
    padding: 0 10px 0 0;
}

#widecontent
{
    padding: 0 10px 0 10px;
}


#widewrap
{
}

#contentwrap
{
	/*background: transparent url(/content/images/background-shadows.png) repeat-y top center ;*/
}


/* ---------------------- CAROUSEL ----- START ---------------------- */
#mainfeature
{
	border:3px solid #0f0f0f;
	position:relative;
	left:0;
	top:0;
	margin-top:10px;
}

.featpanel
{
    position:absolute;
    width:400px;
    height:300px;
    border:none;

}

.featpanel > a > img
{
    width:390px;
    height:290px;
    border:none;
    padding:5px;
}

.vidplay
{
    position:absolute;
    top:90px;
    left:145px;
    width:110px;
    height:120px;
    cursor:pointer;
}

#mainfeaure
{

}

#mainfeatureitems
{
    position:absolute;
    right:0px;
	width:314px;    
    height:300px;
}

#mainfeatureitems > div
{
    position:relative;
    height:69px;
    cursor:pointer;
	/*background: #fff url(/content/images/feature_item_back.png) repeat-x bottom left;*/
	margin:5px 5px 0px 3px;
}

.row-1, .row-2
{
	color:#000;
}

.row-1
{
	background-color:#222222;
}

.row-2
{
	background-color:#393939;
}


#mainfeatureitems img
{
    position:absolute;
    top:3px;
    left:3px;
    width:84px;
    height:63px;
}

#mainfeatureitems p
{
    margin:0;
    padding:0;
    font-size:18px;
    color: #ccc;
    position:absolute;
    left:95px;
	right:5px;
    top:6px;
	line-height:150%;
}

div.div-hover:hover
{
	color:#ff6600;
	background-color:#0d0d0d;
}

#mainfeaturedetail
{
    height:93px;
    overflow:hidden;
    position:absolute;
    background-color:transparent;
    color: #fff;
    color:#ccc;
    left:0;
    right:0;
    bottom:0;    
}

#mainfeaturedetail > div
{
    position:absolute;
    left:0;
    top:0;
    padding:10px 10px 0 10px;
    font-size:12px;
    display:none;
    height:85px;
    overflow:hidden;
}

#mainfeaturedetail > div:first-child
{
    display:block;
}

#mainfeaturedetail h1
{
    margin:0;
    margin-bottom:10px;
    padding:4px 0 0 0;
    font-weight:bold;
    font-size:20px;
    color: #fff;
    line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
}

#mainfeaturedetail a, #mainfeaturedetail p
{
    margin:0;
    padding:0;
}

#mainfeaturedetail a
{
    color: #fff;
    color:#ccc;
}

#mainfeaturedetail a
{
	text-decoration:none;
}

#mainfeaturedetail a:hover
{
text-decoration:underline;
}

.stepcarousel
{
    position: relative; /*leave this value alone*/
    border: 0px;
    overflow:hidden; /*leave this value alone*/
    width: 400px; /*Width of Carousel Viewer itself*/
    height: 300px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .featbelt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

/* ---------------------- CAROUSEL ----- END ---------------------- */

/* ---------------------- SETUP ----- START ---------------------- */
.font-red
{
	color:red;
}

.font-yellow
{
	color:yellow;
}
.font-orange
{
	color:#ff6600;
}
.font-gray
{
	color:gray;
}

.font-blue
{
	color:#66ccff;
}

.text-left
{
	text-align:left;
}

.text-center
{
	text-align:center;
}

.text-right
{
	text-align:right;
}

.DarkYellow
{
	color:#999900;
}

.Yellow
{
	color:Yellow;
}

.DarkOrange
{
	color:#cc6600;
}

.Dark
{
	color:#222222;
}

.black
{
	color:#000;
}

#comingsoon-img
{
	height:400px;
}


#message-div
{
	background-color:#000;
	padding-top:20px;
}

#message
{
	/*border:1px solid #0f0;*/
	margin-left:30px;
	width:900px;
}

#message strong
{
	font-size:20px;
	color:Red;
	line-height:120%;
	font-weight:normal;
}
/* ---------------------- SETUP ----- END ---------------------- */


/* ---------------------- READ MORE ----- START ---------------------- */
#readmore
{
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;
}

#readmore:hover
{
	text-decoration:underline;
}

#readmore a
{
	color:yellow;
}

/* ---------------------- READ MORE ----- END ---------------------- */




.sb-quicklink
{
	position:relative;
	/*
	background: transparent url(/content/images/image-ribbon-blue-2.png) top left no-repeat;
	*/
	height:30px;
	width:250px;
	left:-17px;
}

.sb-quicklink h3
{
	color:Black;
	padding-top:5px;
	padding-left:20px;
	
}

/* ---------------------- EVENTS ----- START ---------------------- */
.event
{
	margin-top:10px;
	margin-left:5px;
	margin-bottom:20px;
	height:110px;
	background: transparent url(/content/images/image-event-banner-ghost.png) top left no-repeat;
	background: transparent url(/content/images/scroll_color.png) top left no-repeat;
	font-family:"Comic Sans MS",Arial;
	color:black;
}

.event-l
{
	float:left;
	width:65px;
	text-align:center;
}

.event-m
{
	position:relative;
	width:65px;
	font-size:18px;
	font-weight:bold;
	top:18px;
	color:#393939;
}
.event-d
{
	position:relative;
	width:65px;
	font-size:30px;
	font-weight:bold;
	top:23px;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
}


.event-y
{
	position:relative;
	width:65px;
	font-size:14px;
	font-weight:bold;
	top:28px;
	color:#393939;
}

.event-bonfire-red
{
	color:#990000;
}

.event-bonfire-black
{
	color:#000;
}


.event-r
{
	float:left;
	width:134px;
	color:#ff6600;
}

.event-title
{
	margin-left:5px;
	margin-top:5px;
}

.event-desc
{
	margin-left:5px;
	margin-top:10px;
}

/* ---------------------- EVENTS ----- END ---------------------- */

.random-image img
{
	/*width:328px;*/
	height:220px;
	border:none;
}

.random-image-div
{
	margin-top:5px;
}

/* ---------------------- PARTY INFO ----- START ---------------------- */

.partyinfo
{
	margin-right:10px;
	margin-top:10px;
	border:3px solid #0f0f0f;
}

/*
.partyinfo
{
	background-color:#000;
	margin-right:10px;
	margin-top:10px;
	border:3px solid #0f0f0f;
	padding:10px;
}

.partyinfo div
{
	margin-bottom:5px;
}

.partyinfo div:first-child
{
	margin-top:10px;
	margin-bottom:20px;
}



.pi-title-1
{
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

.pi-title-2
{
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

.pi-title-3
{
	font-size:16px;
	text-align:center;
}

.pi-spacer
{
	height:5px;
}

*/

/* ---------------------- PARTY INFO ----- END ---------------------- */


/* ---------------------- HAPPENINGS ----- START ---------------------- */
.hap-date
{
	color:gray;
	font-size:16px;
	margin-bottom:5px;
}

.hap-link
{
	color:yellow;
	font-size:16px;
	margin-bottom:15px;
}
/* ---------------------- HAPPENINGS ----- END ---------------------- */

.sc-div h2
{
	margin-top:0px;
	margin-bottom:20px;
}

/* ---------------------- GALLERIES ----- START ---------------------- */
.gal-flyer-tn-div
{
	position:relative;
	width:230px;
	float:left;
	margin-left:5px;
}

.gal-flyer-tn-img
{
	margin-top:10px;
	margin-bottom:10px;
	height:300px;
	width:225px;
	border:none;
}

.gal-flyer-a
{
	font-size:16px;
	text-align:center;
}

.gal-flyer-img
{
	width:940px;
}


.gal-det-title
{
	font-size:18px;
	margin-bottom:10px;
}

.gal-det-by
{
	font-size:14px;
	margin-bottom:10px;
}

.gal-det-img-div
{
	margin-bottom:10px;
}

.gal-det-img
{
}

.gal-det-capt
{
	font-size:20px;
}
/* ---------------------- GALLERIES ----- END ---------------------- */


/* ---------------------- PAGE  ----- START ---------------------- */
.page-img-border
{
	border:3px solid #ff6600;
	width:600px;
	height:120px;
	border-bottom:none;
}

.page-img
{
	position:relative;
	border:none;
	width:400px;
	height:100px;
	top:10px;
	left:100px;
	/*border:1px solid #0f0;*/	
}

.page-content-border
{
	/*margin-top:20px;*/
	width:600px;
	border:3px solid #ff6600;
}

.page-content-item-header-div
{
	margin:20px 0px 20px 0px;
}

.page-content-item-header-img
{
	margin-left:10px;
	width:580px;
}

.page-content-item-header-row1
{
	text-transform:uppercase;
	font-size:24px;
	color:#ff6600;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
	font-weight:bold;
}
/* ---------------------- PAGE ----- END ---------------------- */


/* ---------------------- NEWS ----- START ---------------------- */
.news-item
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	border-top:1px solid #0f0f0f
}

.news-item:first-child
{
	margin-top:20px;
	border:none;
}

.news-item-date
{
	color:#393939;
	font-size:14px;
	margin-top:20px;
	margin-bottom:5px;
	font-style:italic;
}


.news-item-title
{
	color:#66ccff; /*#999900;  MUSTARD YELLOW*/
	font-size:18px;
	margin-bottom:5px;
	line-height:130%;
	font-weight:bold;
}

.news-item-body
{
	color:#cc6600;
	font-size:16px;
	margin-bottom:20px;
	line-height:130%;
}
/* ---------------------- NEWS ----- END ---------------------- */


/* ---------------------- GUEST LIST ----- START ---------------------- */
.gl-img-border
{
	border:1px solid #cc6600;
	width:800px;
	height:160px;
	border-bottom:none;
}

.gl-img
{
	border:none;
	margin-top:20px;
	margin-left:100px;
	width:600px;
	height:120px;
	/*border:1px solid #0f0;*/	
}

.gl-table-div
{
	margin-left:70px;
}
.gl-table
{
	padding:5px;
	border-collapse:collapse;
	border:1px solid #cc6600;
	width:802px;
	background-color:#161515;
	background-color:#0f0f0f;	
}

.gl-th-1, .gl-th-2, .gl-th-3
{
	background-color:#393939;
	text-transform:uppercase;
	font-size:18px;
	color:#ff6600;
}
/*
.gl-th-1
{
	width:30%;
}

.gl-th-2
{
	width:10%;
}

.gl-th-3
{
	width:70%;
}
*/
.gl-table th
{
	border:1px solid #cc6600;
	padding:5px;
	font-size:20px;
}

.gl-table td
{
	border:1px solid #cc6600;
	padding:5px;
	font-size:16px;
}

.gl-td-new-status
{
	background-color:#191919; /* #0f0f0f*/
	color:#66ccff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	height:30px;
}

.gl-col-l
{
	width:300px;
}

.gl-your-status
{
	font-size:30px;
	text-decoration:underline;
	color:Red;
}

.gl-your-status:hover
{
	text-decoration:underline;
	color:Red;
}

/* ---------------------- GUEST LIST ----- END ---------------------- */

/* ---------------------- FOOD CONTRIBUTION ----- START ---------------------- */
.fc-img-border-jjd
{
	border:1px solid #cc6600;
	width:800px;
	height:160px;
	border-bottom:none;
	margin-left:70px;
}

.fc-img-jjd
{	
	border:none;
	margin-top:10px;
	margin-left:100px;
	width:600px;
	height:120px;
}

.fc-img
{	
	border:none;
	/*margin-top:10px;*/
	margin-bottom:10px;
	margin-left:170px;
	width:600px;
	height:120px;
}

.fc-div
{
	border:1px solid #cc6600;
	width:800px;
	margin-left:70px;
}

.fc-l-col, .fc-r-col
{
	float:left;
	width:399px;
}

.fc-r-col
{
	/*border-right:1px solid #cc6600;*/
}

.fc-l-col
{
	border-right:1px solid #cc6600;
	min-height:400px;
}

.fc-category
{
	width:390px;
	margin:0px 0px 0px 0px;
	color:Yellow;
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;

}

.fc-category-sub
{
	width:380px;
	margin:20px 0px 5px 0px;
	color:#ff6600;
	font-size:18px;
	font-weight:normal;
}

.fc-item
{
	float:left;
	width:275px;
	color:#333399;
	font-size:16px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
	font-weight:normal;
}

.fc-name
{
	float:left;
	width:100px;
	color:#2f2b2d;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
	font-weight:normal;
}


/* ---------------------- FOOD CONTRIBUTION ----- END ---------------------- */




.disp-block
{
	display:block;
	height:65px;
	z-index:10;
}

.section-image
{
	/*border:1px solid #0f0;*/
	height:36px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

/* ---------------------- LOGIN DISPLAY ----- START ---------------------- */

#cs-login-display
{
	/*display:none;*/
	color:#ccc;
	/*margin-right:300px;*/
	font-size:12px;
}

.cs-login-display-li
{
	float:right;
	display:inline;
	margin-left:20px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
}

.cs-login-display-li b
{
	color:#ff6600;
	text-transform:uppercase;
}

.cs-login-display-li a
{
}

.cs-login-display-boarder-r
{
	border-right:1px solid #ff6600;
}


/* ---------------------- LOGIN DISPLAY ----- END ---------------------- */






#gal
{
	margin-left:0px;
}

#gal-img-div
{
	float:left;
	border:1px solid #ff6600;
	margin:10px;
	border:none;
}

#gal-img
{
	width:650px;
	margin:15px;

}

#gal-l
{
	border:1px solid #ff6600;
	float:left;
	width:200px;
	margin-left:10px;
}

#gal-l-inner
{
	margin-left:10px;
	line-height:150%;
	padding-bottom:10px;
}

#gal-l-inner h2
{
	margin:20px 0px 10px 0px;
}

#gal-l-inner h2:first-child
{
	margin:10px 0px 10px 0px;
}



#gal-r
{
	border:1px solid #ff6600;
	float:left;
	margin-left:10px;
	margin-right:20px;
	width:688px;
}

.gal-thumb
{
	position:relative;
	padding:10px;
	margin-bottom:20px;
}

.gal-thumb-caption
{
	margin-top:10px;
	font-size:20px;
	color:#ff6600
}

.gal-thumb-img
{
	/*background: transparent url(/content/images/background-bo.png) no-repeat bottom left;*/
}

.gal-thumb-com-count
{
	font-size:18px;
	color:#66ccff;
	position:absolute;
	top:110px;
	LEFT:10px;
}

.gal-new-gal
{
	border:3px solid #0f0f0f;
	margin:10px 10px 20px 10px;
}

.gal-desc
{
	font-size:20px;
	color:#66ccff;
	margin-top:10px;
}

.gal-by
{
	font-size:16px;
	color:#333399;
	margin-top:10px;
}

.gal-click
{
	font-size:18px;
	color:red;
	margin-top:10px;
	margin-bottom:10px;
}



/* ---------------------- THANKS ----- START ---------------------- */
#thanks
{
	margin-left:200px;
}

.thanks-pumpkin
{
	float:left;
	width:150px;
	height:150px;
}

.thanks-pumpkin-img
{
	width:100px;
	height:100px;
	margin:25px;
}

.thanks-thanku
{
	position:relative;
	float:left;
	width:300px;
	height:150px;
}

.thanks-thanku b
{
	position:absolute;
	top:60px;
	left:30px;
	color:Red;
	font-size:40px;
	height:50px;
}

#thanks-p p
{
	padding:0px 20px 0px 20px;
	font-size:18px;
	line-height:130%;
	color:#cc6600;
}


.thanks-item
{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	border-top:1px solid #0f0f0f;
	padding-top:10px;
}

.thanks-item:first-child
{
	margin-top:20px;
	border:none;
}

.thanks-item-body
{
	color:#cc6600;
	font-size:16px;
	margin-bottom:20px;
	line-height:130%;
}

.thanks-item-body b
{
	color:#66ccff;
	margin-bottom:5px;
}

.thanks-item-year
{
	float:right;
	color:#66ccff;
}
/* ---------------------- THANKS ----- END ---------------------- */


/* ---------------------- ABOUT ----- START ---------------------- */
#about-div
{
	margin:20px 20px 20px 20px;
	font-size:16px;
	line-height:150%;
	color:#cc6600;
}

#about-date
{
	font-size:9px;
	color:#222222;
	font-style:italic;
}
/* ---------------------- ABOUT ----- END ---------------------- */


/* ---------------------- LOGIN ----- START ---------------------- */
#login-div
{
	width:265px;
	border:1px solid #ff6600;
	font-size:16px;
	color:#ff6600;
	margin-top:50px;
	
}

#login-div-2
{
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}

#login-div-2 p input /*[type=text] [type=password]*/
{
	margin-top:5px;
	width:210px;
	padding:5px;
}

#login-div-2 p input[type=submit]
{
	margin-top:10px;
	width:225px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

.login-div-forgot
{
	border-top:1px solid #ff6600;
	padding-top:10px;	
}

.login-button
{
	padding:10px;
	background-color:#222222;
	border:1px solid yellow;
	margin-right:20px;
}

.login-button:hover
{
	background-color:#393939;
}

#account-div
{
	font-size:16px;
	line-height:130%;
	margin:20px;
}

#login-inst
{
	text-align:left;
	font-size:14px;
	color:#66ccff;
	padding:0px 20px 20px 20px;
	border-bottom:1px solid #ff6600;
}
/* ---------------------- LOGIN ----- END ---------------------- */

/* ---------------------- ACCOUNT - TABLE ----- START ---------------------- */

.account-table
{
	width:100%;
	margin-top:20px;
}
.account-table, .account-table td, .account-table th
{
	border:1px solid #222222;
	border-collapse:collapse;
	padding:5px;
}

.account-table td input[type=text]
{
	width:275px;
	padding:3px;
}

.account-table td select
{
	width:285px;
	padding:3px;
}

.th1
{
	width:15%;
}

.th2
{
	width:35%;
}

.th3
{
	width:450%;

}

.account-table th
{
	background-color:#0f0f0f;
}

.table-comments
{
	height:50px;
}


#account-status-table
{
	border-collapse:collapse;
}

#account-status-table th
{
	background-color:#0f0f0f;
}

#account-status-table td, #account-status-table th
{
	border:1px solid #222222;
	padding:5px;
}

.td-yes
{
	color:Green;
	text-align:center;
}

.td-no
{
	color:Red;
	text-align:center;
}

 /* ---------------------- ACCOUNT - TABLE ----- END ---------------------- */
 
 
/* ---------------------- FORM BUTTON ----- START ---------------------- */
.form-button
{
	padding:10px;
	background-color:#222222;
	width:150px;
	padding:5px;
	font-family:Comic Sans MS, Arial, Helvatica, Sans-Serif;
	font-size:16px;
	color:yellow;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid yellow;
 }
 
.form-button:hover
{
 	text-decoration:underline;
	background-color:#393939;
 }
/* ---------------------- FORM BUTTON ----- END ---------------------- */


/* ---------------------- MUSIC POPUP ----- START ---------------------- */
#music-page
{
	height:220px;
	width:320px;
	background-color:Black;
	background: #000 url(/content/images/background-jack-small.png) top left repeat;
	color:#ff6600;
	font-size:15px;
	z-index:0;
}

#asd
{
	height:220px;
	width:320px;
}



#music-graphic
{
	position:absolute;
	right:0px;
	top:0px;
	width:150px;
	height:200px;
	z-index:0;
	/*background: #000 url(/content/images/background-pumpkins.png) top left repeat;*/	
}

#music-player
{
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:1;
}

#music-desc
{
	position:absolute;
	bottom:10px;
	left:100px;	
	line-height:150%;
	z-index:1;
}

#music-desc b
{
	color:#ff6600; /*#66ccff;*/
}


#music-select
{
	position:absolute;
	top:10px;
	left:10px;	
	line-height:150%;
	z-index:1;
}

/* ---------------------- MUSIC POPUP ----- END ---------------------- */


/* ---------------------- COMMENT ----- START ---------------------- */
#comment-section
{
	margin-top:20px;
}
.comment-div
{
	position:relative;
	margin-left:20px;
	margin-right:20px;
	/*margin-top:10px;*/
}

.comment-info
{
	font-size:13px;
	font-style:italic;
	color:#66ccff;
	padding:10px 5px 5px 5px;
}

.comment-info strong
{
	font-size:14px;
	font-weight:bold;
	margin-left:30px;
}

.comment
{
	font-size:18px;
	padding:5px 5px 10px 5px;
	font-weight:bold;
}

.comment-row-1
{
	background-color:#222222;
}

.comment-row-2
{
	background-color:#393939;
}

.comment-del
{
	position:absolute;
	top:10px;
	right:10px;
}

.comment-add
{	
	border:3px solid #393939;
	margin:20px 20px 20px 20px;

}

.comment-add-title
{
	margin:10px;
	font-size:16px;
}

.comment-add-form
{
	margin-left:10px;
}

.comment-add-input
{
	padding:5px;
	width:860px;
}

/* ---------------------- COMMENT ----- END ---------------------- */