/*----------------------------------------------------------------------
  | Theme Name: Dreanmy
  | Theme Author_URI: http://leotheme.cn
  | Description: The WordPress theme based on the Louis.
  | Version: 0.1 09.04.06
  | Tags: Maxthon,themes,wordpress,show,hide,Toggle,css,jQuery,Javascript
  -----------------------------------------------------------------------*/
body {
			font-family: verdana,Arial,sans-serif;
			font-size: 12px;
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			color: #666;
			background: #fff;
}
/*ALL
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dd,dt,abbr,form,input { margin: 0; padding: 0; }
img { border: none; }
ul,ol { list-style: none; }
a { color:  #096FB7; text-decoration: none; }

/*Header
----------------------------------------------------*/
#header {
			width: 100%;
			height: 104px;
			text-align: center;
			background: url(images/bgHeader.png) repeat-x;
			}

.headerContent {
			margin: 0 auto;
			position: relative;
			width: 862px;
			height: 104px;
			background: url(images/bgHeaderContent.png) no-repeat;
			}
.logo {
			position: relative;
			float: left;
			width: 250px;
			}
.logo a {
			float: left;
			width: 178px;
			height: 79px;
			display: block;
			background: url(images/Logo.png) no-repeat;
			} 
.logo a span {
			margin-left: -200em;
			overflow: hidden;
			}
.logo p {
			position: absolute;
			left: 108px;
			top: 55px;
			font-size: 11px;
			color: #5280A9;
			letter-spacing: 5px;
			}
.navCon {
			width: 612px;
			text-align: right;
			background: Aqua;
			}
.topBar {
			position: absolute;
			top: 5px;
			right: 2px;
			}
.topBar li {
			float: right;
			width: 16px;
			height: 16px;
			margin: 0 5px;
			}
.topBar a {
			display: block;
			width: 16px;
			height: 16px;
			}
.topBar .home {
			background: url(images/topBar.gif) no-repeat;
			cursor: pointer;
			}
.topBar .email {
			background: url(images/topBar.gif) 0 -16px no-repeat;
			}
.topBar .map {
			background: url(images/topBar.gif) 0 -32px  no-repeat;
			}
.topBar a span {
			display: none;
			overflow: hidden;
			}
/*Nav
----------------------------------------------------*/
.nav {
			position: absolute;
			right: 0;
			top: 54px;
			width: auto;
			height: 33px;
			overflow: hidden;
			margin-top: 5px;
			padding: 1px;
			background: #E8F2F6;
			border: 1px solid #95bcd5;
			border-bottom: none;
			}
.nav li {
			float: left;
			background: #C9E1EF url(images/bgNav.png) 0 0 repeat-x;
			}
.nav li a {
			float: left;
			color: #203851;
			height: 33px;
			line-height: 33px;
			padding: 0 20px;
			border-left: 1px solid #F3F8FA;
			border-right: 1px solid #97BDD8;
			letter-spacing: 2px;
			text-align: center;
			text-decoration: none;
			}
.nav li a:hover,.nav .current {
			background: url(images/bgNav.png) 0 -33px repeat-x;
			}
#navHome a {
			border-left: none;
			}
#navTheme a {
			border-right: none;
			background: url(images/bgNav.png) 0 -66px repeat-x;
			}
#navTheme a:hover {
			background: url(images/bgNav.png) 0 -99px repeat-x;
			}
#navTheme span {
			position: absolute;
			right: 16px;
			top: 14px;
			display: block;
			width: 7px;
			height: 8px;
			overflow: hidden;
			background: url(images/listICON.png);
			}
/*Container
----------------------------------------------------*/
#Container {
			width: 862px;
			margin: 0 auto;
			margin-top: 5px;
			}

#content {
			float: left;
			width: 596px;
			text-align: left;
			}

.dateList {
			width: 580px;
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			font-weight: bold;
			color: #203851;
			margin-top: 10px;
			padding-left: 10px;
			padding-right: 6px;
			background: #C9E1EF url(images/bgDateList.png) no-repeat;
			}
.bgDateList li {
			padding: 1px 0;
			}
.post {
			margin: 10px 0;
			}
.postTitle {
			margin-bottom: 8px;
			}
.postTitle h1 {
			font-size: 22px;
			color: #096FB7;
			text-align: center;
			}
.postTitle h2 a {
			font-size: 18px;
			color: #096FB7;
			}
.postTitle p,.postTitle p a {
			color: #999;
			}

.postImg {
			width: 120px;
			padding: 1px;
			text-align: center;
			border: 1px solid #ccc;
			}
.postImg abbr {
			display: block;
			width: 100%;
			height: 22px;
			line-height: 22px;
			margin-top: 1px;
			background: #EDEDED;
			}
.postImg p {
			margin: 5px 0;
			color: #096FB7;
			line-height: 20px;
			}
.postInfo {
			width: 100%;
			height: 22px;
			line-height: 22px;
			text-align: center;
			margin-top: 10px;
			padding: 3px 0;
			border-top: 1px dashed #cecece;
			border-bottom: 1px dashed #cecece;
			}
