/* 

Theme Name: hepebeast

Theme URL: http://nophoebe.cn

Description: A blank theme for you to draw on.

Author: hepebeast

Author URI: http://nophoebe.cn

Version: 1.0.0

*/

* {

	margin:0;

	padding:0;

}

h1, h2, h3, h4, h5, h6 {

	font-weight:bold;

	font-family:Arial;

}

h1 {font-size:200%;}

h2 {font-size:170%;}

h3 {font-size:150%;}

h4 {font-size:130%;}

h5 {font-size:110%;}

h6 {font-size:100%;}

table {

	border-collapse:separate;

	border-spacing:0;

}

blockquote:before, blockquote:after, q:before, q:after {

	content:"";

}

blockquote, q {

	quotes:"" "";

}

.clear {

	clear:both;

}

img {

	border:0;

}

em {

	font-style:italic;

}

center {

	margin:10px 0;

}

p a {

	color:#000000;

}

.left {

	float:left;

}

.right {

	float:right;

}

body {

	background:#EAEAEA none repeat scroll 0 0;

	font-family:"Helvetica Neue",Arial,sans-serif;

	font-size:62.5%;

	height:100%;

}





/*****************************************/



#header{

	background-color:#FFFFFF;

	display:block !important;

	margin:0 auto;

	position:relative;

	width:950px;

	z-index:1001;

	padding:0 15px;;

}

#header .inner{

	border-bottom:1px solid #EAEAEA;

}

div.search-bar {

	height:25px;

	margin-right:15px;

	margin-top:15px;

	overflow:hidden;

	position:absolute;

	right:0;

	top:0;

	width:190px;

}

#searchform {

	display:block;

}

#s {

	-moz-border-radius-bottomleft:5px;

	-moz-border-radius-topleft:5px;

	background:#BBBBBB none repeat scroll 0 0;

	border:0 none;

	color:#FFFFFF;

	float:left;

	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;

	font-size:11px;

	font-weight:bold;

	outline-color:-moz-use-text-color;

	outline-style:none;

	outline-width:0;

	padding:5px 6px;

	width:150px;

}

#searchsubmit {

	-moz-border-radius-bottomright:5px;

	-moz-border-radius-topright:5px;

	background:#CCCCCC none repeat scroll 0 0;

	border:0 none;

	color:#FFFFFF;

	float:right;

	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;

	font-size:11px;

	font-weight:bold;

	margin-left:-4px;

	outline-color:-moz-use-text-color;

	outline-style:none;

	outline-width:0;

	padding:4px;

}

#searchsubmit:hover {

	background:#000000 none repeat scroll 0 0;

	cursor:pointer;

}

h1#blog-title {

	padding:20px 0 5px;

}

ul.navigation {

	list-style:none;

	border-bottom:1px solid #EAEAEA;

	cursor:default;

	font-size:18px;

	height:1%;

	margin:10px 0 0;

	overflow:hidden;

	padding:0;

}

ul.navigation li {

	float:left;

	position:relative;

}

ul.navigation li a {

	color:#BABABA;

	display:block;

	font-weight:bold;

	padding:7px 15px 7px 0;

	text-decoration:none;

}

ul.navigation li a:hover {

	color:#000000;

}

ul.navigation li.rss, ul.navigation li.facebook, ul.navigation li.twitter {

	float:right;

	font-size:13px;

	margin-top:5px;

}

ul.navigation li.twitter a {

	color:#33CCFF;

}

ul.navigation li.facebook a {

	color:#3B5998;

}

ul.navigation li.rss a {

	color:#FF8208;

	padding-right:0;

}

ul#navigation_cat {

	font-size:11px;

	margin-top:0;

	border:0;

	float:left;

	width:600px;

}

ul#navigation_cat li a {

	padding:3px 10px 3px 0;

}

/*****************************************/

#wrapper{

	background:#FFFFFF none repeat scroll 0 0;

	margin:0 auto;

	width:980px;

	z-index:1001;

}

/*****************************************/

#container {

	background:#FFFFFF url(images/container.gif) repeat-y top right;

	width:980px;

}

