/*
Theme Name:Vehicle Creativity Works
Theme URI:http://xinyuefei.com/
Description:Designed by Yophee for MVC only
Version:1.0
Author:Yophee Hsing
Author URI:http://xinyuefei.com/
*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; overflow:visible; }
a img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul, li { list-style:none; }
a, a img { outline:none; }
a{ text-decoration:none; }

body { background:#fff url(../i/bg.jpg) center top no-repeat; text-align:center;
	color:#333; font-size:14px; line-height:1.6em; font-family:"Microsoft Yahei","宋体"; }
#box { width:960px; height: 100%; margin:0 auto; overflow:hidden; text-align:left; position:relative; text-align: left; }


/*头部logo和菜单*/
#header { float:left; width:960px; height:140px; position:relative; border-bottom:1px solid #e0e0e0; }
#logo { width:160px; height:80px; position:absolute; top:35px; left:20px; }
#menu { width:425px; height:70px; position:absolute; top:38px; right:30px; }
#menu ul { width:425px; height:70px; background:url(../i/menu.png) left top no-repeat; }
#menu ul li { float:left; width: 85px; height:70px; position:relative; }
#menu ul li a { color:#bbb; font-size:13px; display:block; width:85px; height:30px; padding:40px 0 0 0;
	line-height:30px; position:absolute; top:0px; left:0px; z-index:200; outline: none; text-align:center;
	-webkit-transition:all .6s linear;
	-moz-transition:all .6s linear;
	-o-transition:all .6s linear;
	transition:all .6s linear; }
#menu ul li a:hover, #menu ul li a.here { color:#c00; text-decoration:none; }
#menu div { position:absolute; top:0px; left:0px; width:85px; height:44px; z-index:100; }


/*登陆状态框*/
#user { float:left; width:960px; height:50px; }
#user p { float:right; height:20px; font-size:12px; padding:2px 5px 0 25px; line-height:18px; text-align:right; border:1px solid #e0e0e0; border-top:0;
	background:url(../i/user.png) 3px center no-repeat; }
#user p a { color:blue; } #user p a:hover { color:red; }

/*中间主要内容*/
#content { float:left; width:960px; height:auto; padding:0 0 30px 0; }
#left { float:left; width:200px; }
#right { float:right; width:720px; }

#left ul { width:200px; text-align:right; padding:40px 0 30px 0; }
#left ul li { width: 200px; height:38px; }
#left ul li a { color:#333; font-size:13px; display:block; width:170px; height:22px; line-height:22px; padding:0 30px 0 0;
	background:url(../i/nav.png) left bottom no-repeat; }
#left ul li a:hover { color:#c00; text-decoration:none; }
#left ul li a.now { color:#fff; text-decoration:none; background:url(../i/nav.png) left top no-repeat; }

#right h1 { font-size:30px; line-height:30px; height:30px; }
#main { width:700px; padding: 20px 0 0 0; }
#main p { margin:0 0 15px 0; }


/*中间主要内容2(提交灵感和吐槽页面使用)*/
#left2 { float:left; width:640px; padding: 0 0 0 20px; }
#right2 { float:right; width:260px; }

#left2 h1 { font-size:20px; line-height:20px; height:20px; padding:0 0 5px 0;}


/*提交灵感表单*/
input, textarea, select, button{ outline:none;resize:none; }

#info-box { border:1px solid #D0D0D0; width:640px; line-height:1.2em; word-wrap:break-word; word-break:break-all;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

#msg-box { position:relative; width:640px; overflow:hidden; background:#fff;
	-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
	
textarea#msg { width:634px; height:66px; padding:3px; margin:-1px auto 0;
	overflow-y:auto; font:normal 14px/21px Tahoma,Arial; border:0!important; background:transparent;
	border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; }

#fun-box { background:#f6f6f6; height:20px; padding:5px 0 4px 14px; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; }

a#upload-pic, a#upload-video { display:block; float:left; width:65px; height:18px; line-height:18px; padding: 0 0 0 20px; color:#555; }
a#upload-pic { background: url(../i/upload-pic.png) left top no-repeat;}
a#upload-pic:hover { background: url(../i/upload-pic.png) left bottom no-repeat;}
a#upload-video { background: url(../i/upload-video.png) left top no-repeat;}
a#upload-video:hover { background: url(../i/upload-video.png) left bottom no-repeat;}

#fun-box div { float:right; width:140px; height:18px; line-height:18px; color:#555; }
#fun-box div input { width:18px; height:18px; }
#fun-box div p { height:18px; height:18px; float:left; }
#fun-box div label { height:18px; display:block; float:left; }

