/* CSS Document */
/*
THEME NAME: DSS-Design
THEME URI: http://www.DSS-Design.com
DESCRIPTION: Design for Dream
VERSION: 0.1
AUTHOR: <a href="http://www.DSS-Design.com">DSS</a>
AUTHOR URI: http://www.dssdesign.cn/blog
TAGS: DSS,design,dream
*/

/*----- Begin Initial -----*/
* { margin:0;padding:0;}
h1 { font-size:2em;}
h2 { font-size:1.3em;}
h3 { font-size:1.2em;}
h4 { font-size:1.15em;}
h5 { font-size:1.1em;}
h6 { font-size:1.05em;}
ul,ol,li { list-style:none;}
img { 1border:none;}
code { font-family:"Georgia",arial; margin:15px 10px 15px 10px; padding:10px 20px 5px 20px; border-left:3px solid #C6EC72; display:inline-block !important;}
body { font:normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#2e2d2a; margin:0px; padding:0px;}
a:link { text-decoration: none; border:none; color:#999;}
a:visited { text-decoration: none; border:none; color:#999;}
a:hover { text-decoration: none; border:none; color:#fff;}
a:active { text-decoration: none; border:none; color:#999;}
/*----- End Initial ------*/

/*------ Begin Images ------*/
.entry a img { 
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	border:none;
	max-width:100%; background:#1a1a1a; padding:4px; margin:5px;}
.entry a:hover img { background:#eeeeee;}
.entry img.centered,img.aligncenter { display:block !important; margin-left:auto; margin-right: auto;}
.entry img.alignright { margin:5px 5px 0 0; display:inline;}
.entry img.alignleft { margin:5px 0 0 5px; display: inline;}
.entry img.noborder { border:none; padding:0px;}
.entry .alignright { float:right;}
.entry .alignleft { float:left;}
.entry .clearleft { clear:left;}
/*----- End Images -----*/

*.rc_bg { 1height:200px; background:url("images/rc_bg.gif") top left repeat-x #2e2d2a; margin-top:20px; }
*.tl { height:200px; background:url("images/rc.gif") top left     no-repeat;  }
*.br { height:200px; background:url("images/rc.gif") bottom right no-repeat;  }
*.tr { height:200px; background:url("images/rc.gif") top right    no-repeat;  }
*.bl { height:200px; background:url("images/rc.gif") bottom left  no-repeat;  }

*.trc { height:200px; background:url("images/rc-trc.gif") top right   no-repeat; }
*.blc { height:180px; background:url("images/rc-blc.gif") bottom left no-repeat; }
*.post_image { height:144px; width:256px; -moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	border:none; background:#fff; padding:5px; margin:5px 20px 0 0; float:left; display:inherit; clear:left; text-align:left; }
*.pad { padding:10px; }
*.new_tag { width: 54px; height:54px; background:url(images/new_tag.png) top right no-repeat; position:absolute; margin:7px 0 0 835px;}
*.share_tag { width:21px; height:120px; margin:10px 0 0 -20px; background:url(images/share_tag.png) top left no-repeat; position:absolute; }
*.vision_tag { width:21px; height:120px; margin:10px 0 0 -20px; background:url(images/vision_tag.png) top left no-repeat; position:absolute; }
*.focus_tag { width:21px; height:120px; margin:10px 0 0 -20px; background:url(images/focus_tag.png) top left no-repeat; position:absolute; }
*.design_tag { width:21px; height:120px; margin:10px 0 0 -20px; background:url(images/design_tag.png) top left no-repeat; position:absolute; }
*.excerpt { color:#a6a29d; line-height:24px; }
*.hentry { 1margin:24px; }
*.entry { color:#a6a29d; line-height:24px; 1padding:15px; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help;}
acronym, abbr {	border-bottom: 1px dashed #999;}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
.hidden { display: none;}	
.screen-reader-text { position: absolute; left: -1000em;}
hr { display: none;}
.navigation { display: block; color:#FFFFFF; padding:0 10px 0 10px; margin-top: 10px; margin-bottom: 20px; }
.alignright { float: right;}
.alignleft { float: left}
.text_white { color:#FFFFFF; }
/* End Various Tags & Classes*/


/*----- Begin Structure -----*/
#indexPan { height:90px; position:relative; padding:0px;}
#main_center { width:900px; position:relative; margin:0 auto; padding:0;}
#content { float:left; position:relative; padding:24px 30px 24px 10px; }
#single_content { width:600px; float:left; position:relative; padding:24px 30px 24px 10px;}
.narrowcolumn { width:600px; }
.without_sidebar { width:900px!important; clear:both; }
#excerpt_content { 1height:144px; 1width:560px; 1float:left; margin:7px 10px; }
#post_date { color:#fff; } 
#sidebar { width:250px; float:left; position:relative; padding:20px 0 20px 0;}
#footPan { clear:both}
#footer { width:900px; height:100px; margin:0 auto;}
/*----- End Structure -----*/

/*----- Begin Detail ------*/
h1 { text-align: center;}
h1, h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; line-height:30px; }
h2 a:hover { color:#f2cf30!important;	text-decoration: none;}
h2, h2 a:link, h2 a:visited  { color:#fff; }	
h3 { color:#fff; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; line-height:2.0em;}
h3 a:hover { color:#f2cf30!important;	text-decoration: none;}
h3 a:link, h3 a:visited  { color:#fff; }


/* header */
#indexPan { width:1019px; background:url(images/separate_line.gif) bottom center no-repeat #2e2d2a; padding:7px 0 0 0; margin:0 auto;}
#index_logo { display:inherit; text-align:center; margin:0 0 0 -675px; }
#index_menu { position:absolute; margin:-50px 0 0 475px; }
#index_menu ul li { height:36px; width:60px; float:left; padding:0 0 0 40px; line-height:40px; }
#index_menu ul li a { color:#CCCCCC; font-size:1.2em; font-weight:bold; }
#index_menu ul li a:hover { color:#FFFFFF; background:url(images/index_subline.gif) bottom center no-repeat; }
#home_link { background:url(images/home_thumb.png) left center no-repeat; }
#focus_link { background:url(images/focus_thumb.png) left center no-repeat; }
#design_link { background:url(images/design_thumb.png) left center no-repeat; }
#vision_link { background:url(images/vision_thumb.png) left center no-repeat; }
#share_link { background:url(images/share_thumb.png) left center no-repeat; }
#cse-search-box { float:right; margin-top:-20px;}

/* content */
#mainPan { width:100%; }
.postmetadata { font-size:0.9em; margin:25px 10px!important; color:#FFFFFF; 1border-left:#FFFFFF solid 1px; clear:both; }
.postmetadata a { color:#FFFFFF; }
.postmetadata a:hover { text-decoration:underline; }
.thread-alt { background:url(images/comment_bg_alt.png);}
.thread-even { background:url(images/comment_bg.png);}
.depth-1 { 1border: 1px solid #ddd;}
.even, .alt { border-left:#FFFFFF solid 1px; }
.sticky { background: #f7f7f7; padding: 0 10px 10px;}
.sticky h2 { padding-top:10px;}
.commentlist { margin:0 30px 0 30px;}
.commentlist li, #commentform input, #commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.comment-meta {	font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {	font-size: 1em;}
.commentlist li .avatar { float: right;	border: 1px solid #eee;	padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a { font-weight: bold;	font-style: normal;	font-size: 1.0em;}
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata { font-weight: normal;}
html>body .entry ul { margin-left: 0px;	padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li { margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}
.entry ol {	padding: 0 0 0 35px; margin: 0;}
.entry ol li { margin: 0; padding: 0;}
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}

/* sidebar */
#sidebar_bg_top { height:6px; background:url(images/sidebar_bg_top.png) no-repeat;}
#sidebar_bg_body { background:url(images/sidebar_bg_body.png) repeat-y; padding:20px 20px 20px 20px;}
#sidebar_bg_bottom { height:6px; background:url(images/sidebar_bg_bottom.png) no-repeat;}
.sidebar_title { display:block; margin:0; 1padding:50px 0;}
#sidebar_focus { height:34px; width:197px; margin:0 auto 10px; background:url(images/sidebar_focus_bg.png) no-repeat; }
#sidebar_vision { height:34px; width:197px; margin:0 auto 10px; background:url(images/sidebar_vision_bg.png) no-repeat; }
#sidebar_design { height:34px; width:197px; margin:0 auto 10px; background:url(images/sidebar_design_bg.png) no-repeat; }
#sidebar_cumulus { height:34px; width:197px; margin:0 auto 10px; background:url(images/sidebar_cumulus_bg.png) no-repeat; }
#sidebar_category { height:34px; width:197px; margin:0 auto 10px; background:url(images/sidebar_category_bg.png) no-repeat; }
#sidebar ul li, #sidebar ul ol li, .nocomments, blockquote, strike { color:#fff;}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0;}
#sidebar ul li { list-style-type: none; list-style-image: none;}
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;}
#sidebar ul, #sidebar ul ol { margin: 15px auto;}
#sidebar a img { border:none;}
ol li, #sidebar ul ol li { list-style: none;}
.sidebar_img { margin:20px 0 25px 0; text-align:center;	border:none;}	
.sidebar_word_item ul {	width:180px; margin:0 auto;}
.sidebar_word_item li{ border-bottom:solid #4d4b46;	border-bottom-width:1px; line-height:32px;}
.cat-item{ background:url(images/sidebar_word_item_bg.png) no-repeat 5% 50%; padding:0 0 0 30px;}	
.cat-item:hover { background:url(images/sidebar_word_item_bg.png) no-repeat 6% 50%;	}
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;}
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt;}
#wp-calendar a { text-decoration: none;}
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;	text-align: center;}
#wp-calendar th { font-style: normal; text-transform: capitalize;}
#wp_cumulus_content { margin:0 0 10px 4px; padding:5px 10px; z-index:-1; }

/* footer */
h5 {color:#FFFFFF; padding:0 0 0 5px; margin-bottom:10px; margin-left:-10px;}
#footerPan{ background:url(images/separate_line.gif) top center no-repeat #2e2d2a; color:#999999; position:relative; height:100%; display:block; clear:both;}
#footer_center{ height:50px; width:930px; margin:0 auto; padding:10px 0 10px 0; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#in_link { width:200px; position:relative; float:left; text-align:left; padding:0 0 10px 100px;}
#footer_center p a{ color:#999; text-decoration:none;}
#footer_center p a:hover{ color:#fff;text-decoration:none;}
#out_link { width:250px; position:relative; float:left; text-align:left; padding:0 0 0 50px;}
#func_link { width:250px; position:relative; float:left; text-align:left; padding:0 0 0 50px;}
#copyright { background:url(images/separate_line.gif) top center no-repeat #2e2d2a; padding:5px 0; clear:both; text-align:center; }

/*------ End Detail ------*/

/*----- Begin Form Elements -----*/
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select { width: 130px;}
#commentform input { color:#bfbcae;	background:url(images/comment_bg.png); overflow:hidden;	padding:6px 0 0 5px; border:none; height:20px; width: 170px;}
#commentform { margin: 0 10px 0 0;}
#commentform textarea { color:#bfbcae; background:url(images/comment_bg.png); overflow:hidden; width: 100%; padding: 5px; border:none;}
#respond { padding:0; margin:50px 0 20px 0;}
#respond form { color:#fff; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit { border:solid #999999; border-width:1px; padding:0; height:24px; width:140px; float: right;}
#commentform #submit:hover { color:#fff; }

/*----- Begin Comments -----*/
.alt { padding: 0 0 0 10px;}
#comments {	margin:60px 0 0 30px;}
.commentlist { padding: 0; text-align: justify; color:#999999; }
.commentlist em { color:#FFFFFF; }
.fn { color:#FFFFFF; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
.commentlist p { margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p { margin: 5px 0;}
.nocomments { text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 10px 0 10px 0; display: block;}
/*----- End Comments -----*/

/*----- Begin Calendar ------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a { padding-right: 10px; text-align: right;}
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a { display: block;}
#wp-calendar caption { text-align: center; width: 100%;}
#wp-calendar td { padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }
/*----- End Calendar -----*/

/* Captions */

.wp-caption {
	1border: 1px solid #8e8d8a;
	text-align: center;
	background-color: #4e4d4a;
	padding: 6px 3px 0 3px;
	margin: 15px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img, .wp-caption a img {
	margin: 0;
	padding: 0;
	border: 1px solid #6e6d6a;
	1border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */