/*
Theme Name: Purple
Theme URI: http://www.ngshaozhucom/
Description: WordPress theme Purple Designed by vvonder
Version: 1.0
Author: ngshaozhu
Author URI: http://www.ngshaozhu.com/
Tags:green,black,fixed width,styles,two columns,right sidebar,left sidebar,widgets,valid XHTML,valid CSS
*/
body{
font-size:12px!important;
font-size:12px;
margin:0px;
padding:0px;
font-family:Verdana, Helvetica, Arial, Geneva, sans-serif;
background-image: url(images/bg.jpg) repeat-x;
background-color:#F8F8F8;
}
h1, h2, h3 {margin-top: 0px;}
h1 {font-size: 2.4em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
p, ol, ul {margin:0 0 0 0; line-height:20px;}
img { border: none;}
a{ color:#3366FF; text-decoration:none;line-height:22px;}
a:hover{ color:#0077AA;}
.center{ text-align:center;}
.clear{ clear:both; font-size:0px; height:0px;}
pre,blockquote {
background:#F4F5F7;
border:1px dashed #CCC;
padding:8px 12px ;
margin:0 0;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Exp lorer 5.5+ */
}
/*---top---*/
#header{ margin:0; padding:0;width:100%; height:270px; background:url(images/header-bg.gif) repeat-x; text-decoration:none; background-position: top center;}
#header-left{ float:left; margin:0px; padding:0px;}
#header h1{ float:left; margin:0; padding:60px 0 0 20px; font-size:24px;}
.description{ float:left; margin:90px 0 0 10px; padding:0px; color:#e0e0e0;}
#menu{ position:absolute;top: 5px;left: 5px;font-size:20px;}
#menu li{ margin:0 5px; padding:0; display:inline; line-height:24px;height:24px;}
#menu li a{ color:#d8d8d8; text-decoration:none;}
/*---content---*/
.navigation-top{ margin:2px 0 0 0; line-height:30px; background:url(images/line.gif) bottom repeat-x; }
.navigation-top span{ margin: 0 0 0 15px; padding:0 0 0 20px; background: url(images/nav-top-icon.gif) left 0px no-repeat;}
.post{ margin:5px 20px 15px 20px; padding:0 0px 0 0;}
.post .post-title{ margin:20px 0 0px 0; padding: 2px 0; border-bottom:1px dotted #c1c1c1; font-size:1.6em; line-height:36px; }
.post .post-title a:hover{ background: url(images/icons.gif) right -291px no-repeat; padding:0 43px 0 0px;}
.postmetadata-top{ margin:0; padding:0; line-height:22px;font-size:12px; }
.post-comments{ float:right; background: url(images/icons.gif) -7px -194px no-repeat; padding:0 0 0 13px; margin: 0 0 0 0px;}
.post-date{ background: url(images/icons.gif) -7px -222px no-repeat; padding:0 0 0 15px; }
.post-views{ margin:0 0 0 10px; background: url(images/icons.gif) -7px -246px no-repeat; padding:0 0 0 13px;}
.postmetadata{margin:0px; padding:0 0 4px 0; line-height:24px; background: url(images/line-deep.gif) left bottom repeat-x; }
.postmetadata a{ color:#6699CC;}
.post-cat{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -152px no-repeat; padding:0 0 0 13px;}
.post-author{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -269px no-repeat; padding:0 0 0 13px;}
.post-tag{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -125px no-repeat; padding:0 0 0 13px;}
.entry{ margin: 8px 0; padding:0px; line-height:22px; font-size:13px;}
.navigation{ margin:5px 15px 5px 15px; height:22px; }
.previous{ float:left; background: url(images/alignleft.gif) left 5px no-repeat; padding:0 0 0 15px; line-height:22px; }
.next{ float:right; background: url(images/alignright.gif) right 5px no-repeat; padding:0 15px 0 0; line-height:22px;}
.related{ margin:20px 15px 10px 15px; padding:0px;}
.related h4{ margin:10px 0 5px 0; padding:0px; font-weight:bold; font-size:14px; color:#6666CC; }
.related ul{ margin:0px; padding:0px;}
.related ul li{ padding:0 0 0 0px; margin:0 0 0 0px; list-style-type:none; line-height:22px; color:#2cacda;}
.related ul li a{ padding:0 0 0 15px; background: url(images/list.gif) no-repeat -7px -7px; color:#787878; }
.related ul li a:hover{ background: url(images/list-hover.gif) no-repeat -7px -7px; color:#85bf73; }
.cat-icon{ float:left; width:200px; height:20px; }
/*---comments---*/
#comments-wrap{ margin:20px 15px; padding:0px;}
#comments-wrap h2{ margin:0px 10px 0 0; padding:0px; font-size:14px; color:#6666CC; display:inline; height:30px;}
.goto-comment{ padding:0 15px 0 8px; border-left:1px solid #898989; line-height:22px;}
.goto-comment a{color:#6666CC; font-size:17px;}
.goto-comment a:hover{color:#85bf73;}
#comments-wrap ul{ margin:10px 0 20px 0;; padding:0;}
#comments-wrap ul li{ margin: 5px 0 0px 0; padding:0; border:1px solid #6666CC; background: url(images/comments-bg.gif) repeat; list-style:none;}
#comments-wrap ul li:hover{ background: url(images/comments-bg-hover.gif) repeat;}
.commentleft{ float:left; margin:0 8px 8px 8px; }
.commentcount{ font-weight:bold; font-size:11px; color:#6666CC; text-align:center; line-height:22px;}
.commentright { margin:0 10px 0 55px; }
.commentright .header{ margin:0; padding:0; line-height:22px; border-bottom:1px dashed #dbdbdb;}
.commentright .waiting{ margin:5px 0; background:#FFCCCC; border:1px solid #FF3366;}
.commentright .commenttext{ margin:10px 5px 10px 5px; padding:0px; line-height:22px;}
#comments-wrap ol{ margin:10px 0; padding:0; }
#comments-wrap ol li{ padding:0 0 0 0px; margin:0 0 0 0px; list-style-type:none; line-height:22px; color:#2cacda;}
#comments-wrap ol li a{margin: 5px 0 0px 0; padding:0 0 0 15px; background: url(images/list.gif) no-repeat -7px -5px; color:#787878;}
#comments-wrap ol li a:hover{ background: url(images/list-hover.gif) no-repeat -7px -5px; color:#85bf73; }
#conmmentform{ margin:20px 15px; padding:10px 20px; border:1px solid #e4e4e3; background: url(images/commentform-bg.gif) left bottom no-repeat #fdfdfc; }
.conmmentform-title{ margin:10px 0 0 0; padding:0px; line-height:22px;}
#conmmentforminfo{ float:left; margin:0px 15px 0 0; width:160px; display:inline;}
#conmmentforminfo input{padding:2px 2px ; color:#787878; font-size:12px; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; width:150px;}
#conmmentforminfo input:hover{border:1px solid #6666CC;}
#conmmentformtext{ margin:0 0 0 175px ; padding:0; }
#conmmentformtext textarea{ margin:0px; padding:2px 2px ;width:96%; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; color:#787878; font-size:12px;}
#conmmentformtext textarea:hover{border:1px solid #6666CC;}
.comment-button{ margin:5px 0; background:url(images/comment-button.gif) no-repeat; width:80px; height:20px; border:0px; cursor:pointer; }
/*---sidebar---*/
#sidebar{float:right; width:260px; color:#000000;line-height:200%;
background-image: url(images/sidebg.gif);
background-repeat: no-repeat;
background-position: top left;}
#rss a{ margin:0px 0px ; padding:0; display:block; background: url(images/rss.gif) no-repeat 0 0; height:20px; cursor:pointer;}
#rss a:hover{ margin:0; padding:0; background: url(images/rss.gif) no-repeat 0 -20px; height:20px;}
#searchform { margin:10px 0 0 0; padding: 0; }
#searchform #s { margin: 0; padding:1px 0 0 2px; width:175px; background: #ffffff; border: 1px solid #cbd8e5; line-height: 16px;}
#sidebar #searchform{ text-align: left;}
#searchsubmit { margin: 0; padding: 0px; width: 54px; height: 18px; background: url(images/search-button.gif); border:none; cursor:pointer;}
#sidebar{ float:right; margin:0px; padding:0; width:260px; display:inline; }
#sidebar ul { margin:20px; padding:0; list-style:none;}
#sidebar ul li{ margin:10px 0 0 0; padding:5px 5px 5px 5px ; background:url(images/line.gif) repeat-x top; }
#sidebar ul li h2{ margin:0px; padding:0; color:#898989; line-height:28px; }
#sidebar ul li ul{ margin:0px; padding:0;}
#sidebar ul li ul a{ color:#898989; text-decoration:none; font-size:14px;}
#sidebar ul li ul a:hover{color:#85bf73;}
#sidebar ul li ul li{ margin:0px 0; padding:0 0 0 0px; line-height:22px; background: none; }
#sidebar ul li ul li a{padding:0 0 0 15px; color:#666666; text-decoration:none; background:url(images/list.gif) no-repeat -7px -5px;}
#sidebar ul li ul li a:hover{ color:#FF0099; background:url(images/list-hover.gif) no-repeat -7px -5px;}
#sidebar .side-cat li{ float:left; width:50%;}
/*---footer---*/
#footer{ float:left; margin: 0; padding:0; background-image: url(images/downbg.gif); background-repeat: no-repeat;
font-family:Georgia;
color:#30A8C8; font-size:11px; text-align:center; margin:0px 0px 0px 50px; padding-top:110px; padding-left:110px; height:60px;}
#footer-link{ float:left; margin:20px 0 0 20px; color:#666666; display:inline;}
#footer-link p{ margin:0px; padding:0px; line-height:18px;}
#footer-link a{ color:#666666; font-family: Arial, Helvetica, sans-serif;}
#footer-link a:hover{ color:#6666CC;}