/************************************************ * * File : css/global.css * Version : v1.0 * Date : Friday, 23rd May 2008 * Email : JakeAlger@comcast.net * Website : JakeAlger.com * Company : Unkind Studios * ************************************************ * Global style settings ************************************************/ @media screen { * { margin: 0; padding: 0; } html { background:#220000 url(../images/fc-html-bg.gif) repeat-x; } body { text-align: center; font: 11px Tahoma, Verdana, Arial, sans-serif; color:#fff; } h1 { text-indent: -9000px; color:#fff; font-weight: bold; } h3 { width: 86px; height: 20px; padding: 5px 0 0 7px; font-family: tahoma; font-size: 11px; color:#000; background: url(../images/fc-about-h3.gif) no-repeat; } h4 { font-family: tahoma; font-size: 10px; } img { border: 0; vertical-align: bottom; } a { text-decoration: none; overflow: hidden; } ul { list-style-type: none; } address { font-style: normal; } input { vertical-align: middle; } select { font-size: 0.95em; font-weight: normal; color: #12395A; } option { padding-left: 5px; } textarea { font: 0.85em Tahoma, Arial, Verdana, sans-serif; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /************************************************ * Global Styles ************************************************/ div.errors { padding: 20px; } div.errors ul { text-align: center; } div.errors ul li { display: block; } div.message { text-align: center; } /************************************************ * Site Styles ************************************************/ #wrapper { width: 983px; margin: 0 auto; text-align: left; } #header { width: 983px; float: left; background: url(../images/fc-header-bg.gif) no-repeat; } #fcheader { width: 983px; float: left; background: url(../images/fc-fcheader-bg.gif) no-repeat; } #header h1, #fcheader h1, #flash-header { float: left; margin: 10px 0 0 27px; display: inline; width: 141px; height: 92px; background: url(../images/fc-h1-logo.gif) no-repeat; } #header p#ad, #fcheader p#ad { margin-top: 7px; width: 469px; height: 62px; float: right; } #navigation { width: 469px; float: right; text-align: center; } #navigation ul { margin: 7px 0 0 87px; float: left; display: inline; } #navigation ul li { float: left; } #navigation ul li a { height: 34px; margin-right: 1px; text-indent: -9000px; float: left; } #navigation ul li a#navhome { width: 52px; background: url(../images/fc-home.gif) no-repeat; } #navigation ul li a#navfightclub { width: 75px; background: url(../images/fc-fightclub.gif) no-repeat; } #navigation ul li a#navmedia { width: 52px; background: url(../images/fc-media.gif) no-repeat; } #navigation ul li a#navsponsor { width: 75px; background: url(../images/fc-sponsors.gif) no-repeat; } #navigation ul li a#navforums { width: 60px; background: url(../images/fc-forums.gif) no-repeat; } #navigation ul li a#navhome:hover, #navigation ul li a#navhome-s { width: 52px; background: url(../images/fc-home.gif) no-repeat 0 -34px; } #navigation ul li a#navfightclub:hover, #navigation ul li a#navfightclub-s { width: 75px; background: url(../images/fc-fightclub.gif) no-repeat 0 -34px; } #navigation ul li a#navmedia:hover, #navigation ul li a#navmedia-s { width: 52px; background: url(../images/fc-media.gif) no-repeat 0 -34px; } #navigation ul li a#navsponsor:hover, #navigation ul li a#navsponsor-s { width: 75px; background: url(../images/fc-sponsors.gif) no-repeat 0 -34px; } #navigation ul li a#navforums:hover, #navigation ul li a#navforums-s { width: 60px; background: url(../images/fc-forums.gif) no-repeat 0 -34px; } #updates { width: 983px; float: left; } #updates ul { margin-top: 33px; } #updates ul li { display: inline; font-size: 10px; float: left; } #updates ul li a { color:#dd0000; text-decoration: underline; } #updates ul li#hangout { margin-left: 125px; display: inline; width: 130px; } #updates ul li#news { margin-left: 395px; display: inline; } #login-gallery { width: 546px; float: left; } #login-gallery #login { margin-top: 15px; width: 546px; float: left; } #login-gallery #login ul { } #login-gallery #login ul li { margin-right: 5px; float: left; width: 104px; height: 25px; background: url(../images/fc-login-input-bg.gif) no-repeat; } #login-gallery #login ul li.none { background: transparent; width: auto; height: auto; } #login-gallery #login ul li.none input { width: auto; height: auto; padding: 0; margin: 4px 0 0 0; } #login-gallery #login ul li input { font-size: 10px; color:#3f3f3f; border: 0; background: transparent; padding: 3px 1px 1px 1px; margin: 3px 0 0 12px; display: inline; width: 84px; } #login-gallery #loggedin { margin-top: 15px; width: 546px; float: left; } #login-gallery #loggedin p { float: left; } #login-gallery #loggedin ul { float: left; margin-left: 100px; display: inline; } #login-gallery #loggedin ul li { display: block; } #login-gallery #loggedin ul li a { color:#fff; } #login-gallery #gallery { margin-top: 9px; width: 546px; float: left; } #login-gallery #gallery h3 { float: left; } #login-gallery #gallery p { margin: 5px 0 0 15px; display: inline; float: left; } #login-gallery #gallery p a { color:#ff000c; text-decoration: underline; } #login-gallery #gallery ul { margin-top: 10px; width: 546px; float: left; } #login-gallery #gallery ul li { display: inline; margin-right: 3px; } #login-gallery #gallery ul li a { } #about-top { width: 437px; margin-top: 25px; float: right; } #about-top #info { padding: 15px; margin-top: 9px; width: 406px; height: 89px; background: url(../images/fc-about-info-bg.gif) no-repeat; } #about-top #info p { line-height: 15px; } #about-top #info a { color:#5f5b5b; text-decoration: underline; } #latest-news-top { width: 437px; margin-top: 25px; float: right; } #latest-news-top #info { padding: 15px; margin-top: 9px; width: 406px; height: 89px; background: url(../images/fc-about-info-bg.gif) no-repeat; } #latest-news-top #info ul { width: 406px; float: left; } #latest-news-top #info ul li { color:#fff; border-bottom:#a40000 1px dotted; padding: 5px 0 5px 0; width: 406px; float: left; } #latest-news-top #info ul li a { color:#737373; } #main-content { width: 983px; margin-top: 32px; background: url(../images/fc-main-content.gif) no-repeat; float: left; } #midleft { width: 547px; padding-bottom: 8px; float: left; background: url(../images/fc-midleft-bottom.gif) no-repeat 0 100%; } #midleft #midbox { margin-top: 12px; float: left; width: 547px; background:#fff url(../images/fc-midbox-bg.gif) repeat-x; } #press-release { margin-left: 7px; display: inline; padding-bottom: 7px; background:#000 url(../images/fc-pressrelease-bottom.gif) no-repeat 0 100%; width: 262px; float: left; } #press-release h4 { padding: 17px 0 0 15px; height: 26px; background: url(../images/fc-pressrelease-h4.gif) no-repeat; } #press-release div { padding-bottom: 15px; } #press-release div dl { padding: 5px; background: url(../images/fc-red-dotted.gif) repeat-x 100% 100%; } #press-release div dl dt { display: inline; font-size: 12px; margin-left: 5px; display: inline; font-weight: bold; color:#ff000c; } #press-release div dl dt a { color:#ff000c; } #press-release div dl dd { display: inline; font-size: 10px; color:#555; } #press-release div p { color:#ccc; padding: 10px 10px 0 10px; } #aboutus { margin-left: 7px; display: inline; float: left; width: 533px; background-color:#000; } #aboutus h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-aboutus-h4.gif) no-repeat; } #aboutus p { color:#ccc; padding: 10px; } #aboutus-bottom { padding-bottom: 7px; background: url(../images/aboutus-bottom.png) no-repeat 0 100%; } #aboutus-top { padding: 7px 3px 0 3px; background: url(../images/aboutus-top.png) no-repeat; } #registration { margin: 0 0 30px 0; width: 983px; float: left; background-color:#2e0000; } #registration div.half { padding: 20px 40px 0 40px; width: 410px; float: left; } #registration div.half div { margin-bottom: 15px; width: 450px; float: left; } #registration div.half div label { float: left; color:#6c0001; margin-top: 2px; font-weight: bold; width: 110px; } #registration div.half div input { padding: 2px; width: 200px; background-color:#000; border:#6d0000 1px solid; color:#3f3f3f; font-size: 11px; float: left; } #registration div.half div textarea { height: 90px; padding: 2px; width: 300px; background-color:#000; border:#6d0000 1px solid; color:#3f3f3f; font-size: 11px; float: left; } #registration div.button { text-align: right; padding: 40px; } #registration div.login_btn { margin: 5px 0 10px 307px; display: inline; clear: both; } #video { margin-left: 7px; display: inline; float: left; padding: 4px 3px 4px 3px; width: 527px; height: 226px; background: url(../images/fc-aboutus-bg.gif) no-repeat; } #video h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-aboutus-h4.gif) no-repeat; } #video #player { margin: 5px 4px 0 0; float: left; } #video #vidinfo { margin-top: 4px; width: 254px; padding: 5px; height: 172px; background: url(../images/fc-mediainfo-bg.gif) no-repeat; float: left; } #video #vidinfo img { float: left; margin-right: 5px; } #video #vidinfo dl { margin: 8px 0 0 5px; display: inline; float: left; } #video #vidinfo dl dt { font-weight: bold; padding-left: 12px; background: url(../images/fc-vidinfo-dt.gif) no-repeat 0 3px; } #video #vidinfo dl dd { margin-top: 7px; color:#5b5b5b; } #video #vidinfo h5 { margin: 10px 0 0 5px; display: inline; width: 254px; float: left; font-size: 10px; color:#fff; padding-top: 10px; background: url(../images/fc-red-dotted.gif) repeat-x; } #video #vidinfo p { color:#a0a0a0; clear: both; padding: 10px 0 10px 5px; } #video #vidinfo ul { padding-left: 5px; } #video #vidinfo ul li { color:#555; } #video #vidinfo ul li a { color:#a00000; text-decoration: underline; } #upcoming-events { margin: 7px 0 0 7px; display: inline; width: 533px; float: left; } #upcoming-events h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-upcomingevent-h4.gif) no-repeat; } #upcoming-events h4 a { float: right; color:#ff000c; margin: -13px 10px 0 0; font-weight: normal; text-decoration: underline; } #upcoming-events ul { } #upcoming-events ul li { padding: 5px; color:#737373; } #upcoming-events ul li strong { color:#000; } #upcoming-events ul li.odd { background-color:#fff; } #upcoming-events ul li.even { background-color:#e5e5e5; } #upcoming-events ul li a { color:#737373; } #spage { float: left; width: 983px; padding-bottom: 9px; background:#fff url(../images/fc-spage-bg.gif) no-repeat 0 100%; } #sponsors { margin: 12px 0 0 7px; display: inline; float: left; padding: 4px 3px 4px 3px; width: 747px; height: 372px; background: url(../images/fc-sponsors-bg.gif) no-repeat; } #sponsors h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-sponsors-h4.gif) no-repeat; } #sponsors div { width: 181px; margin: 10px 0 0 5px; display: inline; float: left; } #sponsors div h5 { color:#fff; font-size: 10px; font-family: tahoma; border:#343434 1px solid; padding: 5px; } #sponsors div p.logo { text-align: center; margin-bottom: 10px; } #sponsors div p { padding: 10px 10px 0 10px; color:#b3b3b3; } #sponsors div ul { text-align: right; margin-top: 10px; padding: 10px 5px 0 0; background: url(../images/fc-red-dotted.gif) repeat-x; } #sponsors div ul li { } #sponsors div ul li a { color:#fe0003; text-decoration: underline; } #interested { width: 214px; margin: 12px 0 0 4px; display: inline; float: left; } #interested h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-interested-h4.gif) no-repeat; } #flash-player { width: 262px; margin: 6px 7px 0 0; float: right; } #ucp { width: 730px; padding: 10px; float: left; } #ucp h5 { font-size: 11px; color:#ff0000; } #ucp p.error { padding: 15px; text-align: center; } #ucp-navi { width: 180px; float: left; } #ucp-navi ul { margin-top: 10px; } #ucp-navi ul li { display: block; } #ucp-navi ul li a { color:#fff; } #ucp-action { width: 550px; float: left; } #ucp-action div { margin-top: 10px; width: 530px; float: left; } #ucp-action div label { width: 150px; float: left; } #ucp-action div input { width: 200px; float: left; } #ucp-action div textarea { width: 350px; height: 175px; font-size: 12px; float: left; } #ucp-action div select { width: 204px; float: left; } #ucp-action div input.button { margin-right: 25px; width: auto; float: right; } #ucp-table { width: 550px; float: left; } #ucp-table table { width: 100%; margin-top: 10px; } #ucp-table table tr th { padding: 5px; background-color:#161414; } #ucp-table table tr td { color:#fff; background-color:#450000; padding: 5px; border-bottom:#550101 1px solid; } #ucp-table table tr td a { color:#fff; } #ucp-table table tr td a.ibox { font-weight: bold; color:#fff; } #ucp-table table tr td a.ibox:hover { text-decoration: underline; } #ucp-table ul { margin-top: 10px; text-align: right; } #ucp-table ul li { color:#fff; font-weight: bold; } #ucp-table ul li a { color:#fff; } .ucp-viewmsg { width: 550px; float: left; } .ucp-viewmsg dl { line-height: 15px; padding: 10px; background-color:#390000; margin-top: 10px; } .ucp-viewmsg dl dt { color:#fff; } .ucp-viewmsg dl dt a { color:#fff; } .ucp-viewmsg dl dd { } .ucp-viewmsg p { padding: 10px; } #profile-main { width: 983px; float: left; padding-bottom: 7px; background:#fff url(../images/fc-profile-main-bottom.gif) no-repeat 0 100%; } #profile-page { width: 983px; float: left; margin-top: 12px; background:#fff url(../images/fc-midbox-bg.gif) repeat-x; } #profile { width: 752px; float: left; margin-left: 7px; display: inline; padding-bottom: 8px; background:#000 url(../images/fc-profile-bottom.gif) no-repeat 0 100%; } #profile #pcontent { padding-top: 4px; width: 983px; float: left; background: url(../images/fc-profile-top.gif) no-repeat; } #profile #pcontent h4 { margin-left: 3px; display: inline; float: left; padding: 12px 0 0 12px; height: 27px; width: 735px; background: url(../images/fc-profile-h4.gif) no-repeat; } #profile #pcontent #info { width: 497px; float: left; } #profile #pcontent #info #user { margin: 10px 0 0 13px; display: inline; width: 497px; float: left; } #profile #pcontent #info #user h5 { padding-left: 20px; height: 16px; font-size: 12px; font-family: tahoma; color:#ff0000; text-decoration: underline; background: url(../images/fc-icon-user.gif) no-repeat; } #profile #pcontent #info #user p { padding: 1px; width: 133px; height: 115px; margin: 10px 8px 0 0; display: inline; text-align: center; background: url(../images/fc-profile-userpic.gif) no-repeat; float: left; } #profile #pcontent #info #user dl { margin-top: 10px; height: 60px; line-height: 17px; padding: 8px 0 0 10px; width: 160px; background: url(../images/fc-profile-dl.gif) repeat-x; float: left; } #profile #pcontent #info #user dl dt { color:#989797; display: inline; } #profile #pcontent #info #user dl dd { font-weight: bold; color:#fff; display: inline; } #profile #pcontent #info #user ul { margin: 10px 0 0 2px; display: inline; float: left; } #profile #pcontent #info #user ul li { font-size: 10px; float: left; color:#fff; font-weight: bold; } #profile #pcontent #info #user ul li a { float: left; color:#fff; padding-left: 20px; margin-right: 15px; } #profile #pcontent #info #user ul li a#facebook { background: url(../images/fc-icon-facebook.gif) no-repeat; } #profile #pcontent #info #user ul li a#myspace { background: url(../images/fc-icon-myspace.gif) no-repeat; } #profile #pcontent #info #gallery { margin: 15px 0 0 13px; display: inline; width: 135px; float: left; } #profile #pcontent #info #gallery h5 { font-size: 11px; font-family: tahoma; } #profile #pcontent #info #gallery ul { margin-top: 5px; } #profile #pcontent #info #gallery ul li { float: left; margin: 5px 4px 0 0; padding: 1px; width: 39px; height: 39px; background: url(../images/fc-profile-gallery-thumb.gif) no-repeat; } #profile #pcontent #info #gallery p { color:#fff; text-align: right; margin: 10px 0 5px 0; float: right; } #profile #pcontent #info #gallery p a { color:#cd0000; text-decoration: underline; } #profile #pcontent #info #about { float: left; margin: 15px 0 0 10px; display: inline; width: 332px; } #profile #pcontent #info #about dl { font-weight: bold; width: 332px; float: left; } #profile #pcontent #info #about dl dt { float: left; } #profile #pcontent #info #about dl dd { float: right; } #profile #pcontent #info #about dl dd a { color:#cd0000; font-weight: normal; } #profile #pcontent #info #about p { margin-top: 10px; color:#656565; float: left; } #profile #pcontent #car { margin: 35px 0 0 12px; display: inline; width: 209px; padding: 10px; float: left; border:#400000 1px solid; background:#430000 url(../images/fc-profile-car-bg.gif) repeat-x; } #profile #pcontent #car p.image { padding: 1px; width: 204px; height: 136px; background: url(../images/fc-profile-car-image.gif) no-repeat; } #profile #pcontent #car ul { margin: 10px 0 10px 0; padding-bottom: 10px; background: url(../images/fc-dotted-red.gif) repeat-x 100% 100%; line-height: 17px; } #profile #pcontent #car ul li { color:#fff; } #profile #pcontent #car h5 { font-size: 11px; font-family: tahoma; } #profile #pcontent #car p { padding: 10px; color:#fff; } div.pagination { } div.pagination ul { padding: 0 10px 0 10px; } div.pagination ul li { display: inline; } div.pagination ul li a { color:#000; font-weight: bold; } div.pagination ul li a:hover { text-decoration: underline; } div.pagination ul li a.last { float: left; } div.pagination ul li a.next { float: right; } #forums { background-color:#3b0000; width: 953px; float: left; padding: 15px; margin-bottom: 10px; } #forums h4 { font-size: 13px; } #forums table { width: 100%; margin: 10px 0 20px 0; } #forums table th { padding: 5px; background-color:#0a0000; } #forums table td { padding: 5px; background-color:#450000; border-bottom:#550101 1px solid; } #forums table td a { color:#fff; } #forums table td a.grey { color:#737373; } #forums table td a:hover { text-decoration: underline; } #forums #fcontrol { float: left; } #forums #fcontrol ul { } #forums #fcontrol ul li { font-weight: bold; font-size: 12px; } #forums #fcontrol ul li a { padding: 5px 0 0 35px; height: 19px; color:#fff; float: left; } #forums #fcontrol ul li a.addtopic { background: url(../images/fc-icon-addtopic.png) no-repeat; } #forums #fcontrol ul li a.addcomment { background: url(../images/fc-icon-comment.png) no-repeat; } #forums #topic { width: 953px; float: left; } #forums #topic h5 { font-size: 14px; } #forums #topic div.row { width: 953px; float: left; margin-bottom: 10px; border-bottom:#570300 1px solid; padding-bottom: 10px; } #forums #topic .tpost { width: 650px; margin-top: 20px; float: left; } #forums #topic .tpost dl { } #forums #topic .tpost dl dt { color:#ff000c; font-weight: bold; } #forums #topic .tpost dl dd { color:#777; } #forums #topic .tpost p { color:#cacaca; line-height: 15px; margin-top: 10px; } #forums #topic .tuser { border-left:#fff 1px solid; width: 272px; padding: 0 0 10px 15px; margin: 10px 0 0 15px; display: inline; float: left; } #forums #topic .tuser h6 a { color:#ff000c; font-size: 12px; } #forums #topic .tuser p { width: 97px; text-align: center; float: right; } #forums #topic .tuser p img { border:#570300 1px solid; } #forums #topic .tuser dl { line-height: 15px; margin-top: 10px; width: 175px; float: left; } #forums #topic .tuser dl dt { color:#7e7e7c; width: 100px; float: left; } #forums #topic .tuser dl dd { width: 75px; float: left; } #forums #topic .tuser ul { margin-top: 10px; float: left; width: 272px; } #forums #topic .tuser ul li { display: inline; } #forums #topic .tuser ul li a { color:#fff; padding-left: 20px; float: left; margin-right: 20px; } #forums #topic .tuser ul li a:hover { text-decoration: underline; } #forums #topic .tuser ul li a.umyspace { background: url(../images/fc-icon-myspace.gif) no-repeat; } #forums #topic .tuser ul li a.ufacebook { background: url(../images/fc-icon-facebook.gif) no-repeat; } #forums #addtopic { width: 953px; float: left; } #forums #addtopic h4 { margin-bottom: 40px; } #forums #addtopic div { margin: 10px 0 0 20px; display: inline; } #forums #addtopic div label { width: 100px; color:#b00002; float: left; font-weight: bold; } #forums #addtopic div input { padding: 2px; width: 300px; background-color:#000; border:#6d0000 1px solid; color:#3f3f3f; font-size: 11px; } #forums #addtopic div textarea { padding: 2px; width: 500px; height: 250px; background-color:#000; border:#6d0000 1px solid; color:#3f3f3f; font-size: 11px; } #forums #addtopic ul { margin-top: 10px; margin-left: 575px; display: inline; } #forums #addtopic ul li { } #comments { width: 219px; background-color:#fff; padding-left: 5px; float: left; } #comments h4 { padding: 13px 0 0 10px; height: 26px; background: url(../images/fc-profile-comments-h4.gif) no-repeat; } #comments h4 a { color:#fff; } #comments div.post { margin: 5px 0 15px 0; width: 219px; float: left; } #comments div.post p.image { margin: 0 5px 7px 2px; display: inline; padding: 0; background: transparent; float: left; } #comments div.post dl { line-height: 17px; float: left; } #comments div.post dl dt { color:#d70000; text-decoration: underline; font-weight: bold; } #comments div.post dl dt a { color:#d70000; } #comments div.post dl dd { color:#777; } #comments div.post p { color:#1f1f1f; clear: both; background: url(../images/fc-dotted-black.gif) repeat-x; padding-top: 5px; } #comments p.zero { color:#000; padding: 30px 0 30px 0; font-weight: bold; text-align: center; } #threads { width: 256px; height: 196px; padding: 4px 3px 0 3px; float: right; margin: 6px 7px 0 0; background: url(../images/fc-threads-bg.gif) no-repeat; } #threads h4 { padding: 10px 0 0 10px; height: 23px; background: url(../images/fc-threads-h4.gif) no-repeat; } #threads table { width: 100%; padding-bottom: 17px; background:#fff url(../images/fc-threads-table.gif) no-repeat 0 100%; font-size: 10px; } #threads table tr { } #threads table tr th { padding-left: 5px; text-align: left; color:#8f8e8e; font-weight: normal; height: 27px; background: url(../images/fc-thread-th.gif) repeat-x; } #threads table tr td { padding: 5px 0 6px 5px; background: url(../images/fc-grey-dashed.gif) repeat-x 100% 100%; text-align: left; } #threads table tr td.date { color:#3f3f3f; } #threads table tr td.link { color:#8b0000; } #threads table tr td.link a { text-decoration: underline; color:#8b0000; } #threads table tr td.view { background: transparent; color:#999898; text-align: right; padding-right: 5px; } #threads table tr td.view a { color:#999898; } #right-box { padding: 11px 0 0 7px; width: 429px; margin-top: 20px; float: right; } #right-box #news { padding: 3px; width: 423px; height: 174px; background: url(../images/fc-news-bg.gif) no-repeat; } #right-box #news ul { width: 105px; float: left; } #right-box #news ul li { display: block; float: left; } #right-box #news ul li a { display: block; margin-top: 1px; padding: 9px 0 0 10px; width: 95px; height: 25px; background: url(../images/fc-news-li-normal.gif) no-repeat; color:#920108; } #right-box #news ul li a:hover { padding-left: 20px; width: 85px; color:#fff; text-decoration: underline; background: url(../images/fc-news-li-hover.gif) no-repeat; } #right-box #news p { float: right; } #right-box #monthcar { margin-top: 10px; padding: 3px; width: 423px; height: 174px; background: url(../images/fc-news-bg.gif) no-repeat; } #right-box #monthcar h4 { margin: 10px 0 0 10px; display: inline; float: left; font-family: tahoma; font-size: 14px; color:#fff; } #right-box #monthcar ul { padding: 10px 5px 10px 0; float: right; } #right-box #monthcar ul li { color:#f20000; } #right-box #monthcar ul li a { text-decoration: underline; color:#f20000; } #right-box #monthcar #info { padding-top: 5px; width: 423px; float: left; border-top:#620000 5px solid; } #right-box #monthcar #info p { float: left; } #right-box #monthcar #info dl { width: 150px; float: right; } #right-box #monthcar #info dl dt { color:#ff0000; font-size: 12px; padding: 5px; background-color:#350000; } #right-box #monthcar #info dl dd { padding: 7px; color:#6b6b6b; } #right-box #members { padding: 3px 0 3px 3px; width: 426px; height: 364px; background: url(../images/fc-members-bg.gif) no-repeat; } #right-box #members h4 { padding: 13px 0 0 10px; float: left; } #right-box #members div.members-top { height: 39px; background: url(../images/fc-members-h4.gif) no-repeat; } #right-box #members div.members-top ul { margin-top: 12px; float: right; } #right-box #members div.members-top ul li { margin-right: 10px; display: inline; color:#fff; } #right-box #members div.members-top ul li a { color:#fff; font-weight: normal; } #right-box #members div.members-top ul li a:hover { color:#ff000c; text-decoration: underline; } #right-box #members div.nmember { margin: 2px 1px 0 0; width: 211px; height: 102px; background: url(../images/fc-nmember-bg.gif) no-repeat; float: left; } #right-box #members div.nmember h5 { margin: 10px 0 0 7px; display: inline; font-family: tahoma; color:#fff; } #right-box #members div.nmember h5 em { color:#606060; font-weight: normal; font-style: normal; } #right-box #members div.nmember p { margin: 7px; display: inline; float: left; } #right-box #members div.nmember ul { width: 130px; margin-top: 10px; float: left; font-family: tahoma; font-size: 10px; } #right-box #members div.nmember ul li { color:#fff; } #right-box #members div.nmember ul li em { font-style: normal; color:#606060; } #right-box #members div.nmember ul li.more { margin-top: 15px; float: right; } #right-box #members div.nmember ul li a { color:#ff000c; text-decoration: underline; } #right-box #gallery { padding: 3px; width: 423px; height: 364px; background: url(../images/fc-members-bg.gif) no-repeat; } #right-box #gallery h4 { padding: 13px 0 10px 10px; height: 26px; background: url(../images/fc-members-h4.gif) no-repeat; } #right-box #gallery #info { margin: 5px 0 0 2px; display: inline; width: 258px; float: left; } #right-box #gallery #info dl { width: 258px; float: left; font-weight: bold; padding: 7px 0 8px 0; background: url(../images/fc-red-dotted.gif) repeat-x 100% 100%; } #right-box #gallery #info dl dt { float: left; } #right-box #gallery #info dl dd { color:#464646; float: right; } #right-box #gallery #info p { padding: 10px 0 10px 0; float: left; } #right-box #gallery #thumbs { width: 156px; float: right; } #right-box #gallery #thumbs ul { } #right-box #gallery #thumbs ul li { margin: 8px 5px 0 3px; display: inline; float: left; } #right-box #gallery #thumbs ul li.more { margin: 12px 10px 0 0; float: right; } #right-box #gallery #thumbs ul li.more a { color:#ff0000; text-decoration: underline; } #bottom { width: 983px; margin: 10px 0 10px 0; float: left; } #bottom div.bbox { float: left; margin-right: 10px; padding: 5px 4px 5px 4px; width: 350px; height: 184px; background: url(../images/fc-bottombox-bg.gif) no-repeat; } #bottom div.bboxx { float: left; margin-right: 10px; padding: 5px 4px 5px 4px; width: 350px; height: 184px; background: url(../images/fc-bottombox-bgl.gif) no-repeat; } #bottom div.bbox h4 { padding: 14px 0 0 10px; width: 340px; height: 25px; background: url(../images/fc-bbox-h4.gif) no-repeat; font-family: tahoma; font-size: 11px; color:#fff; } #bottom div.bboxx h4 { padding: 14px 0 0 10px; width: 340px; height: 25px; background: url(../images/fc-bbox-h4.gif) no-repeat; font-family: tahoma; font-size: 11px; color:#fff; } #bottom div.bbox p { padding: 10px; color:#fff; } #footer { width: 983px; float: left; } #footer ul { padding: 30px 0 0 10px; height: 30px; background: url(../images/fc-footer-ul.gif) no-repeat; } #footer ul li { color:#060606; display: inline; } #footer ul li span { padding: 0 3px 0 6px; } #footer ul li a { color:#fff; font-size: 12px; font-weight: bold; } #footer p { color:#630000; padding: 10px 0 5px 0; text-align: center; } }