/* ---------- RESET ----------- */

input{
	background: #cecece;
	padding: 1px 2px;
	margin: 0px 0px 5px 0px;
}

*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	font-family: georgia,arial,helvetica,sans-serif;
	color: #000000;
	line-height:1.3em;
}

html,body{
	height: 100%;
}

body#home,body#signup,body#paletales,body#sussexwit{
	background: #efece4 url(/_graphics/bg_home.jpg) center top no-repeat;
}

body#news_and_blog{
	background: #f3f2e9 url(/_graphics/bg_news_and_blog.jpg) center top no-repeat;
}

body#music_and_film{
	background: #f3f2e9 url(/_graphics/bg_music_and_film.jpg) center top no-repeat;
}

body#community{
	background: #f3f2e9 url(/_graphics/bg_community.jpg) center top no-repeat;
}

body#contact{
	background: #f3f2e9 url(/_graphics/bg_contact.jpg) center top no-repeat;
}

body#shop{
	background: #f3f2e9 url(/_graphics/bg_shop.jpg) center top no-repeat;
}

body#gigs{
	background: #f3f2e9 url(/_graphics/bg_gigs.jpg) center top no-repeat;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	text-decoration: none;
}

p{
	padding: 0px 0px 10px 0px;
}

a{
	color: #E57A18;
	overflow: hidden;
}

img{
	display:block;
}
	
.nm{
	padding: 0px;
	margin: 0px;
	clear: none;
}

/* --------- SPECIFICS -------- */

#div_splash .h4_title{
	font-style: italic;
	font-weight: bold;
	color: #4f4e4a;
	font-size: 16px;
}

#div_splash p{
	color: #e57a18;
}

.news_item{
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid #cddae2;
	margin: 0px 0px 10px 0px;
}

body#news_and_blog .div_content1 .news_item,body#news_and_blog .div_content2 .news_item{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.contact_item{
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 10px 0px;
}

.news_item .h3_title{
	font-style: italic;
	font-weight: normal;
	color: #4f4e4a;
	font-size: 20px;
}

.contact_item .h3_title{
	font-style: italic;
	font-weight: normal;
	color: #5b7ebe;
	font-size: 22px;
}

.news_item .date{
	color: #949fa6;
	margin: -3px 0px 0px 0px;
}

/* ---------- LAYOUT ---------- */

#col1{
	float: left;
	width: 213px;
}

#col2{
	float: left;
	width: 495px;
}

body#news_and_blog #col2,
body#music_and_film #col2,
body#community #col2,
body#contact #col2,
body#shop #col2,
body#signup #col2{
	margin: 0px 0px 0px 213px;
	float: left;
	width: 495px;
	display:inline;
}

#col3{
	float: left;
	width: 168px;
}

#div_wrapper{
	width: 920px;
	margin: 0px auto;
}

#div_content{
	width: 415px;
	margin: 0px auto 20px auto;
	background: #fefdf5 url(/_graphics/bg_content.gif) center top repeat-y;
	padding: 10px 40px;
}

body#shop #div_content{
	margin: 350px auto 10px auto;	
}

body#news_and_blog #div_content{
	width: 485px;
	margin: 0px auto 20px auto;
	background: #eaf0f7 url(/_graphics/bg_content_gigs.gif) center top repeat-y;
	padding: 10px 0px;
}

body#news_and_blog #div_content1, body#news_and_blog #div_content0{
	width: 455px;
	padding: 0px 15px;
}

body#news_and_blog #div_content2{
	width: 455px;
	padding: 10px 15px 0px 15px;
	background: #f9faf2 url(/_graphics/bg_blog.jpg) center top repeat-y;
}

body#gigs #div_content{
	width: 455px;
	margin: 0px auto 20px auto;
	background: #eaf0f7 url(/_graphics/bg_content_gigs.gif) center top repeat-y;
	padding: 60px 15px 10px 15px;
	z-index: 1;
	position:relative
}

body#community #div_content{
	width: 415px;
	margin: 0px auto 0px auto;
	background: #fcfcf1 url(/_graphics/bg_bottom.jpg) left bottom no-repeat;
	padding: 10px 40px 50px 40px;
}

#div_splash_container{
	margin: 630px 0px 0px -10px;
}

#div_splash{
	width: 166px;
	background: url(/_graphics/bg_splash.gif) left bottom;
	padding: 5px 24px 25px 24px;
}

#div_splash_top{
	display: block;
	width: 213px;
	height: 16px;
	background: url(/_graphics/flat.gif) 0px -54px no-repeat;
	text-indent: -99999px;
}

/* ---------- TITLES ---------- */

#h4_archive, #h4_recent_posts {
	border-bottom: 1px dotted #6E524A;
	margin: 10px 0 5px 0;
	display: block;
	padding: 1px;
}

#h4_recent_posts {
	margin: 0 0 5px 0;
}

#h2_signup{
	margin: 350px auto 10px auto;
	display: block;
	width: 300px;
	height: 80px;
	background: url(/_graphics/flat.gif) -316px -295px no-repeat;
	text-indent: -99999px;
}

