@charset "utf-8";
/* CSS Document */

/* Formatting */

/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none; color:#8c8064; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image s were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal }


.cf:after, .li-cf li:after, .column-1-inner:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.cf, .li-cf li, .column-1-inner {zoom:1;}


/* --------------------------- Page Structure ----------------------------- */

body{
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrapper{
	width:1100px;
	background-color:#000000;
	margin:auto;
}

p{color:#FFFFFF;}
a{color:#8c8064;}
.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}
.cr{clear:right;}
.cl{clear:left;}
.dn, .no-show{display:none;}
.of{overflow:auto;}

.red{border:solid red 1px;}

/* ----------------------------- HEADER - START ------------------------------------ */

#top{
	margin:auto;
	width:1100px;
	padding-top:10px;
	height:100px;
}

#leaderboard{
	background-color:#FFFFFF;
	width:728px;
	height:90px;
	margin:0px 0px 0px 50px;
}

#audio_player{
	width:204px;
	height:58px;
	padding:23px 0px 0px 38px;
}

#header{
	clear:both;
	width:1004px;
	height:361px;
	/*background-image:url(../gfx/header-bg.jpg);
	background-repeat:no-repeat;*/
	margin:auto;
}



/* ----------------------------- HEADER - END --------------------------------------- */



/* ----------------------------- PAGE STRUCTURE - START ------------------------------------ */


#content{
	width:1008px;
	background-image:url(../gfx/content-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#7e7e7e;
	margin:auto;
}

/* ----------------------------- HOME - START ------------------------------------ */


.home-left-column{
	float:left;
	width:202px;
	padding:0px 10px 0px 16px;
}


.home-right-column{
	float:left;
	width:300px;
	padding:0px 14px 0px 11px;
}


/* ----------------------------- LOGIN BAR - START ------------------------------------ */

.login-bar-bg{
	width:202px;
	background-image:url(../gfx/login-bar-bg.jpg);
	background-repeat:no-repeat;
	background-color:none;
	padding:20px 0px 0px 0px;
}

.login-bar-bg .login{
	width:165px;
	margin:auto;
	color:#FFFFFF;
}

#f-logout{
	margin:auto;
	color:#FFFFFF;
}

.logout{
	padding:0px 0px 0px 0px;
	background:transparent url(../gfx/login-out-btn.png) no-repeat scroll center top;
	width:82px;
	height:44px;
	border:none;
	color:none;
}


.login-bar-bg .login a{
	width:165px;
	color:#d8b498;
	font-weight:bold;
}

.f-login .username, .f-login .password{
	width:165px;
	color:#FFFFFF;
	padding: 5px 0px 0px 5px;
}

#error-message{
	color:#FFFFFF;
	background-color:#222222;
	padding:3px;
	margin-top:5px;
	border:solid #CC0000 1px;
}

fieldset{
	border:none;
}

#f-login input{
	margin: 5px 0px 5px 0px;
}

.separate{
	font-size:12px;
	color:#FFFFFF;
}

#f-login-forgotten-password a, #f-login-register a{
	font-size:10px;
	color:#d8b498;
}

.login-bar-footer{
	width:202px;
	height:51px;
	background-image:url(../gfx/members-bar-footer.png);
	background-color:none;
}


/* ----------------------------- MEMBERS BAR - START ------------------------------------ */

.members-bar-bg{
	width:187px;
	background-image:url(../gfx/members-bar-bg.jpg);
	background-repeat:repeat-y;
	background-color:none;
	padding:10px 0px 0px 15px;
}

.members-bar-bg .activity_info{
	width:170px;
	padding:0 10px 10px 3px;
	clear:both;
}

ul.activity{
	padding:5px 0px 0px 0px;
	color:#d8b498;
}

h3.members-activity{
	float:left;
	padding:0px 0px 0px 17px;
	background-image:url(../gfx/heading-members-activity.png);
	background-repeat:no-repeat;
	width:171px;
	height:43px;
}

.activity li.item p{
	padding:5px 0px 5px 0px;
	color:#FFFFFF;
}

.activity li.item a{
	padding:0px;
	color:#D8B498;
	font-weight:bold;
}

