/*
Theme Name: spring
Theme URL: http://www.sandsea.org/
*/



/*--------------------------ȫ---------------------------------*/
body{
	margin: 0 0 0 0;
	padding:0;
	font-size:12px;
	text-align:center;
	font-family:Arial,sans-serif,Tahoma;
	background:#EDE8E2;
	color:#414141;
}
a{
	text-decoration: none;
}
a:link {
	color:#009193;
}
a:visited {
	text-decoration:none;
	color:#009193;
}
a:hover {
	color:#1BA6B2;
}
a:active {
	color:#1BA6B2;
}
ul{
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:break-all;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:break-all;
}
img{
	border:0;
}

/*---------------------------------------------------------------*/
#divAll{
	width:770px;
	margin:0 auto;
	padding:0 0 0 0;
	border-TOP:30px solid white;
	background:#FFF;
	text-align:CENTER;
}

#divPage{
	width:710px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	float:left;
	background:white url("blix/container_bg.gif") 520px 0px repeat-y;       
}

#divMiddle{
	width:710px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}

#divTop{
	width:710px;
	margin:0 auto;
	padding:0;
	text-align:left;
	float:left;
	height:85px;
	background:url("blix/header_bg.jpg") repeat-y center 0;
}

#divSidebar{
	float:right;
	width:220px;
	padding:15px 0 0 0;
	font-size:1.0em;
	line-height:1.5em;
	background:url("blix/subcontent_bg.gif") top left no-repeat;
}

#divMain{
	width:485px;
	margin:0 auto;
	padding:0 5px 0 0;
	text-align:left;
	float:left;
}

#divBottom{
	width:710px;
	margin:0 auto;
	padding:0 0 10px 0;
	float:left;
	text-align:left;
	color:#A0A0A0;
	background:white url("blix/footer_bg.gif") 490px 0px no-repeat;
}

/*---------------------------------------------------------------*/
div.function {
	float:right;
	width:200px;
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	font-family:Georgia,serif;
	text-align:left;
}
div.function h3{
	margin:18px 0 10px 0;
	font-family:Georgia,serif;
	font-size:1em;
	line-height:1.5em;
	padding:2px 0 0 8px;
	color:white;
	background:#A3C159 url("blix/corner_top_left.gif") top left no-repeat;
}

div.function h3 em {
	display:block;
	padding:5px 10px;
	font-style:normal;
	background:url("blix/corner_bottom_right.gif") bottom right no-repeat;}
div.function ul{
	text-align:left;
	width:200px;
	margin:2px 0 0 5px;
	padding:0 0 0 0;
	list-style-position:outside;
	list-style-type:none;
}
div.function li{
	margin:0 0 0 0;
	padding:2px 0 2px 0;
	border-bottom:1px solid #F3F4F4;
}

#divCatalog li{ 
	margin:0 0 3px 16px;
	list-style-image:url("blix/categories_yellow.gif") ;
}

#divComments li{
	margin:0 0 3px 16px;
	list-style-image:url("blix/feeds_yellow.gif") ;
}

#divArchives li{
	margin:0 0 3px 16px;
	list-style-image:url("blix/categories_yellow.gif") ;
}

#divContorPanel li{
	margin:0 0 3px 16px;
	list-style-image:url("blix/con_yellow.gif") ;
}

#divPrevious li{
	text-overflow:ellipsis;
	width:180px;white-space:nowrap;word-break:keep-all;
	overflow:hidden;
	margin:0 0 3px 16px;
	list-style-image:url("blix/post_yellow.gif") ;
}

#divhotarticle li{
	margin:0 0 3px 16px;
	list-style-image:url("blix/post_yellow.gif") ;
}

#divMisc{
	padding:10px 0 5px 0;
}
#divMisc h3{
	display: none;
}
#divMisc li{
	padding:2px 0 2px 0;
	background-image : none;
}

#divContorPanel li{
	background-image : none;
}

#divSearchPanel li{
	background-image : none;
}

#divSearchPanel #btnPost{
	border: 1px solid #7B8B9C;
	color: #789;
	padding: 0.05em 0.25em 0.05em 0.25em;
	background:#EDF3DE;
}

#divSearchPanel #edtSearch{
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px solid #7B8B9C;
	width: 80px;
	color: #789;
	background:#EDF3DE;
}


div.function a:link {
	color: #6C8C37;
}
div.function a:visited {
	color: #009193;
}
div.function a:hover {
	color:#009193;
	background:#FFFBF0;
}
div.function a:active {
	color: #009193;
	background:#FFFBF0;
}

/*---------------------------------------------------------------*/
div.post {
	width:470px;
	margin:0 0 0 0;
	padding:10px 0 5px 0;
	text-align:left;
}

div.post-nav {
	width:100%;
	clear:both;
	float:left;
}
div.post-nav a.l{
	float:left;
	padding:0 10px 0 0;
}
div.post-nav a.r{
	float:right;
	padding:0 10px 0 0;
}

