/*
BAMBINO STYLESHEET 
 - Version 01 
 - Coded by Tess <http://wyngs.net/>
-----------------------------------------
*/
body {
 background: #FFFFFF url(img/arHeader.png) top right repeat-y;
 color: #606060;
 font: 10.5pt "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif;
 line-height: 22pt;
 margin: 0 0 0 auto;
 text-align: right;
}

p {
 margin: 0 0 15px 0;
}

h1 {
 display: none;
}

@font-face {
 font-family: Gender;
 src: url("txt5AMGender.ttf");
}

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

@font-face {
 font-family: Cairo;
 src: url("txtCairo.ttf");
}

h3 {
 color: #404040;
 font: bold 21pt Cairo, Garamond, "Times New Roman", Times, Georgia, serif;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: lowercase;
}

a {
 border-bottom: 2px solid #404040;
 color: #636C33;
 font-style: italic;
 text-decoration: none;
}

a:hover {
 border-bottom: 2px solid #636C33;
 color: #404040;
}

a img {
 border: 0;
}

/** 
 ==================================================== 
  > LAYOUT STYLES 
 ==================================================== 
*/ 
#container {
 margin: 0 0 0 auto;
 text-align: left;
 width: 100%;
}

#wrapper {
 margin: 0 0 0 auto;
 margin-right: 210px;
 width: 690px;
}

header {
 display: block;
}

section#left {
 background: url(img/arLogo.png) top left no-repeat;
 border-bottom: 1px solid #FFFFFF;
 display: block;
 float: left;
 margin: 20px 10px 0 0;
 padding: 100px 0 0 0;
 text-align: right;
 width: 170px;
}

section#left a {
 border: 0;
}

section#left img {
 background-color: #F0F0F0;
 border: 1px solid #D0D0D0;
 margin: 0 0 3px 0;
 padding: 7px;
}

section#content {
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 8px 0;
 width: 510px;
}

#clear {
 clear: both;
}

section#navigation {
 display: block;
 height: 35px;
 bottom: 0;
 right: 0;
 margin: 0 550px 0 0;
 position: fixed;
 width: 350px;
}

footer {
 background-color: #FFFFFF;
 clear: both;
 display: block;
 margin: 0 0 0 auto;
 text-align: right;
 width: 700px;
}

footer p {
 font: 10.5pt "Franklin Gothic Book", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 margin: 0;
 padding: 1%;
}

/** 
 ==================================================== 
  > NAVIGATION STYLES 
 ==================================================== 
*/ 
#navigation menu {
 display: block;
 margin: 0;
 padding: 0;
}

#navigation menu li {
 background-color: #000000;
 display: block;
 float: left;
 height: 35px;
 list-style-type: none;
 margin: 0 3px;
 padding: 2px 10px 0 10px;
 text-align: center;
 width: auto;
}

#navigation menu 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 menu li.c a {
 color: #AA1D24;
 text-decoration: underline;
}

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

/** 
 ==================================================== 
  > SCRIPT STYLES 
 ==================================================== 
*/ 
.stats {
 width: 100%;
}

.stats tbody tr td.right {
 color: #F01B00;
 font-family: "Franklin Gothic Book", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-weight: bold;
 padding: 0 1% 0 0;
 text-transform: uppercase;
 width: 49%;
}

/** 
 Let's get some fanlistings~! 
 ================================= 
*/ 
table.fanlistings {
 margin: 0 0 20px 0;
 width: 100%;
}

table.fanlistings .fl {
 background-color: #E0E0E0;
 text-align: center;
 width: 50%;
}

.current p {
 margin: 0;
 padding: 10px 10px 5px 10px;
}

.current span#left {
 display: block;
 float: left;
 padding: 0 0 0 5px;
 text-align: left;
 width: 255px;
}

.current span#right {
 display: block;
 float: left;
 text-align: right;
 width: 230px;
}

.current span a {
 border: 0;
 font: normal 40pt "Franklin Gothic Book", Tahoma, "Trebuchet MS", Verdana, sans-serif;
 text-transform: uppercase;
}

.current span#left a {
 color: #000000;
}

#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: #E0E0E0;
 color: #404040;
 margin: 0 0 1px 0;
 padding: 10px;
 width: 490px;
}

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

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

.listings a {
 border: 0;
}

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

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

.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 {
 background-color: #F0F0F0;
 border: 1px solid #D0D0D0;
 margin: 1px;
 padding: 4px;
}

.granted a {
 border: 0;
}

#pagination {
 text-align: center;
}

#pagination a {
 background-color: #F0F0F0;
 border: 0;
 color: #808080;
 font-style: normal;
 margin-right: 3px;
 padding: 2px 4px;
 text-transform: uppercase;
}

#pagination a:hover {
 color: #1A606A;
}

#pagination span {
 background-color: #EF2F60;
 color: #FFFFFF;
 margin-right: 3px;
 padding: 2px 4px;
 text-transform: uppercase;
}

/** 
 ==================================================== 
  > MISCELLANY STYLES 
 ==================================================== 
*/ 
.center, .icons, .tc {
 text-align: center;
}

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

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

.date {
 background-color: #E36C00;
 color: #FFFFFF;
 display: block;
 font: 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 margin-right: 5px;
 padding: 5px;
 text-align: center;
 text-transform: uppercase;
 width: 120px;
}

.date a {
 border: 0;
 color: #E0E0E0;
 font-style: normal;
}

.date a:hover {
 text-decoration: underline;
}

.layouts a {
 border: 0;
}

.layouts img {
 background-color: #F0F0F0;
 border: 1px solid #D0D0D0;
 margin: 0 3px 3px 0;
 padding: 7px;
}

menu#menu {
 display: block;
 padding-left: 30px;
}

menu#menu li {
 padding-left: 5px;
 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; 
}