.indexEntry {
			width: 454px;
			height: 100%;
			line-height: 22px;
			font-size: 14px;
			overflow: hidden;
			}
.entry {
			width: 100%;
			line-height: 22px;
			font-size: 14px;
			}
.indexEntry a:hover,.entry a:hover,#footer a:hover {
			color: #418702;
			}
.more-link {
			font-size: 12px;
			padding-left: 18px;
			background: url(images/readAllIcon.png) 0 0 no-repeat;
			}
.more-link:hover {
			background: url(images/readAllIcon.png) 0 -16px no-repeat;
			}

.singleNow,.singleNow a {
			font-size: 12px;
			font-weight: normal;
			}
.singleContent {
	padding: 10px;
	border: 1px solid #A6C9E1;
			}

.newsPrevions {
			width: 553px;
			margin: 10px 0;
			padding: 6px 10px;
			border: 1px solid #C0D8E9;
			background: #EFF6F9;
			}
.newsPrevions  span {
			display: block;
			margin: 5px 0;
			padding-left: 8px;
			background: url(images/singleListIcon.png) left center no-repeat;
			}


/*Sidebar
-------------------------------------------------*/
#sidebar {
			position: relative;
			float: right;
			text-align: left;
			}
#sidebar a {
			color: #096FB7;
			}
#sidebar h2,#searchform label {
			display: block;
			font-size: 14px;
			font-weight: normal;
			color: #333;
			text-align: left;
			margin-bottom: 15px;
			padding-left: 10px;
			background: url(images/sidebarH2Icon.png) no-repeat;
			}
#sidebar li {
			width: 233px;
			height: 100%;
			margin-bottom: 8px;
			padding: 10px;
			border: 1px solid #A6C9E1;
			background: #fff url(images/bgSidebarLi.png) no-repeat;
			}
#sidebar p {
			line-height: 22px;
			text-indent: 2em;
			}
#sidebar li ul li {
			width: 232px;
			text-align: left;
			padding: 0;
			border: none;
			background: none;

			}

#s {
			width: 158px;
			height: 20px;
			color: #666;
			padding: 2px 0 0 2px;
			border: 1px solid #A6C9E1;
			background: #fff;
			vertical-align: middle;
			}
#searchsubmit {
			width: 60px;
			height: 24px;
			line-height: 24px;
			color: #fff;
			text-align: center;
			border: none;
			background: #C9E1EF url(images/bgSearchSubmit.png) no-repeat;
			vertical-align: middle;
			}

#wp-calendar  {
			width: 236px;
			}
#wp-calendar tbody a {
			color: Green;
			font-weight: bold;
			}
#wp-calendar #next {
			text-align: right;
			}

.rss {
			text-align: center;
			}
.rssList {
			position: absolute;
			left: 168px;
			top: 128px;
			width: 150px;
			padding: 10px 0 8px 24px;
			background: url(images/bgRssList.png) no-repeat;
			z-index: 999;
			}

/*Comment
------------------------------------------------*/
.commentlist li {
			margin: 15px 0 10px;
			padding: 5px 5px 10px 10px;
			list-style: none;
			border: 1px solid #DDD;
			}

.commentlist li .avatar { 
			float: left;
			border: 1px solid #eee;
			margin-right: 8px;
			display: inline;
			padding: 2px;
			background: #fff;
			}

.commentlist cite, .commentlist cite a {
			font-style: normal;
			font-size: 1.1em;
			}

.commentlist p {
			margin: 10px 5px 10px 0;
			font-weight: normal;
			line-height: 1.5em;
			text-transform: none;
			}
.commentmetadata {
			margin: 0;
			display: block;
			font-weight: normal;
			}
.commentlist li ul li {
			margin-right: 10px;
			margin-left: 10px;
			}
.pingback {
	background: #EFF6F9;
			}


.commentform {
			margin: 5px 10px 0 0;
			}
.commentform p {
			margin: 5px 0;
			}
.commentform input {
			float: left;
			width: 161px;
			margin: 5px 5px 1px 0;
			border: 1px solid #CCC;
			}
.commentform label {
			display: none;
			}
.commentform textarea {
			width: 100%;
			margin-top: 15px;
			padding: 2px;
			border: 1px solid #CCC;
			}
#respond:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}
.commentform #submit {
			width: 120px;
			height: 24px;
			float: none;
			color: #FFF;
			margin: 0 0 5px auto;
			border: none;
			background: #C9E1EF url(images/bgCommentSubmit.png) no-repeat;
			}
#author,#email,#url {
	background: url(images/user.png) left center no-repeat;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
			}
#email {
			background: url(images/email.png) left center no-repeat;
			}
#url {
			background: url(images/url.png) left center no-repeat;
			}

/*Footer
------------------------------------------------*/
.footer {
			width: 100%;
			height: 113px;
			margin-top: 10px;
			background: url(images/bgFooter.png);
			}
#footer {
			margin: 0 auto;
			width: 862px;
			height: 113px;
			text-align: left;
			}