div.post .post-title{
	width:470px;
	padding:0;
	margin:7px 0;
	font-size:16px;
	font-family:Georgia, serif;
	font-weight:bold;
}

div.post .post-tags{
	font-size:11px;
	font-family:Georgia, serif;
	
}

div.post .post-date{
	font-family:Georgia, serif;
	width:455px;
	margin:4px 0 6px 0;
	padding:0 0 0 15px;
	font-size:0.9em;
	font-weight:normal;
	background: url("blix/post_yellow.gif") top left no-repeat;
}

div.post .post-footer{
	width:470px;
	margin:10px 0 0 0;
	padding:2px 0 2px 0;
	text-align:right;
        font-family:Georgia, serif;
	color:#696969;
	font-size:11px;
	border-top:1px solid #F3F4F4;
	border-bottom:1px solid #F3F4F4;
        background-color:#FAFAFA;
}

div.post div.post-body{
	width:470px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:14px;
	word-break:break-all;
	text-align:left;
	line-height:150%;
	font-family:Georgia, serif;
}

div.post-body div.media a{
	padding-left:16px;
	background:#FBFBFB url("blix/media.gif") no-repeat 0 center;
}

div.post-body img{
        margin:2px 2px 2px 2px;
        border:1px solid #CCC;
        padding:3px;
	clear : both;
	float : none;
}

div.post-body p{
	margin:10px 0 15px 0;
	padding:0;
}
div.post-body p.img{
	margin:0;
	padding:0;
	text-align:center;
}
div.post-body p.inscript{
	margin:0;
	padding:0;
	padding-right:20px;
	text-align:right;
}
div.post-body p.code{
	margin:0 0 0 28px;
	width:360px;
	background-color:#f8f8f8;
	padding:8px 8px 8px 12px;
	border-left:5px solid #A3C159;
}

div.post-body h1{
	margin:0;
	padding:0;
	font-size:16px;
}
div.post-body h2{
	margin:0;
	padding:0;
}
div.post-body h3{
	margin:0;
	padding:0;
	font-size:13px;
}
div.post-body h4{
	margin:0;
	padding:0;
	font-size:12px;
}
div.post-body h5{
	margin:0;
	padding:0;
	font-size:11px;
}
div.post-body h6{
	margin:0;
	padding:0;
	
}

div.post-body a:link{
	color: #6C8C37;
}

div.post-body a:hover {
	color:#1BA6B2;
}
div.post-body a:active {
	color:#1BA6B2;
}

/*---------------------------------------------------------------*/
/*⣬⣬ȨȵĶ*/
#BlogTitle{
        font-family:Georgia, serif;
	font-size:30px;
	margin:16px 0 0 10px;
	padding:0;
	font-weight:bold;
}
#BlogTitle a{
	color:#009193;
}
#BlogTitle a:hover {
	color:#1BA6B2;
	text-decoration: none;
}
#BlogTitle a:active {
	color:#1BA6B2;
	text-decoration: none;
}
#BlogSubTitle{
        color: #009199;
	font-size:12px;
        font-weight:normal;
	margin:2px 0 0 12px;
	padding:0;
}
#BlogPowerBy{
	height:20px;
	margin:35px 0 0 0;
	padding:15px 10px 0 10px;
	border-top:6px solid #E9F7F6;
	text-align:left;
	font-family:Georgia,serif;
	font-size:0.9em;
	font-weight:normal;
}
#BlogCopyRight{
	font-family:Georgia,serif;
	font-size:0.9em;
	height:20px;
	margin:0;
	padding:0 10px 0 10px;
	text-align:left;
	float:left;
	clear:both;
	font-weight:normal;
}


/*---------------------------------------------------------------*/
p.posttop {
	font-family:Georgia,serif;
	margin:10px 0 0 0;
	padding:0 0 2px 2px;
	border-bottom:1px solid #4E5C69;
}
p.postbottom {
	font-family:Georgia,serif;
	margin:0 0 10px 0;
	padding:2px 0 0 2px;
	border-top:1px solid #4E5C69;
}

#frmSumbit{
	padding:0;
	margin:0;
}

#frmSumbit p{
	font-family:Georgia,serif;
	padding:5px 0 5px 0;
}


input.button{
        font-family:Georgia,serif;
        border: 1px solid #7B8B9C;
	padding: 0.05em 0.25em 0.05em 0.25em;
	background:#EDF3DE;
	color:#7B8B9C;
}

input.text {
        font-family:Georgia,serif;
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px solid #7B8B9C;
	width: 200px;
	background:#EDF3DE;
	color:#7B8B9C;
}

textarea.text {
        font-family:Georgia,serif;
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px solid #7B8B9C;
	width: 420px;
	height: 120px;
	background:#EDF3DE;
	color:#7B8B9C;
}