.members-bar-footer{
	width:202px;
	height:51px;
	background-image:url(../gfx/members-bar-footer.png);
	background-color:none;
}

/* ----------------------------- CONTENT ITEMS - START ------------------------------------ */


#content-area{
	float:left;
	width:450px;
}

.content-box-header{
	float:left;
	background-color:#FFFFFF;
	background-image:url(../gfx/content-box-header.jpg);
	background-repeat:no-repeat;
	width:450px;
	height:65px;
}

.content-box{
	background-color:#FFFFFF;
	color:#000000;
	padding:10px 20px 10px 20px;
	width:410px;
	clear:both;
	display:table;
}


.content-box-news{
	background-color:#FFFFFF;
	color:#000000;
	min-height:115px;
	padding:10px 20px 0px 20px;
	width:410px;
	clear:both;
}

.content-box h3, .content-box-news h3{
	font-size:18px;
	color:#8C8064;
	font-weight:bold;
	padding:5px 0px 0px 0px;
}

.content-box h4, .content-box-news h4{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:0px 0px 10px 0px;
}

.content-box p, .content-box-news p{
	color:#000000;
	padding: 0px 0px 10px 0px;
	width:380px;
}

.content-box p a, .content-box-news p a{
	color:#8C8064;
	font-weight:bold;
}
/* ----------------------------- CONTENT ITEMS - END ------------------------------------ */

/* ----------------------------- NEWS/BLOG ITEMS - START ------------------------------------ */

.content-item-top{
	background-image:url(../gfx/content-top-box.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:392px;
	padding-bottom:10px;
}

.content-item{
	width:410px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

.content-item-footer{
	background-image:url(../gfx/content-item-footer.png);
	background-repeat:no-repeat;
	height:15px;
	width:392px;
	margin:0px 0px 10px 0px;
}


.heading{
	width:352px;
	padding:30px 20px 10px 20px;
}

.item-header{
	width:395px;
	padding:10px 0px 10px 20px;
}


.content-item-information{
	color:#000000;
	width:380px;
}



.content-item-information img{
	float:left;
	padding-right:10px;
}

.content-item-information p{
	float:left;
	color:#000000;
	width:250px;
	font-size:12px;
}

.content-item-information p.short{
	width:300px;
}

.content-item-information p.full{	
	width:380px;
}
p.date, p.date a{
	clear:both;
	padding:0px 15px 5px 0px;
	color:#000000;
	font-size:12px;
	font-style:italic;
	width:300px;
}

.content-item h3{
	float:left;
	color:#8c8064;
	font-size:18px;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	clear:both;
	width:285px;
}


h2.news_blog{
	float:left;
	background-image:url(../gfx/heading-news-and-blog.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:11px 0px 0px 13px;
}

h4.news{
	float:right;
	background-image:url(../gfx/ibc_news_tag.png);
	background-repeat:no-repeat;
	height:56px;
	width:72px;
	padding:0px;
}

h4.blog{
	float:right;
	background-image:url(../gfx/ibc_blog_tag.png);
	background-repeat:no-repeat;
	height:56px;
	width:72px;
	padding:0px;
}

.share{
	width:370px;
	clear:both;
	padding:5px 0px 0px 0px;
}

.share p{
	float:left;
	color:#8c8064;
	padding:5px 5px 0px 0px;
	font-weight:bold;
}

.site p{
	width:100px;
	float:left;
	color:#8c8064;
	padding:5px 5px 0px 0px;
	font-weight:bold;
}

.widget{
	float:left;
	padding:3px 0px 0px 0px;
}

.buy-tickets{
	float:right;
	margin: 10px 0px 0px 0px;
}

/* ----------------------------- RIGHT PANEL- START ------------------------------------ */

#right-column{
	width:300px;
	float:left;
	margin: 0px 10px 0px 10px;
}

#right-column-2{
	width:300px;
	float:right;
	padding: 0px 20px 0px 0px;
}


#right-column .brightcove{
	float:left;
	margin:0px 0px 10px 0px;
}

#right-column .side-panel{
	float:left;
	margin:0px 0px 10px 0px;
	background-image:url(../gfx/side-panel-bg.png);
	background-repeat:no-repeat;
	width:300px;
	height:253px;
	padding:10px 0px 0px 0px;
}

