/*  
Theme Name: FV.Zone Studio
Theme URI: http://fvzone.com/
Description:  <a href="http://fvzone.com/blog/">Nick Fvart</a>.
Version: 0.1
Author: Nick Fvart
Author URI: http://fvzone.com/blog/
*/
/* 初始化样式 */

body,div,form,img,ul,ol,li,dl,dt,dd,strong {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
/*
html {_overflow:hidden;}
body {_overflow:auto;_height:100%; }
#wrapper{ _position: relative;  }
#wrapper2 {  _position: absolute; _height:100%; }
*/

/* 取消按扭虚线边框 */
a {outline:none;}  

.clear { clear: both; }
a { color: #666; text-decoration: none; }
a:hover { color: #eee; text-decoration: underline; }
.alt { margin-top: 6px; padding: 10px; border: 1px solid #222; background: #111; }
.alt a { color: #ccc; }
.alt a:hover { color: #666; }

a img { border: none; }
a:hover { border: none; }
a img { margin: 1px; padding: 2px; border: 1px solid #333; line-height: 24px; }
a:hover img { margin: 1px; padding: 2px; background: #000; border: 1px solid #444; }

small { font: 11px/15px Arial, Helvetica, Sans-Serif; }
code { font: 1.1em "Courier New", Courier, Fixed; }
acronym, abbr, span.caps { font-size: 9px; letter-spacing: .07em; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; }
.center { text-align: center; }
.entry { color:#666; }
h2 { font-weight: bold; line-height: 1.8em; color: #eee; }
/* End Various Tags & Classes*/

h2 { font: bold 12px "Lucida Grande", Verdana, Arial, Sans-Serif; line-height: 24px; }
h3 { font-size: 13px; }
h3, h3 a { color: #333; }
h2, h2 a { color: #999; }
h2 a:hover { color: #eee; }
h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, #wp-calendar caption, cite { text-decoration: none; }

/* Begin Typography & Colors */
body { background: url(images/bg.gif) center #000; color: #999; font: 12px/16px "Lucida Grande", Verdana, Arial, Sans-Serif; text-align: left; }
h1, h2, h3 { font: bold Arial, "Lucida Grande", Verdana, Sans-Serif; }

h1 { margin: 86px 0px 0px 6px; font-size: 24px; }
h1 a img, h1 a:hover img { margin: -12px 0 0 98px; border:0; }
h1 a:hover img { background: url(images/green-star.png) 262px top no-repeat; }

h1 a { color: #FF6600; border: 0; text-decoration: none; }
h1 a:hover { color: #333; }

#title { float: left; padding: 0 0 0 12px; }
 .description { padding: 6px 0 0 24px; color: #FF9900; font-size: 12px; }

#topmenu { float: right; margin-right: 12px; padding: 18px 0px 0px 18px; font-weight: bold; }
#topmenu ul li{ float: left; padding-left: 12px; list-style: none; }
#topmenu ul li a{ color: #CCCCCC; text-decoration: none; }
#topmenu ul li a:hover{ color: #666; text-decoration: none; }
#header { margin: 0 auto; width: 960px; border-top: solid 0px #FF3300; background: url(images/header.gif) top no-repeat; height: 200px; }
#content-top { margin: 0 auto; width: 960px; border-top: solid 1px #222; background: url(images/top-line.gif) repeat-x top; height: 48px; }
/******************* 菜单定义 *******************/
#menu { margin: 0 auto; width: 960px; background: url(images/menu.png) repeat-x; color: #666; font-weight: bold; font-size: 12px; height: 36px; }
#menu ul li a { float: left; padding: 0 18px 0 18px; border-right: solid 1px #000; color: #666; line-height: 36px; text-decoration: none; height: 36px; }
#menu ul li a:hover{ background: url(images/menu-hover.png) repeat-x; color: #666; }
#menu ul li { border-left: solid 1px #333; float: left; list-style: none; position: relative; }
#menu ul li.current_page_item a { background: url(images/menu-active.png) repeat-x; color: #333; height: 36px; }
/**** 子菜单主定义 ****/
#menu ul li ul { float: left; width: 168px; margin-top: 36px; border-top: 1px solid #333; border-bottom: 1px solid #000; background: #FFFFFF; position: absolute; left: -999em; z-index: 99; }
#menu ul li ul li { clear: both; }
/******************* CSS 2.0 支持定义 *******************/
#menu ul li ul li.page_item:hover { color: #FFF; }
#menu ul li ul li:hover a.page_item { color: #FFF; }
#menu ul li:hover ul { left: 0; }

#menu ul li ul li.current_page_item a { background: url(images/menu-active.png) repeat-x; color: #DDDDDD; height: 26px; }
#menu ul li.current_page_item ul li.page_item a { background: url(images/menu.png) repeat-x; color: #666; height: 26px; }
#menu ul li.current_page_item ul li.page_item a:hover { background: url(images/menu-hover.png) repeat-x; color: #666666; height: 26px; }
#menu ul li ul li a { padding: 2px 6px 2px 6px; width: 154px; color: #666; background: url(images/menu.png) repeat-x; font-size: 12px; line-height: 26px; height: 26px; }
#menu ul li ul li a:hover { padding: 2px 6px 2px 6px; color: #666666; background: url(images/menu-hover.png) repeat-x; }
#menu ul li ul li a:active { padding: 2px 6px 2px 6px; color: #FFFFFF; background: url(images/menu-active.png) repeat-x; }
/* 内容*/

.home { display: inline; float: left; width: 580px; min-height: 628px; }
.home h2 { margin: 8px 0 4px 12px; padding: 0px 0 0 12px; background: url(images/content-h3.png) left top no-repeat; height:26px; line-height: 26px; color: #ccc; }
.home .control { width: 550px; margin: 0 0 0 6px; padding: 0 18px 0 12px; background: url(images/content-centr.png) left top repeat-y; }

.home .thumb { display: inline; float: left; margin: 2px 0 28px; padding-right: 12px !important; padding-right: 6px; width: 98px; height:86px }
.home .thumb img { width: 98px; height:86px; }

.home .post { float: left; }
.home .entry { color:#666; padding: 0 2px 12px 6px; width: 424px; }

.home .meta { float: left; background: transparent url(images/content-line.png) left bottom no-repeat;  border: 0; width: 426px; padding: 1px 2px 6px 4px; }
.home .meta a { background: url(images/page-star.png) left -1px no-repeat; padding-left: 20px; color:#999; }
.home .meta a:hover { color:#ddd; }
.home .meta .left { float: left; background: none; font-weight: bold; }
.home .meta .right { float: right; background: none; width: 162px; }
.home .meta small { color:#999; }

/* 内容边线 */
.home-top, .content-top { margin: 0 0 0 6px; background: url(images/content-top.png) 0 top no-repeat; height: 13px; }
.home-bottom, .content-bottom { margin: 0 0 0 6px; background: url(images/content-bottom.png) 0 bottom no-repeat; height: 13px; font-size:1px; line-height:1px; }

/* 成功案列 */
#successful { width: 568px; margin: 0 0 0 6px; padding: 0px 6px 12px 0px; background: url(images/content-centr.png) left top repeat-y; }
#successful .title { float: left; margin: 0; padding: 0; width: 266px; }
#successful .title ul { float: left;  width: 258px; padding-left: 12px; list-style: none;  }
#successful .title ul li { margin: 3px 6px 0 6px; border-bottom: dashed 1px #333; color: #666; }
#successful .title ul li a { text-decoration: none; color: #999; }
#successful .title ul li a:hover { border-bottom: dashed 0px #fff; color: #eee; }
#successful .h4 { margin: 6px 6px 0 12px; padding-left: 18px; background: url(images/green-star.png) 0 1px no-repeat; color: #9c3; font-weight: bold; }

/* 内容*/
.content { float: left; margin: 0 0 0 0; width: 580px; min-height: 628px; }
.content h2 { margin: 8px 0 2px 6px; padding-left: 12px; background: url(images/content-h3.png) left top no-repeat;  height:26px; line-height: 26px; }
.content .control { background: url(images/content-centr.png) left top repeat-y; margin: 0 0 0 6px; }
.content .entry { background: url(images/content-logo.png) 428px bottom no-repeat; padding: 0 20px 12px 12px; }
.content small.date { background: #000; border: 1px solid #222; margin: 0 0 0 12px; padding: 0 3px; color: #666; }
.content h3 { color: #999; }

/*side t r l分别为顶、右、左*/
.side-top { background: url(images/sidel-top.png) 0 top no-repeat; height: 6px; }
.side-bottom { background: url(images/sidel-bottom.png) 0 bottom no-repeat; height: 6px; font-size:1px; line-height:1px; }
/* Begin topSidebar */
#sidet { float: right; margin: 0 0px 0px -358px; padding: 0px 0px 0px 6px; width: 358px; }
#sidet h3 { margin: 6px 6px 0 0; padding: 8px 0 6px 8px; background: transparent url(images/sidet-h3.png) no-repeat left; color: #fff; }
#sidet ul{ border: 0; }
#sidet li { list-style: none; }
#sidet ul li ul.title { position: relative; margin-top: 3px; margin-left: -6px; background: url(images/sidet-ul.png) no-repeat top; height: 90px; }
#sidet ul li ul li.title { padding: 10px 16px 12px 20px; color: #666; line-height: 18px; }
#sidet a { color: #fff; text-decoration: none; }
#sidet a:hover { color: #666; }

#sidet a img.ful { float: left; padding: 2px; width: 30px; height: 30px; border: solid 1px #333; }
#sidet a:hover img.ful { border: 1px solid #000; background: #333; }

/* side right */
#sidel { float: left; margin: 6px 0px 12px 3px; width: 162px; background: url(images/sidel-centr.png) left repeat-y; }
#sidel h3 { margin: 0px 0 0 3px; padding: 6px 0 6px 12px; background: url(images/sidel-line.png) bottom left no-repeat; color: #99CC33; }
#sidel ul li ul { position: relative; margin-top: -6px; padding: 0px 12px 12px 6px; }
#sidel ul li ul li { margin: 6px 0 0 0px; line-height: 18px; color: #666; }

#sidel a { color: #666; text-decoration: none; }
#sidel a:hover { color: #999; font-weight: bold; border-bottom: dashed 1px #666; }

/* Begin Sidebar */
#sider { float: right; margin: 0 0 6px -182px; padding: 6px 3px 0px 6px; width: 182px; }
#sider h3 { float: left; margin: 0; padding: 12px 0 3px 6px; border: 0; background: none; color: #99CC33; }
#sider ul { clear: both; margin: 0 6px 0 0; border: solid 0px #121212; }
#sider ul { margin: 0px 0 0 12px; }

#sider ul li { margin: 0; border: 0; padding: 1px; color: #999999; }
#sider .works { float: left; margin: 5px 10px 5px 0; width: 38px; height: 38px; }
#sider .register { margin-left: 5px; padding: 0; border: 0; background: none; }
#sider .wp-cn { margin-left: 8px; padding: 0; border: 0; background: none; }

#sider .gallery { margin-left: 6px; }
#sider .gallery li { float: left; }

#sider a { color: #999; text-decoration: none; }
#sider a:hover { border: none; color: #666; }

#respond { clear: both; margin-top: 6px; }

.commentlist { width: 552px; }
.commentlist li, #commentform input, #commentform textarea { font-size: 11px; }
.commentlist li { list-style: none; margin: 12px 0; }

.commentlist li .children li { margin: 6px 0; margin-left: 16px; }

.commentlist h4 {  font-size: 12px; }

.commentlist span { clear: both; margin-left: -6px; padding-left: 4px; font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist small { font-style: normal; }
.commentlist p { margin: 6px 6px 18px; padding-left: 4px; /*border-left: 3px solid #99CC33;*/ color: #666; font-size: 12px; font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentlist .comment { padding: 6px; border-width: 1px 0 0 0; border: 2px solid #222; background: #111; }

.commentlist .comment-author-admin { border: 2px solid #333; background: #222; }
.commentlist .comment-author-admin p { margin: 10px 5px 10px 0; padding-left: 4px; color: #999; font-size: 12px; font-weight: normal; line-height: 1.5em; text-transform: none; }

/* End Typography & Colors */
.smallattachment { float: left; width: 128px; margin: 5px 5px 5px 0px; text-align: center; }
.attachment { margin: 5px 0px; text-align: center; }
.postmetadata { background: #000; margin-top: 8px; border: solid 1px #111; border-top: solid 2px #222; padding: 4px 8px; clear: left; text-align: right; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none; }
.postmetadatas { clear: both; }

.footer { position:relative; clear: both; margin:0 auto; padding: 18px 0 0 48px; color: #444; background: url(images/footer.gif) no-repeat top; height: 80px; }
.footer a { color: #444; }
.footer a:hover { color: #666666; }
.footer .copy { float: left; margin: 0; padding: 18px 0 0 24px; font-size: 10px; line-height: 1.6em; }
.footer .mirror { float: right; padding: 18px 24px 0 0; font-size: 12px; line-height: 1.6em; }
.footer .mirror .m { padding: 1px 0px 2px 18px; background: url(images/icons/chart_organisation.png) no-repeat; font-size: 10px; }
.footer .stat { padding: 1px 0px 1px 18px; background: url(images/icons/transmit_blue.png) no-repeat; }
.footer a.help { padding: 0 0 0px 12px; background: url(images/icons/footerhelp.png) no-repeat 0% 100%; }
/* End Structure */
/*	Begin Headers */
h3#respond { width: 568px; margin: 24px 0 0; padding: 3px 0 0 12px; background: url(images/content-h3.png) no-repeat; color: #CCC; font-style: italic;text-transform: uppercase; height: 26px; }
h3#comments { width: 568px; margin: 12px 0 0; padding: 3px 0 0 12px; background: url(images/content-h3.png) no-repeat; color: #CCC; line-height: 1.5em; font-style: italic;text-transform: uppercase; height: 26px; }
.comments { width: 568px; margin: 0 0 0 8px; }
/* Begin Lists */
.entry form { text-align: center; }
.entry ol { padding: 0 0 0 35px; }
.entry p img { display: block; margin: 3px auto; width: 500px; text-align: center; border: 1px solid #414141; }
.entry a:hover.morelink { color: #ccc; }
/* Begin Form Elements */
.search { float: right; margin-right: 12px !important; margin-right: 6px; color: #666; font-weight: bold; height: 20px; }
#searchform { margin: 0px 0 0 8px; padding: 3px 0 0px 0 !important; padding: 2px 0 0px 0; }
#searchform .s { margin: 0; padding: 8px 3px 0px 12px; border: none; background: url(images/search.png) no-repeat; color: #111; line-height: 12px; width: 158px; height: 20px; }
#searchform .submit { padding-top: 1px; vertical-align: top; }
#searchsubmit { padding: 1px; }
select { width: 130px; }

.so { margin: 0px auto; width: 158px; }
.so #s { padding: 8px 3px 0px 12px; border: 1px solid #333; background: #222; color: #666; line-height: 12px; width: 158px; height: 20px; }

#commentform p { margin: 5px 0; }
#commentform input { width: 180px; padding: 3px 2px; margin: 5px 5px 1px 0; }
#commentform .text { border: 1px solid #333; background: #222; color: #888; }

.input-text { float: left; margin-right: 8px; }
label { display: block; }

#commentform textarea { float: left; margin-top: 12px; padding: 5px; border: 1px solid #333; color: #888; background: #222 url(images/logo.png) right bottom no-repeat;  width: 56%; overflow: auto; }
#commentform #submit { width: 120px;}
/* End Form Elements */
/* Begin Comments*/
.nocomments { margin: 0; padding: 0; text-align: center; }
.commentmetadata { margin: 0; font-weight: normal; }
/* End Comments *

/***** gravatar *****/
img.gravatar { width: 32px; margin: 0px 0 0 0px; padding: 1px; border: 1px solid #d9dee2; background: #fff; line-height: 24px; height: 32px; }
img:hover.gravatar { padding: 1px; background: #f1f2f2; }

/***** Page *****/
.about { padding-top: 2px; color: #999; }
.about img { border: 0; }
.contactus .title, .about .title { background: url(images/page-star.png) no-repeat; padding: 0px 0 0px 18px; color: #ccc; font-size: 13px; }
.service { margin-bottom: 12px; padding: 6px; background: #000; color: #888; border: 1px solid #424242; }
.history { margin-bottom: 12px; padding: 6px; color: #888; }
.contactus { color: #888; }

.fvcode { font-size:10px; height:16px; line-height:16px; padding:6px 24px 0 6px; text-align:right; }
.fvcode a { color:#9cf; }
.fvcode a:hover { color:#fff; }
.feed a { color: #f63; }
.feed a:hover { color: #f93; }

.comments-number { padding-left: 18px; background: url(images/icons/comments.png) no-repeat; }
.get-permalink { padding-left: 18px; background: url(images/icons/gif_57_009.gif) no-repeat; }
.post-bottom_tag { padding-left: 18px; background: url(images/icons/tag_blue.png) no-repeat; }
.post-category { padding-left: 18px; background: url(images/icons/folder.png) no-repeat; }
.post-author { padding-left: 16px; background: url(images/icons/post.png) no-repeat; }
.post-edit { padding-left: 18px; background: url(images/icons/application_edit.png) no-repeat; }
.post-comments { padding-left: 16px; background: url(images/icons/comments.png) 0 -1px no-repeat; }
.post-time { padding-left: 16px; background: url(images/icons/time.png) no-repeat; }

.side-tong { padding-left: 18px; background: url(images/icons/tong.png) no-repeat; }
.side-zans { padding-left: 18px; background: url(images/icons/red.png) no-repeat; }
.fvcode-feed { padding-left: 16px; background: url(images/icons/code.png) 0 -1px no-repeat; }

.side-kook { padding-left: 18px; background: url(images/icons/book.png) 0 -1px no-repeat; }
.info { color:#999; padding-left: 20px; background: url(images/icons/book.png) 0 0px no-repeat; }
.feed { padding: 0px 0 0px 14px; background: url(images/icons/feeds.png) 0 -1px no-repeat; }
.wp-cng { padding: 0px 0 0px 18px; background: url(images/wp-cn.png) 0 -1px no-repeat; }

#sidel ul li ul li { padding-left: 16px; background: url(images/icons/bullet.png) 0 3px no-repeat; }

#commentform small.author { padding: 1px 0 1px 22px; background: url(images/name.png) no-repeat; }
#commentform small.email { padding: 1px 0 1px 22px; background: url(images/email.png) no-repeat; }
#commentform small.url { padding-left: 22px; background: url(images/website.png) 0 -2px no-repeat; }

/************************************** 分页菜单定义 ****************************************/
.navigation{ float:left; margin: 6px 0 6px 18px; line-height:24px; }
.navigation .left,.left{float:left; }
.navigation .right,.right{float:right; }

.picture { display: inline; float: left; background: #161616; width: 122px; height:122px; margin:6px 3px; padding: 6px 0 2px 6px; }
.picture img { width: 108px; height:86px; }
.picture a img { margin: 1px; padding: 2px; border: 1px solid #222; }
.picture a:hover img { margin: 1px; padding: 2px; background: #111; border: 1px solid #434343; }

.desc { float: left; margin: 3px 0; padding: 0; }

.readmore { float:left;  width: 86px; }
.readmore a { display: block; background: url(images/more.gif) 0px -1px no-repeat; height:25px; line-height:25px; color: #666; text-decoration: none; padding-left: 24px; }
.readmore a:hover { background: url(images/more.gif) 0px -26px no-repeat; color: #333; }

.anime { position:relative; }

.setip { float:right; margin-right: 12px; }

#show { display: none; }

#donate { padding: 0 6px; }
#donate h2 { color:#FFC; font-size:14px; text-align: center; }