/*---------------------------------------------------------------*/
#divCalendar h3{
	text-align:left;}
#divCalendar div{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

p.w{
	float:left;
	width:28px;
	height:16px;
	margin:5px 0 5px 0;
	padding:2px 0 1px 0;
	text-align:center;
	vertical-align :middle;
	font-size:10px;
	border-top:1px solid #F3F4F4;
	border-bottom:1px solid  #F3F4F4;
	background-color:#FAFAFA;
}

p.y{
	text-align:center;
	height:14px;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:200px;
	font-size:14px;
}
p.d{
	float:left;
	width:22px;
	height:20px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
}

p.yd{
	float:left;
	width:22px;
	height:20px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
	color:#0CF;
}

p.yd a:link {
	border-bottom-color:#A3C159;
	background-color:#EDF3DE;
}

p.nd{
	float:left;
	width:22px;
	height:20px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
}


/*---------------------------------------------------------------*/
ul.msg{
	width:470px;
	margin:10px 0 10px 10px;
	padding:0 0 0 0;
        font-family:Georgia,serif;
	text-align:left;
	list-style-position : outside;
}
li.msgname{
	border-bottom:1px solid Silver;
	padding:2px 0 2px 15px;
	margin:0;
        background: url("blix/comments.gif") left no-repeat;
}
li.tbname{
	border-bottom:1px solid Silver;
	padding:2px 0 2px 5px;
	margin:0px;
}
li.msgurl{
	text-align:right;
	padding:2px 10px 2px 10px;
	margin:0;
	background:#f0f0f0;
}
li.msgarticle{
	list-style-position : outside;
	padding:15px 10px 15px 10px;
	margin:0;
	background:#f8f8f8;
	line-height:150%;
}
li.msgtime{
	text-align:right;
	padding:2px 5px 0 10px;
	margin:0 0 0 0;
	border-bottom:1px solid Silver;
	background:#f8f8f8;
}

ul.msg a:link{
	color: #6C8C37;
}

ul.msg a:hover {
	color:#1BA6B2;
}
ul.msg a:active {
	color:#1BA6B2;
}

/*---------------------------------------------------------------*/
#divNavBar{
  width:710px;
  margin:0;
  padding:0;
  text-align:left;
  height:30px;
  float:left;
  display:inline;
}

#divNavBar h3{
  display:none;
}

#divNavBar ul{
/*  width:471px;*/
  margin:0;
  background:#A3C159;
  padding:0;
  text-align:left;
  height:30px;
  float:left;
}

#divNavBar li{
  float:left;
  width:68px;
  border-right:1px solid;
  border-color:#FFF;
  white-space:nowrap;
  line-height:30px;
}

#divNavBar a{
  display:block;
  text-align:center;
  height:30px;
  text-transform:uppercase;
  letter-spacing:1px;
}

#divNavBar a:link{
  color:#FFF;
  text-decoration:none;
}

#divNavBar a:visited{
  color:#FFF;
}
#divNavBar a:hover{
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  background:#1BA6B2;
}

#divNavBar form{
  padding:0;
  margin:0;
  padding-right:18px;
}

#divNavBar li.topsearch{
  float:right;
  padding-left:25px;
  width:178px;
  border-left:1px solid;
  border-right:0px solid;
  border-color:#FFF;
  white-space:nowrap;
  background:#FEC42D url("blix/corner_bottom_right.gif") bottom right no-repeat;
  height:30px;
}

#divNavBar #edtSearch{
  margin:4px;
  border: 1px none #7B8B9C;
  width: 120px;
  color: #789;
  background:white;
}

#divNavBar #btnPost{
  margin:4px;
  font-size:0.8em;
  border: 1px solid #7B8B9C;
  color:#FFF;
  background:#A3C159;
}

div.pagebar .now-page {
	color: #FFFFFF;
	border: #009294 1px solid;
	margin:0 2px 0 2px;
	float:left;
	padding:1px;
	font-weight:bold;
	background:#009294;
	text-decoration: none;
}
div.pagebar a {
	float:left;
	color: #009294;
	border: #009294 1px solid;
	margin:0 2px 0 2px;
	padding:1px;
	font-weight:bold;
	background:#FFF;
}
div.pagebar a:visited {
	color: #009294;
	font-weight:bold;
	text-decoration: none;
}
div.pagebar a:hover {
	color: #FFF;
	font-weight:bold;
	background:#009294;
	text-decoration: none;
}

#dict {margin:8px 0; border:1px solid #4BA1AC; background:#E7F7F7; padding:5px 10px;}
#dict a {font:normal normal normal 12px/1.5em "Arial" ;}
#statement {margin:10px 0 0; border:1px solid #FFE36B; background:#FFFFE1; padding:7px 10px 6px 10px;}

.main_pop{float:right}