#featured {

	display:block;

	margin:0;

	padding:15px 0;

}

.fade {

	height:350px;

	margin:0;

	overflow:hidden;

	padding:0;

	width:950px;

}

#single-adv {

	background:#FFF;

	margin:0 auto;

	padding:15px 0;

	text-align:center;

	width:950px;

}

/*****************************************/

#sidebar {

	background:#FFFFFF none repeat scroll 0 0;

	/*border-left:1px solid #EAEAEA;*/

	float:right;

	padding:15px 15px 40px;

	width:300px;

	overflow:hidden;

}

#adboxs .adbox {

	float:left;

	width:125px;

	height:125px;

	background:#E2E2E2;

	color:blue;

	margin:5px 0;

	padding:8px;

}

#adboxs .adbox:hover {

	background:#BBBBBB;

}	

#adboxs .rig {

	margin-right:17px;

}

.widget {

	margin-bottom:10px;

}

.widget h2 {

	color:#222222;

	font-size:12px;

	font-weight:bold;

	margin:0 0 10px;

	padding:0;

	text-transform:none;

}

.widget ul {

	list-style:none;

	background:#EAEAEA none repeat scroll 0 0;

	clear:both;

	margin:5px 0 0;

	overflow:hidden;

	padding:7px 8px;

}

.widget a {

	color:#333333;

	text-decoration:none;

}

.widget a:hover {

	color:#0298FF;

}

.widget_tag_cloud div,

.textwidget {

	background:#EAEAEA none repeat scroll 0 0;

	clear:both;

	margin:5px 0 15px;

	overflow:hidden;

	padding:7px 8px;

}

/*****************************************/

#content{

	background:#FFFFFF none repeat scroll 0 0;

	float:left;

	overflow:hidden;

	padding:15px 14px 15px 15px;

	width:619px;

}

body#home #content {

	width:619px;

	float:left;

}

h2.head-title {

	padding:0 5px 15px;

	font-size:18px;

	border-bottom:1px solid #EAEAEA;

}

#subhead {

	border-bottom:1px solid #EAEAEA;

	color:#000000;

	font-size:22px;

	font-weight:bold;

	padding:0 0 15px;

}

#subhead span {

	color:#C0C0C0;

	float:right;

	font-size:13px;

	line-height:35px;

}

.post {

	display:block !important;

	border-bottom:1px solid #EAEAEA;

	padding:15px 0 5px;

}

.single .post {

	border:0;

	padding:0;

	height:auto;

}

.page .post {

	border:0;

}

.frontimg {

	float:left;

	background:#FFFFFF none repeat scroll 0 0;

	color:#FFFFFF;

	margin-right:15px !important;

	margin-right:19px;

	padding-bottom:10px;

}

.frontimg a {

	color:#FFFFFF;

}

.frontimg img:hover {

	opacity:0.85;

}

.search .frontimg,.archive .frontimg {

	margin-right:5px !important;

	margin-right:9px

}



.text-box {

	float:right;

	margin-right:10px;

	width:290px;

}





.search .text-box,.archive .text-box {

	width:485px;

}

.the-time {

	color:#BBBBBB;

	font-size:1.1em;

	margin-bottom:5px;

	font-weight:bold;

}

.single .the-time {

	text-transform:uppercase;

	margin:-5px 0 10px;

	font-weight:normal;

}

.search .the-time {

	float:left;

}

h2.post-title {

	font-size:16px;

	font-weight:bold;

	margin-bottom:7px;

}

.single h2.post-title {

	font-size:22px;

}

body.search h2.post-title {

	font-weight:bold;

	font-weight:20px;

}

h2.post-title a {

	color:#000000;

	text-decoration:none;

}

h2.post-title a:hover {

	color:#0298FF;

}

h2.entry-title {

	font-size:22px;

	margin-bottom:10px;

}

h2.entry-title a {

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}

h2.entry-title a:hover {

	color:#0298FF;

}

