@charset "utf-8";
/*   
Theme Name: Dot Blue
Theme URI: http://www.totodotnet.net
Description: A simple one column theme designed for myself.
Author: Tonny Xu
Author URI: tonny.xu@gmail.com
Version: 1.0
.
May you use this for good.
.
*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #0b3667;
}
div{
	overflow:visible;	
}
.full-width {
	width: 100%;
}
#head-normal {
	height: 100px;
}
.head-title-normal {
	position: relative;
	left: 180px;
	top: 26px;
	width: 280px;
	min-height: 40px;
}
.center-align {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
* {
	font-family: Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 14pt;
	font-style: italic;
	color: #78aeeb;
	text-shadow:1px 1px 1px black;
}
#head {
	height: 168px;
}
#main {
	height: 353px;
}
#footer {
	height: 110px;
}

.full-width + #main{
	background:url(images/bg_4x353.png);
	background-repeat:repeat-x;
}

div.center-align#main{
	background:url(images/main_bg.png);
	background-repeat:no-repeat;

}
.head-title {
	height: 70px;
	width: 300px;
	position: relative;
	left: 180px;
	top: 90px;
	right: 20px;
	bottom: 10px;
}
div.head-title a:link, div.head-title a:hover, div.head-title a:visited{
	font-family: Garamond, Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 60px;
	color: #FFF;
	font-style: normal;
}
div.head-title-normal a:link,div.head-title-normal a:hover,div.head-title-normal a:visited{
	font-family: Garamond, Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 60px;
	color: #FFF;
	font-style: normal;
}

div.post-meta-date-category-tag a:link, div.post-meta-date-category-tag a:visited, div.post-meta-date-category-tag a:hover{
	font-size: 14px;
	color: #CCC;
	line-height:20px;
}
div.post-meta-date-category-tag p{
	display:inline;
}

.head-desc {
	font-family: Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 18px;
	color: #78aeeb;
	height: 100px;
	width: 400px;
	position: relative;
	left: 10px;
	top: 60px;
	right: 20px;
	bottom: 10px;
	padding::0px;
	text-shadow:none;
}
#text-center {
	text-align: center;
}
.image-box {
	margin: 0px;
	float: left;
	/*height: 190px;*/ /*For IE compatability*/
	width: 230px;
	position: relative;
	left: 10px;
	top: 10px;
	text-align: center;
	vertical-align: middle;
}

.main-desc-box {
	position: relative;
	height: 130px;
	width: 230px;
	left: 10px;
	top: 10px;
	float: left;
	padding-top: 10px;
	color: #FFF;
	line-height: 30px;
}
.with-500 {
	float: left;
	height: 100%;
	width: 500px;
}
.with-250 {
	float: left;
	height: 100%;
	width: 250px;
}
a.head-title-link:link, a.head-title-link:hover, a.head-title-link:visited, {
	padding:0px;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 60px;
	font-style: normal;
	color: #FFF;
}
a.footer:link,a.footer:visited, a.footer:hover {
	font-size: 12px;
	color: #CCC;
	line-height: 25px;
	text-shadow: none;
}

a:link {
	text-decoration: none;
/*	line-height: 30px;*/
}

a:hover {
	text-decoration: underline;
/*	line-height: 30px;*/
}
a:visited {
	text-decoration: none;
/*	line-height: 30px;*/
}
.head-desc-normal {
	font-family: Georgia, "Times New Roman", Times, serif, "Arial Unicode MS";
	font-size: 18px;
	color: #78aeeb;
	height: 50px;
	width: 400px;
	position: relative;
	left: 10px;
	top: 37px;
	right: 20px;
	bottom: 10px;


	padding::0px;
	text-shadow:none;
}

#menu-bar{
	height: 61px;
}

div.full-width#menu-bar{
	background:url(images/My-Blog-Theme-main_04.png);
	background-repeat: repeat-x;
}

#text-body{
	min-height:460px;
	overflow:visible;
}
.post-meta {
	min-height: 82px;
	width: 940px;
	display: inline-block;
	overflow:visible;
}

/*div.full-with#text-body{
}*/

#comment-body{
	min-height: 50px;
}

#separator-bar{
	height: 4px;
	min-width: 1000px;
}

div.full-width#separator-bar{
	background:url(images/separator-bg_4x4.gif)
	background-repeat:repeat-x;
	background-image: url(images/separator-bg_4x4.png);
	background-repeat: repeat-x;
}
.menu-item {
	float: left;
	height: 61px;
}
.width-333 {
	width: 333px;
	top: 20px;
	float: left;
}


