/* -------------------------------------------------------------------------
	89ers.dk

	CSS version 1.0
--------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------
	Elements
------------------------------------------------------------------------- */
* 
{
	margin :				0;
	padding :				0;
}

body 
{
    background-color :      #000;    
	color :					#000;
	font-family:            Calibri, 'Myriad Pro';			
	font-size:              1em;	
}

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

a:hover
{
    color :                 #f00;
    text-decoration :       underline;
}

a.h1:hover
{
    text-decoration :       none;
}

a.h1:hover h1
{
    background-color:       #f00;
    color :                 #fff;
}

p
{
    clear:                  both;
	text-align : 			justify;
	padding : 				0 15px 10px 15px;		
	font-family:            Calibri, 'Myriad Pro';
	font-size:              1.2em;	
	margin-top:             5px;	
}

p span
{
    font-weight:            bold;
    font-size:              1.15em;
}

h1
{
    color:                  #f00;
    clear:                  both;
    text-align:             left;
    text-transform:         uppercase;
    font-family:            Impact;
    font-size:              3em;    
    line-height:            0.79em;  
    margin-bottom: 0.3em;  
}

h1 span
{
    position:               absolute;
    color:                  #fff;
    background-color:       #000;    
    font-family:            'Courier New';
    font-size:              0.25em;
    line-height:            1em;  
    padding:                0 15px 0 5px;  
    margin:                 -1.5em 0 15px;
}

h1 span a
{
	color: #fff;
}

h2
{
    color:                  #f00;
    clear:                  both;
    text-align:             left;
    font-family:            Impact;
    font-size:              2em;    
    line-height:            0.79em;    
}

img {
    border:                 none;
}

hr {
      background:           transparent url('Styles/Default/ui-hr.png') no-repeat top center;
      border:               none;   
      height:               23px;
      margin:               15px 0 20px 0;
}

label {  
	float:                  left;  
	width:                  10em;  
	margin-right:           1em; 
	padding-left:           15px;
}

blockquote    
{
    margin-left: 2em;
    padding-left: 4px;
    border-left: 7px solid gray;
    font-style: italic;

    }

div.clear, div.clearline
{
    width:                  100%;
    height:                 15px;
}

div.center
{
    text-align:             center;
    margin-top:             1em;
}

img.centered {
    display:block;
    text-align:center;
    margin-top:0.8em;
    margin-bottom:0.8em;
    padding:0px;
    margin-left: auto;
    margin-right: auto;
    border: 8px solid black;
    max-width: 522px;
}

/* -------------------------------------------------------------------------
	Classes - Basic
------------------------------------------------------------------------- */

#container
{
    margin :                0 auto;
    height :                auto;
    width :                 100%;            
}

#top-container 
{
    position:               relative;
    margin:                 0 auto;
    background-image :      url('Styles/Default/bg-top.png');
    background-position :   center top;
    background-repeat :     no-repeat;    
    height :                236px;    
}

#top-container #top-content
{
    position:               relative;
    margin :                0 auto;
    width :                 552px;    
    font-family:            Kalinga, 'Myriad Pro';       
}

#top-container #top-content #effects-01
{
    position: absolute;
    left: -225px;
    top: 300px;
    background-image: url('Styles/Default/bg-extra-splash.png');
    background-repeat:no-repeat;
    background-position:left top;
    width: 375px;
    height: 422px;
    z-index: 1;
}

#top-container #top-content #effects-02
{
    position: absolute;
    right: -100px;
    top: -15px;
    background-image: url('Styles/Default/bg-extra-mud-03.png');
    background-repeat:no-repeat;
    background-position:left top;    
    width: 235px;
    height: 212px;
    z-index: 1;
}

#top-container #top-content li
{
    display:                inline;
    list-style-type:        none;    
    padding-left:           5px;
    margin-right:           5px;    
    border-left:            1px solid #f00;    
}

#top-container #top-content li:first-child
{
    padding:                0;
    margin:                 0;
    border:                 none;
}

#top-container #top-navigation
{
    position:               relative;
    margin:                 0 auto;
    width:                  750px;
    height:                 190px;
}

#top-container #top-navigation #menu
{
    position:               absolute;
    right:                  87px;
    bottom:                 18px;    
    width:                  180px;
    height:                 85px;    
}

