/* ******** STRUCTURE ELEMENTS ******** */

#container {
margin: 0;
background: #000 url('../images/bg.jpg') 0 0 no-repeat;
background-attachment: fixed;
padding: 0;
width: 100%;
min-height: 721px;
}

#header {
margin: 0;
width: 600px;
height: 70px;
display: block;
}

#headerLogo {
background: transparent url('dropdown/themes/amphitrium/images/icon.png') 0 0 no-repeat;
margin: 0;
width: 170px;
height: 70px;
display: block;
}

#navigation {
margin: 0 0 10px 0;
clear: both;
}

#content {
width: 62%;
min-height: 500px;
margin: 20px;
padding: 60px 360px 0 100px;
}

#sidebar{
background: transparent url('../images/news_bg.png') 0 0 no-repeat;
margin: 30px 20px 0 0;
padding: 40px 10px 10px 20px;
width: 324px;
min-height: 433px;
float: right;
clear: both;
}

.footer{
padding: 40px 0 0 0;
text-align: center;
font-size: 11px;
color: #222;
width:100%;
clear: both;
}


/* ******** CUSTOM ELEMENTS ******** */

#lastNews {
margin: 0 0 20px 0;
padding: 0;
font-size: .9em;
}

#lastNews li{
padding: 5px 0;
width:270px;
display:block;
border-bottom: 1px #666 dotted;
}

.lastNewsTitle {
margin: 0 0 5px 0;
padding: 0 2px;
display:inline-block;
width:200px;
font-weight: bold;
}

.lastNewsDate {
margin: 0 0 5px 0;
padding: 0 2px;
display:inline-block;
width:100%;
}

.lastNewsText {

}

.lastNewsReadMore {

color: #999;
font-style:italic;
}

.lastNewsReadMore ul li a {
color: #999;
font-style:italic;
}

#globalNews {
margin: 0;
padding: 5px;
}

#globalNews ul {
list-style:none;
}

ul#globalNews li {
background-color: #330000;
opacity: .7;
margin: 10px 0;
padding: 10px;
border: 1px #000 solid;
color:#FFFFFF;
display:block;
width:800px;
}

.globalNewsDate {
margin: 0 0 8px 10px;
display:inline-block;
width: 200px;
}

.globalNewsTitle {
margin: 0 0 4px 0;
display:inline-block;
width: 550px;
font-size:1.1em;
font-weight: bold;
}

.globalNewsText1, .globalNewsText2 {
display: block;
width: 550px;
clear:left;
}

.globalEvent {
margin: 0;
padding: 5px;
}

.globalEvent ul {
list-style:none;
}

ul.globalEvent li {
margin: 0;
padding: 10px 0;
display:block;
width:801px;
min-height: 109px;
}

ul#upcomingEvent li{
background: transparent url('../images/tapeUpcoming.png') 0 0 no-repeat;
}

ul#event2011 li{
background: transparent url('../images/tape2006.png') 0 0 no-repeat;
}

ul#event2010 li{
background: transparent url('../images/tape2010.png') 0 0 no-repeat;
}

ul#event2009 li{
background: transparent url('../images/tape2009.png') 0 0 no-repeat;
}

ul#event2008 li{
background: transparent url('../images/tape2008.png') 0 0 no-repeat;
}

ul#event2007 li{
background: transparent url('../images/tape2007.png') 0 0 no-repeat;
}

ul#event2006 li{
background: transparent url('../images/tape2006.png') 0 0 no-repeat;
}

ul#event2005 li{
background: transparent url('../images/tape2005.png') 0 0 no-repeat;
}

ul#event2004 li{
background: transparent url('../images/tape2004.png') 0 0 no-repeat;
}

ul#event2003 li{
background: transparent url('../images/tape2003.png') 0 0 no-repeat;
}

.globalEventTitle {
margin: 0;
padding: 15px 0 0 40px;
display:inline-block;
width: 450px;
font-weight: bold;
}

.globalEventDate {
margin: 0;
padding: 10px 0 0 18px;
display:inline-block;
width: 250px;
}

.globalEventText {
margin: 0;
padding: 10px 0 0 40px;
display: block;
width: 450px;
clear:left;
}

#pastEventList{
margin: 0 0 180px 30px;
font-size:1.2em;
}

ul#pastEventList li a{
background: transparent url(../images/eventListIcon.png) 0 10px no-repeat;
padding: 10px 0 10px 50px;
display: block;
width: 500px;
}

ul#pastEventList li a:hover{
background: transparent url(../images/eventListIcon_hover.png) 10px 10px no-repeat;
padding: 10px 0 10px 70px;
text-transform:capitalize;
color: #CC0000;
font-weight:bold
}

#cover{
margin: 10px 0;
}

#historyContainer {
min-width:400px; 
width:100%;
text-align: justify;
}

#history2010Container {
margin: 20px 0 0 0;
display:block; 
width:100%; 
text-align:center;
}

#history1Image{
 margin: 0; 
 padding: 0 10px 0 20px;
 float:right; 
}

#history2Image{
 margin: 0; 
 padding: 10px 20px 10px 0; 
 float:left; 
}

#bandImage{
margin: 0;
}

#facebook {
margin: 10px 10px 20px 20px;
display:block;
width: 47px;
height: 80px;
position:absolute;
top:-20px;
left:70%;
}

#facebook a{
background: transparent url('../images/facebook_tape.png') 0 0 no-repeat;
margin-right: 10px;
display:block;
width: 47px;
height: 80px;
}

#myspace {
margin: 10px 10px 20px 0;
display:block;
width: 47px;
height: 80px;
position:absolute;
top:-20px;
left:65%;
}

