@charset "utf-8";

/* Skiyo.Cn Css Style */



body {

	padding:0;

	margin:0;

	background:url("../images/bg.gif") #459ce4 repeat-x 0 0;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

}

body a{

	color:#FFFFFF;

	text-decoration:none;

}

body a:hover{

	text-decoration:underline;

}

IMG {

	border:none;

}

#header {

	height:250px;

	background:url("../images/logo.jpg") top center no-repeat;

}

#header #navigation {

	padding-top:217px

}

#header #navigation ul {

	margin: 0px auto;

	padding: 0px;

	width:600px;

}

#header #navigation ul li {

	float: left;

	list-style-type: none;

}

#header #navigation ul li a {

	float: left;

	height: 30px;

	width:101px;

	padding: 10px 0px 0px 0px;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	text-align:center;

}

#header #navigation ul li a:hover {

	text-decoration: underline;

}

#header #navigation .active {

	background: url("../images/nv_active.jpg") no-repeat;

	margin:0 0 0 3px;

}

#header #navigation .normal {

	background: url("../images/nv.jpg") no-repeat;

	margin:0 3px;

}

#header #navigation .normal a:hover {

	background: url("../images/nv_active.jpg") no-repeat;

}

#main {

	width: 900px;

	margin:20px auto;

}

#main .article {

	float:left;

	width:600px;

	border:dashed #ddd;

	border-width:1px;

	border-top:none;

}

#main .article H1 {

	padding:0 10px 10px 30px;

	background:url("../images/ico/page.png") 10px 0 no-repeat;

	border-bottom:dashed #ddd;

	border-width:1px;

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .article H1 {

	*padding:10px 10px 10px 30px ;

	*background:url("../images/ico/page.png") 10px 10px no-repeat;

}

/* END HACK */

#main .article H1 a {

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#FFFF99;

	text-decoration:none;

}

#main .article H1 a:hover {

	text-decoration:underline;

}

#main .article H1 .time {

	padding-left:10px;

	font-size:10px;

	color:#DDDDDD;

	text-decoration:none;

}

#main .article .text {

	padding:0 10px 0 10px;

}

#main .article .footer {

	width:600px;

	height:21px;

	text-align:right;

	padding-top:6px;

	border-top:dashed #ddd;

	border-width:1px;

	border-left:none;

}

#main .article .footer .ico-comment {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/comment.png") 0 1px no-repeat;

}

#main .article .footer .kind {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/book.png") 0 1px no-repeat;

}

#main .topArticle {

	float:left;

	width:600px;

	border:dashed #ddd;

	border-width:1px;

}

#main .topArticle H1 {

	padding:0 10px 10px 30px;

	background:url("../images/ico/page.png") 10px 0 no-repeat;

	border-bottom:dashed #ddd;

	border-width:1px;

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .topArticle H1 {

	*padding:10px 10px 10px 30px ;

	*background:url("../images/ico/page.png") 10px 10px no-repeat;

}

/* END HACK */

#main .topArticle H1 a {

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#FFFF99;

	text-decoration:none;

}

#main .topArticle H1 a:hover {

	text-decoration:underline;

}

#main .topArticle H1 .time {

	padding-left:10px;

	font-size:10px;

	color:#DDDDDD;

	text-decoration:none;

}

#main .topArticle .text {

	padding:0 10px 0 10px;

}

#main .topArticle .footer {

	width:600px;

	height:21px;

	text-align:right;

	padding-top:6px;

	border-top:dashed #ddd;

	border-width:1px;

	border-left:none;

}

#main .topArticle .footer .ico-comment {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/comment.png") 0 1px no-repeat;

}

#main .topArticle .footer .kind {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/book.png") 0 1px no-repeat;

}

#main #right {

	float: right;

	width: 280px;

}

#main #right .box {

	border:dashed #ddd;

	border-width:1px;

	margin-bottom:10px;

}

#main #right .box H1 {

	font-size:14px;

	font-weight:bold;

	color:#fff;

	text-decoration:none;

	border-bottom:dashed #ddd;

	border-width:1px;

	margin:0;

	padding:5px 0 5px 0;

	text-align:center;

}

#main #right .box .common {

	margin:5px 0 5px 0;

	padding:0 5px 0 5px;

}

#main #right .box .about{

	margin:0px;

	padding:0 10px 0 20px;

	width:240px;

}

#main #right .box .about #face{

	float:left;

	width:43px;

	height:44px;

	background:url(../images/face.JPG);

	margin:0 20px 0 0;

}

#main #right .box .about #mail{

	background:url(../images/ico/email.png) 5px 0 no-repeat;

	padding:0 0 0 25px;

}

#main #right .box ul{

	margin:0;

	padding:0 0 0 60px;

}