#top-container #top-navigation #submenu
{
    position:               absolute;
    left:                   50%;
    top:                    -10px;
    margin-left:            -300px;
    width:                  600px;
    height:                 2em;
    line-height:            2em;    
    text-align:             center; 
	font-family:            Calibri, 'Myriad Pro';

	font-weight:            bold;
	color:                  #fff;      
}

#top-container #top-navigation #submenu a
{
	font-family:            Calibri, 'Myriad Pro';
	font-size:              1.1em;	
	font-weight:            bold;
	color:                  #fff;  
}

#top-container #top-navigation #submenu li
{
    display:                inline;
    list-style-type:        none;    
    padding-left:           5px;
    margin-right:           5px;    
    border-left:            1px solid #fff;    
}

#top-container #top-navigation #submenu li:first-child
{
    padding:                0;
    margin:                 0;
    border:                 none;
}

#top-container #top-navigation #logo
{
    position:               absolute;
    left:                   5px;
    bottom:                 5px;    
    width:                  380px;
    height:                 150px;    
}

#main-container
{
    position:               relative;
    margin :                0 auto;
    background-image :      url('Styles/Default/bg-content.png');
    background-position :   center top;
    background-repeat :     repeat-y;
    min-height: 	        120px;
    height:                 auto;
}

#main-content
{
    position:               relative;    
    margin :                0 auto;
    width :                 552px;    
    min-height:             150px;
    z-index:                2;
}

#main-content-end
{
    position:               absolute;
    height:                 211px;
    width:                  100%;
    bottom:                 -144px;
    background-image :      url('Styles/Default/bg-bottom.png');
    background-position :   center top;
    background-repeat :     no-repeat;    
}

#main-content-background
{
    position:               absolute;
    overflow:               hidden;           
    height:                 2924px;
    width:                  100%;
    margin:                 0 auto;    
    background-image :      url('Styles/Default/bg-body.jpg');
    background-repeat :     no-repeat;   
    background-position :   center top;      
    left:                   0;
    bottom:                 -1070px;    
    z-index:                -1;
}


#bottom-container
{
    margin :                0 auto;
    height :                300px;    
    padding-top:            115px;
    text-align:             center;
    color:                  #fff;
    font-family:            Cambria, 'Myriad Pro';      
}


/* -------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------- */

#comments-edit
{
    position:               absolute;
    bottom:                 5px;
    right:                  0;
    color:                  #fff;
    background-color:       #000;    
    font-family:            'Courier New';
    font-size:              0.70em;
    line-height:            1em;  
    padding:                2px 3px 2px 3px;
    text-transform:         uppercase;
    z-index:                999;
}

#comments-edit a
{
	color:                  #fff;
}

#comments-edit a:hover
{
	color:                  #f00;
}


/* -------------------------------------------------------------------------
	Classes - Popup
------------------------------------------------------------------------- */

#container-popup-fade {
    position:               absolute;
    background-color:       #000000;
    filter:                 alpha(opacity=65);
    opacity:                0.65;
    display:                none;
    z-index:                101;
    top:                    0;
    left:                   0;
}

#container-popup-animation {
    position:               absolute;
    display:                none;
    filter:                 alpha(opacity=100);
    opacity:                1.0;    
    z-index:                102;
    top:                    0;
    left:                   0;
    width:                  220;
    height:                 20;
}

.container-popup {
    border:                 10px solid white;
    height:                 300px;
    width:                  400px;
    overflow:               hidden;    
    position:               absolute;
    display:                none;
    z-index:                103;
}   



.disabled
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;            
    filter: alpha(opacity=40)
}


/* -------------------------------------------------------------------------
	Classes - Table
------------------------------------------------------------------------- */

.table {
   table-layout:fixed;
   position: relative;
   display: block;
   min-height: 23px;
   width: 100%;
   clear:both;
   margin-top: 2px;
   }

.td-left {
   position: absolute;
   left: 0;
   width: 80%;
   overflow: hidden; 
   text-overflow: ellipsis; 
   white-space: nowrap;
   }

.td-right {
   position: absolute;
   right: 0;
   width: 20%;
   overflow: hidden;
   text-align: right; /* depends on element width */
   }
   
.form-left {
   position: absolute;
   left: 0;
   width: 22%;
   }

