/* ------------------------------------------------------------------------ */
/* ------->>>   M A I N   L A Y O U T   C O M P O N E N T S      <<<--------- */
/* ------------------------------------------------------------------------ */
#blq-content {
	margin-left:14px;
	margin-right:14px;
	padding-bottom:80px;
}


#column1 {
float:left;
width:626px;
}

#column2 {
float:right;
width:306px;
}

/* ------------------------------------------------------------------------ */
/* -------------------->>>   P A G I N A T I O N     <<<------------------- */
/* ------------------------------------------------------------------------ */
#pagination ul
{
	margin-top:14px;
	margin-bottom:10px;
	padding: 10px 0px;
	border:1px dashed #000;
}


#pagination ul li
{
	display: inline;
	font-size:1.2em;
}


#pagination ul li a
{
	padding: 5px 10px;
	margin-right: 0px;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* > M A I N   L A Y O U T   C O M P O N E N T S   F O R  H O M E P A G E  < */
/* ------------------------------------------------------------------------ */
 
.column1 {
	float:left;
	width:626px;
}

 
.column2  {
	float:right;
	width:306px;
}


.full {
	margin-bottom:10px;
	padding-bottom:20px;
}


/*********** Headers ************/
h2 {
	padding:9px 5px 9px 9px;
	margin-bottom:10px;
	_height:1%;
}

.spacer h2 {
margin-bottom:10px;
padding:9px 5px 9px 0px;
}


/*********** H2 with sub nav ************/
h2 ul {
float:right;
margin-top:-20px;
}
h2 ul li {
float:left;
margin-right:5px;
display:inline;
}
h2 ul li a {
padding:3px;
display:block;
}
h2 ul li span {
padding:3px;
display:block;
}

/*********** Column 1 - Content Areas ************/


#column1 .content {
background:#333;
padding:5px 10px 5px 10px;
/*margin:1px 0px;*/
line-height:1.4em;
}
#column1 .two-column .content {
padding:0 0 10px 0;
}
#column1 .two-column .content p {
padding:0 0 0 10px;
}

/*
#column1 .content img {
margin:0 5px 3px 0;
float:left;
padding:10px 0;
}
*/

#column1 .content #egt img {
margin:0px;
padding:0px;
}

#column1 .content #egt p.egt-progress {
margin:0 0 0 14px;
}

#column1 .content #egt p {
margin:0;
}

#column1 .content p {
margin:10px 0;
}

#column1 .content * p {
	margin:0;
	padding:0;
}

#column1 .content p.top-space {
	padding-top: 75px;
}

#column1 .content h4 {
	margin-bottom:5px;
}

/*********** Column 1 - Headers ************/
h3 {
padding:7px 0px 5px 0px;
}

#column2 .tertiary h3 {
padding:7px 10px 5px 10px;
}

h3,
#column2 .tertiary h3 {
margin-bottom:5px;
clear:both;
}

h3.no-background {
margin-bottom:25px;
width:515px;
line-height:1.3em;
padding:0 10px;
}
.two-column h3.no-background {
margin:10px 0;
width:305px;
_width:285px;
}

#column2 h5 {
padding:7px 0px 5px 0px;
clear:both;
}

/*********** Column 1 - X-Large Promo ************/

.large-promo {
height:352px;
margin-bottom:14px;
position:relative;
}

#home .large-promo {
height:262px;
_height:262px;
}

.large-promo img {
position:absolute;
}
.large-promo .promo-text {
width:100%;
position:absolute;
bottom:0;
}
.large-promo .promo-text h3 {
margin-bottom:14px;
padding:0;
}
.large-promo .promo-text p {
line-height:1.3em;
padding: 0.5em;
}

/*********** Column 1 - Two Column Layout ************/
.two-column {
clear:both;
margin:0 0 14px 0;
}
.two-column .primary {
width:306px;
float:left;
}
.two-column .secondary {
width:306px;
float:right;
}

/*********** Column 1/2 - Small Img Promo ************/
.img-promo {
	margin-bottom:14px;
	min-height:82px;
	_height:82px;
	position: relative;
}

