/*
Theme Name: Formula1
Tags: red, black, fixed width, enterprise, cms, two columns
*/

/* global css */
body{ margin:0 auto; background:#111 url(images/top.jpg) no-repeat center 0; color:#BBB; font-size:12px; font-family:'宋体',Arial,Verdana,Sans-Serif;}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,input{font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}

/* default link style */
a:link, a:visited{outline-style:none; color:#FFF;text-decoration:none}
a:hover{color:#FC0;text-decoration:underline;}

/* Wrapper */
.wrapper{ margin:0 auto; padding:0 0; width:960px; }

/* Header */
.header{ margin:0 auto; padding:0 0; width:960px; height:210px; overflow:hidden; }
.headerL{ float:left; width:350px; overflow:hidden;}

/* Logo */
.logo{ float:left; margin:30px 10px 0px; _margin:30px 5px 0px; font-size:32px; text-indent:-9999px; }
.logo a:link, .logo a:visited, .logo a:hover{ width:255px; height:86px; background:url(images/logo.jpg) no-repeat 0 0; display:block; }

.languages{ float:left; width:255px; height:20px; color:#999; font-size:13px; text-align:right;}
.languages a:link, .languages a:visited{ padding-left:10px; color:#999; text-decoration:none;}
.languages a:hover{ color:#FF0;}

/* Header Right */
.headerR{ float:right; width:550px; overflow:hidden;}

/* Mini Function */
.telephone{ float:right; margin:25px 0px 0px;}

/* Search */
#searchform{ float:right; margin:18px 0px 0px; padding:4px 10px 0px 27px; width:380px; height:33px; background:url(images/search.png) no-repeat 0 0;}
.searchInput{ float:left; padding:7px 6px 5px; width:290px; font-size:12px; color:#F5F5F5; border:none; background:none;}
.searchBtn{ float:right; width:75px; height:25px; text-align:center; text-indent:-9999px; border:none; background:none; cursor:pointer; display:block;}

/* Main Menu */
.main_menu{ float:left; margin-top:20px; padding:5px 5px; width:950px; height:36px; background:url(images/menu.png) no-repeat 0 0; overflow:hidden;}
.menu{ float:left; padding:0px 10px;}
.menu li{ float:left; padding-left:5px; text-align:center; background:url(images/line_menu.gif) no-repeat left center;}
.menu li strong{ color:#FF0;}
.menu li.home{ background:none;}
.menu li a:link, .menu li a:visited{ margin:0px 5px; padding:12px 5px 10px 5px; color:#FFF; text-decoration:none; display:block;}
.menu li a:hover{ color:#FF0; background:url(images/hover.png) repeat-x center 0;}
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:hover{ color:#FF0 !important; background:url(images/hover.png) repeat-x center 0;}

/* Featured */
.featured{ margin-bottom:10px; width:960px; height:260px; background:url(images/featured.png) no-repeat 0 0; overflow:hidden;}

/* Slideshow */
.slideshow{ float:left; padding:5px 5px; width:620px; height:248px; overflow:hidden; position:relative;}
#showimg{ height:248px; overflow:hidden; z-index:10;}
#showimg img{ width:620px; height:248px; display:block;}
.opacity{ float:left; width:620px; height:30px; background-color:#000; position:absolute; z-index:99; bottom:5px; right:5px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden;}
.operate{ position:absolute; z-index:1000; right:15px; bottom:11px;}
.operate span{ float:left; margin-left:5px; width:10px; height:10px; text-indent:-9999px; border:none; background:url(images/spot_ss.png) no-repeat 0 0; cursor:pointer; display:block;}
.operate span.hov{ background:url(images/spot_ss.png) no-repeat 0 -18px; }
#msg{ float:left; width:620px; height:26px; line-height:26px; position:absolute; z-index:100; bottom:5px; left:5px; overflow:hidden; }
#msg li{ float:left; width:480px; height:24px; line-height:22px; text-align:center; font-size:14px; font-weight:bold; color:#004C94; display:block;}
#msg li a:link, #msg li a:visited{ color:#FFF; text-decoration:none;}
#msg li a:hover{ color:#FF0;}

/* Featured Navigation */
.guide{ float:right; width:320px; height:260px; overflow:hidden;}
.guide h2{ font-size:18px; text-indent:-9999px;}
.guide span{ padding-left:120px; font-size:12px; color:#4B4B4B;}
.guide ul{ float:left; margin:16px 0px; *margin:22px 0px 16px; _margin:16px 0px; padding:0px 24px; height:156px; overflow:hidden;}
.guide ul li{ float:left; width:80px; margin:7px 0px 0px !important; padding:0px 5px; height:18px; line-height:18px; overflow:hidden;}

.sidebar_guide{ margin-bottom:3px; background:url(images/sidebar_guide.png) no-repeat center top;}
.sidebar_guide ul{ padding:0px 16px 0px 24px !important;}

.sns{ float:left; padding:3px 0px 3px 24px; color:#FFFF97; }
.sns div{ float:left;}
.sns div.mail{ padding-left:20px;}
.sns div.msn{ padding-left:35px;}
.sns div.qq{ padding-left:35px;}
.sns div.feed{ padding-left:35px; white-space:nowrap;}

.sns a:link, .sns a:visited{ color:#FFFF97; text-decoration:none;}
.sns a:hover{ color:#FC0; text-decoration:underline;}

/* Container */
.container{ float:left; padding:10px 0px; width:958px; border:1px solid #000; background-color:#222;}

/* Content */
.content{ float:left; width:620px; padding:5px 9px; background:url(images/line_sidebar.gif) repeat-y right 0;}
.post{ float:left; padding:8px 0px; width:620px; background:url(images/post_top.png) no-repeat center top; overflow:hidden;}
.post h2{ padding-bottom:5px; font-size:16px; color:#F20000; background:url(images/line_title.gif) repeat-x 0 bottom;}
.post p{ margin:10px 0px 5px; width:600px; overflow:hidden;}
.post h2 a:link, .post h2 a:visited{ padding-left:16px; color:#F20000; background:url(images/spot_title.gif) no-repeat 0 8px; text-decoration:none; display:block;}
.post h2 a:hover{ color:#FC0; background:url(images/spot_title_hover.gif) no-repeat 0 8px;}

.article{ padding:0px 9px 3px; width:600px; line-height:22px;  border-right:1px solid #000; border-left:1px solid #000; background-color:#232323; overflow:hidden;}
.pmeta{ color:#666;}
.pmeta a:link, .pmeta a:visited{ color:#666; text-decoration:none;}
.pmeta a:hover{ color:#F20000; text-decoration:underline;}
.post_bottom{ _margin-top:-10px; width:620px; height:5px; background:url(images/post_bottom.png) no-repeat center bottom; display:block;}

/* Breadcrumb */
.breadcrumb{ float:left; margin-bottom:10px; padding-left:5px; color:#999; overflow:hidden;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#999; text-decoration:none;}
.breadcrumb a:hover{ color:#F20000; text-decoration:underline;}

/* Page Navigation */
.page_navi{ margin:0 auto; width:100%; text-align:center; overflow:hidden; }
.wp-pagenavi{ margin:10px auto; padding:10px 0px 5px; width:98%;}
.wp-pagenavi span.pages{margin:2px; padding:5px 9px !important; border:1px solid #191919 !important; color:#CCC !important; background:#580505 url(images/pagenavi.png) repeat-x 0 0 !important;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:5px 9px !important; margin:2px; text-decoration:none !important; color:#CCC !important; background:#580505 url(images/pagenavi.png) repeat-x 0 0 !important; border:1px solid #191919 !important; }
.wp-pagenavi a:hover{ color:#FFFF00 !important; border:1px solid #191919 !important;  background:#580505 url(images/pagenavi.png) repeat-x 0 0 !important;font-weight:bold !important;}
.wp-pagenavi a:active{ padding:5px 9px; margin:2px; text-decoration: none; border:1px solid #191919 !important; background:#580505 url(images/pagenavi.png) repeat-x 0 0 !important;}
.wp-pagenavi span.extend{ padding:5px 9px !important; margin:2px; color:#CCC !important; border:1px solid #191919 !important; background:#580505 url(images/pagenavi.png) repeat-x 0 0 !important;}
.wp-pagenavi span.current{ padding:5px 9px !important; margin:2px; color:#FFFF00 !important; background:#580505 url(images/pagenavi.png) repeat-x 0 0  !important; border:1px solid #191919 !important;}
.pageleft, .pageright{ width:280px; overflow:hidden;}
.pageleft{ float:left; padding-left:10px; text-align:left;}
.pageright{float:right; padding-right:10px; text-align:right;}

/* Post Function */
.pro_next{ margin:20px 0px 15px; padding:8px 0px 6px; color:#F60; background:url(images/line_title.gif) repeat-x 0 bottom;}
.pro_next .pageleft, .pro_next .pageright{ width:280px; overflow:hidden;}
.postmeta{ margin:15px 0px; padding:0px 0px 20px 10px; line-height:24px; color:#F60; background:url(images/line_title.gif) repeat-x 0 bottom;}
.postmeta a{ text-decoration:underline;}

/* Sidebar */
.sidebar{ float:right; width:320px; overflow:hidden;}
.sidebar h3{ width:296px; height:32px; line-height:32px; text-indent:30px; font-size:14px; color:#EEE; background:#610606 url(images/sidebar_h3.png) no-repeat 0 0;}
.sidebar img{ margin-bottom:10px; text-align:center;}
.sidebar ul{ padding:0px 0px;}
.sidebar ul li{ margin-bottom:10px;}
.sidebar ul li ul{ width:284px; padding:8px 5px; *padding:15px 5px 5px; border:1px solid #0F0F0F; border-top:none; background-color:#282828;}
.sidebar ul li ul li{ margin:8px 0px 7px;  padding-left:18px; background:url(images/spot_sidebar.gif) no-repeat 6px 5px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.widget_tag_cloud div{ width:274px; padding:8px 10px; font-weight:bold; border:1px solid #0F0F0F; border-top:none; background-color:#282828;}
.ticket{ margin-bottom:10px; width:296px; height:105px; background:#900 url(images/ticket.png) no-repeat center top;}
.ticket p{ padding:10px 20px 5px; line-height:35px; text-align:right; font-size:26px; font-weight:bold; font-family:"黑体", Arial, Helvetica, sans-serif;}
.ticket p span{ padding:0px 5px; font-size:35px; color:#FFFF33;}
.ticket .order{float:right; padding-right:14px;}
.sidebar a:link, .sidebar a:visited{ color:#BBB; text-decoration:none;}
.sidebar a:hover{ color:#FC0; text-decoration:underline;}

/* Comments*/
.postcomments{ padding:0px 10px;}
.postcomments h3{ margin:10px 0px; padding:4px 12px; font-size:14px; background:#6E0F0F url(images/pagenavi.png) repeat-x 0 0 !important; border:1px solid #191919 !important;}
#commentform{ padding:5px 10px;}
.commentlist{ width:99%; padding:5px 0px; font-size:12px; clear:both;}
.commentlist li{ margin-bottom:10px; padding:5px 5px; border:1px solid #181818; background-color:#252525;}
.commentlist li.alt{ border:1px solid #151515; background-color:#252527;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 0px;}

.comment-author{ width:100%; height:35px; padding-bottom:4px; background:url(images/line_title.gif) repeat-x 0 bottom;}
.avatar{ float:left; padding:1px 1px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px;}

.reply{ float:right; margin-top:-3px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond{ padding-bottom:0px;}
#respond em{ color:#FF0242;}

/* Comment Form */
.form-comment{ padding:0px 0px;}
.form-comment li{ margin:10px 0px; padding:0 0; border:none; background:none;}
#author, #email, #url, #comment{ padding:4px 5px 3px; width:50%; color:#999; font-size:12px;}
#comment{ width:96%;}

#submit{ float:right; margin:0px; width:120px; height:28px; background:transparent url(images/submit.png) no-repeat scroll 0px 0px; border:none; text-indent:-9999px; cursor:pointer;}
.mouseover{ border: 1px solid #FF0000; }
.form-comment label{ color:#454545;}

#but_submit{ float:right; margin:5px 10px 20px;}

/* Friendlink */
.flink{ float:left; margin-top:10px; width:958px; border:1px solid #000; background-color:#222; overflow:hidden;}
.flink h3{ margin:10px auto; padding:6px 0px 5px; width:940px; font-size:14px; text-indent:22px; color:#C00; background:#3B0E0E url(images/blogroll.jpg) no-repeat center top;}
.flink ul{ padding:5px 15px;}
.flink ul li{ float:left; padding:0px 10px 8px; white-space:nowrap;}

/* Footer */
.footer{ margin:10px auto 0px; padding:0px 0px 15px; width:100%; background:#121212 url(images/footer.jpg) repeat-x center top;}
.footer a:link, .footer a:visited{ color:#BBB; text-decoration:none;}
.footer a:hover{ color:#C00; text-decoration:underline;}
.foot{ margin:0 auto; padding:15px 0px 0px; width:960px;}
.foot p{ line-height:24px; text-align:center;}