/*****************************************************************
Template: .css

Date created: 12/17/2006

Author: Kwaku Otchere kotchere@webworldtech.com

Type: Stylesheet

Description: Main stylesheet for SoccerWire

Related files:
*****************************************************************/
body { font-family:Arial, Helvetica, sans-serif; font-size:76%; font-style:normal; color:#404040; line-height:1.5; background:url(../img/bg.png) repeat-x #bfbfbf !important; text-align:center; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
#container { width:958px; position:relative; background-color:#FFFFFF; border:10px solid #666666; padding-right:4px; margin-left:auto; margin-right:auto; text-align:left;  }
#header { height:39px; padding-top:110px; overflow:hidden; }
#header #tl { width:9px; height:39px; background:url(../img/header.png) 0 0 no-repeat; float:left; }
#header #tr { width:6px; height:39px; background:url(../img/header.png) 0 -40px no-repeat; float:left; }
#header #bd { width:943px; height:39px; background:url(../img/header.png) 0 -80px repeat-x; float:left; }
#header #bd ul { padding:0; margin:0; margin-left:120px; width:100%; }
#header #bd li { float:left; list-style:none; padding:0 10px; padding-top:7px; margin-left:17px; margin-top:3px; overflow:hidden; height:24px; cursor:pointer; }
#header .selected, #header .fixed { background:url(../img/header.png) 0 -120px repeat-x; }
#header div { background:url(../img/links.png) no-repeat; height:9px; overflow:hidden; }

#header #home { background-position:0 0; width:28px; }
#header #subscribe { background-position:-28px 0; width:53px; }
#header #about { background-position:-81px 0; width:32px; }
#header #advertise { background-position:-113px 0; width:51px; }
#header #submitnews { background-position:-164px 0; width:66px; }
#header #contact { background-position:-230px 0; width:43px; }
#header #ranking { background-position:-276px 0; width:47px; }
#header #forums { background-position:-326px 0; width:39px; }
#header #newsletter { background-position:-367px 0; width:62px; }
#header #classifieds { background-position:-432px 0; width:60px; }
#header #news { background-position:-550px 0; width:27px; }
#header #directory { background-position:-495px 0; width:52px; }
#header #directory { background-position:-495px 0; width:52px; }
#header #shop { background-position:-579px 0; width:25px; }
#header #widgets { background-position:-607px 0; width:43px; }
#header #notes { background-position:-655px 0; width:80px; }


#header .selected #home, #header .fixed #home { background-position:0 -9px; }
#header .selected #subscribe, #header .fixed #subscribe { background-position:-28px -9px; }
#header .selected #about, #header .fixed #about { background-position:-81px -9px; }
#header .selected #advertise, #header .fixed #advertise { background-position:-113px -9px; }
#header .selected #submitnews, #header .fixed #submitnews { background-position:-164px -9px; }
#header .selected #contact, #header .fixed #contact { background-position:-230px -9px; }
#header .selected #ranking, #header .fixed #ranking { background-position:-276px -9px; }
#header .selected #forums, #header .fixed #forums { background-position:-326px -9px; }
#header .selected #newsletter, #header .fixed #newsletter { background-position:-367px -9px; }
#header .selected #classifieds, #header .fixed #classifieds { background-position:-432px -9px; }
#header .selected #news, #header .fixed #news { background-position:-550px -9px; }
#header .selected #directory, #header .fixed #directory { background-position:-495px -9px; }
#header .selected #shop, #header .fixed #shop { background-position:-579px -9px; }
#header .selected #widgets, #header .fixed #widgets { background-position:-607px -9px; }
#header .selected #notes, #header .fixed #notes { background-position:-655px -9px; }


#ad { position:absolute; top:15px; line-height:14px; right:10px; color:#aaa; font-weight:bold; font-size:11px; text-align:right; }
#logo { background:url(../img/logo.png) no-repeat; width:116px; height:92px; position:absolute; top:37px; left:20px; }
#main { padding-left:5px; }
#col0 { width:205px; float:left; }
.sect {  background-color:#eee; padding:10px; margin-bottom:5px; }
.sect ul { background-color:#fff; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding:10px; margin:0; }
.sect li { list-style:none; padding:3px 0; margin:0; border-bottom:1px solid #eee; }
.sect span { font-weight:bold; }
h2 { font-size:14px; margin:0; padding:0; color:#00a7b7; }
h3 { font-size:15px; margin:0; padding:0; color:#333333; }
h4 { font-size:18px; font-weight:bold; color:#222222; font-family:Courier, Verdana, Arial, sans-serif;}
h5 { font-size:14px; color:#333333; font-family:Courier, Verdana, Arial, sans-serif;}
#col1 { width:538px; float:left; padding:10px 20px 0 20px; }
#col2 { width:160px; float:left; background-color:#fff; overflow-x:hidden; }
#col2 ul { padding:0; margin:0; border-bottom:3px solid #dfdfdf; padding-bottom:10px; }
#col2 li { list-style:none; border-top:1px solid #ededed; }
#col2 li a { color:#555; text-decoration:none; }
#col2 li a:hover { text-decoration:underline; }
#col2 span { font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#col2 textarea { width:143px; height:107px; margin-top:10px; }
#col2 input { width:143px; margin-top:10px; }
#col2 #button_post { background:url(../img/button_post.png) no-repeat; width:48px; height:22px; margin-left:98px; margin-top:5px; }
#title_recentwires { background:url(../img/title_recentwires.png) no-repeat; height:14px; padding-bottom:5px; }
#title_postyourboast { background:url(../img/title_postyourboast.png) no-repeat; height:17px; padding-bottom:5px; border-bottom:1px solid #ededed; margin-top:30px; }
.divider { border:1px solid #f6f6f6; height:1px; overflow:hidden; }
.small { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.gr_block .left { background:url(../img/gr_left.png) no-repeat left bottom; }
.gr_block .mid { background:url(../img/gr_mid.png) repeat-x bottom; margin:0 5px; }
.gr_block .right { background:url(../img/gr_right.png) no-repeat right bottom; }
* html .gr_block .mid { height:1px; }

.block { float:left; width:160px; padding:15px; }
.spaceright { margin-right:10px; }
.spacer { height:5px; width:100%; overflow:hidden; }
h1, .title span { font-size:18px; font-weight:bold; margin:0; padding:0; color:#98141b; }

.in_list { width:170px; }
.in_list ul { margin:0; padding:0; }
.in_list li { list-style:disc inside; padding:2px; color:#ff9900; }
.ttl_links li { float:left; list-style:none; margin-left:15px; }
.ttl_links { float:left; margin-top:3px; font-size:12px; font-weight:bold; }

.list { width:98%; margin-bottom:30px; }
.list th { color:#aaa; font-size:12px; }
.list td, .list th { background:url(../img/dots.gif) repeat-x bottom; }
.cal { background:url(../img/calendar.png) no-repeat; width:16px; width:16px; border:0; }

/*
.block { margin-top:20px; padding-right:5px; }
.block .left { background:url(../img/pan_left.png) no-repeat; width:9px; height:333px; }
.block .right { background:url(../img/pan_right.png) no-repeat; width:9px; height:333px; }
.block .mid { background:url(../img/pan_mid.png) repeat-x; width:155px; height:333px; }
.block .mid p { padding:0 5px; margin-top:5px; }
.block .left, .block .right, .block .mid { float:left; }
.block span { text-decoration:underline; color:#0066FF; cursor:pointer; margin:0 5px; }
*/

.theform { margin-left:10px; display:block; width:528px; border-collapse:collapse; }
.theform span { font-weight:bold; line-height:normal; }
.theform .imp { color:#a11c24; }
.theform .input { width:230px; }
.theform select { margin-right:20px; }
#button_subscribe { background:url(../img/button_subscribe.png) no-repeat; width:84px; height:22px; }
#button_unsubscribe { background:url(../img/button_unsubscribe.png) no-repeat; width:99px; height:22px; }
#button_send { background:url(../img/button_send.png) no-repeat; width:54px; height:22px; }

.title { padding:10px 0 0 0; background-repeat:no-repeat;}
.subtitle { font-weight:bold; font-size:13px; }
/*
#title_home { background-image:url(../img/ttl_home.png); height:20px; }
#title_subscribe { background-image:url(../img/ttl_subscribe.png); width:90px; height:19px; }
#title_unsubscribe { background-image:url(../img/ttl_unsubscribe.png); width:332px; height:19px; }
#title_unsubscribesuccess { background-image:url(../img/ttl_unsubscribesuccess.png); width:332px; height:23px; }
#title_advertise { background-image:url(../img/ttl_advertise.png); height:19px; }
#title_unsubscribe { background-image:url(../img/ttl_unsubscribe.png); height:19px; }
#title_contact { background-image:url(../img/ttl_contact.png); height:19px; }
#title_about { background-image:url(../img/ttl_about.png); height:19px; }
#title_submitnews { background-image:url(../img/ttl_submitnews.png); height:19px; }
#title_pagenotfound { background-image:url(../img/ttl_pagenotfound.png); height:23px; }
#title_subscribethankyou { background-image:url(../img/ttl_subscribethankyou.png); height:23px; }
#title_problem { background-image:url(../img/ttl_problem.png); height:23px; }
#title_thanks { background-image:url(../img/ttl_thanks.png); height:23px; }
#title_wires { background-image:url(../img/ttl_wires.png); height:19px; }
#title_terms { background-image:url(../img/ttl_terms.png); height:19px; }
#title_privacy { background-image:url(../img/ttl_privacy.png); height:23px; }
#title_rankings { background-image:url(../img/ttl_rankings.png); height:23px; }
#title_rankingscalculate { background-image:url(../img/ttl_rankcalculate.png); height:23px; }
#title_ncsl { background-image:url(../img/ttl_ncsl.png); height:23px; }
#title_nvsl { background-image:url(../img/ttl_nvsl.png); height:23px; }
#title_wagsl { background-image:url(../img/ttl_wagsl.png); height:23px; }
#title_wisl { background-image:url(../img/ttl_wisl.png); height:23px; }
#title_newsletter { background-image:url(../img/ttl_newsletter.png); height:19px; }
#title_news { background-image:url(../img/ttl_news.png); height:19px; }
#title_forums { background-image:url(../img/ttl_forums.png); height:19px; }
#title_directory { background-image:url(../img/ttl_directory.png); height:23px; }
#title_classifieds { background-image:url(../img/ttl_classifieds.png); height:19px; }
*/

.sideList li { float:left; padding:0 8px; border-right:1px solid #ccc; list-style:none; }
.sideList li.last { border:none; }


.grid { width:100%; background-color:#CCCCCC; }
.grid th { background-color:#f4f3e6; text-align:left; }
.grid td { background:url(../img/grad_light.png) bottom repeat-x; }

#footer { border-top:1px solid #eee; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6c6c6c; height:40px; margin-top:30px; padding-top:20px; padding-left:50px; }
#footer span { float:left; padding-left:25px; cursor:pointer; }
#footer span.over { text-decoration:underline; }

.fleft { float:left; }
.brclear { clear:both; height:1px; overflow:hidden; margin-top:-1px; }
.button, .buttonright { cursor:pointer; }
.required { background-color:#fbefe2; }
.blurb { font-size:11px; line-height:14px; color:#999; }

.paging li { float:left; padding:0 3px; list-style:none; }
.ad_in img { float:right; padding-left:10px; }