.full-three-column .img-promo a.promo {
	float:left;
	line-height:0.8em;
}


.img-promo img,
#column1  .img-promo img,
#column2  .img-promo img{
display:block;
margin-right:9px;
position:absolute;
padding:0px;
}

.img-promo .promo-text a,
.img-promo a.audio,
.img-promo a.video,
.img-promo a.photos,
.img-promo a.chevron,
.img-promo a.iaudio,
.img-promo a.ivideo {
	display:block;
	margin-left:146px;
	padding:5px;
	width: 120px;
	padding-left:35px;
	min-height:72px; /* 82 - 5(top) - 5 (btm) */
	line-height:1.3em;
}

.img-promo .icon
{
	background-position:9px 6px;
}

/*********** Column 1/2 - Large Img Promo ************/



/* ------------------------------------------------------------------------ */
/* ------------->>> [f:promo] mode="large-img-promo <<<-------------------- */
/* ------------------------------------------------------------------------ */



.large-img-promo {
margin-bottom:20px;
min-height:232px;
_height:232px;
position: relative;
}

.large-img-promo img {
display:block;
}


#home .large-img-promo .promo-text {
	padding:5px 14px;
}

#home .quaternary .large-img-promo {
	min-height:100px;
}


.large-img-promo .transparency {
position:absolute;
display:block;
width:306px;
height:100px;
bottom:-1px;
}


.large-img-promo .promo-text {
	margin:0;
}


.large-img-promo p {
margin-bottom:10px;
}



#blq-content .large-img-promo .promo-text {
	background:#000000 none repeat scroll 0 0;
	margin:0;
	padding:10px 14px;
	width:278px;
}


#blq-content .large-img-promo .overlay {
	position:absolute;
	bottom:2px;
	opacity:0.8;
}



/*********** Column 1 - ACS Comment Submission FEATURE ************/
.comments {
}
#column1 .comments .content {
margin:0;
padding-bottom:30px;
}
.comments input {
width: 150px;
}
.comments textarea {
width: 200px;
height: 80px;
}

/*********** Column 1 - Feature Boxed Area FEATURE ************/
.boxed-area {
padding:0 10px 30px 10px;
}
.boxed-area h3 {
padding:7px 5px 7px 0;
margin:0;
}
#column1 .boxed-area .content {
margin:0;
padding:5px 10px 10px 10px;
}
#column1 .two-column .boxed-area .content p {
padding:0;
}

/*********** Column 1 - Feature Boxed Area 2 ARTIST ************/
.boxed-area2 {
padding:0 10px 10px 10px;
}
.boxed-area2 h3 {
padding:7px 5px 7px 0;
margin:0;
}
#column1 .boxed-area2 .content {
margin:0;
padding:0;
}
#column1 .two-column .boxed-area2 .content p {
padding:0;
}

/*********** Column 1 - Flash Slideshow ARTIST ************/
#slideshow {
margin-bottom:10px;
line-height:1.4em;
}
#slideshow p {
padding:10px;
}
#slideshow embed,
#slideshow object {
display:block;
}

/*********** Column 2 - global styles ************/
#column2 h3 {
padding:10px 0px;
margin:0;
}

#column2 h5 {
padding:10px 0px;
margin:0;
}

#column2 .full {
clear:left;
margin-bottom:14px;
line-height:1.4em;
padding:8px 5px 0 10px;
}
#column2 .primary {
width:56px;
float:left;
margin-right:14px;
}
#column2 .secondary {
width:220px;
float:left;
}
#column2 .primary img {
margin:4px 0 0 0;
}
#column2 .component {
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#column2 .component p {
	margin:10px 0;
}


/*********** Column 1 - Subscribe Area FEATURE ************/
#column1 .subscribe .content {
margin:10px 0 0 0;
padding:0 3px 10px 10px;
}
#column1 .two-column .subscribe .content p {
padding:0;
}

