/**
 * The Fanlistings Network
 *
 * This is a global stylesheet with the styles that are the same for all skins.
 * Color and image styles related to each specific skin go in the stylesheet.css
 * file in each skin folder.
 */
body {
 background: #EEE url('https://thefanlistings.org/images/mainbg.gif');
 color: #424242;
 font: 12px Verdana, Tahoma, Arial sans-serif;
 line-height: 170%;
 margin: 0 auto;
 text-align: center;
}

samp, pre {
 color: #707070;
 font: 13px "Lucida Console", "Courier New", "Times New Roman", Times, serif;
}

a, a:link, a:active, a:visited {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

/**
 * Layout styles
 */
#zoneContainer {

}

#container {
 background: url('https://thefanlistings.org/images/layout-bg.png') repeat-y fixed top center;
 height: 100%;
 margin: -75px 0 0 0;
 width: 100%;
}

#layout {
 width: 960px;
 margin: 0 auto;
 background: #FFFFFF;
}

#layout2 {
 clear: both;
 width:960px;
 margin: 0 auto;
 background: #FFFFFF;
}

#header {
 background-color: #393939;
 height: 149px;
 width: 100%;
}

#navigation {
 color: #FFFFFF;
 font: 13px Arial, Verdana, Tahoma, sans-serif;
 height: 50px;
 margin: 0;
 padding: 1px 0 0 0;
 text-align: left;
 text-transform: uppercase;
 width: 100%;
}

#breadcrumb {
 text-align: left;
}

#mainarea {
 color: #424242;
 font: 12px Verdana, Arial, sans-serif;
 margin: 0;
 line-height: 150%;
 padding: 25px;
 text-align: justify;
 width: 910px;
}

html > body #mainarea {
 width: auto;
}

#content {
 width: 610px;
 float: left;
}

#tfldevs {
 background: url(https://thefanlistings.org/images/dev.png) top left no-repeat;
 position: absolute;
 top: 0;
}

#tfldevs a {
 display: inline-block;
 height: 150px;
 width: 27px;
}

#sidebar {
 width: 260px;
 float: right;
 padding: 0 0 0 20px;
}

#clear, .clear {
 clear: both;
 height: 0;
}

#footer {
 background: #111;
 border-top: solid 1px #333;
 clear: both;
 color: #FFFFFF;
 font-size: 11px;
 margin: 0;
 padding: 10px;
 text-align: center;
 width: 940px;
}

#lower {
 background-color: #222;
 clear: both;
 color: #FFFFFF;
 font-size: 11px;
 margin: 0;
 padding: 25px;
 text-align: center;
 width: 910px;
}

p, center {
 margin: 10px 0 15px 0;
 padding: 0;
}

blockquote {
 margin: 10px 25px;
 padding: 0;
}

.right {
 text-align: right;
}

.center {
 text-align: center;
}

.spot-left {
 float: left;
 padding: 0 9px 0 0;
 width: 120px;
}

.spot-right {
 float: right;
 padding: 0 0 0 9px ;
 border-left: solid 1px #DDD;
 width: 120px;
}

/**
 * Content
 */
.divider {
 width:100%;
 height: 1px;
 border-top: dotted 1px #EEE;
 margin: 15px 0;
}

.content-welcome {
 float: left;
 width: 360px;
}

.content-tfl {
 border-left: 1px dotted #EEE;
 color: #666;
 float: right;
 padding: 0 0 0 20px;
 width: 220px;
}

.recent-update-first {
 float: left;
 padding: 0 10px 0 0;
 border-right: dotted 1px #EEE;
 width: 194px;
}

.recent-update {
 float: left;
 width:189px;
 padding: 0 10px;
 border-right: dotted 1px #EEE;
}

.recent-update-last {
 margin:0;
 float: right;
 width:180px;
 margin: 0;
 padding: 0 0 0 10px;
}

h1 {
 display:none;
}

h2, h2.first {
 font: 15px Verdana, Arial, Tahoma, sans-serif normal;
 margin: 0;
 padding: 0;
 text-align: left;
 text-transform: uppercase;
}

h3 {
 font: 15px Verdana, Arial, sans-serif normal;
 margin: 0;
 padding: 0;
 text-transform: capitalize;
}

h3.update_entry_date {
 color: #A6E0F4;
 font: 14px Verdana, Arial, Tahoma, sans-serif normal;
 margin: 0;
 padding: 4px 0;
 text-transform: capitalize;
}

h3.update_entry_title {
 font: 15px Verdana, Arial, Tahoma, sans-serif normal;
 margin: 0;
 padding: 0;
 text-transform: capitalize;
}

#content h3 {
 text-align: left;
}

h4 {
 color: #424242;
 font: bold 12px Verdana, Arial, Tahoma, sans-serif;
 margin: 0;
 padding: 4px 0 4px 0;
 text-align: center;
}

h5 {
 color: #424242;
 font: bold 12px Verdana, Arial, Tahoma, sans-serif;
 margin: 15px 0 5px 0;
 padding: 0;
}

p.spacer {
 height:15px;
}

/**
 * Login
 */
#login {
 background-color: #FFFFFF;
 border: 1px solid #D0D0D0;
 margin: auto;
 text-align: left;
 width: 60%;
}

section#form {
 display: block;
 padding: 0.5% 1%;
 width: 98%;
}

/**
 * Sidebar & Menu
 */
.menutitle {
 cursor: pointer;
 font: bold 11px Arial, Verdana, sans-serif;
 margin-bottom: 3px;
 padding: 3px;
 text-align: left;
 text-transform: uppercase;
}

.submenu{
 margin-bottom: 0.5em;
}

#masterdiv ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 line-height:normal;
}

