/*
********************************

TROJAN RECORDS  - trojanMain.css
Browser(s): All

Written by Elliot Jay Stocks
Created: 01.09.2006
Last modified: 08.02.2007

********************************
*/



	/* BEGIN clearing hack 
	(http://www.positioniseverything.net/easyclearing.html) */

	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-table }
	
	/* BEGIN hide from IE-mac \*/
	* html .clearfix { height: 1% }
	.clearfix { display: block }
	/* END hide from IE-mac */

	/* END clearing hack */




/* BASICS */

* { margin:0; padding:0 }
html, body { padding:0 }
body { background:#000; margin:-10px 0 20px 0; text-align:center }

body, p, h1, h3, h4, h5, li, td { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#fff }
body, p, li { font-size:13px; line-height:1.67em } /* I'm using EMs to correct the display of the fonts on a PC */
/* Backed-up old font sizes: { font-size:10px; line-height:18px } */


p { margin:0 0 14px 0 }

strong { font-weight:bold; margin:0; padding:0 }

hr { height:1px; border:none; background:url(hrDot01.gif); margin:14px 0 14px 0; clear:both }
div#columnExtras hr { width:180px; margin:0 0 4px 0 }
/* hr { height:0; border-top:1px solid #000; border-right:none; border-bottom:none; border-left:none; clear:both } */

p.welcomeMessage { padding:10px; border:1px solid #000 }
html>body p.welcomeMessage { background:url(semiTransparent.png) }





/* LINKS */

* a { position:relative } /* Hack to get links displaying over a PNG background */

a { color: #FFFFAB; text-decoration:none; font-weight: bold; }
a:hover, a:active { text-decoration:none; color:#521504; }

a img { border:none }

a.moreLink { background:#265526; border-top:1px solid #000; border-bottom:1px solid #000; padding:4px 10px 5px 10px; margin:16px 0 30px 0; font-size:0.82em; line-height:1.67em }
div#columnTeaser a.moreLink, div#columnExtras a.moreLink { width:160px }
div#columnMain a.moreLink { width:348px }





/* RSS BUTTONS */

a.RSSbutton { background:url(rss.gif) top left no-repeat; text-indent:-9999px; display:block; width:16px; height:16px; margin:-35px 0 0 0; float:right }





/* LAYOUT at its most basic */

div#pageContainer { background:url(../img/mainBackground.jpg) top center repeat-y }

div#contentContainer { width:840px; margin:-10px auto 0 auto; padding:56px 0 0 0; text-align:left; background:url(../img/header_scritta.jpg) top center no-repeat }

div.column { float:left; padding:6px 10px 10px 10px }
h2.columnExtrasHeadline { margin-top:30px }

div#columnTeaser { padding:6px 10px 10px 36px; width:180px } 	/* 200px - (2 x 10px padding) = 180px (also: 36px EXTRA PADDING to move all columns over to the right) */
div#columnMain { padding:6px 10px 10px 36px; width:760px;} 									/* 390px - (2 x 10px padding) - 2px border = 368px */
div#columnExtras { width:180px } 								/* 200px - (2 x 10px padding) = 180px */

div#footer { clear:both }

div.column, div#header { position:relative } /* These DIVs are positioned 'relative' so that other elements can be ABSOLUTELY positioned inside them */





/* HEADER */

div#header { height:185px }

h1 a { position:absolute; width:520px; height:110px; top:0; left:40px; margin:0; padding:0;  }

a#trojanRadioLauncher, a#shopLauncher { position:absolute; top:0; line-height:14px; font-size:10px; line-height:13px }
a#trojanRadioLauncher { width:100px; height:45px; right:230px; padding:45px 70px 20px 25px; color:#fff }
a#shopLauncher { width:113px; height:53px; right:20px; padding:40px 60px 20px 22px; color:#000 }

div#home_link {position:absolute; top:0; left:705px; margin:0; padding:0; }



/* NAVIGATION */

ul#nav { position:absolute; width:800px; bottom:63px; left:0px; margin:0; padding:0 }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:41px; display:block; position:absolute; top:0;  }

li#navNews a, li#navEventi a, li#navAssociazione a, li#navFoto a, li#navMedia a, li#navContact a, li#navForum a, li#navAbout a { background:url(../img/menu.jpg)   }

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 41px
	selected state = 82px

	The distance from the far-left to the...
	
	news button = 0
	shop button = 71px
	artists button = 139px
	live button = 223px
	fans button = 286px
	links button = 353px
	forum button = 424px
	about button = 504px
	
*/



li#navNews a 						{ background-position:0 0; width:100px; left:0 }
li#navNews a:hover					{ background-position:0 -58px }
body#pageNews li#navNews a 			{ background-position:0 -58px }

li#navEventi a 						{ background-position:-100px 0; width:110px; left:100px }
li#navEventi a:hover					{ background-position:-100px -58px }
body#pageEventi li#navEventi a 			{ background-position:-100px -58px }


li#navAssociazione a 					{ background-position:-210px 0; width:115px; left:210px }
li#navAssociazione a:hover				{ background-position:-210px -58px }
body#pageAssociazione li#navAssociazione a 	{ background-position:-210px -58px }

li#navFoto a 						{ background-position:-325px 0; width:100px; left:325px }
li#navFoto a:hover					{ background-position:-325px -58px }
body#pageFoto li#navFoto a 			{ background-position:-325px -58px }

li#navMedia a 						{ background-position:-425px 0; width:110px; left:425px }
li#navMedia a:hover					{ background-position:-425px -58px}
body#pageMedia li#navMedia a 			{ background-position:-425px -58px }

li#navContact a 						{ background-position:-535px 0; width:145px; left:535px }
li#navContact a:hover					{ background-position:-535px -58px }
body#pageContact li#navContact a 		{ background-position:-535px -58px }

li#navForum a 						{ background-position:-680px 0; width:120px; left:680px }
li#navForum a:hover					{ background-position:-680px -58px }
body#pageForum li#navForum a 		{ background-position:-680px -58px }
/*
li#navAbout a 						{ background-position:-504px 0; width:73px; left:504px }
li#navAbout a:hover					{ background-position:-504px -58px }
body#pageAbout li#navAbout a 		{ background-position:-504px -58px }

*/





a.menu1 {
color:#42210Es;
text-decoration:none;
text-transform:uppercase;
margin-right:10px;
font-size:18px;
font-weight:bold;

}
a.menu1:hover {
color:#9B0010;

}
a.menu1_s {
color:#42210E;
text-decoration:none;
text-transform:uppercase;
margin-right:10px;
font-size:13px;
font-weight:bold;

}





/* SECTION HEADINGS */

div#columnTeaser h2, div#columnExtras h2 { width:180px }
div#columnMain h2 { width:368px }
form#signUpBox h2 { display:none }


h2#heading-shoppingBasket { margin:30px 0 0 0 }

/* 

NOTE: The following section headings are defined using 
'html>body h2#ID-name' in order to compensate for IE.

Although the PNG hack for IE is contained in 'trojanIE.css', 
IE will still display the opaque version if the elements 
below are not defined using this parent / child method.

*/

/* News */
html>body h2#heading-latestNews 			{ background:url(heading-latestNews.png) top left no-repeat }
html>body h2#heading-newsHeadlines 			{ background:url(heading-newsHeadlines.png) top left no-repeat }
html>body h2#heading-featuredArtist 		{ background:url(heading-featuredArtist.png) top left no-repeat }
html>body h2#heading-calendar 				{ background:url(heading-calendar.png) top left no-repeat }
html>body h2#heading-monthlyCompetition 	{ background:url(heading-monthlyCompetition.png) top left no-repeat }
html>body h2#heading-selectedNewsStory	 	{ background:url(heading-selectedNewsStory.png) top left no-repeat }
html>body h2#heading-upcomingReleases	 	{ background:url(heading-upcomingReleases.png) top left no-repeat }

/* Eventi */
html>body h2#heading-searchTheEventi 			{ background:url(heading-searchTheEventi.png) top left no-repeat }
html>body h2#heading-latestOffers 			{ background:url(heading-latestOffers.png) top left no-repeat }
html>body h2#heading-featuredRelease 		{ background:url(heading-featuredRelease.png) top left no-repeat }
html>body h2#heading-newReleases 			{ background:url(heading-newReleases.png) top left no-repeat }
html>body h2#heading-shoppingBasket 		{ background:url(heading-shoppingBasket.png) top left no-repeat }
html>body h2#heading-shopNews 				{ background:url(heading-shopNews.png) top left no-repeat }

/* Associazione */
html>body h2#heading-artistsAZ 				{ background:url(heading-artistsAZ.png) top left no-repeat }
html>body h2#heading-artistGallery 			{ background:url(heading-artistGallery.png) top left no-repeat }
html>body h2#heading-relatedReleases 		{ background:url(heading-relatedReleases.png) top left no-repeat }

/* Media */
html>body h2#heading-trojanForum 			{ background:url(heading-trojanForum.png) top left no-repeat }
html>body h2#heading-mailbag 				{ background:url(heading-mailbag.png) top left no-repeat }
html>body h2#heading-QA 					{ background:url(heading-QA.png) top left no-repeat }
html>body h2#heading-memorobilia 			{ background:url(heading-memorabilia.png) top left no-repeat }
html>body h2#heading-wallpapers				{ background:url(heading-wallpapers.png) top left no-repeat }

/* About */
html>body h2#heading-contactUs 				{ background:url(heading-contactUs.png) top left no-repeat }
html>body h2#heading-labelBios 				{ background:url(heading-labelBios.png) top left no-repeat }
html>body h2#heading-about			 		{ background:url(heading-about.png) top left no-repeat }

/* This is a special one: */
html>body h2#heading-newInTheEventi 			{ background:url(heading-newInTheEventi.png) top left no-repeat }
h2#heading-newInTheEventi 					{ width:164px; height:41px; border-bottom:none }






/* FORMS */

fieldset { border:none; margin:0; padding:0 }
input, textarea { padding:0 0 0 2px; float:none }
input.textInput { width:140px; height:14px; float:left; border:1px solid #b8a479; background:#fff url(textFieldBG.gif) fixed top left repeat-x; color:#666 }
input.formButton { float:right; font:9px/12px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; color:#fede8e; background:#333; height:16px; border:1px solid #000 }
select { border:1px solid #000; color:#666; margin:0; padding:0 }
a.linkInForm { float:left; font-size:9px }

form#quicksearchBox { position:absolute; width:182px; bottom:22px; right:33px; padding:0 }
form#quicksearchBox input.textInput { width:126px; border-color:#000; margin:0 4px 0 0 }

form#signUpBox { width:144px; padding:0; margin:32px 0 0 20px }
form#signUpBox input.textInput { margin:4px 0 4px 0 }
form#signUpBox p { color:#000; line-height:14px; margin:0 }
form#signUpBox a { color:#630 }
form#signUpBox a.linkInForm { margin:-3px 0 0 0 }

form#searchEventiBox { margin:0 0 30px 0 }
form#searchEventiBox input.textInput { border-color:#000; margin:4px 0 0 0; width:130px }
form#searchEventiBox input.formButton { margin:4px 0 0 0 }
form#searchEventiBox select { width:180px }

form#contactUs { margin:0 0 30px 0 }
form#contactUs input.textInput, textarea { border-color:#000; margin:4px 0 0 0;  }
form#contactUs input.formButton { margin:4px 0 0 0 }
form#contactUs textarea { height:100px; border:1px solid #000; background:#fff url(textFieldBG.gif) fixed top left repeat-x; color:#666; overflow:auto }






/* RELEASE DETAILS */

div.releaseDetails { margin:0 10px 10px 0; padding:0; float:left }
div.releaseDetailsFull h4 { font-size:14px; line-height:18px; font-weight:bold }

img.packshot { float:left; margin:0 10px 0 0; border:1px solid #000; width:75px; height:75px }
img.packshotLarge { float:left; margin:0 10px 0 0; border:1px solid #000 }

ul.buyOptions li { list-style-type:none; margin:0 0 5px 0 }

a.buyButton-cd, a.buyButton-vinyl, a.buyButton-download	{ width:75px; height:16px; display:block; text-indent:-9999px; margin:0; padding:0 }
a.buyButton-cd 			{ background:url(buyButton-cd.gif) top left no-repeat }
a.buyButton-vinyl 		{ background:url(buyButton-vinyl.gif) top left no-repeat }
a.buyButton-download 	{ background:url(buyButton-download.gif) top left no-repeat }

div.releaseAccompaniment { margin:0 0 0 172px }
div.releaseAccompaniment h4 { font-size:10px; line-height:12px; font-weight:bold }
div.releaseAccompaniment p { font-size:10px; line-height:12px }

div.releaseAccompanimentFull { margin:-23px 0 0 172px }
div.releaseAccompanimentFull h4 { font-size:10px; line-height:12px; font-weight:bold }
div.releaseAccompanimentFull p { font-size:10px; line-height:12px }

br.fullDescription { clear:both; height:20px; border:1px solid red }






/* SHOPPING BASKET */

div#shoppingBasket { width:170px; margin:0; padding:5px 5px 5px 5px }
html>body div#shoppingBasket { background:url(semiTransparent.png) top left repeat }

table#basketContents { width:170px; border:none }
table#basketContents td.basketItem { font-weight:bold; width:150px; padding:0 5px 10px 0 }
table#basketContents td.basketQty { font-weight:bold; width:10px }
table#basketContents td.basketTotal { font-weight:bold; padding:20px 0 0 0 }
a.basketRemove { float:right; margin:-11px 0 0 0; width:9px; height:9px; display:block; text-indent:-9999px }
html>body a.basketRemove { background:url(removeFromBasket.png) top left no-repeat }

a#shoppingBasketFooter { margin:0 0 30px 0 }






/* SPECIFIC CLASSES */

img.thumbnail { float:left; margin:0 10px 5px 0; border:1px solid #000 }
img.galleryThumb { width:75px; height:75px; margin:0 5px 5px 0; border:1px solid #000 }
img.podInline { width:180px; height:70px; margin:0 }
img.podSolo { width:180px; height:70px; margin:0 0 26px 0 }
p.articleBeginning:first-line { text-transform:uppercase }
p.newsHeadlines { font-size:0.82em; line-height:1.2em; margin:0 0 10px 0 }
p.mailbag { background:url(mailbagIcon.gif) top left no-repeat; padding:0 0 0 40px }
ul.alphaList li { list-style:none; display:inline; font-size:0.82em; line-height:1.67em }
ul.artistList { margin:-10px 0 0 20px }
div.artistContact { float:left; width:180px; margin:0 0 10px 0 }
div.artistContact ul { margin:-10px 0 20px 20px }

img.columnBottomFix { margin:-50px 0 -50px 0; width:1px; height:1px; clear:both }

div.calendar { float:left; margin:0 10px 10px 0 }

p.fullListing { float:right }
br.afterFullListing { clear:both }





/* PAGINATION */
/* This is meant to replicate the look of the green 'more' links, but it's a DIV to allow for links inside it */

div.pagination { width:160px; background:#265526; border-top:1px solid #000; border-bottom:1px solid #000; padding:4px 10px 5px 10px; margin:16px 0 30px 0; height:16px }
div.pagination p { float:left }
div.pagination ul { float:right }
div.pagination li { float:left; list-style:none; margin:0 0 0 6px }
div.pagination p, ul, li { margin:0; border:0; font-size:11px }

div#columnMain div.pagination { width:348px }






/* FOOTER */

div#footer { width:798px; height:50px; padding:50px 20px 0 20px }

html>body div#footer { background:url(../img/footer01.png) }

p#footerLinks { float:left; font-size:9px; color:#999 }
p#whatIsRSS { float:right; font-size:9px; background:url(rssIcon01.gif) 0 2px no-repeat; text-indent:22px; height:20px }


/* OTHER STUFF */



 .articleDisplay h3 a:visited, .journals h4 a:visited, span.userIcon a:visited, span.staffIcon a:visited, span.subscriberIcon a:visited, span.modIcon a:visited { color: #3F3731; }
 .articleDisplay a:visited, .forumtable a:visited, .journals a:visited { color: #867463; } 
p { margin-top: 10px; }
li { margin-top: 6px; }
.articleDisplay li { margin-top: 5px; }
form, fieldset { margin: 0; padding: 0; border: 0;}
textarea { margin:0; padding:0;}
td { font-size: 13px; }
img { border:none; }
ul{list-style-type: square; list-style-image: none; list-style-position: inside; }
h3, h3, h3 a:visited {
 font-size: 18px;
 color: #43281E;
 line-height: 21px;
 margin-bottom: 10px;
 margin-top: 10px;
 text-decoration: none;
}
ul.video, li.video { padding: 0; list-style: none; }
li.video a { display: block; background: #FFD781;#FFF; text-decoration: none; color: #000; padding: 5px; width: 190px; }
li.video .alt { background:#FFF; }
li.video a:hover {  background: #FFF; color: #FFD781; }
h4 {
 font-size: 12px;
 margin-top: 0.5em; margin-bottom: 0.5em;
 color: #5D3A2D;
}

th {
 text-align:center;
 background: #EDF0E6;
 color: #564B42;
 font-weight: bold;
 font-size: 11px;
}
hr	{ height: 0px; border: #603015 solid  1px; border-top-width: 1px;}
.small { font-size: 11px; }
.smaller, tiny { font-size: 10px; }
.newsline	{ background-color:#FFD781 ; border: 0px  solid; color:#603015;}
.inactive	{ background-color: #DADDD3; border: 0px  solid; color:#DEFEF9;}
.green	{ background-color:#5EFF19 ; border: 0px  solid; color:#DEFEF9;}
.red	{ background-color:#B01C09 ; border: 0px  solid; color:#DEFEF9;}
table {
 padding:0px; margin:0px; border:0px;
}





div.case_nav {
width:150px;
height:12px;
background:url('/in2media2005/layout/case_nav.gif') no-repeat;

}
div.fullscreen_body {
width:100%;
height:100%;

}

div.content {
width:600px;
background: rgb(37, 37, 37) url('html_files/dunny_bg.gif') no-repeat scroll 0%;
}

h1 {
font-weight:bold;
color:#FFD781;
text-transform:uppercase;
font-size:10px;
margin:0px;

}
h2 {
font-family:Tahoma,Sans-serif;
font-size:14px;
color:#FFD781;
font-weight:bold;
text-transform:uppercase;
margin:0px 0px 5px 0px;

}
h3 {
font-family:Tahoma,Sans-serif;
font-size:14px;
color:#FFD781;
text-transform:uppercase;
margin:0px;

}


td.menu_item_selected a.menu1 {
color:#ffffff;

}
td.splash div.white {
letter-spacing:-1px;
color:white;
font-family:Verdana,Helvetica,sans-serif;
font-size:9px;

}

#CMFotoSidebar {
 position: absolute;
 top: 220px;
 padding: 11px 0px 0 10px;
 width: 180px;
 left: 50px;
 color: #605C5B;
}
#CMMp3Sidebar {
 position: absolute;
 top: 230px;
 padding: 0px 0px 0px 0px;
 width: 210px;
 left: 20px;
 color: #605C5B;
}
#CMConnectionsSidebar {
 position: absolute;
 top: 120px;
 padding: 11px 5px 0 10px;
 width: 180px;
 right: 20px;
 background:url('') no-repeat #262626;
 border: 1px #362F29 solid;
}
.cmPanel {
 width: 175px;
 color: #605C5B;
 font-size: 12px;
 padding: 0 5px 15px 5px;
}

.cmPanel ul {
 list-style: none;
 padding: 0;
 margin: 0;
 padding-top: 8px;
 margin-bottom: -1em;
}

.cmPanel li {
 margin: 0;
 padding: 0;
 line-height: 16px;
}

.cmPanel ul.bullets li, .cmPanel ul.bullets { list-style: square inside; }
.cmPanel ul.bullets li a { text-decoration: none; }

.cmPanel ul.i li.user, .cmPanel ul.i li.subscriber, .cmPanel ul.i li.automod, .cmPanel ul.i li.forumsmod, .cmPanel ul.i li.staff { padding-left: 0; }

.cmPanel li span.type { display: none; }
.cmPanel ul.i li span.type { display: block; position: absolute; margin-top: -33px;}



.cmPanel li a:hover {text-decoration: none;}
.cmPanel ul li img { display: none; }
.cmPanel ul.i li.imgtags a {padding-right: 0;}

.cmPanel ul.i li.imgtags a.img {
 display: inline;
 margin: 0; padding: 0; border: 0;
}

.cmPanel ul.i li.imgtags img {
 display: block;
 float: right;
}

.cmPanel ul.i {
 margin-bottom: 0;
}

.cmPanel ul.i li {
 display: block;
 padding-top: 4px;
 padding-bottom: 5px;
}

.cmPanel ul.i li a {
 display: block;
 background-color: #F7F8F3;
 background-position: top right;
 background-repeat: no-repeat;
 padding: 5px 55px 0 10px;
 overflow: hidden;
 height: 48px;
 text-align: left;
 font-size: 11px;
 border: 0;
 margin-left: -10px;
 font-weight: bold;
}

.cmPanel ul.i li a:hover { background-color: #F1F3EB; }
.cmPanel ul.i a:hover { border: 0;}

/* Panel footer div */

.cmpanel .f {
 margin-top: 5px;
 clear: both;
}


/* Links around whole p's get special treatment */
.cmPanel a.noline p { text-decoration: none; }
.cmPanel a:hover p { text-decoration: underline; }

/* 'alert' box, like "message sent" or "password changed" or some response to a form post */
/* always put text inside a <p class="happy|sad"> within a div/alert */
div.alert{
 border:1px solid grey; 
 padding:15px; 
 color: #00;
 border: 1px solid #CCC;
 vertical-align:middle; 
 text-align:center; 
 font-size:100%;
 font-weight: bold;
 margin-top: 10px;
}

div.alert p{ padding:0;margin:0;}
div.alert input{ padding:0;margin:0; font-color:red;}