/*********** Column 2 - Subscribe Area ARTIST ************/
#column2 .subscribe .content {
margin:10px 0 0 0;
padding:0 3px 10px 10px;
}
#column2 .subscribe .content p {
padding:0;
margin-bottom:10px
}
#column2 .subscribe .submit {
margin:0;
}
#column2 .subscribe h3 {
margin-bottom:14px;
padding:7px 10px 5px 10px;
}

/*********** Column 2 - Celeb Tip box ARTIST ************/
.celeb-tip {
margin:18px 0;
}
.celeb-tip img {
float:left;
margin:0 14px 0 0;
}

/*********** Full Width - Flash artist promo LINEUP ************/
#flash-artists {
height:196px;
margin:0 0 14px 0;
}

/*********** Full Width - Two/Three Column Layout ************/
.full-two-column .primary {
width:466px;
float:left;
}
.full-two-column .secondary {
width:466px;
float:right;
}

.full-three-column .primary {
padding-top:5px;
width:304px;
float:left;
margin-right:14px;
border: 1px solid #1a1a1a;
border-top:none;
}

.full-three-column .secondary {
padding-top:5px;
width:304px;
float:left;
border: 1px solid #1a1a1a;
border-top:none;
}
.full-three-column .tertiary {
padding-top:5px;
width:304px;
float:right;
border: 1px solid #1a1a1a;
border-top:none;
}

.full-three-column .primary, 
.full-three-column .secondary,
.full-three-column .tertiary {
	min-height:150px;
	margin-bottom:10px;
}





.full-three-column .primary-no-brdr{
padding-top:5px;
width:306px;
float:left;
margin-right:14px;
border:none;
}
.full-three-column .secondary-no-brdr {
padding-top:5px;
width:306px;
float:left;
border:none;
}

.full-three-column .tertiary-no-brdr {
padding-top:5px;
width:306px;
float:right;
border:none;
}

.full-three-column .primary,
.full-three-column .secondary,
.full-three-column .tertiary
{
	min-height:300px;
	margin-bottom:14px;
}


.full-three-column .primary ol,
.full-three-column .secondary ol,
.full-three-column .tertiary ol {
	line-height:1.4em;
	margin:0 0 35px 10px;
}

/*********** Full Width - Two/Three Column Layout LINEUP ************/
.full-two-column,
.full-three-column {
clear:both;
margin:0 0 10px 0;
}
.full-two-column h3,
.full-three-column h3 {
text-align:center;
margin-bottom:10px;
}
.full-two-column h4,
.full-three-column h4 {
clear:both;
padding:5px 0;
margin-bottom:14px;
/* text-align:center; */
}
.full-two-column ul,
.full-three-column ul {
/* text-align:center; */
padding:0 10px;
margin-bottom:35px;
}
.full-two-column ul li,
.full-three-column ul li {
/* display:inline; */
white-space:nowrap;
_white-space:normal;
}

#nav-lineup .full-two-column h4,
#nav-lineup .full-three-column h4,
.full-two-column ul,
.full-three-column ul {
text-align:center;
}

#nav-lineup .full-two-column h3,
#nav-lineup .full-three-column h3 {
text-align:center;
margin-bottom:0;
}


/*********** Full Width - Lineup font sizes LINEUP ************/
#nav-lineup #blq-content li.xlg		{margin-right:30px;line-height:1.3em;}
#nav-lineup #blq-content li.lg		{margin-right:20px;line-height:1.4em;}
#nav-lineup #blq-content li			{margin-right:15px;line-height:1.5em;}
#nav-lineup #blq-content li.sm		{margin-right:10px;line-height:1.6em;}
#nav-lineup #blq-content li.xsm		{margin-right:10px;line-height:1.7em;}






/*********** EMP Player ************/
.emp-video {
height:323px;
width:512px;
margin-bottom:15px;
}
.emp-audio {
height:106px;
width:512px;
}
#column2 .emp-audio {
height:106px;
width:256px;
}
.emp-video p,
.emp-audio p {
padding:10px;
}
.video-player {
line-height:1.4em;
}
.video-player p {
padding:0 5px 10px 10px;
}
.video-player .emp-video p {
padding:10px
}
.video-player .console {
width:100%;
}