#footer-bar{
	min-height: 420px;
	min-width: 1000px;
}
#footer-bar-item{
	min-height: 280px;
	padding-top: 15px;
	color: #FFF;
}
.aPost {
	width: 940px;
	overflow: visible;
	height: 500px;
}
.post-meta-title {
	float: left;
	width: 878px;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #e0e949;
	text-transform: capitalize;
}
div.post-meta-title a:link, div.post-meta-title a:hover, div.post-meta-title a:visited{
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #e0e949;
	text-transform: capitalize;
}
.digg-image {
	float: left;
	height: 80px;
	width: 52px;
	margin-right: 10px;
}


div.full-width#footer-bar{
	background:url(images/light-bg_4x4.png)
	background-repeat:repeat;
	background-image: url(images/light-bg_4x4.png);
	background-repeat: repeat;
}

div.center-align#text-body{
	background:url(images/big-bg_1000x435.png);
	background-repeat:no-repeat;
	padding:30px;
	width:940px;
}
.footer-normal {
	font-size: 14px;
	/*text-decoration: none;*/
	float: left;
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.post-meta-date-category-tag {
	float: left;
	width: 838px;
	font-size: 14px;
	line-height: 20px;
}
.post-text {
	font-size: 18px;
	line-height: 40px;
	color: #FFF;
	text-align: justify;
	float: none;
	overflow: visible;
	display: block;
	margin-bottom: 60px;
}
.comment-title {
	font-size: 24px;
	font-weight: bold;
	color:#999;
	float: left;
	width: 150px;
	height: 31px;
	vertical-align: middle;
}
.comment-desc {
	font-size: 18px;
	float: left;
	width: 500px;
	height: 20px;
	padding-top: 4px;
}
.comment {
	height: 31px;
	width: 100%;
}
.a-comment {
	width: 940px;
	border: 1px dotted #83AAEB;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.comment-meta {
	min-height: 48px;
}
.comment-text{
	min-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffd07f;
	font-size: 16px;
}
.comment-avatar {
	height: 48px;
	width: 48px;
	margin-right: 10px;
	float: left;
}
.comment-meta-title {
	font-weight: normal;
	color: #FFF;
	float: left;
	width: 600px;
	padding: 2px;
	text-transform: capitalize;
}
.comment-meta-date {
	font-weight: normal;
	font-size:14px;
	float: left;
	width: 600px;
	padding: 2px;
}
div.comment-meta-date a:link, div.comment-meta-date a:hover, div.comment-meta-date a:visited{
	font-size:14px;
	padding: 2px;
	line-height:20px;
}
.foot-section-title {
	padding: 5px;
	height: 22px;
	font-weight: bold;
}
.foot-section-text {
	color: #FFF;
	padding: 5px;
	min-height: 238px;
}
.foot-section-text ul {
	color: #FFF;
	margin-left: -35px;
	list-style-type: none;
	margin-top: -8px;
	line-height: 25px;
}
.foot-section-text ul li {
	color: #FFF;
	font-size: 16px;
	padding-left: 15px;
	background-image: url(images/list-item-lightgreen_7x28.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform: capitalize;
	margin-top: 5px;
	margin-bottom: 5px;
}
.foot-section-text ul li#random {
	color: #FFF;
	font-size: 16px;
	padding-left: 15px;
	background-image: url(images/list-item-yellow_7x28.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-transform: capitalize;
	margin-top: 5px;
	margin-bottom: 5px;
}


.comment-text p{
	color: #ffd07f;
	font-size: 16px;
}

div.post-text * {
	color:#FFF;
}

div.post-text input, div.post-text select, div.post-text option, div.post-text optgroup, div.post-text textarea {
	color: #000;
	text-shadow:none;
	font-style:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Arial Unicode MS";
}

div.post-text h1{
	font-size:24px;
	font-style:oblique;
	color:#f8ff83;
}
div.post-text h2{
	font-size:22px;
	font-style:oblique;
	color:#f8ff83;
}
div.post-text h3{
	font-size:20px;
	font-style:oblique;
	color:#f8ff83;
}
div.post-text h4{
	font-size:19px;
	font-style:oblique;
	color:#f8ff83;
	margin-top:10px;
	margin-bottom:10px;
}
div.post-text h5{
	font-size:18px;
	font-style:oblique;
	color:#f8ff83;
	margin-top:10px;
	margin-bottom:10px;
}
div.post-text h6{
	font-size:17px;
	font-style:oblique;
	color:#f8ff83;
	margin-top:10px;
	margin-bottom:10px;
}
div.post-text dl>dt{
	font-size:20px;
	font-style:oblique;
	color:#9F9;
}
div.post-text dl>dd{
	font-size:16px;
	color:#9F9;
}
div.post-text fieldset legend{
	font-size:24px;
}
div.post-text fieldset{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
div.post-text pre, div.post-text code{
	font-family:Consolas, "Courier New", Courier, monospace, "Arial Unicode MS";
	font-size:14px;
	font-style:normal;
	border:#fff 1px dotted;
	padding:20px;
	line-height:normal;
	text-shadow:none;
}
div#codeSnippet *{
	font-family:Consolas, "Courier New", Courier, monospace, "Arial Unicode MS";
	font-size:14px;
	font-style:normal;
	line-height:normal;
	text-shadow:none;
}
div#codeSnippet p{
	height:0px;
	padding:0px;
	margin:0px;
}

div.gist-highlight *{
	font-family:Consolas, "Courier New", Courier, monospace, "Arial Unicode MS";
	font-size:14px;
	font-style:normal;
	color:#000;
	line-height:normal;
	text-shadow:none;
}
div.gist-meta, div.gist-meta a:link, div.gist-meta a:hover, div.gist-meta a:visited{
	font-family:Consolas, "Courier New", Courier, monospace, "Arial Unicode MS";
	font-size:12px;
	font-style:normal;
	line-height:normal;
	text-shadow:none;
}

div.post-text blockquote{
	border: #fff 4px double;	
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	color:#ff8585;
}
div.post-text blockquote *{
	color:#ff8585;
}
div.post-text * img{
	border:#fff 20px solid;
	/*display:block;*/
	margin-left:auto;
	margin-right:auto;
}
div.post-text p.images{
	text-align:center;
	font-size:16px;
	line-height:20px;
}
div.post-text hr{
	border:#999 dashed 1px;
}
.nav-bar {
	height: 47px;
	margin-top: 20px;
}
.nav-prev {
	float: left;
	width: 343px;
	height: 47px;
	padding-left: 40px;
	background-image: url(images/prev-arraw_383x47.png);
	background-repeat: no-repeat;
}
.nav-next {
	float: left;
	width: 333px;
	height: 47px;
	padding-right: 50px;
	text-align: right;
	background-image: url(images/next-arraw_383x47.png);
	background-repeat: no-repeat;
}
.nav-top {
	text-align: center;
	float: left;
	width: 174px;
	height: 47px;
	background-image: url(images/top_125x47.png);
	background-repeat: no-repeat;
	background-position: 28px;
}
.nav-prev a:link, .nav-prev a:hover,.nav-prev a:visited, a.nav-link:link, a.nav-link:hover, a.nav-link:visited, .nav-next a:link, .nav-next a:hover,.nav-next a:visited{
	font-size: 24px;
	line-height: 38px;
	font-weight: bold;
	color: #e0e949;
	text-transform: capitalize;
}

.not-found-404 {
	text-align: center;
	height: 500px;
	width: 860px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 36px;
	color: #FFF;
	padding-right: 40px;
	padding-left: 40px;
}
div.sociable * img{
	border:none;
}
.commentlist li, .embeded-1 li, .embeded-2 li{
	list-style-type: none;
}

li ul li .a-comment {
	width: 897px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCC;
}
li ul li ul li .a-comment {
	width: 857px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999;
}
.says{
	margin-left:20px;
}
.reply-link {
	padding-left: 0px;
}
#respond #commentform p input, #respond #commentform p textarea {
	font-family: "Trebuchet MS", Arial, "Arial Unicode MS", Helvetica, sans-serif, ;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-shadow:none;
}
.Chinese, .Chinese * {
	font-family: "Microsoft YaHei", SimSun, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}
#Japanese{
	font-family: "メイリオ", "MS UI Gothic";
	font-style: normal;
	color:#FFF;
}
.Japanese, .Japanese *{
	font-family: "メイリオ", "MS UI Gothic";
	font-style: normal;
}
a.footer-link:link, a.footer-link:hover, a.footer-link:visited{
	font-size:14px;
	color:#FFF;
}

/* link hover text underline fix for firefox.*/
div#text-center a:hover, a.footer-link:hover, div.post-meta-date-category-tag a:hover, a.footer:hover, div.post-meta-title a:hover, div.comment-meta-date a:hover, a.nav-link:hover, .nav-next a:hover, .nav-prev a:hover, a.nav-link:hover{
	text-decoration: underline;
}

.pagetitle{
	text-align:center;
	color:#FFF;
	font-size:24px;
/*	font-style:normal;
	font-weight:bold;*/
}

div.post-text * a:link, div.post-text * a:hover, div.post-text * a:visited{
	color:#0FF;
}

div.post-text * a:hover{
	text-decoration:underline;
}