/* 
'MATHIAS LAURIDSEN' LISTING 
 * Version 1.0 
 * Coded by Tess <http://fan.wyngs.net/> 
############################################ 
*/ 
body {
 background-color: #404040;
 margin: 0 auto;
 text-align: center;
}

body, div, p, span {
 color: #888888;
 font: 10pt Verdana, Tahoma, sans-serif;
 line-height: 21pt;
}

p {
 margin: 0 0 15px 0;
}

h1 {
 display: none;
}

h2 {
 color: #101010;
 font: 24pt Arial Narrow, Arial, Tahoma, Verdana, sans-serif normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: capitalize;
}

h3 {
 color: #B0B0B0;
 font: 17pt "Arial Narrow", Arial, Tahoma, sans-serif normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: capitalize;
}

a {
 color: #D80300;
 font-style: italic;
 text-decoration: underline;
}

a:hover {
 color: #000000;
}

/*
LAYOUT STYLES
############################################ 
*/ 
#container {
 background-color: #FFFFFF;
 margin: auto;
 text-align: left;
 width: 700px;
}

#top, #navigation {
 width: 700px;
}

#middle {
 background-color: #FFFFFF;
 width: 700px;
}

#content {
 background-color: #FFFFFF;
 float: left;
 padding: 0 5px;
 width: 390px;
}

#image {
 background: #FFFFFF url(img/header.png) top right no-repeat;
 float: left;
 height: 530px;
 width: 300px;
}

#footer {
 background-color: #000000;
 border-top: 3px solid #101010;
 clear: both;
 text-align: center;
 width: 700px;
} 

#footer p {
 color: #C0C0C0;
 margin: 0;
 padding: 5px 0;
}

/*
LAYOUT STYLES
############################################ 
*/ 
#navigation ul {
 height: 25px;
 margin: 0;
 padding: 0;
}

#navigation ul li {
 background-color: #202020;
 border: 0;
 display: block;
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 7px 0;
 text-align: center;
 width: 100px;
}

#navigation ul li a {
 color: #808080;
 font: 10.5pt Georgia, "Times New Roman", Times, serif normal;
 text-decoration: none;
 text-transform: capitalize;
}

#navigation ul li.c a {
 color: #C0C0C0;
 text-decoration: underline;
}

#navigation ul li a:hover {
 color: #FFFFFF;
}

/* 
FORMS 
############################################ 
*/ 
fieldset { 
 border: 0;
 margin: 0 1% 15px 1%; 
 width: 98%; 
} 

fieldset legend { 
 color: #404040; 
 font: 14pt Georgia, "Times New Roman", Times, serif; 
} 

fieldset label { 
 float: left;
 margin: 0 1% 0 0;
 text-align: right; 
 width: 49%; 
}

input, select, textarea { 
 background-color: #E0E0E0; 
 border: 1px solid #D0D0D0; 
 color: #787878; 
 font: 10pt Verdana, "Trebuchet MS", Tahoma, sans-serif; 
 margin: 0 0 3px 0; 
 padding: 5px 0; 
} 

option { 
 background-color: #E0E0E0; 
 font: 10pt Verdana, "Trebuchet MS", Tahoma, sans-serif; 
 margin: 0 0 1px 0;
 padding: 1px; 
}

.input1 { 
 width: 49%; 
} 

.input2 { 
 padding: 5px 3px; 
 width: auto; 
} 

.input3 { 
 border: 0; 
}

/* 
INDEX(/MISC) STYLES 
############################################ 
*/ 
.date { 
 background-color: #404040;
 color: #B0B0B0; 
 display: block;
 float: left; 
 font-size: 9pt;
 margin-right: 5px; 
 text-align: center;
 text-transform: uppercase; 
 width: 100px;
} 

.stats { 
 font: 11pt Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
 margin: 0 0 15px 0; 
} 

.stats tbody tr td.leftr { 
 color: #606060; 
 margin: 0;
 padding-right: 2px; 
 text-align: right; 
 text-transform: capitalize; 
} 

.stats tbody tr td.rightl { 
 border-left: 1px solid #D0D0D0;
 color: #C0C0C0;  
 margin: 0;
 padding-left: 5px; 
 text-align: left; 
}

#pagination {
 text-align: center;
} 

#pagination a { 
 font-style: normal; 
 text-transform: uppercase; 
} 

.paginate { 
 text-align: center; 
} 

.paginate a, .paginate a:hover { 
 font-style: normal; 
 text-transform: uppercase; 
}

/* 
MISC. STYLES 
############################################ 
*/ 
.tc { 
 text-align: center; 
} 

.tl { 
 text-align: left; 
} 

.tr { 
 text-align: right;
}

.error { 
 color: #FF0000; 
 text-transform: uppercase; 
} 

.success { 
 color: #66CC00; 
 text-transform: uppercase; 
} 

.mysql { 
 color: #0000FF; 
 text-transform: uppercase; 
} 

.php { 
 color: #FF9900;
 text-transform: uppercase; 
}

#show-codes ul li { 
 list-style-type: decimal; 
} 

#show-codes img {
 border: 10px solid #E0E0E0;
 margin: 1px;
} 

#show-codes a img { 
 border: 10px solid #C0C0C0;
 margin: 1px;
}

code {
 background-color: #E0E0E0; 
 border: 1px solid #C0C0C0;
 color: #505050;
 display: block;
 font: 11pt "Courier New", "Lucida Console", Arial, serif;
 margin: 0 0 15px 0;
 padding: 5px;
 text-align: center;
}

#show-members ol li {
 background-color: #E0E0E0;
 margin: 0 0 1px 0;
 padding: 3px;
}

#show-updates .comments {
 text-transform: uppercase;
}