/*
BAMBINO STYLESHEET 
 - Version 01 
 - Coded by Tess <http://wyngs.net/>
-----------------------------------------
*/
body {
 background-color: #FFFFFF;
 color: #606060;
 font: 10.5pt "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif;
 line-height: 22pt;
 margin: 30px auto;
 text-align: center;
}

p {
 margin: 0 0 15px 0;
}

h1 {
 display: none;
}

h2 {
 color: #B0B0B0;
 font: 20pt "Franklin Gothic Book", Tahoma, Verdana, sans-serif normal;
 margin: 0 0 1px 0;
 text-align: right;
 text-transform: uppercase;
}

#right h2 {
 color: #0F978F;
}

h3 {
 color: #808080;
 font: italic 15pt "Trebuchet MS", Tahoma, Verdana, sans-serif normal;
 margin: 0 0 1px 0;
 text-align: right;
 text-transform: uppercase;
}

a {
 border-bottom: 2px solid #FFFFFF;
 color: #FF454F;
 font-style: italic;
 text-decoration: none;
}

a:hover {
 border-bottom: 2px solid #FF454F;
 color: #FFFFFF;
}

a img {
 border: 0;
}

/*
LAYOUT STYLES:
-----------------------------------------
*/
#container {
 background: url(img/background.png) top right repeat-y;
 margin: auto;
 text-align: left;
 width: 800px;
}

#left {
 float: left; 
 margin: 0 1px 0 0;
 width: 599px;
}

#logo {
 background: #000000 url(img/header.png) top right no-repeat;
 border-bottom: 1px solid #FFFFFF;
 height: 200px;
 margin: 0 1px 0 51px;
 width: 548px;
}

#content {
 /*background-color: #000000;*/ 
 margin: 0 0 0 50px;
 padding: 10px;
 width: 529px;
}

#right {
 /*background-color: #21BEF1;*/
 float: right;
 padding: 10px;
 width: 180px;
}

#navigation {
 width: 180px;
}

#footer {
 background-color: #FFFFFF;
 clear: both;
 margin: 0;
 text-align: center;
 width: 800px;
}

#footer p {
 margin: 0;
 padding: 2% 0;
}

/* 
NAVIGATION STYLES: 
-----------------------------------------
*/ 
#navigation ul {
 margin: 0 0 15px 0;
 padding: 0;
}

#navigation ul li ul {
 margin: -2px 0;
 padding: 0;
}

#navigation ul li {
 background-color: #1CA3CF;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 2px 0;
 text-align: center;
}

#navigation ul li ul li {
 background-color: #7CD5F2;
 float: left;
 margin: 0 1px 1px 0;
 width: 89px;
}

#navigation ul li a {
 border: 0;
 color: #3F7B8E;
 font: normal 11pt "Franklin Gothic Book", "Trebuchet MS", Tahoma, Verdana, sans-serif bold;
 text-decoration: none;
 text-transform: uppercase;
}

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

#navigation ul li a:hover {
 border-bottom: 2px solid #226176;
 color: #FFFFFF;
 text-decoration: none;
}

/* 
SCRIPT STYLES: 
-----------------------------------------
*/ 
.stats tbody tr td.right {
 color: #FF454F;
 font-family: "Franklin Gothic Book", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
}

.fanlistings tbody tr td {
 background-color: #202020;
}

#show-joined table tbody tr td.left, #show-listings table tbody tr td.left {
 padding-right: 2%;
 text-align: right;
 width: 58%;
}

#show-joined table tbody tr td.center, #show-listings table tbody tr td.center {
 text-align: left;
 width: 40%;
}

.listings {
 background-color: #E0BE00;
 color: #404040;
 margin: 0 -10px 1px -9px;
 padding: 10px 10px 10px 10px;
 width: 528px;
}

.listings .image {
 float: left;
 margin-right: 10px;
}

.listings .text {
 padding-top: -15px;
}

.listings a {
 border: 0;
}

.listings img, .listings a img {
 border: 10px solid #C2A400;
}

.listings img:hover {
 border: 10px solid #E02F00;
}

.joinedButtons a, .newestRandom a {
 border: 0;
}

.joinedImage, .newestRandom img {
 border: 10px solid #E0BE00;
 margin: 2px;
}

.newestRandom .joinedRandom {
 border: 4px solid #1CA3CF;
 margin: 1px;
}

.joinedImage:hover, .newestRandom img:hover {
 border: 10px solid #E02F00;
 margin: 2px;
}

.newestRandom .joinedRandom:hover {
 border: 4px solid #E02F00;
 margin: 1px;
}

.topWishlist a {
 border: 0;
}

.wishlistImage {
 border: 10px solid #98C400;
 margin: 1px;
}

/*
OTHER STYLES: 
-----------------------------------------
*/
.center, .icons, .tc {
 text-align: center;
}

.left, .tl {
 text-align: left;
}

.right, .tr {
 text-align: right;
}

ol li {
 list-style-type: lower-roman;
}

.quote {
 background: #303030 url(img/quote.png) top left no-repeat;
 border-bottom: 6px solid #404040;
 color: #D0D0D0;
 font: italic 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 line-height: 20pt;
 padding: 15px 0 0 25px; 
}