#h2_sussexwit{
	margin: 364px auto 10px auto;
	display: block;
	width: 395px;
	height: 40px;
	background: url(/_graphics/flat.gif) -0px -625px no-repeat;
	text-indent: -99999px;
}

#h2_paletales{
	margin: 350px auto 10px auto;
	display: block;
	width: 294px;
	height: 72px;
	background: url(/_graphics/flat.gif) -407px -611px no-repeat;
	text-indent: -99999px;
}

#h2_news_top{
	margin: 348px auto 10px auto;
	display: block;
	width: 184px;
	height: 58px;
	background: url(/_graphics/flat.gif) -0px -158px no-repeat;
	text-indent: -99999px;
}

#h2_blog_top{
	margin: 353px auto 10px auto;
	display: block;
	width: 105px;
	height: 81px;
	background: url(/_graphics/flat.gif) -211px -143px no-repeat;
	text-indent: -99999px;
}

#h2_music_and_film{
	margin: 338px auto 10px auto;
	display: block;
	width: 300px;
	height: 73px;
	background: url(/_graphics/flat.gif) -0px -70px no-repeat;
	text-indent: -99999px;	
}

#h2_news_and_blog{
	margin: 338px auto 10px auto;
	display: block;
	width: 316px;
	height: 80px;
	background: url(/_graphics/flat.gif) -0px -143px no-repeat;
	text-indent: -99999px;	
}

#h2_community{
	margin: 338px auto 10px auto;
	display: block;
	width: 340px;
	height: 72px;
	background: url(/_graphics/flat.gif) -0px -223px no-repeat;
	text-indent: -99999px;	
}

#h2_contact{
	margin: 348px auto 10px auto;
	display: block;
	width: 243px;
	height: 52px;
	background: url(/_graphics/flat.gif) -181px -0px no-repeat;
	text-indent: -99999px;
}

#h2_gigs{
	margin: 348px auto -50px auto;
	display: block;
	width: 331px;
	height: 115px;
	background: url(/_graphics/flat.gif) -247px -471px no-repeat;
	text-indent: -99999px;
	z-index: 2;
	position:relative
}

#h3_facebook a{
	margin: 20px auto;
	display: block;
	width: 307px;
	height: 176px;
	background: url(/_graphics/flat.gif) 0px -295px no-repeat;
	text-indent: -99999px;	
}

#h3_myspace a{
	margin: 20px auto;
	display: block;
	width: 247px;
	height: 73px;
	background: url(/_graphics/flat.gif) 0px -471px no-repeat;
	text-indent: -99999px;	
}

#h3_bebo a{
	margin: 20px auto;
	display: block;
	width: 247px;
	height: 93px;
	background: url(/_graphics/bebo.jpg) 0px 0px no-repeat;
	text-indent: -99999px;	
}

#h3_lastfm a{
	margin: 20px auto;
	display: block;
	width: 247px;
	height: 93px;
	background: url(/_graphics/lastfm.jpg) 0px 0px no-repeat;
	text-indent: -99999px;	
}

#h3_signup a{
	margin: 50px 0px 0px 10px;
	display: block;
	width: 182px;
	height: 124px;
	background: url(/_graphics/alpha.png) 0px 0px no-repeat;
	text-indent: -99999px;	
}

#h3_rough_trade a{
	margin: 20px 0px 0px 10px;
	display: block;
	width: 180px;
	height: 223px;
	background: url(/_graphics/alpha.png) -182px -0px no-repeat;
	text-indent: -99999px;	
}

/* ----------- MENU ----------- */

#ul_menu{
	width: 168px;
	height: 186px;
	text-indent: -999999px;
	list-style: none;
	position: relative;
	margin: 115px 0px 0px 0px;
	background: url(/_graphics/ul_menu.gif) 0px 0px no-repeat;
}

#ul_menu li{
	position: absolute;
	line-height: 1px;
	font-size: 0px;
}

#ul_menu a{
	display: block;
	text-decoration: none;
	overflow: hidden;
}

#li_home						{top: 0px;width: 168px;  height: 25px;left: 0px;}
#li_news						{top: 28px; width: 79px; height: 25px; left: 10px;}
#li_blog						{top: 27px; width: 48px; height: 25px; left: 107px;}
#li_music_and_film	{top: 56px;width: 168px;  height: 25px;left: 0px;}
#li_community				{top: 81px;width: 168px;  height: 25px;left: 0px;}
#li_contact					{top: 111px;width: 168px;  height: 25px;left: 0px;}
#li_shop						{top: 140px;width: 168px;  height: 25px;left: 0px;}
#li_gigs						{top: 165px;width: 168px;  height: 25px;left: 0px;}

#li_home a						{width: 168px;height: 25px;}
#li_news a						{width: 79px;height: 25px;}
#li_blog a						{width: 48px;height: 25px;}
#li_music_and_film a	{width: 168px;height: 25px;}
#li_community a				{width: 168px;height: 25px;}
#li_contact a					{width: 168px;height: 25px;}
#li_shop a						{width: 168px;height: 25px;}
#li_gigs a						{width: 168px;height: 25px;}