.form-right {
   position: absolute;
   right: 0;
   width: 76%;
   text-align: left; /* depends on element width */
   }
      
   
#messagebox
{
	overflow: hidden;
	z-index: 99999;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 0;
	color: #000;
	font: 20px/40px Calibri, 'Myriad Pro', Arial, sans-serif;
	opacity: .9;
}   

#items label {  
	float: none;  
    width: auto;
    margin:0; 
    padding:0;
    padding-left: 5px;
}


/* -------------------------------------------------------------------------
	Roster
------------------------------------------------------------------------- */

table#roster a
{
    color: #000;
    }

table#roster
{
    width: 100%;
    padding:0;
    margin:0;
    border-spacing: 0;    
}

#roster tr
{
    height: 41px;
    background-image: url('Styles/Default/ui-list-bg-01.png');
    background-position: top left;
    background-repeat: repeat;    
    text-align:center; 
}

#roster-name
{
    font-size: 0.8em;
}


/* -------------------------------------------------------------------------
	Forum
------------------------------------------------------------------------- */

table#forum a
{
    color: #000;
    }

table#forum
{
    width: 100%;
    padding:0;
    margin:0;
    border-spacing: 0;
    border-collapse: collapse;
}

table#forum thead tr
{
    background-image: none;
    height: auto;
    color: #666;
}

table#forum thead tr th
{
    text-align: left;
}

table#forum tr
{
    height: 41px;
    background-image: url('Styles/Default/ui-list-bg-01.png');
    background-position: top left;
    background-repeat: repeat;    
}

table#forum tr td:first-child
{
    padding-left: 3px;
}


table#forum tr td span
{
    font-size: 0.8em;
}



/* -------------------------------------------------------------------------
	External (Table)
------------------------------------------------------------------------- */

table#external
{
    width: 100%;
    padding:0;
    margin:0;
    border-spacing: 0; 
    border-collapse: collapse;   
}

#external tr
{
    height: 41px;
    background-image: url('Styles/Default/ui-list-bg-01.png');
    background-position: top left;
    background-repeat: repeat;    
    text-align:center; 
}

#external tr td h4
{
    color: #666;    
}

#external tr.normal
{
    height: 41px;
    background-image: url('Styles/Default/ui-list-bg-01.png');
    background-position: top left;
    background-repeat: repeat;    
    text-align:center; 
}

#external tr.alternative
{
    height: 41px;
    background-image: url('Styles/Default/ui-list-bg-02.png');
    background-position: top left;
    background-repeat: repeat;    
    text-align:center; 
}




 /* -------------------------------------------------------------------------
	Social media
------------------------------------------------------------------------- */   

table.social-media
{
    text-align: center;
    vertical-align: top;
    border-collapse: collapse;           
    margin: 10px auto 10px auto;
}

table.social-media tbody tr td
{    
    text-align: center;    
    vertical-align: top;
    width: 75px;
    height: 70px;
}



/* -------------------------------------------------------------------------
	Plugin - ImgAreaSelect
------------------------------------------------------------------------- */

.imgareaselect-border1 { background: url(images/crop/border-v.gif) repeat-y left top; }
.imgareaselect-border2 { background: url(images/crop/border-h.gif) repeat-x left top; }
.imgareaselect-border3 { background: url(images/crop/border-v.gif) repeat-y right top; }
.imgareaselect-border4 { background: url(images/crop/border-h.gif) repeat-x left bottom; }
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 { orphans: 0.5; filter: alpha(opacity=50); }
.imgareaselect-handle { background-color: #fff; border: solid 1px #000; opacity: 0.5; filter: alpha(opacity=50); }
.imgareaselect-outer { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
.imgareaselect-selection {}

















#xtabs ul {float:left;list-style-type:none;margin:0px;padding:0px;}  
#xtabs ul li {float:left; background-color: #cccccc; border: 1px solid gray; margin-right: 5px;}  
#xtabs ul li a {float:left;color: #000; padding-left:10px;padding-right:10px; padding-top: 2px; padding-bottom: 2px;}  


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 21px; /*--Set height of tabs--*/
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 20px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 0.9em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: transparent;
	border-bottom: none; /* 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: transparent;
}
.tab_content {
	padding: 20px;
}




.youtube-player
{
    border: 11px solid black;
    }