/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~General Setting~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*{
    margin:0;
    padding:0;
}
html {
SCROLLBAR-BASE-COLOR: #918969
}
body{
	color:#333;
	font: normal 12px/20px Arial, sans-serif;
	background-color: #525252;
}


#divAll{
    margin:0 auto;
	width: 1000px;
}

#divPage{
    float:left;
	width: 1000px;
	background:#FFF url(ssbs-index/bgAll.gif) repeat-y;
}

#divMiddle{
    margin:0 auto;
	width: 960px;
	text-align:left;
}
/* #divTop{
	width:960px;
	height: 118px;
	padding:7px 0 0 0;
	background:url(ssbs/bgTop.gif) repeat-x;
}*/
#divTop{
	width:960px;
	height: 60px;
	padding:7px 0 0 0;
	background:url(ssbs/bgTop.gif) repeat-x;
}
#divMain{
	float:left;
	overflow:hidden;
	width:950px;
	padding: 0 0 0 10px;
	text-align:left;
}
#divBottom{
	clear: both;
	padding:6px 0 0 0;
	width:960px;
	text-align: center;
	background:#DED4AF repeat-x;
	border-bottom:10px solid #7D1900;
}

.article-date {
        display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#BlogTitle{
	font-size:32px;
	margin:28px 0 1px 35px;
	padding:0;
	font-weight:bold;
	text-decoration: none;
        color: #FA9A03;
}

/*#BlogSubTitle{
	color: #D1D1D1;
	font-size:13px;
	margin:20px 0 0 20px;
	padding:0px 15px 0 0px;
}*/
#BlogSubTitle{
        display: none;
}
#divNavBar{
	height:55px;
	width: 960px;
	background:transparent #DED4AF repeat-x;
}

#divNavBar h3{
	display:none;
}

#divNavBar ul{
	margin: 0;
    text-transform: capitalize;
}

#divNavBar ul li{
    display:inline;
	text-align:center;
    float:left;
	width:92px;
	height:23px;
	margin:0 0 0 4px;
	padding:2px 0 0 0;
	background:transparent url(ssbs/bgTag.gif) no-repeat;
}

#divNavBar ul li a{
	color: #B5AEA8;
	font: normal 14px/1.5 Arial, sans-serif;
}
#divNavBar  ul li a:hover {
    text-decoration:underline;
	color: #FDBB00;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~indexpage~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left {float:left;width:950px;}
#left h4 {height:21px;color:#09f;text-align:left;text-indent:15px;font-size:14px; background:url(ssbs/bg_260_top.gif) top left no-repeat;padding-top:5px;}
.box{float:left;width:230px;background:#FAFAF6 url(ssbs/bg_260_bottom.gif) bottom left no-repeat;padding-bottom:10px; margin:10px 6px 0 0;}
.box ul{border-left:1px solid #E9DBDB;
        border-right:1px solid #E9DBDB;}
.box li{text-align:left;line-height:22px;color:#666;background:url(ssbs/indexli.gif) 10px 6px no-repeat;border-bottom:1px dashed #eee;text-indent:25px;width:226px;
    white-space:nowrap;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Sidebar~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.function {
	float:left;
	width:239px;
	padding:0;
	text-align:left;
	margin: 0;

}
div.function h3{
        height:20px;
	margin:5px 0 0 2px;
	padding:5px 0 2px 25px;
	font-family:Georgia,serif;
	font-size:14px;
	line-height:1.5em;
	color:#3D3E3D;
	border-top:1px solid #A59C7B;
	border-right:5px solid #8A8162;
	border-bottom:1px solid #A59C7B;
	border-left:1px solid #A59C7B;
	background:#DED4AF url("ssbs/xx.gif") center left no-repeat;
}

div.function ul{
	text-align:left;
	width:230px;
	margin:2px 0 0px 0;
	padding:3px 0 0 2px;
	list-style-position:outside;
	list-style-type:none;
}
div.function li{
	padding:0 0 1px 15px;
	background:transparent url(ssbs/bgSideLi.gif) no-repeat center left;
}
#divArchives ul li{
    width:100px; float:left;
}

#divTags ul li{
    width:100px; float:left;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.pagebar{
    width:620px;
	margin:0;
	padding:6px 0 6px 20px;
}
div.pagebar a{
    color:#325B0A;
	margin:4px;
	padding:0 2px;
	background:#F0E9CF;
border:1px solid #ccc;
}
div.pagebar a:hover{
    color:#E3EFD1;
	background:#8A8162;
border:1px solid #ccc;
}
div.post-body h1{
	color: #333;
	font-size:16px;
}
div.post-body h2{
	color: #333;
	font-size:14px;
}
div.post-body h3{
	color: #333;
	font-size:13px;
}
div.post-body h4{
	color: #333;
	font-size:12px;
}
p.postbottom {
    padding:0 0 10px 0;
    margin:10px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#BlogPowerBy,#BlogCopyRight{
	text-align: center;
	font: normal 12px/1.5 Arial, sans-serif;
	height:20px;
	color: #4A2921;
	width: 920px;
	margin: 0 auto;
}
#BlogCopyRight a,#BlogPowerBy a{
	color: #4E241A;
	width: 920px;
	margin: 0 auto;
	border-bottom:1px dashed #325B0A;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Typography~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a{
	text-decoration: none;
}
a:link {
	color: #703C05;
}
a:visited {
	color: #5C3205;
}
a:hover {
	color: #6404B5;
	text-decoration: none;
}
a:active {
	color: #3C7FE2;
	text-decoration: underline;
}
ul{
	list-style: none;
	word-break:break-all;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	word-break:break-all;
}
img{
	border-style: none;
}
img.thumb {
	float: left;
	}