#li_home a:hover						{background: url(/_graphics/ul_menu.gif) -168px -0px no-repeat;}
#li_news a:hover						{background: url(/_graphics/ul_menu.gif) -178px -28px no-repeat;}
#li_blog a:hover						{background: url(/_graphics/ul_menu.gif) -275px -27px no-repeat;}
#li_music_and_film a:hover	{background: url(/_graphics/ul_menu.gif) -168px -56px no-repeat;}
#li_community a:hover				{background: url(/_graphics/ul_menu.gif) -168px -81px no-repeat;}
#li_contact a:hover					{background: url(/_graphics/ul_menu.gif) -168px -111px no-repeat;}
#li_shop a:hover						{background: url(/_graphics/ul_menu.gif) -168px -140px no-repeat;}
#li_gigs a:hover						{background: url(/_graphics/ul_menu.gif) -168px -165px no-repeat;}

/* --------- CLEARFIX --------- */

.cf:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.cf{
	display: inline-block;
}
 
html[xmlns] .cf{
	display: block;
}
 
* html .cf{
	height: 1%;
}

/*Video player*/
#ul_videos{
	list-style:none;
}

#ul_videos li{
	float:left;
}

#ul_videos img{
	width:80px;
	margin-right:3px;
	margin-bottom:3px;
	height:58px;
}

#bufferbarIndicator{
	background:#666666; height:8px; display:block; width:0px;
	font-size:1px; line-height:1px;
}

#timebarIndicator{
	background:#444; height:8px; display:block; width:0px; margin-top:-8px;
	font-size:1px; line-height:1px;
}

#timebar{
	width:415px;
	background:#000;
	margin-top:2px;
}

#controls{
	background:#fff;
	padding:3px;
}

#controls a{
	text-decoration:none;
}

.vCategory{
	font-style: italic;
	font-weight: bold;
	color: #4f4e4a;
	font-size: 16px;
	clear:left;
	margin-top:20px;
}

/*Shop*/
.shopCol2{
	width:200px;
	float:left;
}

.shopCol1{
	width:150px;
	float:left;
	display:inline;
	margin-right:10px;
}

.shop_item{
	padding-top:10px;
	border-top:1px solid #CDDAE2;
	margin-bottom:10px;
}

.shop_item h4{
	margin-bottom:4px;
}

.buy_form{
	margin-top:10px;
}

.submit_btn{
	background:#E3A072;
	margin-top:5px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*Splash page*/

body#splash{
	background:#F5F2EB;
}

#splashwrap{
	width:500px;
	margin:0 auto 0 auto;
	padding-top:30px;
	text-align:center;
}

#sweet_packshot{
	margin-left:20px;
	margin-bottom:20px;
}

#splash p{
	font-size:18px;
}

#sweet_out{
	width:500px;
	height:35px;
	background: url(../_graphics/out_nov.gif);
	text-indent:-9999px;
}

#splash a{
	font-size:18px;
	color:#000;
}

/*Sussex wit and pale tales*/
body#home #li_pale_tales,body#news_and_blog #li_pale_tales, body#music_and_film #li_pale_tales, body#sussexwit #li_pale_tales, body#palestales #li_pale_tales, body#community #li_pale_tales,body#contact #li_pale_tales,body#shop #li_pale_tales,body#gigs #li_pale_tales{
	top:80px;
	position:absolute;
	width:87px;
	height:105px;
	left:-105px;
}

#li_sussex_wit a, #li_pale_tales a{
	display:block;
	height:100%;
	width:100%;
}

body#home #li_sussex_wit , body#sussexwit #li_sussex_wit ,body#paletales #li_sussex_wit {
	top:-110px;
	position:absolute;
	width:110px;
	height:105px;
	left:-589px;
	display:block;	
}

body#news_and_blog #li_sussex_wit a{
	top:-60px;
	position:absolute;
	width:270px;
	height:145px;
	left:-339px;
	display:block;	
}


body#music_and_film #li_sussex_wit{
	top:-30px;
	position:absolute;
	width:120px;
	height:80px;
	left:-589px;
	display:block;
}

body#community #li_sussex_wit{
	top:-90px;
	position:absolute;
	width:250px;
	height:150px;
	left:-589px;
	display:block;
}

body#contact #li_sussex_wit{
	top:-50px;
	position:absolute;
	width:435px;
	height:80px;
	left:-589px;
	display:block;
}

body#shop #li_sussex_wit{
	top:-65px;
	position:absolute;
	width:435px;
	height:70px;
	left:-629px;
	display:block;
}

body#gigs #li_sussex_wit{
	top:-115px;
	position:absolute;
	width:200px;
	height:150px;
	left:-729px;
	display:block;
}

#li_sussex_wit {
	position:absolute;
	top:-100px;
	display:block;
}

#site_credit{
	clear:both;
	width:960px;
	margin:0 auto;
	text-align:center;
	
}