#right-column-2 .side-panel{
	float:left;
	margin:0px 0px 10px 0px;
	background-image:url(../gfx/side-panel-bg.png);
	background-repeat:no-repeat;
	width:300px;
	height:253px;
	padding:10px 0px 0px 0px;
}

/* ----------------------------- FEATURE - START ------------------------------------ */

#right-column .feature{
	float:left;
	margin:0px 0px 10px 0px;
	background-image:url(../gfx/feature-bg.png);
	background-repeat:no-repeat;
	width:300px;
	height:214px;
}

#right-column-2 .feature{
	float:left;
	margin:0px 0px 10px 0px;
	background-image:url(../gfx/feature-bg.png);
	background-repeat:no-repeat;
	width:300px;
	height:214px;
}



.feature-content h4{
	width:100px;
	float:left;
	color:#b9b292;
	padding:25px 5px 5px 5px;
	font-size:17px;
}

.feature-content .packshot{
	float:left;
	padding:20px 5px 0px 20px;
	float:left;
}

.feature-content p.excerpt{
	width:115px;
	float:left;
	color:#FFFFFF;
	padding:5px 5px 0px 5px;
	font-size:14px;
}
/* ----------------------------- FEATURE - END ------------------------------------ */

/* ----------------------------- SEARCH - START ------------------------------------ */

h3.search{
	float:left;
	margin:6px 0px 0px 16px;
	background-image:url(../gfx/heading-search.png);
	background-repeat:no-repeat;
	width:265px;
	height:35px;
}

.search-form{
	padding:50px 0px 0px 40px;
}

.search-form input{
	float:left;
}

.search-field {
	margin-top:10px;
	width:153px;
}


.search-btn{
	padding:0px 0px 0px 0px;
	background:transparent url(../gfx/search-btn.png) no-repeat scroll center top;
	width:95px;
	height:45px;
	border:none;
}

/* ----------------------------- SEARCH - END ------------------------------------ */

.side-panel h4, .exp-side-panel-header h4{
	padding:0px 0px 10px 0px;
}

.side-panel .content{
	float:left;
	padding:5px 0px 0px 20px;
	clear:both;
}

.side-panel .content.users{
	float:left;
	padding:0px 0px 0px 20px;
}

.side-panel ul{
	padding:10px 0px 5px 0px;
}


.exp-side-panel-content ul{
	padding:10px 0px 5px 20px;
}

.side-panel li, .side-panel li a, .exp-side-panel-content li, .exp-side-panel-content li a{
	color:#FFFFFF;
	font-size:12px;
	padding:0px 0px 5px 5px;
	display:inline;
	width:60px;
}

.side-panel li.year, .side-panel li.year a, .exp-side-panel-content li.year, .exp-side-panel-content li.year a {
	color:#D8B498;
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	display:block;
	width:140px;
}


.side-panel li.month, .side-panel li.month a, .exp-side-panel-content li.month, .exp-side-panel-content li.month a {
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 5px 10px;
	display:block;
	width:140px;
}


.exp-side-panel-header{
	float:left;
	background-image:url(../gfx/exp-side-panel-header.png);
	background-repeat:no-repeat;
	height:50px;
	width:300px;
}

.exp-side-panel-content{
	float:left;
	background-color:#000000;
	width:300px;
	height:auto;
}

.exp-side-panel-footer{
	float:left;
	background-image:url(../gfx/exp-side-panel-footer.png);
	background-repeat:no-repeat;
	height:50px;
	width:300px;
	margin-bottom:10px;
}

.mpu{
	height:250px;
	width:300px;
	float:left;	
	background-color:#CCCCCC;
	margin:0px 0px 10px 0px;
}


h4.archived{
	float:left;
	background-image:url(../gfx/heading-archived.png);
	background-repeat:no-repeat;
	height:20px;
	width:77px;
	margin:10px 0px 0px 10px;
}

h4.most-active-users{
	float:left;
	background-image:url(../gfx/heading-most-active-users.png);
	background-repeat:no-repeat;
	height:35px;
	width:160px;
	margin:0px 0px 0px 10px;
}

