@charset "utf-8";

/* CSS Information *************************************
Description: top css
Last created date: 2011/5/31
***************************************************** */

/* index of contents
----------------------------------------

* content
* main
  -slides
  * wrapper  
     -blog
     -spContent
     -information
     -scoop
     -aside
* sideColumn
  -subNav
  -banner
  -twitter

----------------------------------------*/



/* share
-------------------------------------------------------------------------------------------------------*/
.newmark{
	vertical-align: text-top;
	margin-left:5px;
}


/* content
-------------------------------------------------------------------------------------------------------*/
#content {
	background: url(../img/contensBody_bg_01.gif) left top repeat-y !important;
}


/* content main
-------------------------------------------------------------------------------------------------------*/
#main {
	width:640px;
	float:left;
	margin:0;
	padding-left:5px;
	overflow:hidden;
}


/* slides
-------------------------------------------------------------------------------------------------------*/
#slides{
	padding-bottom: 15px;
	background: url(../img/contentsHeadWrapper_bg_01.gif) .2% 100% no-repeat;
	margin-bottom:20px;
}

#slides .slides_container{
	background: url(../img/loading.gif) 50% 50% no-repeat;
	height:370px;
	width:635px;
}

#slides .pagination{
	margin-top:-11px;
	height:11px;
	position:relative;
	z-index:100;
}

#slides .pagination li{
	float:left;
	margin-left:7px;
	overflow:hidden;
}

#slides .pagination li a{
	display:block;
	height:7px;
	width:7px;
	background:#d5d5d5;
	text-indent:-9999px;
	line-height:.1;
	font-size:1px;
}

#slides .pagination li a:hover{
	background:#ccc;
}

#slides .pagination li.current a{
	background:#fa5d88;
}


/* content wrapper
-------------------------------------------------------------------------------------------------------*/
#wrapper {
	margin-left:15px;
	margin-right:20px;
}


/* blog
-------------------------------------------------------------------------------------------------------*/
#blog{
	margin-bottom:20px;
	overflow:hidden;
}

#blog #blogContent{
	width:630px;
}

#blog h2,
#blog h3{
	margin-bottom: 10px;
}

#blog h3 a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

#blog #blogContent li{
	position:relative;
	width:290px;
	float:left;
	margin-right:25px;
	background:url(../img/ind_border04.gif) no-repeat left bottom;
	padding-bottom:9px;
}

#blog #blogContent dl dt{
	font-weight: bold;
}

#blog #blogContent dl dd{
	padding-left: 8px;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}

#blog #blogContent li .rss{
	top:112px;
	left:205px;
	position:absolute;
}


/* special banner
-------------------------------------------------------------------------------------------------------*/
#spContent{
	text-align:center;
	margin-bottom:20px;
}


/* information
-------------------------------------------------------------------------------------------------------*/
#information{
	width:290px;
	float:left;
	margin-bottom:10px;
	padding-bottom: 10px;
	background: url(../img/borderBtm_bg_01.gif) left bottom repeat-x;
}

#information dt{
	font-weight: bold;
	margin-top: 7px;
}

#information dd{
	padding-left: 8px;
	line-height: 1.4;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}


/* scoop
-------------------------------------------------------------------------------------------------------*/
#scoop{
	width: 290px;
	margin-bottom:20px;
	float:right;
}

#scoop dl{
	min-height:65px;
	height:auto!important;
	height:65px;
	padding-bottom: 15px;
	margin-top: 15px;
	background:url(../img/ind_border04.gif) left bottom no-repeat;
}

#scoop dt{
	font-weight: bold;
}

#scoop dt a{
	display:block;
	height:65px;
	width:65px;
	float:left;
	margin-right:10px;
}

#scoop dd{
	margin-left: 75px;
	padding-left:5px;
	line-height: 1.4;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}


/* a side
-------------------------------------------------------------------------------------------------------*/
#aside{
	float:left;
	width:290px;
	overflow:hidden;
	padding-bottom: 7px;
	margin-bottom:10px;
	background:url(../img/ind_border04.gif) left bottom no-repeat;
}

#aside ul{
	width:296px;
}

#aside li{
	margin-bottom:5px;
	margin-right:4px;
	float:left;
}


/* side column
-------------------------------------------------------------------------------------------------------*/
#sideColumn{
	width:310px;
	float:left;
}


/* side sub navigation
-------------------------------------------------------------------------------------------------------*/
#subNav{
	padding:5px;
	background:url(../img/side_nav_bg.gif);
	float:left;
	border-bottom:5px solid #fff;
	margin-bottom:5px;
}

#subNav li{
	float:left;
}

#subNav li.hidden{
	display:none;
}


/* side banner
-------------------------------------------------------------------------------------------------------*/
#banner{
	margin:5px;
	clear:both;
}

#banner div{
	margin-bottom:5px;
	text-align:right;
	font-size: 10px;
	color: #999;
}


/* side twitter
-------------------------------------------------------------------------------------------------------*/
#twitter{
	margin:5px;
}