#myspace a{
background: transparent url('../images/myspace_tape.png') 0 0 no-repeat;
display:block;
width: 47px;
height: 80px;
}

#order {
margin: 20px 0 0 40px;
width: 300px;
height: 70px;
}

#order a{
background: transparent url('../images/order_btn.png') 0 0 no-repeat;
width: 214px;
height: 50px;
display: block;
}

#order a:hover{
background-position: 0 -60px;
}

#nextButton {
margin: 20px 20px 0 0;
display: block;
width: 214px;
height: 50px;
float: right;
}

#nextButton a{
background: transparent url('../images/next_btn.png') 0 0 no-repeat;
width: 214px;
height: 50px;
display: block;
}

#nextButton a:hover{
background-position: 0 -60px;
}

#previousButton {
margin: 20px 0 0 20px;
display: block;
width: 214px;
height: 50px;
float: left;
}

#previousButton a{
background: transparent url('../images/previous_btn.png') 0 0 no-repeat;
width: 214px;
height: 50px;
display: block;
}

#previousButton a:hover{
background-position: 0 -60px;
}

.bandMember{
font-size: 1.1em;
color: #ccc;
}

.quote {
font-style: italic;
}

.footerLink {
color: #222;
text-decoration:none;
}

a.footerLink:visited {
color: #222;
text-decoration:none;
}

a.footerLink:hover{
color: #555;
}

#flashcontent{
 width:700px;
 height:500px;
 }
 
#discographyList td{
 padding: 20px 10px;
 }
 
#discographyListScarsache a{
 background: transparent url('../images/scarsache.png') 0 0 no-repeat;
 display: block;
 width: 200px;
 height: 199px;
}

#discographyListScarsache a:hover{
background-position:  0 -210px;
}

#discographyListNemorivagus a{
 background: transparent url('../images/nemorivagus.png') 0 0 no-repeat;
 display: block;
 width: 200px;
 height: 199px;
}

#discographyListNemorivagus a:hover{
background-position:  0 -210px;
}

#discographyListFioriDelMale a{
 background: transparent url('../images/fioriDelMale.png') 0 0 no-repeat;
 display: block;
 width: 200px;
 height: 199px;
}

#discographyListFioriDelMale a:hover{
background-position:  0 -210px;
}

#discographyListAmphitryon a{
 background: transparent url('../images/amphitryon.png') 0 0 no-repeat;
 display: block;
 width: 200px;
 height: 199px;
}

#discographyListAmphitryon a:hover{
background-position:  0 -210px;
}

#discographyListSilenceIsMine a{
 background: transparent url('../images/silenceIsMine.png') 0 0 no-repeat;
 display: block;
 width: 200px;
 height: 199px;
}

#discographyListSilenceIsMine a:hover{
background-position:  0 -210px;
}

.sitemap li{
margin: 5px 10px;
display:block;
width: 300px;
}

.sitemap .firstLevel {
text-transform: uppercase;
font-size:1.2em;
}

.sitemap .secondLevel {
margin-left: 40px;
font-size:1.1em;
}

.sitemap .thirdLevel {
margin-left: 80px;
font-size:1.1em;
}

.contentTitle{
margin: 0 0 10px 0;
display:block;
width: 400px;
clear: both;
}

.wallpaper{
 display: block;
 width: 355px;
 height: 200px;
}

#wallpaperBand{
 background: transparent url('../images/download/band_thumb.jpg') 0 0 no-repeat;
}

#wallpaperSam{
 background: transparent url('../images/download/evilsam_thumb.jpg') 0 0 no-repeat;
}

#wallpaperGianka{
 background: transparent url('../images/download/gianka_thumb.jpg') 0 0 no-repeat;
}

#wallpaperTenka{
 background: transparent url('../images/download/tenka_thumb.jpg') 0 0 no-repeat;
}

#wallpaperMalda{
 background: transparent url('../images/download/malda_thumb.jpg') 0 0 no-repeat;
}

#wallpaperKaos{
 background: transparent url('../images/download/kaos_thumb.jpg') 0 0 no-repeat;
}

#wallpaperScarsache{
 background: transparent url('../images/download/scarsache_thumb.jpg') 0 0 no-repeat;
}

#wallpaperAmphitrium{
 background: transparent url('../images/download/amphitrium_thumb.jpg') 0 0 no-repeat;
}

#wallpaperPortrait{
 background: transparent url('../images/download/portrait_thumb.jpg') 0 0 no-repeat;
}

.creditsLogo{
 padding:0;
 display:block; 
 width:160px;
 height:120px;
 text-align:center;
 vertical-align: middle;
}




/* ******** COMMON ELEMENTS ******** */

* { margin: 0; padding: 0; }

body { padding: 10px 0 0 0;background-color: black; color: #ccc; font: 13px/normal Tahoma, Arial, Helvetica, sans-serif; }

h1 {
margin-bottom: .5em; 
border-bottom: solid 1px #d9d9d9; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 180%; 
text-indent: 5px; 
letter-spacing: -1px; }

h2{
color: #fff;
padding: 10px 0 20px 0;
font-weight: lighter;
}

h3{
color: #c00;
padding: 10px 0 10px 0;
}

a{
color: #ccc;
text-decoration:none;
}

a:visited{
color: #ccc;
text-decoration:none;
}

a:hover {
color: #aaa;
}

a:active{
color: #ccc;
text-decoration:none;
}

P{
padding: 5px 2px;
}

ul {
list-style: none;
}

img {
border: 0;
}

table td {
padding: 4px 8px;
}