#masterdiv li {
 display: block;
 margin: 0;
 padding: 0 0 3px 4px;
 line-height: normal;
 text-transform: capitalize;
}

/* lower div - support & etc */
.foot-left {
 float: left;
 text-align: left;
 width: 48%;
}

.foot-right{
 float: right;
 text-align: left;
 width: 48%;
}

/**
 * Updates Blog
 */
h2.blog_date {
 font: bold 15px Verdana, Tahoma, Arial, sans-serif;
 margin: 0;
 padding-left: 3px;
 text-align: left;
 text-transform: capitalize;
}

h3.blog_title {
 font: bold 15px Verdana, Tahoma, Arial, sans-serif;
 margin: 0;
 padding: 3px;
 text-align: left;
 text-transform: capitalize;
}

div.blog_timestamp {
 color: #AAAAAA;
 font-size: 9px;
 text-align: right;
 text-transform: uppercase;
}

div.blog {
 margin-bottom:20px;
}

div.blog_search {
 text-align:center;
}

/**
 * Main content (main content and sidebar) styles!
 */
.center {
 text-align:center;
}

.noBottom {
 margin: 0;
}

.smallNote {
 color: #909090;
 font-size: 10pt;
}

/**
 * Forms
 */
input, textarea, option, select {
 font-family: "Verdana", "Arial", "Tahoma";
 font-size: 12px;
 color: #424242;
 background:#FFFFFF;
 padding:4px;
}

.paypalbutton input {
 background: none;
 border: 0;
}

.newform .form, .newform textarea {
 width: 400px;
}

.newform .checkbox {
 background-color: transparent;
 border: 0;
}

.newform select {
 padding: 0;
}

.newform option {
 border-top: 0;
}

/* The Listings */
.thelistings span {
 padding:2px 1px;
 margin:0px;
 display: block;
 color:#888;
}

.thelistings span.two {
 background-color: #fff;
 margin:0px;
}

/* staff profiles */
img.staffprofile {
 float: right;
 margin: 0 0 15px 10px;
}

p.vitalstats {
 text-align: left;
}

/**
 * Additional styles <tesserini@gmail.com>
 *
 * @added  03/04/2008
 * @edited 05/13/2018
 */
.linksDisplay {
 display: block;
 margin: 0 0 20px 0;
 width: 100%;
}

.linksDisplay thead tr th.l {
 width: 80%;
}

.linksDisplay thead tr th.c {
 text-align: center;
 width: 20%;
}

.linksDisplay thead tr th.c h3 {
 /*
  * 5/13/2018: This WOULD NOT ALIGN, so I had to force it. :'(
  */
 text-align: center !important;
}

.linksDisplay tbody tr td.l {
 width: 80%;
}

.linksDisplay tbody tr td.c {
 text-align: center;
 width: 20%;
}

/**
 * Tables
 */
.formStyle {
 margin: 0 auto 20px auto;
 width: 100%;
}

#cats {
 margin: 0 auto 20px auto;
 width: 80%;
}

.formStyle tbody tr td,
#cats tbody tr td {
 padding: 5px 0;
 vertical-align: top;
}

.formStyle tbody tr td.l {
 padding-right: 1%;
 text-align: right;
 width: 50%;
}

.formStyle tbody tr td.r {
 text-align: left;
 width: 49%;
}

.formStyle tbody tr td.r input {
 margin: 1px 0;
}

.formStyle tbody tr td.r input[type="text"],
.formStyle tbody tr td.r select,
.formStyle tbody tr td.r textarea {
 width: 100%;
}

#small tbody tr td.l {
 padding-right: 1%;
 text-align: right;
 width: 30%;
}

#small tbody tr td.r {
 text-align: left;
 width: 69%;
}

#small tbody tr td.c {
 padding: 0.5 1%;
 text-align: center;
 width: 98%;
}

.trDev {
 border-bottom: 1px solid #D0D0D0;
}

/**
 * Forms for floating left > right
 */
.formLeft {
 float: left;
 margin: 5px 10px 0 auto !important;
 text-align: right !important;
}

.formRight {
 float: right;
 margin: 10px auto 0 0 !important;
 text-align: left !important;
}

/**
 * Messages / Error Handling
 */
.backButton {
 background-color: #EAEAEA;
 border: 1px solid #D0D0D0;
 margin: 0 0 15px 0;
 padding: 10px;
}

.backButton a {
 color: #555;
}

.backButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/back.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.dbButton p,
.errorButton p,
.noteButton p,
.successButton p {
 margin: 0 0 15px 0;
}

.dbButton p.last,
.errorButton p.last,
.noteButton p.last,
.successButton p.last {
 margin: 0;
}

.dbButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/error_db.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.db {
 color: #0E53A7;
 font-weight: bold;
}

.dbButton,
.emailButton,
.formButton,
.errorButton {
 background-color: #EBCDCD;
 border: 1px solid #D48E8E;
 margin: 0 0 15px 0;
 padding: 10px;
}

.dbButton a,
.errorButton a {
 color: #781E1E;
}

.errorButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/error.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.error {
 color: #DE0000;
 font-weight: bold;
}

.formButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/error_form.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.emailButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/error_email.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.noteButton {
 background-color: #EAEAEA;
 border: 1px solid #D0D0D0;
 margin: 0 0 15px 0;
 padding: 10px;
}

.noteButton a {
 color: #A66D0D;
}

.noteButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/note.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.successButton {
 background-color: #D8F8BB;
 border: 1px solid #9AD267;
 margin: 0 0 15px 0;
 padding: 10px;
}

.successButton a {
 color: #507D31;
}

.successButton span.image {
 background: url(https://thefanlistings.org/images/famfamfam/success.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.success {
 color: #79C011;
 font-weight: bold;
}

.noBorder {
 border: 0;
}