/*
GLOBAL
*/

#container
{
width: 100%;
background-color: black;
color: #333;
border: 1px solid gray;
line-height: 130%;
color: #eeeeee;
min-width:800px;
}

body {
background-color: black;
}

h2 {
font-size: 15px;
color: white;
text-align: center;
}

#songname {
font-size: 18px;
color: white;
font-weight: bold;
}

a#editsong {
font-size: 11px;
}

p#success {
color: CornFlowerBlue;
}

p#failed {
color: DarkRed;
}

/*
HEADER
*/

#header
{
padding: .5em;
background-color: #212121;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
color: white;
font-size: x-large;
}

#headertable
{
background-color: #212121;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid #gray;
border-right: 1px solid gray;
color: white;
}

#ctl00_home:link {color: white; text-decoration: none;}
#ctl00_home:visited {color: white; text-decoration: none;}
#ctl00_home:hover {color: white; text-decoration: none;}

/*
LEFT CONTAINER
*/

#leftcontainer
{
/*float: left;*/
min-width: 240px;
}

#leftnav
{
/*float: left;*/
min-width: 240px;
max-width: 240px;
width:240px;
margin: 5px;
padding: 5px;
color: #638c9c;
background-color:#333333;
border: 1px solid gray;
font-size: 13px;
line-height: 115%;
}

#recentadditions
{
/*float: left;*/
min-width: 240px;
margin: 5px;
padding: 5px;
background-color:#333333;
border: 1px solid gray;
font-size: 13px;
line-height: 115%;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
a:link {color: #439ae3}
a:visited {color: #4274ff}

#tagcloud
{
	width:240px;
	max-width:240px;
	text-align:left;
	padding-top:2px;
}

.tag
{
/*
color: #F05048;
*/
}

/*
RIGHT CONTAINER
*/

#rightcontainer
{
/*float: right;*/
min-width: 160px;
}

#rightnav
{
/*float: right;*/
min-width: 160px;
min-height: 100px;
margin: 5px;
padding: 5px;
background-color:#333333;
border: 1px solid gray;
}

#metalgasm_widget,.metalgasm_widget
{
/*float: right;*/
min-width: 160px;
margin: 5px;
padding: 5px;
background-color:#333333;
border: 1px solid gray;
z-index:2;
}
.cl
{
    z-index:10;
}

/*
MOST RECENT METALGASM WIDGET
*/

#historylink:link {color: white; text-decoration: none;}
#historylink:visited {color: white; text-decoration: none;}
#historylink:hover {color: white; text-decoration: none;}

#bandname {
font-size: 11px;
text-decoration: none;
}

#albumname {
font-size: 11px;
text-decoration: none;
}

#genre {
font-size: 11px;
text-align: center;
color: black;
text-decoration: none;
}

#songname {
font-weight: 600;
color: LightGreen;
text-decoration: none;
}

#cont {
text-decoration: none;

}

/*
BREAD CRUMBS
*/

#breadcrumbs
{
color: #638c9c;
font-size: 13px;
}

/*
CONTENT
*/

#content
{
background-color:#333333;
/*margin-left: 200px;*/
border-top: 1px solid gray;
border-left: 1px solid gray;
/*margin-right: 200px;*/
border-right: 1px solid gray;
border-bottom: 1px solid gray;
padding: 1em;
min-height: 475px;
/*min-width:640px;*/
}

.textheader {
font-size: large;
color: white;
margin-bottom:0.1em;
}

.pageheader
{
font-size: x-large;
font-weight:bold;
color: white;
margin-bottom:0.1em; 
}

#gasmholder
{
text-align:left;
max-width:350px;
float:none;
position:relative;
margin: auto;
padding: 5px;
background-color:#333333;
border: 1px solid gray;
}

.title
{
color: #638c9c;
}

.smalltitle
{
font-size:small;
color: #638c9c;
}

#bands
{
color: #638c9c;
}

#albums
{
color: #638c9c;
}

#songs
{
color: #638c9c;
}

#songname
{
font-weight: 600;
color: LightGreen;
text-decoration: none;
}

#SongNameLabel
{
font-weight: 600;
color: LightGreen;
text-decoration: none;
}

/*
external link colour: 5588CC
internal link colour: 70B8FF
visited internal link: 7078FF
new item: F05048
*/
#testcolour
{
color: #5588CC;
}


#description
{
float: right;
border: 0px;
width: 500px;
max-width:500px;

}
#descriptionpanel
{
width: 500px;
max-width:500px;
margin: 5px;
padding: 5px;
background-color:#333333;
border: 1px solid gray;
}

/*
FOOTER
*/

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: white;
font-style: italic;
text-align: center;
font-size: small;
background-color: #212121;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

a#mailto
{
text-decoration: none;
color: white;
}

/*
MAIN NAV
*/

#mainnavcontainer
{
margin: 5px;
padding: 5px;
font-size: small;
}

#findnewmetal
{
margin-left: 143px;
margin-right: 5px;
float: left;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#usersnav
{
float: left;
margin-right: 5px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#historynav
{
float: left;
margin-right: 5px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#topbands,#topsongs,#blog,#faq,#twitter,#allbands,#topusers
{
float: left;
margin-right: 5px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#aboutme
{
float: right;
margin-left: 5px;
margin-right: 13px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#firefox
{
float: right;
margin-left: 5px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#exuberence
{
float: right;
margin-left: 5px;
border: 1px solid gray;
background-color:#333333;
padding-left: 3px;
padding-right: 3px;
}

#metalgasmtitlelink
{
float:left;
background-color: #212121;
color: white;
font-size: x-large;
}

.popUpStyle
    {
        font: normal 11px auto "Trebuchet MS", Verdana;   
        color: #4f6b72; 
        padding:6px;     
    }

.modalPopup
{
    border: 1px solid gray;
}

.modalBackground 
        {
            background-color:Black;
            filter:alpha(opacity=60);
            opacity:0.60;   
        }

#feedbackpanel
{
    background-color:Black;
}

.picture
{
    max-height:450px;
    max-width:450px;
}

.watermarked {

	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.linkto
{
    float:right;
    text-align:right;
    
}

.sharethis
{
    float:right;
    text-align:right;
    
}

.deletegasm
{
    float:right;
    text-align:left;
    
}

#collapsepanel
{
    height:0px;
    overflow:hidden;
}

.collapsepanel
{
    height:0px;
    overflow:hidden;
}

.likegasm
{
    float:left;
    text-align:left;
}


.genrelist
{
    float:right;
}

.genrelistleft
{
    float:left;
}

div.idleToolTip 
{
      display: none;
      visibility:hidden;
}

div.activeToolTip 
{
      display: inline;
      visibility:visible;
      background-color: #212121;
      color: white;
      border:1px solid black;
      float:right;
      width:200px;
}

#myToolTip
{
    width:400px;
    max-width:400px;
    min-width:400px;
}

.link
{
    color: #439ae3
}