/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #000000 url(/jdd/public/images/2012/body-bg.gif) no-repeat scroll center -15px;
	font: .81em/150% Century Gothic, Arial, Helvetica, sans-serif;
	color: #000;
}
a {
	color: #00f;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color:#f50;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

blockquote {
	margin:2em 4em;
	color:#777;
	padding: 0 0 0 50px;
	background: transparent url(/jdd/public/images/2012/blockquote.gif) no-repeat 0 0;
}
blockquote.red {
	background-image: url(/jdd/public/images/2012/blockquote2.gif);
	/*color: #c00;*/
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 960px;
	margin: 20px auto;
	padding: 0 20px 20px 20px;
	background-color:#fff;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 100px;
}

/* site logo */
#site-logo {
	position: absolute;
	top: 20px;
	clear: both;
	width: 226px; 
	height: 68px;
	padding:0;
}
#site-logo a {
	width: 100%; 
	height: 100%;
	display: block;
	background: url(/jdd/public/images/2012/logo.gif) left top no-repeat;
}
#site-logo .site-logo-cn {
	background-image: url(/jdd/public/images/2012/logo-cn.gif);
}

/* searchform */

#searchform {
	position: absolute;
	top:20px;
	right:0;
	z-index: 100;
	margin: 6px 0 0 0 ;  padding: 5px 0 0 0 ;
	width: 166px ;  height: 38px;
	text-align: left; 
	background: #fff url(/jdd/public/images/2012/menu-search.gif) left top no-repeat ;  }
	#searchform input {
		margin: 3px 0 0 11px;
		padding: 0 0 0 22px;
		width: 140px;
		height: 20px;
		border: none;
		outline: none ;
		background: url(/jdd/public/images/2012/menu-searchText-off.gif) no-repeat 0 0; 
		color: #fff; }
	#searchform input:focus {
		background-image: url(/jdd/public/images/2012/menu-searchText-on.gif);
		color: #000; }

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

#main-nav  {
		position: absolute;
		top:20px;
		right: 166px;
		margin: 0; 
		padding: 6px 0 0 0 ;
		list-style: none; }
	#main-nav li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: relative;
	}
	#main-nav li a {
		line-height: 100%;
		font-weight: bold;
		color: #fff;
		display: block;
		padding: 12px 0 0 0;
		margin: 0 ;
		width: 112px ; height: 38px;
		background: #fff url(/jdd/public/images/2012/menu-off.gif) left top no-repeat ; 
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
		text-align: center;
	}
	#main-nav li a:hover { 
		background-image: url(/jdd/public/images/2012/menu-over.gif);
	}
	#main-nav .first {
		background-image: url(/jdd/public/images/2012/menuL-off.gif);
	}
	#main-nav .first:hover {
		background-image: url(/jdd/public/images/2012/menuL-over.gif);
	}

#lang-nav {
	position: absolute;
	top:78px;
	right:0px;
	z-index: 100;
	}
	#lang-nav ul {
		list-style: none ;
		margin:0; }
	#lang-nav li { 
		display: inline; }
	#lang-nav a { 
		margin: 0 0 0 5px; }

#top-facebook  {
	position: absolute;
	top:80px;
	right:180px;
	}
	
/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	margin: 0;
	padding: 10px;
	width: 602px;
	float: left;
}

/* google */
#google {
	width: auto;
	margin: 30px 0 20px 0;
	padding: 0;
	text-align:center;
	}
#google2 {
	margin: 18px 0;
	padding: 0;
	text-align:center; }


/* like */
#like {
	border:1px solid #ddd;
	background-color:#eee;
	padding: 5px 0 0 5px;
	margin: 15px 0 25px 0;
	width:590px;
	overflow: visible;
	float:left;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
	#like ul {
		margin: 0;
		padding:0;
		}
	#like li {
		margin: 0;
		padding:0;
		height: 25px;
		display: inline-block;
		float:left;
		list-style: none; }
	#like li.lGoogle {}
	#like li.lFacebook {padding:0 30px 0 0; }
	#like li.lTwitter {}
	#like li.lLinkedin {padding:0 30px 0 0; }
	#like li.lStumble {}


/* post */
.post {
	margin-bottom: 40px;
}

header {}

.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Century Gothic, Arial, Helvetica, sans-serif;
}
.post-title a {
	color:#ec1c2c;
	text-decoration: none;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}
.post-subtitle  {
	margin: 5px 0;
	color: #888;
}
.post-description  {
	color: #000;
	margin: 0; padding: 0;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 272px;
	float: right;
	margin: 0;
	padding: 0;
	/*border:1px solid #eee;*/
}
.widget {
	margin: 0;
	padding: 10px;
}
.widgettitle {
	height: 40px;
	margin: 0;
	padding: 4px 0 0 20px;
	background: url(/jdd/public/images/2012/page2title1.gif) no-repeat 0 0;
	font-size:1em;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	overflow: hidden;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5); }

.widgetimage {
	border:1px solid #000;
}
.widget h4 {
}
.widget h5{
	margin:5px 0 5px 20px;
}
.widget p {
	margin-left: 20px;
}

.widget blockquote {
	margin:0 0 2em 0;
	padding: 13px 0 0 20px;
	text-indent: 20px;
	color: #333;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	color: #ccc;
	font-size: 85%;
}
#footer a {
	color: #fff;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/***************************