h3.single {

	color:#BBBBBB;

	cursor:default;

	margin-top:10px;

	border:medium none;

	font-size:11px;

	margin:-5px 0 10px;

	padding:0;

	text-transform:uppercase;

}

h3 a {

	color:#0298FF;

	font-weight:bold;

	text-decoration:none;

}

h3 a:hover {

	color:#333333;

}



body#home .post {

	padding: 15px 0; 

	border-bottom: 1px solid #EAEAEA;

	position:relative;

	height:200px;

}

body#home .post p {

	color:#595959;

	font-size:1.1em;

	line-height:1.4;

}

body.single .post p {font-size:13px;

line-height:19px;width:619px;

color:#595959;margin-bottom: 18px;

}



.page .post p {font-size:13px;

line-height:19px;width:619px;

color:#595959;margin-bottom: 18px;

}



.post p a {

	color:#0298FF;

	font-weight:bold;

	text-decoration:none;

}

.post p a:hover {

	color:#333333;

}

.post a.more-link {

	color:#BBBBBB;

}

.the-content {

	color:#595959;

	font-size:11px;

	line-height:1.4;

	margin:0;

}

.the-content p {

	font-size:1.1em;

	line-height:1.4;

	color:#595959;

}

.the-comments {

	font-size:1.1em;

	margin-bottom:15px;

	float:right;

}

#home .the-comments {

	bottom:0;

	position:absolute;

	right:0;

}

.the-comments a {

	color:#BBBBBB;

	font-weight:bold;

	text-decoration:none;

}

.the-comments a:hover {

	color:#0298FF;

}

#meta {

	clear:left;

	font-size:11px;

	font-weight:bold;

	padding:5px 0;

	position:relative;

}

.tags {

	color:#000000;

	width:620px;

}

.tags a {

	-moz-border-radius-bottomleft:5px;

	-moz-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;

	-moz-border-radius-topright:5px;

	background:#0298FF none repeat scroll 0 0;

	color:#FFFFFF;

	display:inline-block;

	font-weight:bold;

	margin-right:5px;

	margin-top:5px;

	padding:4px 8px;

	text-decoration:none;

}

.tags a:hover {

	background:#000000 none repeat scroll 0 0;

}

#share {

	border:1px solid #EAEAEA;

	border-left:0;

	border-right:0;

	margin-left:-15px;

	margin-right:-15px;

	padding:15px;

}

#share_permalink span{

	margin-bottom:10px;

	display:block;

}

input#share_permalink {

	width:450px;

}



#wp-pagenavi {

	color:#000000;

	display:block;

	font-size:12px;

	font-weight:bold;

	margin:20px 0 0;

	padding:0 0 10px;

	text-align:left !important;

	width:669px;

}

#wp-pagenavi .older a,#wp-pagenavi .newer a {

	display:block;

	margin-top:20px;

	font-size:12px;

}

#wp-pagenavi .older a {

	float:left;

}

#wp-pagenavi .newer a {

	float:right;

}

#wp-pagenavi span.page,#wp-pagenavi a.pages,#wp-pagenavi a,#wp-pagenavi .older a,#wp-pagenavi .newer a {

	background:#eaeaea;

	border:1px solid #EAEAEA;

	color:#000000;

	margin-right:5px;

	padding:5px 8px;

	text-decoration:none;

}

#wp-pagenavi span.page{

	background:#222222 none repeat scroll 0 0;

	color:#FFFFFF;

}

#wp-pagenavi span.page,#wp-pagenavi a.pages,#wp-pagenavi a {

	display:block;

	float:left;

}

#wp-pagenavi a:hover {

	background-color:#777777;

	color:#FFFFFF;

}

/*****************************************/

#footer{

	background-color:#FFFFFF;

	border-top:1px solid #EAEAEA;

	clear:both;

	color:#000000;

	cursor:default;

	font-size:11px;

	margin:0 auto;

	padding:10px;

	position:relative;

	width:960px;

	z-index:1001;

}

.backtop {

	font-weight:bold;

	margin-right:10px;

	margin-top:-32px;

	position:absolute;

	right:0;

	top:0;

}