h4.photos{
	float:left;
	background-image:url(../gfx/heading-photos.png);
	background-repeat:no-repeat;
	height:35px;
	width:160px;
	margin:0px 0px 0px 10px;
}

h4.upload-image{
	float:left;
	background-image:url(../gfx/heading-upload-image.png);
	background-repeat:no-repeat;
	height:35px;
	width:123px;
	margin:0px 0px 0px 10px;
}

h4.members-attending{
	float:left;
	background-image:url(../gfx/heading-members-attending.png);
	background-repeat:no-repeat;
	height:35px;
	width:180px;
	margin:0px 0px 0px 10px;
}

h4.events-attending{
	float:left;
	background-image:url(../gfx/heading-events-attending.png);
	background-repeat:no-repeat;
	height:35px;
	width:170px;
	margin:0px 0px 0px 10px;
}


h4.friends{
	float:left;
	background-image:url(../gfx/heading-friends.png);
	background-repeat:no-repeat;
	height:35px;
	width:160px;
	margin:0px 0px 0px 10px;
}


h4.gigs{
	float:left;
	background-image:url(../gfx/heading-gigs.png);
	background-repeat:no-repeat;
	height:35px;
	width:60px;
	margin:0px 0px 0px 10px;
}

h4.view-photos-gigs{
	float:left;
	background-image:url(../gfx/heading-view-photos-by-gigs.png);
	background-repeat:no-repeat;
	height:35px;
	width:184px;
	margin:0px 0px 0px 0px;
}



/* ----------------------------- TAGS - START ------------------------------------ */

.tags{
	margin:auto;
	width:280px;
}

h4.tags, .tags h4 {
	float:left;
	background-image:url(../gfx/heading-tags.png);
	background-repeat:no-repeat;
	height:22px;
	width:116px;
	margin:10px 0px 0px 10px;
}

.tags ul{
	clear:left;
	width:270px;
	padding:10px 0 5px 5px;
}

.tags li{
	padding:0px 0px 0px 5px;
	display:inline;
}

.s-1{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8C8064;
	font-weight:bold;
}

.s-2{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8C8064;
	font-weight:bold;
}

.s-3{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8C8064;
	font-weight:bold;
}

.s-4{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8C8064;
	font-weight:bold;
}

.s-5{
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#8C8064;
	font-weight:bold;
}

.s-6{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#8C8064;
	font-weight:bold;
}

/* ----------------------------- TAGS - END ------------------------------------ */


/* ----------------------------- HEADERS - START ------------------------------------ */