#footer p {
			margin-top: 20px;
			line-height: 22px;
			}
#footer h3 {
			width: 174px;
			height: 24px;
			line-height: 24px;
			margin-top: 32px;
			padding-left: 5px;
			font-size: 12px;
			font-weight: normal;
			background: url(images/bgLinks.png) no-repeat;
			}
/*---------Ifocustyle----------------------------*/
.ifocus {
			margin-bottom: 10px;
			}
.hotPost li, .randomePost li {
			width: 558px;
			padding: 4px 0 4px 20px;
			}
.bgIfocusContent {
			background: url(images/bgIfocusContent.png) top right no-repeat;
			}
.item1 {
			background: url(images/number.gif) 0 -295px no-repeat;
			}
.item2 {
			background: url(images/number.gif) 0 -325px no-repeat;
			}
.item3 {
			background: url(images/number.gif) 0 -355px no-repeat;
			}
.item4 {
			background: url(images/number.gif) 0 -385px no-repeat;
			}
.item5 {
			background: url(images/number.gif) 0 -415px no-repeat;
			}
.item6 {
			background: url(images/number.gif) 0 -445px no-repeat;
			}
.item7 {
			background: url(images/number.gif) 0 -475px no-repeat;
			}
.item8 {
			background: url(images/number.gif) 0 -505px no-repeat;
			}
.Menubox {
			width: 595px;
			height: 28px;
			line-height: 28px;
			border-right: 1px solid #A6C9E1;
			background: url(images/bgIfocusNav.png) no-repeat;
			}

.Menubox li {
 			float: left;
			display: block;
			width: 114px;
 			text-align: center;
 			color: #203851;
			cursor: pointer;
 			}
.Menubox li.hover {
 			padding: 0px;
			background: #fff;
 			width: 116px;
 			border-left: 1px solid #A6C9E1;
 			border-right: 1px solid #A6C9E1;
			background: url(images/bgIfocusNavHover.png) repeat-x;
 			color: #096FB7;
 			font-weight: bold;
 			height: 27px;
			line-height: 27px;
			}
.Contentbox {
			width: 578px;
			border: 1px solid #A6C9E1;
			border-bottom: none;
 			height: 197px;
 			text-align: left;
 			padding: 8px;
			}
/*---------PageStyle----------------------------*/
.about {
			background: url(images/bgAbout.png) right bottom no-repeat;
			}
.about h2 {
			font-size: 14px;
			margin: 5px 0;
			}
.about p {
			font-size: 12px;
			line-height: 22px;
			}
#guestbook {
			font-size: 12px;
			}
#guestbook .commentlist li,#guestbook .commentform input,#guestbook .commentform textarea {
			border: 1px solid #A6C9E1;
			}
#guestbook .commentform #submit {
			border: none;
			}

/*---------RunCode----------------------------*/
.runcode {
			width: 480px;
			padding: 10px;
			}
.runcode_text {
			width: 478px;
			height: 150px;
			}
.runcode_button {
			width: 50px;
			height: 26px;
			}

/*---------Related Post-----------------------*/
.relatedPpost {
			margin-bottom: 12px;
			}
.relatedPost li {
			height: 24px;
			line-height: 24px;
			padding: 5px 0 5px 8px;
			border-bottom: 1px dotted #cecece;
			background: url(images/singleListIcon.png) left center no-repeat;
			}
.relatedPost li a {
			float: left;
			}
.relatedPost li span {
			float: right;
			color: #999;
			}
.relatedPostTitle,#comments,#respond h3 {
			height: 24px;
			line-height: 26px;
			font-size: 12px;
			color: #203851;
			margin: 10px 0;
			padding-left: 28px;
			border: 1px solid #DDD;
			background: #EFF6F9 url(images/relatedPostTitleIcon.png) left center no-repeat;
			}

/*---------PageNavi---------------------------*/
.wp-pagenavi {
			width: 100%;
			height: 30px;
			line-height: 30px;
			float: left;
			color: #203851;
			margin-top: 10px;
			padding-left: 5px;
			background: url(images/bgDateList.png) no-repeat;
			}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
			color: #203851;
			padding: 0 5px;
			text-decoration: none;
			display: inline;
			float: left;
			}
.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
			padding: 0 5px;
			display: inline;
			float: left;
			}
.wp-pagenavi span.current {
			font-weight: bold;
			}
/*---------DigushowStyle---------------------------*/
#diguShow {
			float: right;
			font-size: 12px;
			font-weight: normal;
			padding-left: 20px;
			background: url(images/diguIcon.png) left center no-repeat;
			}
#diguShow_More {
			display: none;
			}
/*Othes
------------------------------------------------*/
.clear { clear: both; }
.fLeft {float: left;}
.fRight {float: right;}
.noMarginTop { margin-top: 0; }
.marginTop5 { margin-top: 5px; }
.noStrong { font-weight: normal; }
.dateListBgColor { background: #EFF6F9; }
.blogImgAD { border: 1px solid #A6C9E1; }

