/*
Theme Name:sc-seo-king
Author:www.sc-seo.com
*/



/*Reset

------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0}
ol,ul {list-style:none}
img {border:0}



/*Global

------------------------------------*/
body {font:14px/40px Tahoma,宋体; color:#313131; background-color:#333333}
#header, #footer, #sidebar, #content {width:800px; margin:0 auto}
.img {text-indent:0; text-align:center; margin-top:15px}
a {color:#999999; text-decoration:none}
a:hover {color:#FFFFFF}
#footer {background:#666666}
.clear {clear:both}





/*Header

------------------------------------*/
#header {background:url(images/head-bg.jpg) no-repeat 0 100px; height: 511px; position: relative}
#header h1, #header h1 a {display: block; text-indent: -9999em; background: url(images/logo.gif) no-repeat 10px 19px; height: 60px; padding: 10px 0}
#siteName a { width:254px; display: block; text-indent: -9999em; background: url(images/logo.gif) no-repeat 10px 19px; height: 60px; padding: 10px 0}
#header h1 a {height: 60px; width: 244px; margin: 0 0 0 10px; background: none; padding: 10px 0 0}
#nav {background: #232323; height: 40px; font: 14px/40px Tahoma, 宋体; overflow: hidden; border: 2px solid #3c3c3c; border-width: 1px 0 2px 0}
#nav li {float:left; line-height:40px; background: url(images/nav_bg.png) no-repeat 0 center; margin-left:-2px; padding:0 6px }
#nav li a {color:#CCCCCC; display: block; text-shadow:1px 1px 1px #555; text-decoration: none; padding:0px 16px 0px 16px; font-size:14px;}
#nav li a:hover, #nav li.active a {color: #fff; background: url(images/nav_ta.png) no-repeat center bottom}

#info-nav {background: #135E85; height: 40px; font: 14px/40px Tahoma, 宋体; overflow: hidden; border: 2px solid #3c3c3c; border-width: 1px 0 2px 0}
#info-nav li {float:left; line-height:40px; background: url(images/info-nav_bg.png) no-repeat 0 center; margin-left:-2px; padding:0 6px }
#info-nav li a {color:#fff; display: block; text-shadow:1px 1px 1px #555; text-decoration: none; padding:0px 16px 0px 16px; font-size:14px;}
#info-nav li a:hover, #nav li.active a {color: #FF6600;}

#header ul.project { height:125px; padding-top:222px }
#header .project li { float:left; padding-left:1px }
#header .project .bbp_1 { background:url(images/service-01-down.jpg) no-repeat 0 0; width:265px; height:125px; display:block; text-indent:-9999em }
#header .project .bbp_2 { background:url(images/service-02-down.jpg) no-repeat 0 0; width:265px; height:125px;  display:block; text-indent:-9999em }
#header .project .bbp_3 { background:url(images/service-03-down.jpg) no-repeat 0 0; width:265px; height:125px;  display:block; text-indent:-9999em }
#header .project .bbp1 {  background:url(images/service-01-up.jpg) no-repeat 0 0; width:265px; height:125px }
#header .project .bbp2 {  background:url(images/service-02-up.jpg) no-repeat 0 0; width:265px; height:125px }
#header .project .bbp3 {  background:url(images/service-03-up.jpg) no-repeat 0 0; width:265px; height:125px }
#breadCrumb {line-height:14px; color: #aaa; text-align: right}
#breadCrumb span {padding: 0 10px; color:#006699 }
#breadCrumb a {color: #ccc; text-decoration: underline}
#breadCrumb a:hover {color: #eee; text-decoration: none}


/*Content

------------------------------------*/
#content {background:url(images/ctbg.png) repeat-y 0 0; position:relative}
#posts-list li  {margin: 0 0 40px 10px; line-height: 22px}
#posts-list li  h3 {font: bold 18px/1.3 "微软雅黑",Arial; margin-bottom: -16px; color: #454954; padding: 0 0 14px 0}
#posts-list li h3 a { color:#336699; text-shadow:1px 1px 1px #AAAAAA;}
#posts-list li.latest h3 a { background:url(images/new.gif) no-repeat right 0; padding:10px 20px 0 0 }
#posts-list li h3 a:active {color: #fff; background: #1D77AB}
#posts-list li small {color: #aaa}
#posts-list li span a { font-size:12px; color:#aaa; padding-left:5px }
#posts-list li .img img { width:320px }
#posts-list li p.summary { margin: 5px 0 0 0; padding: 0 18px; background: #f8f8f8; border: 1px dashed #ddd; padding:10px; color:#333333; letter-spacing: 1px; text-shadow:2px 2px 1px #CCCCCC}



/*main-col

------------------------------------*/
#main-col {width:574px; float:right; padding:15px; border-top:2px solid gray }
#main-col a { color:#006699}
#main-col a:hover {color:#333}
#main-col h1 {font: bold 20px/1.5 "微软雅黑",Arial,verdana; text-align: center; margin: 20px 0 0; text-shadow:1px 1px 3px rgba(50, 50, 50, 0.3); line-height:60px }
#main-col p.meta {font-size: 12px; color: #666; margin: 0 35px}
#main-col p.entry { color:#999999; padding:8px;  margin:30px 0; font-size:14px; letter-spacing:1px; border-top:3px dashed #EEE; border-bottom:3px dashed #EEE  }
#main-col p.intro span {  font-size:14px }
#main-col p.intro em { font-style:normal }
#main-col p.intro acronym { cursor:help }
#main-col p#desc { color:#999999; padding:10px; margin-bottom:10px; font-size:14px; letter-spacing:1px; border-bottom:3px dashed #EEE }
#main-col p#desc span {  font-size:14px }
#main-col p#desc strong { font-size:14px; font-style:normal  }
#main-col p#desc em {  font-size:14px; font-style:normal  }
#main-col p#intro strong { font-size:14px; font-style:normal  }
#main-col p#intro em {  font-size:14px; font-style:normal  }
p#byline, p#info {text-align: center; font-variant: small-caps; color: #999}
p#byline cite, p#byline small{font-variant: normal; color: #212121}
p#summary {margin: 15px 15px 0; padding: 10px; background: #f8f8f8; border: 1px dashed #ddd}
p#info {text-align: center; margin: 0 0 18px}
p#info small, p#info span {font-style: normal; font-size:12px; display: block}
p#info span {font-family: georgia}
#side-col dd label {display: none}
#side-col dd input#s {border: 1px dashed #3c3c3c; border-width: 0 0 1px; width: 110px; background: #222; padding: 6px 5px 4px; margin: 5px 0 0; color: #666}
#searchform p {position: relative}
#side-col dd input#searchsubmit {position: absolute; background: url(images/search.png) no-repeat 0 0; border: none; width: 14px; height: 14px; left: 128px; top: 12px; cursor: pointer; text-indent: -9999em; font-size: 0px; overflow: hidden}





/*side-col

------------------------------------*/
#sidebar {width:162px; float:left; padding-left:15px; display:inline}
#sidebar a.register { color:#EE7B02 }
#sidebar ul{ margin-bottom:20px}
#sidebar dt  {font-size: 14px; line-height: 28px; color:#CCCCCC; background: url(images/dt_bg.png) no-repeat 0 bottom}
#sidebar dd ul li a {color: #666; text-shadow:1px 1px 1px #000; display: block; width:170px; white-space: nowrap; overflow: hidden}
#side-col dd ul li a:hover {color:#FFFFFF}
#side-col dd ul li {border-width:0 0 1px 0; border-color: #212121 #212121 #2A2A2A; border-style: solid none; line-height: 30px }
#side-col dd.friendlinks { font-size:12px }
#side-col dd.friendlinks ul { width:175px; zoom: 1 }
#side-col dd.friendlinks ul:after { content:""; clear:both; display:block }
#side-col dd.friendlinks ul li { width:80px; float:left; display:inline; overflow:hidden; line-height:30px }
#side-col dd.friendlinks ul li a { display:inline }








/*main-text

------------------------------------*/
#main-text p, #main-text ul, #main-text ol, #main-text dl, #main-text dd, #main-text dt {margin: 0 0 20px}
#main-text {padding: 15px 20px 0; font-size: 14px; line-height: 26px; width:528px; overflow:hidden }
#main-text a {text-decoration: underline}
#main-text a:hover {text-decoration: none; color: #fff; background: #cc0000}
#main-text p {text-indent: 28px}
#main-text p i { padding:0 6px 0 2px }
#main-text p.img {text-indent: 0; text-align: center;}
#main-text p a img { margin:0 auto; display:block }
#main-text p.img a:hover {background: none}
p.img a img {padding:2px; background: #999; border:5px solid #ccc}
p.img a:hover img {padding:2px; background: #666; border:5px solid #999}
#main-text h2 {color: #336688; font: bold 18px/34px Tahoma, "Microsoft Yahei", 宋体, Arial, sans-serif}
#main-text h3, #main-text dt {color: #336677; font: bold 16px/32px Tahoma, "Microsoft Yahei", 宋体, Arial, sans-serif}
#main-text h4 {color: #336666; font: bold 14px/26px Tahoma, "Microsoft Yahei", 宋体, Arial, sans-serif}
#main-text ul, #main-text ol {margin-left: 30px}
#main-text ul li ul, #main-text ul li ol, #main-text ol li ul, #main-text ol li ol {margin: 0 0 0 16px; font-size: 12px; color: #555}
#main-text li p {text-indent: 0; margin: 0 0 10px}
#main-text h2, #main-text h3, #main-text h4 {margin: 0 0 10px}
#main-text ul {list-style: circle outside}
#main-text ol {list-style: decimal outside}
#main-text ol li ol {list-style: lower-greek outside}
#main-text ul li ol {list-style: lower-greek outside}
#main-text li {padding: 5px}
#main-text em, #main-text cite {font-style: italic; font-weight: 700; padding: 0 3px}
#main-text strong {font-weight: 700; color: #000; padding: 0 2px}
#main-text sup, #main-text sub {color: #c00; font-weight: 400; font-size: 12px}
#main-text blockquote {margin: 0 30px 20px; color: #666; background: #f9f9f9; border: 1px dashed #bbb; padding: 5px; font: 12px/24px Georgia, Arial, Sans-serif}
#main-text blockquote p {margin: 0}
#main-text abbr, #main-text acronym {border-bottom: 1px dashed #666; cursor: help; font-weight: 700}
#main-text code {font-family: Consolas, Lucida Console, Courier New; border: 1px dashed #999; color: #555; background: #f8f8f8; padding: 0 2px; margin: 0 3px}
ol#forum {margin: 0 20px 25px; list-style: circle inside; border: 1px solid #eee; padding: 5px 10px; border-top: none}
ol#forum li {margin: 2px 0; padding: 2px 0; border-bottom: 1px solid #eee}
ol#forum li.last {border: none}
p#slogan {position: absolute; bottom: -32px; right: 0; width: 600px; text-align: center; line-height: normal; color:#999999}








/*Page-Navi*/
p#subNav {padding: 8px 3px; margin: 0 20px 20px 0; text-align: right; color: #ff6500; font: 12px/16px Tahoma, Arial, sans-serif}
p#subNav a, p#subNav a:link{border: 1px solid #ccc; margin-right: 3px; padding: 3px 5px; color: #888; background: #f9f9f9}
p#subNav a:hover{border: 1px solid #bbb; background-image: none; background-color: #fdfdfd; color: #777}
p#subNav a:active{border: 1px solid #111; background-image: none; background-color: #666; color: #f8f8f8}
p#subNav span.pages{margin-right: 3px; padding: 3px 5px; border: 1px solid #eee; color: #ddd}
p#subNav span.current{margin-right: 3px; padding: 3px 5px; border: 1px solid #aaa; font-weight: 700; background-color:#eee; color: #999}
p#subNav span.extend{margin-right: 3px; padding: 3px 5px; border: 1px solid #eee; color: #ddd}
ul#subNav {height: 22px; border: 1px solid #eee; background: #fafcf9; margin: 20px 20px}
ul#subNav li.last {float: left; margin: 0 0 0 25px; display: inline}
ul#subNav li.next {float: right; margin: 0 25px 0 0; display: inline}







/*Comment

------------------------------------*/
#comment {width:500px}
#comments { margin-bottom:15px}
#comments h6 {font-size: 15px; color: #FF8800}
#comments ol li {margin: 0 0 8px; padding: 10px}
#comments ol li .byline {color: #999; font-variant: small-caps; position: relative}
#comments ol li .byline small, #comments ol li .byline cite {color: #666; font-variant: normal}
#comments ol li .byline cite {color: #76BCFF; font-weight: 700}
#comments ol li .byline span {position: absolute; width: 16px; height: 16px; right: 5px !important; right: 55px}
#comments ol li .content {letter-spacing: 1px; padding: 10px 5px 0; border: 1px dashed #eee; background: #fcfeff; color: #555; margin: 5px 0 0}
#comments ol li .content p {margin: 0 0 10px}
#commentform {padding: 10px 0 0}
#comment-form form p {margin: 0 0 16px 20px; line-height: 30px}
#comment-form form p label {float: left}
#comment-form form p label small { font-size:12px; font-weight: 400; color: #888}
input#author, input#email, input#url, textarea#comment {padding: 3px; background: #fafafa url(images/bg-input.gif) repeat-x 0 0; border: 2px solid #e3e3e3; color: #999; letter-spacing: 1px; width: 150px}
#comment-form form textarea {width: 350px; overflow: auto}
input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {border: 2px solid #76BCFF; background: #FCFEFF; color: #666}
input#submit {margin: 0 0 0 34px}



/*footer

------------------------------------*/
#footer {clear:both; background: url(images/footer.png) no-repeat; color:#ccc; padding:72px 0 35px;}
#footer p {color:#CCCCCC; margin-left:100px; line-height:20px }
#footer p.contact {color:#FFF; margin-left:100px}
#footer p span { color:#FFF; font-weight:700; margin-right:8px  }
#footer p a {color:#CCCCCC }
#footer .b2t,.g2b { z-index:2; width:25px; height:35px; cursor:pointer; position:fixed; right:10px }
#footer .b2t { background:url("images/b2t.png") no-repeat;  bottom:20%; }
#footer .g2b { background:url("images/g2b.png") no-repeat;  bottom:auto; top:80% !important }


/*左右浮动广告

------------------------------------*/
#ad-left { position:absolute; top:76px; left:4px; width:100px;height:300px }
#ad-right { position:absolute; top:76px; right:4px; width:100px;height:300px }