.video-nav {
line-height:0;
margin-bottom:5px;
}

.video-nav ul {
padding:0 10px;
}


.video-nav a {
background:none;
padding-left:0px;
padding-right:10px;

}


.video-player .console .video-nav li {
float:left;
position:relative;
width:146px;
height:82px;
margin-right:20px;
margin-bottom:20px;
}

.video-player .console .video-nav span {
width:146px;
height:82px;
position:absolute;
left:0px;
top:0px;
z-index:1;
}


/* removed 08/01/10 for Celtic Connections
span {
font-size:0.8em;
}
*/
span.summary, span.location {
font-size:1em;
}


.audio-player {
padding:10px 0 10px 24px;
}




/*********** Column 1 - Disclaimer ************/
#column1 .content .disclaimer {
line-height:1.2em;
margin: 10px 0 0 0;
}

/*********** Column 1 - Disclaimer 2 ************/
#column1 .content .disclaimer2 {
/*line-height:1.2em;
margin: 10px 0 0 0;
width:600px;*/
}

/*********** Forms ************/
form input,
form textarea {
padding:1px 4px;
}
form label {
display:block;
margin-top:10px;
color:#FFF;
font-size:1.2em;
}
#column1 .submit,
#column2 .submit {
margin:10px 0 0 0;
width:60px;
height:17px;
outline: none;
display:block;
line-height:1.4em;
text-align:center;
padding:0;
clear:left;
}

/*********** Links em tag ************/
.links li em {
display:block;
float:left;
clear:left;
line-height:1.3em;
margin:0 0 12px 0;
}

/*********** no top heading ************/
#blq-main .no-heading {
margin-top:14px;
}
/*********** Column 1 - What's on microformats ************/
#column1 #whatson h3 {
margin-bottom:14px;
}
#column1 .vevent {
background:transparent url('/staticarchive/dd5eefe1a2b4c37bae09f12fce9ee940a7568c05.png') repeat;
clear:left;
margin-bottom:18px;
line-height:1.4em;
padding:0 5px 18px 0;
border-bottom:1px solid #1A1A1A;

}
#column1 .vevent .date-time {
text-align:right;
width:226px;
float:left;
margin-right:14px;
min-height:50px;
_height:50px;
}
#column1 .vevent .audio-desc {
width:380px;
float:left;
}
#column1 .vevent abbr {
display:block;
border:medium none;
margin-left:105px;
}
#column1 .vevent abbr.dtend {
display:none;
}
#column1 .vevent .date-time .location {
display:block;
margin-left:95px;
}

/* fix for removing id="whats on" as requestwed by ali, august. see cris more details. */
.whatson {
color:#000;
background:#E2ECF5;
}

.whatson  h3 {
padding-left:10px;
}

.whatson  .summary {
padding-left:0px;
}

#column1 .whatson .vevent, {
background:none;
}

#column2 .full {
padding:0px;
}


/*********** Footer ************/

#footer {
min-height:378px;
_height:378px;
position:relative;
clear:both;
}
#footer ul {
width:743px;
height:76px;
margin:0 0 20px 14px;
position:absolute;
bottom:0;
padding-left:203px;
}
#footer li {
height:76px;
float:left;
width:162px;
}
#footer li a {
width:65px;
height:18px;
padding-top:58px;
display:block;
text-align:center;
}

/*********** Hightlight New Content ************/
span.new {
margin-top:5px;
position:absolute;
width:57px;
height:20px;
background: url('/staticarchive/dd5eefe1a2b4c37bae09f12fce9ee940a7568c05.gif') 0 0 no-repeat;
}

#whatson ul.links
{
	margin-top:10px;
}

#column1 #whatson .vevent
{
background:none;
}


/* ------------------------------------------------------------------------ */
/* ---------------->>> [f:image] @align             <<<-------------------- */
/* ------------------------------------------------------------------------ */

.f-l {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.f-r {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------------ */
/* ------------->>> [f:promoset] @mode='flash-swoosher' <<<---------------- */
/* ------------------------------------------------------------------------ */

.flash-swoosher {
	margin-bottom: 10px;
}