#main #right .box ul li{

	list-style-image:url(../images/ico/bullet_go.png);

}

#main #right .box a {

	text-decoration:none;

	color:#fff;

}

#main #right .box a:hover {

	text-decoration:underline;

}

#main .showArticle {

	float:left;

	width:900px;

	border:dashed #ddd;

	border-width:1px;

	margin: 0 0 15px 0;

}

#main .showArticle H1 {

	padding:0 10px 10px 30px;

	background:url("../images/ico/page.png") 10px 0 no-repeat;

	border-bottom:dashed #ddd;

	border-width:1px;

	text-align:left;

	font-size:14px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .showArticle H1 {

	*padding:12px 10px 10px 30px;

	*background:url("../images/ico/page.png") 10px 10px no-repeat;

}

/* END HACK */

#main .showArticle H1 .time {

	padding-left:10px;

	font-size:10px;

	color:#DDDDDD;

}

#main .showArticle .text {

	padding:0 10px 0 10px;

}

/* IE HACK */

#main .showArticle .text {

	*padding:0 10px 1px 10px;

}

/* END HACK */

#main .showArticle .footer {

	width:900px;

	height:21px;

	text-align:right;

	padding-top:6px;

	border-top:dashed #ddd;

	border-width:1px;

	border-left:none;

}

#main .showArticle .footer .ico-comment {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/comment.png") 0 1px no-repeat;

}

#main .showArticle .footer .kind {

	margin: 0 10px 0 10px;

	padding-left:20px;

	background:url("../images/ico/book.png") 0 1px no-repeat;

}

#main #postComment {

	float:left;

	width:880px;

	border:dashed #ddd;

	border-width:1px;

	margin: 0 0 15px 0;

	padding: 20px 0 20px 20px;

}

#main #postComment #left{

	float:left;

	width:550px;

}

#main .comments{

	margin:5px 0 5px 0;

	float:left;

	width:900px;

	border:dashed #ddd;

	border-width:1px;

}

#main .comments H1 {

	padding:0 10px 5px 30px;

	background:url("../images/ico/comment.png") 10px 0 no-repeat;

	border-bottom:dashed #ddd;

	border-width:1px;

	text-align:left;

	font-size:12px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .comments H1 {

	*padding:5px 10px 5px 30px ;

	*background:url("../images/ico/comment.png") 10px 5px no-repeat;

}

/* END HACK */

#main .comments H2 {

	padding:0 10px 0 30px;

	background:url("../images/ico/comment.png") 10px 0 no-repeat;

	text-align:left;

	font-size:12px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .comments H2 {

	*padding:20px 10px 0 30px;

	*background:url("../images/ico/comment.png") 10px 20px no-repeat;

}

/* END HACK */

#main .comments p {

	padding:0 10px 0 10px;

}

/* IE HACK */

#main .comments p {

	*padding:0 10px 15px 10px;

}

/* END HACK */

#main .message{

	margin:5px 0 5px 0;

	float:left;

	width:600px;

	border:dashed #ddd;

	border-width:1px;

}

#main .message H1 {

	padding:0 10px 5px 30px;

	background:url("../images/ico/comment.png") 10px 0 no-repeat;

	border-bottom:dashed #ddd;

	border-width:1px;

	text-align:left;

	font-size:12px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .message H1 {

	*padding:5px 10px 5px 30px ;

	*background:url("../images/ico/page.png") 10px 5px no-repeat;

}

/* END HACK */

#main .message H2 {

	padding:0 10px 0 30px;

	background:url("../images/ico/comment.png") 10px 20px no-repeat;

	text-align:left;

	font-size:12px;

	font-weight:bold;

	color:#FFFF99;

}

/* IE HACK */

#main .message H2 {

	*padding:20px 10px 0 30px;

	*background:url("../images/ico/comment.png") 10px 20px no-repeat;

}

/* END HACK */

#main .message p {

	padding:0 10px 0 10px;

}

/* IE HACK */

#main .message p {

	*padding:0 10px 20px 10px;

}

/* END HACK */

#main .down {

	clear: both;

	width: 900px;

	margin:20px auto;

    border:dashed #ddd;

	border-width:1px;

	text-align:center;

    padding-top:5px;

    padding-bottom:5px;

}

#footer {

	clear:both;

	height:58px;

	margin:0 auto;

	padding:20px;

	text-align:center;

}

#footer hr {

	clear:both;

	width:800px;

	background:url(../images/footer.jpg)

}

#LoadingStatus{

	margin:0 auto 0 200px;

	background:url(../images/ajax-loader.gif) no-repeat;

	text-align:center;

	display:none;

	z-index:1000;

}

#postMessage {

	padding:20px;

}

.Rss {

	vertical-align:middle;

}