h2.about{
	float:left;
	background-image:url(../gfx/page-about.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.news{
	float:left;
	background-image:url(../gfx/page-news.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.sitemap{
	float:left;
	background-image:url(../gfx/page-sitemap.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.blog{
	float:left;
	background-image:url(../gfx/page-blog.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.gallery{
	float:left;
	background-image:url(../gfx/page-gallery.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.live{
	float:left;
	background-image:url(../gfx/page-live.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.live-upcoming{
	float:left;
	background-image:url(../gfx/page-live-upcoming.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}


h2.live-archive{
	float:left;
	background-image:url(../gfx/page-live-archive.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}


h2.register{
	float:left;
	background-image:url(../gfx/page-register.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.forgotten-password{
	float:left;
	background-image:url(../gfx/page-forgotten.png);
	background-repeat:no-repeat;
	height:47px;
	width:208px;
	margin:20px 0px 0px 20px;
}

h2.community{
	float:left;
	background-image:url(../gfx/page-community.png);
	background-repeat:no-repeat;
	height:47px;
	width:147px;
	margin:20px 0px 0px 20px;
}

h2.video{
	float:left;
	background-image:url(../gfx/page-video.png);
	background-repeat:no-repeat;
	height:47px;
	width:66px;
	margin:20px 0px 0px 20px;
}

h2.store{
	float:left;
	background-image:url(../gfx/page-store.png);
	background-repeat:no-repeat;
	height:47px;
	width:65px;
	margin:20px 0px 0px 20px;
}

/* ----------------------------- HEADERS - END ------------------------------------ */


/* ----------------------------- BUTTONS - START ------------------------------------ */

.buy-now-btn{
	margin:5px 5px 0px 0px;
	background:transparent url(../gfx/buy-now-btn.png) no-repeat scroll center top;
	width:90px;
	height:40px;
	border:none;
	float:right;
}

.preorder-now-btn{
	margin:5px 5px 0px 0px;
	background:transparent url(../gfx/preorder-now-btn.png) no-repeat scroll center top;
	width:90px;
	height:40px;
	border:none;
	float:right;
}

.buy-ticket-btn{
	margin:5px 5px 0px 0px;
	background:transparent url(../gfx/buy-ticket-btn.png) no-repeat scroll center top;
	width:110px;
	height:40px;
	border:none;
	float:left;
}

.archive-btn{
	margin:20px 30px 0 0;
	background:transparent url(../gfx/archive-btn.png) no-repeat scroll center top;
	width:87px;
	height:40px;
	border:none;
	float:right;
}

.upcoming-btn{
	margin:20px 30px 0 0;
	background:transparent url(../gfx/upcoming-btn.png) no-repeat scroll center top;
	width:98px;
	height:40px;
	border:none;
	float:right;
}

.attending-btn{
	margin:5px 5px 0px 0px;
	background:transparent url(../gfx/attending-btn.png) no-repeat scroll center top;
	width:127px;
	height:40px;
	border:none;
	float:left;
}




/* ----------------------------- BUTTONS - END ------------------------------------ */


.content-box.home p.excerpt{
	width:264px;
	float:left;
	background-color:#FFFFFF;
	padding:10px;
}

.site p, .site p a{
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	width:87px;
	float:left;
	background-color:#FFFFFF;
	padding:5px 10px 0px 0px;
	color:#8c8064;
}

.content-box-footer{
	background-color:#FFFFFF;
	background-image:url(../gfx/content-box-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	display:block;
	height:20px;
	width:450px;
}


/* ----------------------------- CONTENT ITEMS - END ------------------------------------ */

#live-attendees a{
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	padding: 0px 0px 0px 10px;
}



#nav-2 li{
	display:inline;
	font-size:12px;
}

.about_image{
	background-image:url(../gfx/about-bg.jpg);
	background-repeat:no-repeat;
	height:284px;
	width:218px;
	float:left;
	padding:0px 10px 0px 0px;
}

.about_image_bg{
	float:left;
	padding:12px 11px 11px 12px;
}

.message-menu li{display:inline;}
.message-menu{margin:0px 0px 10px 0px;}

/* ----------------------------- FOOTER - START ------------------------------------ */
#footerNav {
	clear:both;
	height:22px;
	width:998px;
	text-align:center;
	padding:20px 0 0 0;
}

	#footerNav ul {
			margin:auto 0;
			padding-left:280px;
	}
	
		#footerNav ul li {
			float:left;	
			font-family:Arial,Helvetica,sans-serif;
			font-size:10px;
		}
		
			#footerNav ul li a {
				color:#FFFFFF;
				float:left;	
				padding:0 4px 0 4px;
				display:block;
				text-decoration:underline;
			}
			
				#footerNav ul li a:hover,
				#footerNav ul li a:focus{
					color:#D8B498;
				}
	

#footer{
	clear:both;
	height:60px;
	width:751px;
	padding-left:250px;
	padding-top:2px; /* was 20px */
}

#footer .copy{
	clear:both;
	width:400px;
	float:left;
}

#footer .copy p{
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
}

#footer .logos{
	float:left;
	background-image:url(../gfx/footer-logo.png);
	background-repeat:no-repeat;
	height:36px;
	width:135px;
	margin-left:200px;
}



/* ----------------------------- FOOTER - END ------------------------------------ */


/* ------------------- GALLERY CONTENT START -----------------*/


.navigation-tags{
	margin:34px 0 0 20px;
}

.navigation-tags .button, .navigation-tags .button a{
	font-size:15px;
	font-weight:bold;
	color:#8f794f;
}

.main-gallery-image{
	height:400px;
	width:500px;
}


#content-area.gallery{
	width:595px;
	float:left;
}

.gallery .content-box-header{
	float:left;
	background-color:#FFFFFF;
	background-image:url(../gfx/content-box-header-gallery.jpg);
	background-repeat:no-repeat;
	width:580px;
	height:65px;
}

.gallery .content-box{
	background-image:url(../gfx/gallery-bg.jpg);
	background-repeat:no-repeat;
	width:540px;
	float:left;
	background-color:#FFFFFF;
	padding:10px 20px 0px 20px;
	color:#000000;
}

#gallery-box{
	background-image:url(../gfx/gallery-thumb-bg.jpg);
	background-repeat:no-repeat;
	width:532px;
	height: auto;
	padding:15px 0px 10px 0px;
	margin-bottom:20px;
}

.gallery .content-box .lrg-image{
	width: 535px;
}

.main-gallery-image img{
	margin:auto;
	display:block;
}

#gallery-box .library{
	background-image:url(../gfx/library_sectionbox_header.jpg);
	background-repeat:no-repeat;
	height:27px;
	width:200px;
	margin: 0px 0px 10px 20px;
}

.gallery .content-box-footer{
	float:left;
	background-color:#FFFFFF;
	background-image:url(../gfx/content-box-footer.jpg);
	background-repeat:repeat-x;
	width:580px;
	height:20px;
	margin:0px 0px 4px 0px;
}

#gallery-box .content{
	width:531px;
	margin: 10px 0px 10px 0px;
}


#gallery-box .content_right{
	float:right;
	width: 240px;
}

#gallery-box .content_left{
	float:left;
	width: 128px;
}