#submit-box { margin: 10px 0 0 0; width:640px; height:30px; }
#cate-label { float:left; margin: 0 10px 0 10px; height:18px; }
#cate-select { float:left; margin: 0 0 0 0; height:18px; }
#category {}
#submit-div { float:right; height:30px; }
#submit-button { width:112px; height:30px; background:url(../i/submit.png) left top no-repeat; border:none; cursor:pointer; }
#submit-button:hover { background:url(../i/submit.png) left bottom no-repeat; }

#pinpai-label, #chexing-label, #kuanxing-lable { float:left; margin: 0 0 0 10px; height:18px; }
#pinpai-select, #chexing-select, #kuanxing-select { float:left; margin:0; height:18px; }


#inspiration { border:1px solid #D0D0D0; width:640px; margin: 40px 0 0 0; background:#fff; word-wrap:break-word; word-break:break-all;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.post { border-bottom:1px dotted #D0D0D0; padding:25px 15px; }
.post p { margin: 0 0 14px 0; }
.post img { display:block; margin: 0 auto; }
.post h2 { font-size:12px; color:#999; }
.post h2 a { color:#999; font-weight:bold; }
.post h2 a:hover { color:#333; }
.opinion { height:24px; margin: 5px 0 0 0; font-size: 12px; }
.opinion span.op0 { display:block; height:24px; line-height:24px; float:left; }
.opinion a { display:block; height:22px; line-height:22px; float:left; padding: 0 7px 0 30px; border:1px solid #D0D0D0; color:blue; border-right:0; }
.opinion a.op1, .opinion a.op21 { background:url(../i/face1.png) 5px 1px no-repeat; }
.opinion a.op2, .opinion a.op22 { background:url(../i/face2.png) 5px 1px no-repeat; }
.opinion a.op3 { background:url(../i/face3.png) 5px 1px no-repeat; }
.opinion a.op23 { background:url(../i/face5.png) 5px 1px no-repeat; }
.opinion a.op4, .opinion a.op24 { background:url(../i/face4.png) 5px 1px no-repeat; border-right:1px solid #D0D0D0; }
.opinion a:hover { color:red; background-color:#f6f6f6; }
.opinion a span { color:blue; color:#999; font-size:10px; }

#join-us a#lg { display:block; width:640px; height:30px; background:url(../i/join-us-lg.png) center top no-repeat; }
#join-us a:hover#lg { background:url(../i/join-us-lg.png) center bottom no-repeat; }
#join-us a#tc { display:block; width:640px; height:30px; background:url(../i/join-us-tc.png) center top no-repeat; }
#join-us a:hover#tc { background:url(../i/join-us-tc.png) center bottom no-repeat; }

/*提交灵感 页面右侧活跃用户列表*/
#right2 h1 { font-size:16px; line-height:20px; height:20px; padding:0 0 5px 0; border-bottom:1px solid #D0D0D0; }
#top-user { padding:20px 0 0 35px; background:url(../i/top-user.png) left top no-repeat; }
#top-user div { height: 75px; }
#top-user div img { display:block; float:left; width:50px; height:50px;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#top-user div p { float:left; height:46px; padding:2px 0 0 8px; line-height:19px; }
#top-user div p span { color:#999; font-size:12px; }


/*用于 加入我们 页面左侧*/
#left3 { float:left; width:200px; }

#left3 ul { width:200px; text-align:right; padding:40px 0 30px 0; background:url(../i/li.png) right 12px no-repeat; }
#left3 ul li { width: 200px; height:38px; }
#left3 ul li a { color:#333; font-size:13px; display:block; width:170px; height:22px; line-height:22px; padding:0 30px 0 0; }
#left3 ul li a:hover { color:#c00; text-decoration:none; }
#left3 ul li a.now { color:#c00; }


/*用于 加入我们 页面右侧*/
#qq-weibo { padding: 20px 0 0 40px; height:25px; }
#qq-weibo a { display:block; float:left; margin:0 20px 0 0; }









/*底部版权信息*/
#footer{ float:left; width:960px; height:70px; border-top:1px solid #e0e0e0; text-align:left; background:url(../i/footer.png) 873px 13px no-repeat; }
#footer p{ color:#bbb; font-size:12px; padding:10px 0 0 8px; line-height:1.4em; }
#footer p a{ color:#bbb; }
#footer p a:hover { color:#c00; text-decoration:none; }