*			Common
****************************/
.listAero {}
	.listAero li {
		margin: 1em 0; 
	}

.listTop {
	margin-top: 0px;
	}
	.listTop li {
		margin-top: 0px;
	}


.ccTag {
	margin:0;
	padding: 0.3em 0.7em 0.3em 1.7em;
	background: url(/jdd/public/images/2012/tag.png) no-repeat 0 0.3em;
	font-size: 0.85em;
	font-weight: bold;
	color: #000;
	font-family: Arial;
}

.blogList  {}
	.blogList  ul {
		margin:0;
		padding:0;
		clear:both;
		overflow: hidden;
		}
	.blogList li {
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
		}
	.blogList .liA {}
	.blogList .liB {}
	.blogList .ccImg {}
		.blogList .ccImg  img {}
	.blogList .ccFacebook {
		float: right;
		margin: 0 0 5px 5px;
		}
		.blogList .ccFacebook  div {
			padding:0 0 0 18px;
			font-size:0.8em;
			color:#555;}
		.blogList .ccFacebookLikes {
			background: url(/jdd/public/images/2012/fb_like_gray.png) no-repeat 0 1px;
			}
		.blogList .ccFacebookComments {
			background: url(/jdd/public/images/2012/fb_comment_gray.png) no-repeat 0 4px;
			}
	.blogList .ccContents {}
	.blogList .ccTitle a {
		font-size:1.2em;
		text-decoration:none;
		font-family: Arial;
		color:#00f;
		}
	.blogList .ccTitle a:hover {
		text-decoration:underline;
		}
	.blogList .ccDesc {
		color: #000;
		font-size:1em;
		margin:0.3em 0;
		}
	.blogList .ccDate {
		color: #aaa;
		font-size:0.9em;
		}
	.blogList .ccKey  a {
		display: block;
		}


/***************************
*			blogWidget
****************************/
.blogWidget {
	margin-left: 20px;
}
	.blogWidget ul {}
	.blogWidget li {
		margin:10px 0;
		padding:0 0 5px 0;
		border-bottom: dotted #ddd 1px;
		}
		.blogWidget li:last-child {
			border-bottom: none;
		}
	.blogWidget .ccImg {
		float: left;
		width: 30%;
		margin-right: 5%;
		}
		.blogWidget .ccImg  img{
			border:1px solid #ddd;
			padding: 2px;
		}
	.blogWidget .ccContents {
		overflow: hidden;
		}
	.blogWidget .ccTitle a {
		font-size:1em;
		}

/************************************************************************************
Home
*************************************************************************************/

/***************************
*	cbList
****************************/
.cbList {
	margin: 0;
	padding: 0;
	clear: both;
	float:none;
	overflow:hidden;
	display:block;
}
	.cbList ul {
		margin: 0;
		padding: 0;
	}

.cbListLeft {
	 padding: 0 0 10px 10px;
}

/* Top 5 */
.cbTop {
	padding-left: 20px;
	}
	.cbTop li {
		display:block;
		clear:both;
		overflow:hidden;
	}
	.cbTop .cblImg {
		float: left;
		width: 20%;
		margin-right: 5%;
	}
	.cbTop .cblContents{
		float: right;
		width: 75%;
	}
	.cbTop .cblFacebook {}
		.cbTop .cblFacebook  div {
			padding:0 0 0 18px;
			font-size:0.8em;
			color:#555;
			float: left;
			margin-right: 10px;
			filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
		}
		.cbTop .cblFacebookLikes {
			background: url(/jdd/public/images/2012/fb_like_gray.png) no-repeat 0 1px;
			}
		.cbTop .cblFacebookComments {
			background: url(/jdd/public/images/2012/fb_comment_gray.png) no-repeat 0 4px;
			}

/* DEAD */
.cbDead {
	padding-left: 20px;
	}
	.cbDead li {
		display:block;
		clear:both;
		overflow:hidden;
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		border-bottom: dotted #ddd 1px;
	}
	.cbDead li:last-child {
		border-bottom: 0;
	}
	.cbDead .cblImg {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
		.cbDead .cblImg  img{
			border:1px solid #ddd;
			padding: 2px;
		}
	.cbDead .cblName a {
		font-family: arial;
	}
	.cbDead .cblDeathdate {
		font-size: 0.8em;
		clear:both;
		text-align: right;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.cbDead .cblActinat {
		font-size: 0.9em;
		color:#777;
	}
	.cbDead .cblFacebook {
		float: right;
		margin: 1px 0 5px 5px;
		}
		.cbDead .cblFacebook  div {
			padding:0 0 0 18px;
			font-size:0.8em;
			color:#555;}
		.cbDead .cblFacebookLikes {
			background: url(/jdd/public/images/2012/fb_like_gray.png) no-repeat 0 1px;
			}
		.cbDead .cblFacebookComments {
			background: url(/jdd/public/images/2012/fb_comment_gray.png) no-repeat 0 4px;
			}
	
/* Blog 200 3 columns */
.blogHome {}
	.blogHome li {
		float:left;
		width:30%;
		margin-bottom: 20px;
		}
	.blogHome .ccImg {}
		.blogHome .liA {
			padding:0;
		}
		.blogHome .liB {
			padding:0 0 0 5%;
		}