.backtop a {

	background:#FFFFFF none repeat scroll 0 0;

	color:#C0C0C0;

	display:block;

	font-size:13px;

	padding:4px;

	text-decoration:none;

}

ul.foot-links {

	float:right;

}

ul.foot-links li {

	display:inline;

	margin-left:8px;

}

ul.foot-links li a {

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}

ul.foot-links li a:hover {

	color:#0298FF;

}

ul.foot-copy {

	color:#000000;

}

ul.foot-copy li {

	display:inline;

}

ul.foot-copy li a {

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}

ul.foot-copy li a:hover {

	color:#0298FF;

}

/*****************************************/

#respond {

	-spacing:1px;

}

#respond h3, h3#comments {

	color:#BBBBBB;

	font-size:18px;

	font-weight:bold;

	margin-left:-15px;

	padding:15px;

	text-transform:none;

	width:619px;

	letter-spacing:1px;

}

ol.commentlist {

	overflow:hidden;

	width:619px;

	margin-bottom:40px;

}

ol.commentlist li {

	border-bottom:1px solid #EAEAEA;

	display:block;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	padding:15px 0 15px 15px;

	margin-bottom:5px;

}

ol.commentlist li.admincomment {

	background:#EEE;

}

ol.commentlist li div {

	display:block !important;

}

ol.commentlist .avatar {

	background:#C5C5C5 none repeat scroll 0 0;

	float:left;

	height:48px;

	width:48px;

}

ol.commentlist .comment-box {

	display:block;

	float:right;

	width:546px;

}

ol.commentlist .comment-meta {

	color:#BBBBBB;

	font-size:11px;

}

ol.commentlist li a {

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}

ol.commentlist .comment-text {

	margin-top:10px;

	overflow-x:auto;

	width:506px;

	float:left;

}

.comment-text p {

font-size:13px;

}

ol.commentlist .comment-count {

	float:right;

	padding:10px 20px 0 0;

	font-size:30px;

}

ol.commentlist .comment-count a {

	color:#BBBBBB;

}

li.admincomment .comment-count a{

	color:#FFCC99;

}

ol.commentlist .comment-count a:hover {

	color:#000000;

}

form#commentform {

	position:relative;

}

form#commentform label {

	color:#BBBBBB;

	cursor:text;

	display:block;

	font-size:11px;

	font-weight:bold;

	margin-bottom:5px;

	width:315px;

}

form#commentform input {

	border:1px solid #D5D5D5;

	color:#595959;

	font-family:Arial,sans-serif;

	font-size:11px;

	margin-bottom:10px;

	padding:4px;

}

form#commentform textarea {

	border:1px solid #D5D5D5;

	color:#595959;

	font-family:Arial,sans-serif;

	font-size:11px;

	height:146px;

	line-height:1.4;

	padding:3px;

	position:absolute !important;

	position:relative;

	right:0;

	top:0;

	margin-top:19px;

	width:440px;

}

form#commentform input#submit {

	-moz-border-radius-bottomleft:5px;

	-moz-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;

	-moz-border-radius-topright:5px;

	background:#0298FF none repeat scroll 0 0;

	border:0 none;

	color:#FFFFFF;

	cursor:pointer;

	font-weight:bold;

	position:absolute !important;

	position:fixed;

	right:10px;

	top:0;

	margin-top:140px !important;

	margin:0 0 0 40px;

	padding:4px 6px;

}

form#commentform input#submit:hover {

	background:#000000;

}

.yhl{

	text-decoration: none;

	background: url(http://botio.com/underline_yhl.gif) repeat-x 120% 100%;

	padding:0 3px;

	padding-bottom: 3px;

}



.hl{

	text-decoration: none;

	background: url(http://botio.com/underline_hl.gif) repeat-x 120% 100%;

	padding:0 3px;

	padding-bottom: 3px;

}



.cyc{

	text-decoration: none;

	white-space: nowrap;

	line-height:22px;

	padding:4px 2px 2px 2px;

	letter-spacing:0px;

	background:white url(http://botio.com/underline_cyc.gif) repeat-x bottom;

}