/* Global */
body { color: #000; background: #15191c; font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif; padding: 0; margin: 0; }

/* CONTAINS ALL CONTENT */
#body-container { width: 990px; padding: 0; margin: 0 auto; overflow: hidden; height:100%; }

/* HEADERS */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #0c386e; margin: 0; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1 span, h2 span, h3 span, h4 span { font-weight: bold; }

/* LINKS */
a { color: #0c386e; text-decoration: none; }
a:hover { color: #000; }

/* FORM ELEMENTS */
input.button {background: #ca2f2f url(/images/button-a.gif) repeat-x; color: #fff; border: solid 1px #a94b4b; font-weight: bold; text-transform: lowercase; font-size: 0.9em; height: 1.8em; }
input.text {border: 1px solid #ccc; font-size: 1.1em; padding: 0.2em; }
div.FormDiv { margin: 10px 0; }
div.label, label { float: left; width: 140px; padding-top: 0; font-weight: 600; }
div.FormInfo { font-size: 0.9em; color: #444; margin: 5px 0; }
fieldset { padding: 5px; margin: 10px 0; border: 1px solid #ddd; }
legend { margin: 0; padding: 0 3px; background: transparent; font-size: 18px; font-weight: normal; color: #a00; letter-spacing: -1px; }
div.required label:before, div.required label:before, div.required label:before { content: "* "; color: #a00; font-weight: bold; }
div.option label:before, div.option label:before, div.option label:before { color: #a00; }
input.fullboxtext { margin: 0 0 10px 0; padding: 2px; border: 1px solid #ddd; font-size: 0.8em; width: 240px; }
textarea.fullboxtext { margin: 0 0 10px 0; padding: 2px; border: 1px solid #ddd; width: 400px; height: 80px; }
textarea.fullboxtextnb { margin: 0 0 10px 0; padding: 2px; border: 1px solid #fff; width: 400px; height: 40px; overflow: hidden; }

/* Header */
#header { width: 990px; height: 8em; background: #600 url(/images/head.gif) repeat-x; border-bottom: 1px solid #ccc; }
#header-inner { position: relative; width: 982px; height: 8em; margin: 0 auto; }
#logo { position: absolute; bottom: 2.5em; left: 0.5em; }
#logo h1 { display: inline; color: #fff; font-size: 3.6em; }
#logo h2 { display: inline; padding-left: 0.5em; color: #d2dce5; font-size: 2.0em; }

/* Menu */
#menu { position: absolute; right: 0; bottom: 0; }
#menu ul { list-style: none; }
#menu li { float: left; }
#menu li a { margin-left: 0.5em; display: block; padding: 0.9em 1.1em 0.7em 1.1em; background: #fff url(/images/button.gif) repeat-x; border: solid 1px #fff; color: #616161; font-weight: bold; font-size: 1.0em; text-decoration: none; }
#menu li a.active, #menu li a:hover { background: #ca2f2f url(/images/button-a.gif) repeat-x; color: #fff; border: solid 1px #a94b4b; }

/* LISTS */
.hosted-list { width: 610px; margin-left: 2px; line-height: 1.3em; }
.hosted-list ul { float: left; width: 80px; -moz-margin-start: 2px; }
.hosted-list ul li { list-style-type: none; text-align: left; }

.dir-list { width: 320px; line-height: 1.3em; }
.dir-list ul { float: left; width: 114px; -moz-margin-start: 2px; }
.dir-list ul li { list-style-type: none; text-align: left; }

.recip-list { width: 960px; margin: 10px 0 10px 20px; line-height: 1.1em; font-size: 0.8em; }
.recip-list ul { list-style-type: none; margin: 0; padding: 0; clear: both; }
.recip-list ul li { margin-left: 10px; float: left; width: 96px; }
p.recip-p { margin-top: 10px; font-size: 0.9em; font-weight: normal; }
p.title { margin-bottom: 10px; clear: both; font-size: 1.3em; font-weight: normal; }

.links-list ul { list-style-type: none; margin: 10px 0 10px 0; padding-left: 5px; }
.links-list ul li { margin: 0 0 5px 0; }

#hall-of-fame ul { list-style-type: none; margin: 10px 0 10px 0; padding-left: 10px; }
#hall-of-fame ul li { margin: 0; }

#top-trade ul { float: left; width: 125px; list-style-type: none; margin-left: 35px; padding: 0; }
#top-trade ul li { margin: 0; }

ul.bonus { float: left; width: 320px; list-style-type: none; }
ul.bonus li { margin: 0; line-height: 1.36em; }

div.trade { width: 670px; padding: 0; border: 0; margin-bottom: 10px; font-size: 1.6em; }
div.trade-column { float: left; width: 33%; text-align: center; }

/* LINKS NAV */
.links-nav { width:500px; margin: 20px auto; background: #fff; border-top: 1px solid #ccc; text-align: center; }
.links-nav span { font-weight: bold; }
.links-nav p {
margin-top: 5px;
font-weight: bold;
}

/* CONTAINS EVERYTHING BELOW HEADER */
#container { overflow: hidden; float: left; width: 990px; margin: 0; padding: 10px; background: #fff; }

/* CONTAINS MAIN CONTENT */
#content { float: left; margin: 0; width: 670px; }

/* FEATURE */
.feature { float: left; width: 670px; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.feature h2, .feature h3 { margin: 0 5px 5px 5px; padding: 0; font-size: 1.6em; }
.feature p { margin: 10px 10px 0 10px; padding: 0; font-weight: bold; clear: both; }
.gallery-lists p { margin: 10px 0 0 10px; padding: 0; font-weight: bold; clear: both; }

/* NORMAL WIDE BOX */
.normalbox { float: left; width: 650px; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 10px 10px 10px; }
.normalbox h2 { margin: 0 0 5px 0; padding: 0; font-size: 1.6em; }
.normalbox h3, .normalbox h4 { margin: 20px 0 10px 0; padding: 0; }
.normalbox p { margin: 10px 0; padding: 0; font-weight: normal; }
.normalbox ol, .normalbox ul { margin: 0 0 0 10px; padding: 0 5px 0 20px; list-style-position: inside; }
.normalbox img {  vertical-align: middle; }

/* EVERYTHING BELOW THE FEATURE */
#content .page-section { width: 670px; clear: left; float: left; padding: 0; margin: 0 0 10px 0; }
#content .page-section .block-left { float: left; width: 330px; }
#content .page-section .block-right { float: left; width: 330px; margin-left: 10px; }

/* BLOCKS */
.main-block { float: left; overflow: hidden; width: 320px; margin: 0 0 10px 0; padding: 4px; background: #fff; border: 1px solid #ccc; }
.main-block h3 { text-align: left; padding: 0; margin: 0 5px 5px 5px; }
.main-block div { overflow: hidden; margin: 0 auto; padding: 0; background: transparent; text-align: center; display: block; border: none; }
.main-block ul { margin: 0; padding: 0; }
.main-block ol { margin-top: 0; }
.main-block ul li { margin: 2px 0; padding: 0 0 0 10px; background: url(/images/bullet.gif) no-repeat .2em .5em; list-style-type: none; }

/* THUMB GALLERY PREVIEW */
.a-block, .premium { float: left; overflow: hidden; width: 320px; margin: 0 0 10px 0; padding: 4px; background: #fff; border: 1px solid #ccc; }
.a-block h3, .premium h3 { text-align: left; padding: 0; margin: 0 5px 5px 5px; }
.premium p { margin: 0 0 5px 0; padding: 0; font-size: 0.9em; }
.premium a { font-size: 1.1em; font-weight:600; }

/* SIDEBAR */
#sidebar { overflow: hidden; width: 300px; float: left; margin: 0 0 0 10px; }

.side-block { overflow: hidden; clear: left; float: left; display: block; width: 280px; padding: 4px; margin: 0 0 10px 0; border: 1px solid #ccc; background: #fff; }
.side-block h2, .side-block h3, .side-block h4 { margin: 0; padding: 0; }
.side-block ul, .tabbed div ul { margin: 0; padding: 0; }
.side-block ul li, .tabbed div ul li { margin: 0; padding: 0 0 0 10px; list-style-type: none; }
.side-block ul li span { font-weight: bold; color: #a00;}
.side-block ul li a:hover { text-decoration: underline; }
.side-block p { margin: 5px 0 0 10px; padding: 0; font-weight: 600; clear: both; }

/* HOME CATEGORIES TABS */
#home-galleries, .gallery-lists { clear: left; float: left; width: 678px; margin: 0 0 10px 0; overflow: hidden; }
#content .tabbed .c { width: 668px; }
.gallery-lists .tabbed div { width: 668px; }
#bonus1, #bonus2, #bonus3, #bonus4, #bonus5 { width: 660px; padding-left: 10px; }

/* TABS */
.tabs-block { clear: left; float: left; width: 290px; padding: 0; margin: 0 0 10px 0; display: block; }
.tabs-block ul.tabs li a { padding: 5px 6px; }
.tabs-block .tabbed div, #content .tabbed .c, .gallery-lists .tabbed div { overflow: hidden; display: block; position: relative; left: 0; top: -1px; z-index: 0; clear: left; width: 99%; margin: 0; padding: 5px 0 0 0; border: 1px solid #ccc; background: #fff; display: none; }

div.g2, div.t2, div.t3, div.t4, div.t5, div.v2, div.v3, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10, div.c11, div.c12  { display: none; }

.tabbed { width: 100%; overflow: hidden; padding: 0; margin: 0; background: transparent; border: 0; }
.tabbed h3 { margin: 0 0 0 10px; padding: 0; font-size: 1.6em; }
.tabbed div ul { overflow: hidden; padding: 4px 0 2px 0; margin: 0; background: #fff; }
.tabbed div ul li { clear: left; background: transparent; padding: 2px 0 2px 12px; }
.tabbed div ul li a { font-weight: normal; background: transparent; border: 0; }
.tabbed div ul li a:hover { text-decoration: underline; }

ul.tabs { overflow: hidden; display: block; position: relative; top: 0; left: 0; z-index: 9; list-style-type: none; margin: 0; padding: 0; background: transparent; }
ul.tabs li { display: inline; float: left; padding: 0; margin: 0 8px 0 0; background: #fff; }
ul.tabs li a { font-weight: bold; display: block; margin: 0; padding: 5px 8px; background: #eee; border: 1px solid #ccc; }
ul.tabs li a:hover { background: #fff; text-decoration: none; }
ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }

/* SIDEBAR ADS */
.ads p { text-align: center; margin: 0; padding: 0; font-weight: normal; }
.ads2 p { margin-left: 10px; padding: 0; font-weight: normal; }
.ads img { margin: 0; padding: 5px; border: 0; }
.ads2 img { float: left; margin: 5px 10px 5px 0; padding: 0; border: 0; }

/* FOOTER */
#footer { color: #fff; clear: both; width: 990px; margin: 0; background: #600; border-top: 1px solid #600; }
#footer p { margin: 10px 0 0 10px; clear: both; padding: 0; }
#footer a { color: #ccc; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
#footer li a { color: #eee; font-weight: 500; }
#footer li a:hover { text-decoration: none; color: #ccc; }

/* THUMB GALLERIES */
.thumbs img { margin: 3px 0 0 3px; padding: 1px; border: 1px solid #01203c; height:82px; width: 82px; }

/* DIRECTORY SEARCH */
.search form { margin: 5px 0 5px 5px; }
.search input.text { width: 14.0em; }
.search input.button { width: 4.0em; }

/* ALIGNMENT */
.left { float: left; margin: 5px 15px 5px 0; }
.right { float: right; margin: 0 0 0 15px; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.center { text-align: center; }
.clear { clear: both; }
p.ie6-bug { float: left; margin: -5px 0; padding: 0; }

/* OTHER STYLES */
.break { float: left; width: 670px; margin: 0 auto 10px auto; padding: 10px 0; border: 1px solid #01203c; text-align: center; font-size: 1.2em; background-color: #eee; }
#error { float: left; width: 670px; text-align: center; font-weight: bold; font-size: 1.2em; margin: 0 auto 10px auto; padding: 10px 0; border: dotted 1px #a00; color: #a00; }
#message { float: left; width: 670px; text-align: center; font-weight: bold; font-size: 1.2em; margin: 0 auto 10px auto; padding: 10px 0; border: dotted 1px #0a0; color: #0a0; }
.styled { background: #fff url(/images/main.gif) 0 0 repeat-x; }
.plain { border: 0;  padding: 3px; }
.plain img { padding: 3px; }
.bigger { font-size: 1.6em; }
.text-green, .text-green a { color: #0a0; }
.text-red, .text-red a { color: #a00; }
.text-blue, .text-blue a { color: #00a; }
.small { font-size: 0.9em; }
.bold { font-weight: bold; }
.notice { font-size: 80%; color: #a00; font-weight: 300; }
.c iframe { float:right; margin: 5px; }