/*  
Theme Name: Beijing 2008
Theme URI: --
Description: 
Version: 0.1
Author: Luther Blissett
Author URI: http://www.lutherblissett.net/

*/

body { text-align: center; margin:0 auto; padding:0; background: #E9E9E9; font-size:11px;line-height:14px; color:#424242;font-family: Verdana;}
body > div {text-align:center; margin-right:auto; margin-left:auto;font-family: Verdana;} 
div,form,ul,ol,li,span,p {margin: 0; padding: 0; border: 0;font-family: Verdana;}
img,a img{border:0; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:11px;font-weight:normal;font-family:Arial}
ul,ol,li {list-style:none}
table,td,input {font-size:11px}
HR{	display: none;}
UL{	margin: 0px auto;margin /**/:0px;}

#logo {background:url(images/countersponsorslogo.png) top left no-repeat; width:133px; height:100px; position:absolute; top:0; left:5px;}

a {color: #424242;text-decoration:none}
a:hover {text-decoration:underline;color:#004AAF}

.c2,.c3,.c4,.c5 {width:100%;text-align:center;margin:0 auto;clear:both;padding:0;border:0}
.c2 DIV,.c2 LI,.c2 P {width:50%;float:left}	
.c3 DIV,.c3 LI,.c3 P {width:33%;float:left;}	
.c4 DIV,.c4 LI,.c4 P {width:25%;float:left;}	
.c5 DIV,.c5 LI,.c5 P {width:20%;float:left;}	

.f12list{padding: 5px 0}
.f12list UL {width: 100%;margin:0px auto!important ;margin-left /**/:0px;}
.f12list LI {color:#FF0000;line-height:14px;padding:3px 0px 4px;font-size:11px;text-align:left;margin-left: 0px !important;margin-left /**/:-15px;}
.f12list LI a:link {color:#424242;}
.f12list LI a:hover {color:#004AAF;text-decoration:underline;}
.f12list LI SPAN {margin-left:5px;color:#424242}
.f12list .more {text-align:right;padding:0 10px;color:#004AAF}
.f12list .more a,.f12list .more a:link{color:#004AAF}

.picGroup {text-align:center;clear:both;margin:0px auto;padding:0px;}
.picGroup UL{margin:0px;padding:0px;}
.picGroup IMG {margin:0 auto;padding:0px;background: #fff;border:1px solid #C9C9C9;}		
.picGroup LI {height: 1%;height /**/: auto;margin:0px auto;padding:0px;text-align:center;}
.picGroup SPAN {display:block;font-weight:normal;margin:2px auto 3px;text-align:left;padding:0 5px;line-height:14px;}
.picGroup SPAN a:hover{color:#004AAF;}

.picTextGroup {text-align:left;clear:both;margin:0 auto;line-height:14px;}
.picTextGroup IMG {float:left;margin:4px 8px 0 0;padding:0px;background: #fff;border:1px solid #C9C9C9;}		
.picTextGroup P {clear:none;padding:4px 9px!important ;padding:4px 9px;padding /**/:0px;margin:0px!important ;margin:0px;margin /**/:4px 9px;font-size:10px;line-height:14px;}
.picTextGroup SPAN{display:block;text-align:left;color:#004AAF;margin:0px 0 2px } 
.picTextGroup SPAN a:hover{color:#004AAF;}
.picTextGroup .more{font-weight:normal;display:inline;}

.picTextList{text-align:left;clear:both;margin:0 auto;line-height:14px;}
.picTextList P{float:left;margin:0 8px 0 0;text-align:center;}
.picTextList UL{float: left;}
.picTextList LI{text-align:left;}
.picTextList IMG{display:block;padding:0px;background: #fff;border:1px solid #C9C9C9;}
.picTextList SPAN {margin:5px auto ;text-align:center;}
.picTextList .more{	text-align:right;}

.liBgBlue,.liBgGray {	width: 520px!important ;}
.liBgBlue UL,.liBgGray UL{padding:0px!important ;}
.liBgBlue LI{background:#E2F3FF url(images/li_icon.gif) no-repeat left;border-bottom:1px solid #fff;padding:0 0 0 22px!important ;text-indent:0px!important ;line-height:25px; }
.liBgGray UL{background:#F2F5F7;}
.liBgGray LI{border-bottom:1px solid #fff;padding:3px 0 0;line-height:25px; text-indent:10px!important ;}
.liBgGray UL.c2 LI{background: url(images/libggray_c2.gif) repeat-y;margin:0px;}
.liBgGray UL.c3 LI{background: url(images/libggray_c3.gif) repeat-y;margin:0px;}
.liBg LI{background:url(images/li_public_bg.gif) repeat-x bottom;line-height:18px;}
.liBg .more{background: none;}

.homeArea{width:1004px;clear:both;height:auto;margin:0px auto;background: #fff;}

.left { float: left;}
.right { float: right;}
.clear { clear: both; font-size:1px; width:1px; visibility: hidden;margin-top:0px !important;margin-top:-2px;background:none;}
.clear:after{content: ".";	display: block;height: 0;clear: both;}

.fontSize12 { font-size:12px;}
.fontSize14 { font-size:14px;}
.fontSize16 { font-size:16px;}

.lineHeight24 {line-height:24px}
.lineHeight20 {line-height:20px}
.lineHeight18 {line-height:18px}

.fb {font-weight: bold;}
.unline,.unline a {text-decoration:underline}
.more,.more a{color: #004AAF;text-align:right;padding:0px;}

.listBg{	width: 100%;background: url(images/list_bg.gif) repeat-x;height: 12px;font-size:1px}
.bgLine {background:#C1E1F9;height:1px;font-size:1px;overflow:hidden;}	
.img {border:1px solid #C9C9C9;}

/* mainContent */
/* focus flash and news */
.mainContent .focusFlash{margin:0px auto; }
.mainContent .focusNews{width: 520px;background:url(images/focus_news_bg.gif) repeat-x bottom; margin:0 0 8px 0;}
.mainContent .focusNews H1{width: 490px;font: 16px/22px Verdana;color:#004AAF;margin:8px auto 2px;font-weight: bold;text-align:left;}
.mainContent .focusNews H1 a{color:#004AAF}
.mainContent .focusNews P{	width: 495px;text-align:left;line-height:18px;margin:0 auto;padding:0 0 5px;}

/* mainContent left picnews */
.mainContent .picNews{width: 520px;background: url(images/olympicnews_bg.gif);}
.mainContent .picNews .picText{	width: 122px;float:left;}
.mainContent .picNews .picText SPAN {text-align:left;padding:0 4px;font-weight: bold;}
.mainContent .picNews .picText SPAN a{color:#004AAF;}
.mainContent .picNews .picText P{width: 118px;;text-align:left;line-height:18px;}
.mainContent .picNews .picText .more{font-weight: normal;}
.mainContent .picNews .olympicNews{	width: 380px;float:right}
.mainContent .picNews .olympicNews .title{height: 20px;padding:0px 0 0;line-height:20px;background: url(images/olympicnews_title_icon.gif) no-repeat left;border-bottom:1px solid #009ABC;text-align:right;color:#004AAF;}
.mainContent .picNews .olympicNews .title a{color: #004AAF}
.mainContent .picNews .olympicNews .title H2{float:left; margin:0 0 0 12px;display:inline}
.mainContent .picNews .olympicNews .title SPAN{	font-weight: bold;color:#FF7800;}
.mainContent .picNews .olympicNews .f12list{	width: 380px;padding:5px 0px;}
.mainContent .picNews .olympicNews .f12list UL{width: 366px;padding-left:14px;}
.mainContent .picNews .olympicNews .f12list LI{text-indent:-12px;}
.mainContent .picNews .olympicNews LI{background: url(images/focus_news_line.gif) repeat-x bottom;color:#f00}
.mainContent .picNews .olympicNews LI SPAN{	color:#424242}
.mainContent .picNews .olympicNews .calendar{width: 370px;}

dl,dt,dd {margin:0;padding:0;border:0}
.calendar {height:21px;background:url(images/calendar_bg.gif) no-repeat;}
.calendar .tl{	float: left;width:100px;height: 21px;line-height:21px;text-align:left;padding-left:10px;}
.calendar .t{	float: left;width: 20px;text-align:center;height: 20px;line-height:16px;font-size:10px;}
.calendar .calendarBtn{float: right;width: 21px;margin:1px 1px 0 0;}
.calendar .m{position:relative;height:1px;clear:both;}
*+html .calendar .m { margin-top:0px;}
.calendar .hidden{display:none}

.calendar dl {float:left;margin:0 auto;padding:1px 0 0 ;height: 19px;}
.calendar dl dd {width:75px!important ;width:75px;width /**/:76px;float:left;text-align:left;}
.calendar dl .yy {width:85px!important ;width:85px;width /**/:86px;float:left;text-align:left;}
.calendar dl IMG{border-right:1px solid #BBBBBB;}

.n1 {color:#424242;text-align:center;width:44px!important ;width:44px;width /**/:41px;height:19px;line-height:19px;vertical-align:middle;border:0px;border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;cursor: pointer;margin:0;padding:0px;float:left;}
.dMenu {border:1px solid #BBBBBB;border-top:0;background:#F4F4F4;width:58px;position:absolute;top:0;left:0;z-index:4;}
.dMenu a {height:14px;padding-top:0px;color:#424242;padding-left:3px;text-align:left;font-weight:normal;display:block;cursor:pointer}
.dMenu a:hover {background:#78868C;color:#fff;text-decoration:none}
.r {width:20px!important ;vertical-align:middle;}
.rs {width:34px!important ;width:34px;width /**/:37px;}

.gameflash{margin: 5px 0;}

/* mainContent mainChannel */
.mainContent .mainChannel{	width: 520px}
.mainContent .mainChannel H2{height: 20px;padding:0px 0 0 12px;line-height:20px;background: url(images/olympicnews_title_icon.gif) no-repeat left center;border-bottom:1px solid #009ABC;text-align:left;color:#004AAF}
.mainContent .mainChannel H2 a{font-weight: normal;color: #004AAF}
.mainContent .mainChannel H2 SPAN a{color:#FF7700;font-weight: bold;}
.mainContent .mainChannel .picTextGroup{	margin: 2px  0 0}
.mainContent .mainChannel .picTextGroup P{padding: 0px!important;}
.mainContent .mainChannel .picTextGroup SPAN{color:#004AAF;text-align:left;}

/* .mainContent.mainChannel left and right */
.mainContent .leftChannel{width: 255px;float:left;padding:0;}
.mainContent .leftChannel H2{width: 243px!important ;width: 243px;width /**/: 249px;}
.mainContent .leftChannel H3{text-align:left;line-height:22px;color:#f00;font-weight: bold;clear:both;}
.mainContent .leftChannel H3 a{	color:#004AAF;}
.mainContent .leftChannel H4{text-align:left;color:#424242}
.mainContent .leftChannel H4 a:hover{color:#004AAF;}
.mainContent .leftChannel .olympicImg{float:left;border:1px solid #C9C9C9;margin:10px 0 0;clear:both;}

.mainContent .rightChannel{width: 255px;float:right;}
.mainContent .rightChannel H2{width: 243px!important ;width: 243px;width /**/: 255px;}
.mainContent .rightChannel .picGroup  {width:235px;float:left;margin: 8px auto;padding:6px 8px 8px 10px;border:1px solid #BBB;background: #F0F0F0}
.mainContent .rightChannel .picGroup .left IMG{float:left;}
.mainContent .rightChannel .picGroup .right IMG{float:right;}

.mainContent .rightChannel H3{height: 20px;line-height:20px;background: url(images/rightcontent_title_bg.gif) repeat-x top;color:#004AAF;}
.mainContent .rightChannel H3 a{color: #004AAF}
.mainContent .rightChannel .summary{background: url(images/rightcontent_line.gif) repeat-x bottom;padding:6px 0;}
.mainContent .rightChannel .summary P{width: 235px; line-height: 22px;text-align:left;margin:0 auto;}
.mainContent .rightChannel .summary SPAN{	color:#f00}
.mainContent .rightChannel .summary SPAN a{	color:#f00}

.mainContent .rightChannel .f12list UL{width: 235px;padding-left:14px;}
.mainContent .rightChannel .f12list LI{text-indent:-12px;}

.mainContent .olympic_logo{margin: 15px 0 10px}
.mainContent .olympic_logo IMG{margin:0 13px;}

/* rightContent */
.rightContent .search{width: 273px!important ;width: 273px;width /**/: 285px;height: 32px;background: url(images/right_search_bg.gif);padding:0 0 0 12px;}
.rightContent .search INPUT{float:left;background: url(images/right_search_input_bg.gif);width: 132px;height:16px;border:1px solid #808080;margin:7px 10px 0 0px;}
.rightContent .search .searchBtn{background:url(images/search_btn.gif);width: 21px;height: 18px;float: left;margin:8px 0 0;border:0px;}
.rightContent .search SPAN{float: right;margin:8px 0 0;padding:0 5px;color:#fff;}
.rightContent .search SPAN a{color:#fff;}

.rightContent H2{width: 273px!important ;width: 273px;width /**/: 285px;height: 20px!important ;height: 20px;height /**/: 25px;background: url(images/right_title_bg.gif);color:#fff;padding:5px 0 0 12px;text-align:left;}
.rightContent H2 a,.rightContent H2 a:hover{color:#fff;}
.rightContent .h46{height: 34px!important;}
.rightContent H2 SPAN{	font-weight: bold;}
.rightContent H2 .more{	float: right;color:#fff;font-weight: normal;margin: 0 8px 0 0;display:inline}
.rightContent H2 .more a{color:#fff;}
.rightContent H3{width: 273px!important ;width: 273px;width /**/: 285px;height: 19px!important ;height: 19px;height /**/: 23px;background:#C3D5E1; ;color: #004AAF;padding:4px 0 0 12px;text-align:left;}
.rightContent H3 a{color: #004AAF}

.rightContent .tag{width: 273px!important ;width: 273px;width /**/: 285px;height: 25px!important ;background: url(images/right_title_bg.gif);color:#fff;padding:0px 0 0 12px;text-align:left;}
.rightContent .tag a,.rightContent .tag a:hover{color:#fff;}
.rightContent .tag SPAN{float: left;margin:5px 0 0;font-weight: bold;}
.rightContent .tag UL{width: 190px;float: right;}
.rightContent .tag LI{float: left;height: 20px;padding:5px 2px 0;}
.rightContent .tag .bgc{background:#C3D5E1; height: 20px!important ;height: 20px;height /**/ : 25px;color:#004AAF;}
.rightContent .tag .bgc a,.rightContent .tag .bgc a:hover{color:#004AAF}

.rightContent .hidden{display: none;}
.rightContent .picGroup{width: 270px;padding:8px 0;}
.rightContent .picGroup.c2 SPAN{width: 120px;height: 20px;overflow:hidden;}

.rightContent .CDAndWeather{width: 285px;height: 127px;}
.rightContent .CDAndWeather .left{width: 198px;}
.rightContent .CDAndWeather .countDown{width: 198px;height: 59px!important ;height: 59px;height /**/: 74px;padding:15px 0 0;float:left;}
.rightContent .CDAndWeather .countDownFlash{margin:0px 0 0 50px;}
.rightContent .CDAndWeather .weather{width: 198px;height: 41px;margin:5px 0 0;background: url(images/weather_bg.gif) no-repeat bottom;font-family: Verdana;font-size: 9px;font-weight: bold;line-height:16px;color:#004AAF;float:left;}
.rightContent .CDAndWeather .weatherInfo{width: 180px;height: 41px;margin:0 0 0 8px;border:0px solid #f00}
.rightContent .CDAndWeather .right{width: 87px;}
.rightContent .weatherInfo IMG{float:left;padding:0px 5px;margin:8px 0 0}
.rightContent .weatherInfo .info{width: 140px;margin:4px 0 0;float:left;font-weight: normal;text-align:left;}
.rightContent .weatherInfo .info SPAN{	float:left;font-weight: bold;}

.rightContent .affiche{width: 285px;background:url(images/right285_bg.gif);}
.rightContent .affiche UL{width: 260px;padding-left:14px;}
.rightContent .affiche LI{text-indent:-12px;}

#tagCon0,#tagCon1,#tagCon2,#tagCon3{height: 253px;}

.rightContent .view{width: 275px!important ;width: 275px;width /**/: 285px;margin:8px auto;padding:0 0 0 10px;}
.rightContent .view .flashPlayer{float:left;width:160px;border:1px solid #fff;background: #DBDBDB;}
.rightContent .view .flashPlayer SPAN{margin: 1px 0 0;height: 15px;line-height: 14px;display:block;}
.rightContent .view .viewList{float:left;width:112px;height:170px;background:url(images/view_list_bg.gif) repeat-x;margin:1px 0}
.rightContent .view .viewList UL{width:97px;margin:0px auto;padding:0px;}
.rightContent .view .viewList LI{height:37px;text-indent:0px;line-height:14px;padding:5px 0 0;margin-left: 0px !important;margin-left /**/:-15px;text-align:left;}
.rightContent .view .viewList LI SPAN{float:left;width: 19px;padding:2px 0 0 3px }
.rightContent .view .more{padding:5px 0 0;clear:both;}

.rightContent .ticketBgc{width: 285px;background: url(images/ticket285_bg.gif);padding:8px 0;margin:5px 0 0;}
.rightContent .ticket{margin:0 auto;background: url(images/ticket_bg.gif);width: 253px;height: 63px;text-align:right;border:1px solid #BBB}
.rightContent .ticket H4{width: 172px;color:#fff;font-weight: bold;text-align:left;margin:5px 0;padding-left:10px;float:right;}
.rightContent .ticket UL{width: 182px;padding:0px;float:right;margin:0 auto;}
.rightContent .ticket LI{margin:0 0 0 10px;padding:2px 0 0 10px;text-align:left;background:url(images/ticket_icon.gif) no-repeat left;; }
.rightContent .ticket LI a{color:#004AAF;}

.rightContent .downTable{padding: 8px 0 8px;}
.rightContent .downTable TABLE {background:#fff;width:262px;border:1px #A9D3F1 solid}
.rightContent .downTable TD {background:#CDE7F9;height:20px;line-height:20px;color:#424242;text-align:left;padding-left:10px}
.rightContent .downTable .pl20 {padding-left:20px;padding-left /**/:20px}
.rightContent .downTable .td1 td {background:url(images/tdbg1.gif);text-align:center;color:#004AAF;text-align:center;padding:0px}
.rightContent .downTable .td2 td {background:#E2F3FF}
.rightContent .downTable .w198 {width:198px;}
.rightContent .downTable .w59 {width:59px}
.rightContent .downTable .more{text-align:right;padding-right:10px}
.rightContent .downTable .music{padding-left:20px}

.rightContent .palestra{width: 258px;background: url(images/rightcontent_line.gif) repeat-x bottom;padding:6px 0 0;margin:0px auto;}
.rightContent .palestra IMG{margin: 3px 10px 20px 0;}
.rightContent .palestra P{	padding: 0px!important ;}
.rightContent .palestra SPAN{	font-weight: bold;}

.rightContent .moreServer{	width: 250px;color:#004AAF;margin:10px auto;text-align:left;}
.rightContent .moreServer LI,.rightContent .moreServer a{	color:#004AAF}

.rightContent .publicSearch{width: 260px;margin:10px auto 5px;}

.rightContent .merchandise{width: 260px;margin:5px auto 10px;padding:5px 0 10px!important ;padding:0px ;}
.rightContent .merchandise P{padding:0px!important ;}

.rightContent .fellow{margin: 10px 0;}
.rightContent .fellow IMG{border:1px solid #C9C9C9;}

/* header */
.headerInfo{width: 1004px;height: 125px;background: url(images/beijing2008_header_00_08.jpg) no-repeat left;}
.headerInfo .beiing2008Logo{float:left;width:100px;height:125px;margin-left:34px;display:inline;}
.headerInfo .paralympicLogo{float:left;width:100px;height:125px;}
.headerInfo .olympicTitle{float: left;width:474px;height: 125px;background:url(images/peking_2008.png); color:#fff;text-align:center;}
.headerInfo .olympicTitle SPAN{float:right;margin:3px 20px 0 0; display:inline;}
.headerInfo .olympicTitle .date{	font-size: 11px;}
.headerInfo .siteBtn{float: left;width: 296px;height: 125px;background:url(images/beijing2008_header_02.jpg);color:#fff;font-size:10px;text-align:right}
.headerInfo .siteBtn IMG{padding:0 2px;}
.headerInfo .siteBtn SPAN{float:right;margin:0px 0px 0 0;display:inline}

/* column */
.Content{margin:0px auto;background:#fff url(images/home_bg.gif);}
.leftContent{	float:left;width: 164px;background:url(images/beijing2008_header_03.jpg) no-repeat top;padding:120px 0 0;}
.mainContent{	float:left;width: 520px;padding:12px 12px 0;display:inline;}
.rightContent{	float:right;width: 285px;padding-right:11px;display:inline;background:url(images/beijing2008_header_04.jpg) no-repeat top;}

/* public */
.publicSearch{width: 229px;height: 21px;text-align:left;margin:5px auto 0;padding:0 8px;}
.publicSearch .inputBg{border:1px solid #BBB;background: #fff;width:157px;height: 21px;float:left;}
.publicSearch .inputStyle{width:133px;border:0px ;margin:1px;float:left;}
.publicSearch .searchBtn{background:url(images/search_btn.gif);width: 21px;height: 18px;	float: left;margin:2px 0 0 8px;border:0px;}
.publicSearch SELECT{float:left}

/* leftContent */
.leftContent .mainNav{width: 160px;padding:0px 0; min-height:300px; _height:300px;}
.leftContent .mainNav UL{margin:0 0 0 14px;background:url(images/menu_line.gif); float:left;display:inline;}
.leftContent .mainNav LI{float:left;display:inline;width:122px!important ;width:122px;width /**/:132px;height: 20px!important ;height: 20px;height /**/:27px;margin:0 0 0 14px!important ;margin:0 0 0 14px;margin /**/:0 0 0 14px; padding:7px 0 0 10px;background:url(images/menu_icon.gif) no-repeat left;text-align:left;color:#004AAF;font-weight: bold;font-size:11px; font-family: Arial;}
.leftContent .mainNav LI a{color:#004AAF;}
.leftContent .mainNav LI a:hover{color:#FF7800; text-decoration: none;}
.leftContent .mainNav .mm{height: 27px;line-height:13px;padding:0px 0 8px 10px!important ;padding:0px 0 0 10px;padding /**/:0px 0 0 10px;}
.leftContent .mainNav .endLine{line-height: 14px;}
.leftContent .paralympic{font-size:11px;width:164px;height:70px;line-height:14px;margin:5px 0 0;padding:5px 0 0 ; text-align: center;color:#004AAF;font-weight: bold;}
.leftContent .paralympic a{color:#004AAF;}
.leftContent .paralympic SPAN{font-size:9px;color:#32998B;display:block;font-weight: normal;}

.footerPic{	width: 1004px;height: 10px;background:url(images/footer.gif);clear:both;font-size:1px }
.footerMenu{width: 826px;float:right;margin:0 14px 0 0;text-align:left;display:inline;color:#004AAF;line-height:22px;font-size:9px;}
.footerMenu a{	color:#004AAF}
.footerMenu IMG{margin:0px; }
.footerMenu DIV{float: left;}
.footerMenu .line{background: url(images/footer_line.gif) no-repeat center;width: 23px;height: 70px;}
.footerMenu .footerNav{width:690px;margin: 16px 0 0;clear:right;text-align:left;}
.footerBg{width: 1004px;height:54px; background:url(images/beijing_fooer.jpg);clear:both; }