#gallery-box .link{
	width:70px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#622520;
}

#gallery-box .library span{display:none;}


#right-column-gallery{
	float:left;
	height:auto;
	width:181px;
	height:1000px;
	background-image:url(../gfx/right-column.png);
	background-position:top right;
	background-repeat:no-repeat;
}

/* ------------------- GALLERY CONTENT END -----------------*/

#comment{
	width:380px;
}

.pleaseSignIn {
	padding:10px 0 0 0;	
}

/* redemption form for Magic Pin */
div#formcontainer {
	width:300px;
	font-family: Arial, Helvetica, Sans;
	font-size: 76%;
	/* Change */
	background-color: #000000;
	/* color: #000000; */
	color: #000000;
	background-image:url(http://assets.umusic.co.uk/island/IBC/formbg.jpg);
	/* Change */
	padding-bottom:20px;
}

div#formcontainer hr {
	/* Change */
	/* background-color:#666666; */
	/* color:#666666; */
	background-color: #FFFFFF;
	color: #000000;
	/* Change */
}

div#formcontainer .invalid {
	/* Change */
	background-color:#FFFF99;
	/* Change */
}

div#formcontainer div#errorDisplay {
	/* Change */
	color:#FF0033;
	/* Change */
}

div#formcontainer div#errorDisplay ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#formcontainer h1, div#formcontainer h2, div#formcontainer h3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:1.2em;
}

div#formcontainer a {
	/* Change */
	/* color:#000000; */
	color: #000000;
	/* Change */
	text-decoration:underline;
}

div#formcontainer a:hover {
	/* Change */
	/* color:#000000; */
	color: #000000;
	text-decoration:none;
}

div#formcontainer div.footer {
	/* Change */
	color: #000000;
	/* Change */
	font-size:0.8em;
	margin-top:5px;
}

div#packshot {
	margin-bottom:10px;
}

div#formcontainer div.mainText {
	margin-bottom:10px;
}

div#formcontainer p {
	margin:0px 0px 5px 0px;
	padding:0px;
}

div#formcontainer input, div#formcontainer select {
	font-size:1em;
	margin:0px;
	padding:0px;
}

div#formcontainer form {
	padding:0px;
	margin:0px;
}

div#formcontainer div.formObject {
	margin-bottom:10px;
	clear:both;
	color:#000000;
}

div#formcontainer div.formObject .submitObject {
	font-size:1.3em;
}

div#formcontainer div.formObject div.labelName {
	width:120px;
	float:left;
	color:#000000;
}

div#formcontainer div.formObject div.labelCheck {
	width:300px;
	float:left;
}

div#formcontainer div.formObject div.inputObject {
}

div#formcontainer div.formObject div.inputObject .textfield {
	width:170px;
}

div#formcontainer div.formObject div.inputObject .marginright {
	margin-right:2px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}