/*
Theme Name: CGS
Theme URI: http://www.u7media.com
Version: 1.01
Author: Yubo Hu
Author URI: http://www.u7media.com
*/
@import "calendar.css";
@import "minimal.css";

* { padding: 0; margin: 0; }

body {  background: #fff; font-size: 70%;
	font-family: Verdana, sans-serif;
	color: #111111;
	text-align: center;
}

ul, ol {list-style: none; 
	line-height: 1.3em;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.3em 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: Verdana, sans-serif;
}

h4 { margin: 10px 0; }

h1 { font-family: Verdana, sans-serif; color: #404040; font-size: 17px; font-weight: bold; }
h1 a { color: #6eb700; }
h2 { font-family: Verdana, sans-serif; color: #E52E30; font-size: 13px; font-weight: bold;}
h3 { font-family: Verdana, sans-serif; color: #e2302f; font-size: 12px; font-weight: bold; }
h4 { font-family: Verdana, sans-serif; color: #515151; font-size: 13px; font-weight: bold;}
h5 { font-family: Verdana, sans-serif; color: #000000; font-size: 11px; font-weight: bold; }
h6 { font-family: Verdana, sans-serif; color: #999999; font-size: 10px; font-weight: normal; }


a {
	text-decoration: none;
	color: #E2302E;
}
a:hover {
	color: #404040;
}
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #f7f7f7;
	color: #333;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
}
code {
	font-family: monospace;
	color: #666;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #999;
}

/* Layout */

#wrapper {
	clear:both;
	padding: 0 10px;
	margin: 0 auto;
	width: 770px;
	text-align: left;
}
#headerwrap {
	margin: 10px auto;
	width: 770px;
	text-align: left;
	height: 40px;
	position:relative;
}

#logo {
	position:absolute;
	top:0; left:0;

}

#logo a {
	text-decoration: none;
	font-size: 2em;
	color: #c00;
	height:38px; width:192px;
	display:block;
	background: url(images/logo.gif) no-repeat top left;
}
#logo a span {display:none;}

#srchform {
	position:absolute;
	bottom:0; right:0px;
	color:#e2302f;
	font-weight:bold;
	font-size: 1.2em;
}
	#srchform input {margin-left:7px; height:18px; padding:1px 3px; font-weight:normal; border-color: #808080 #d2d2d2 #d2d2d2 #808080;}
	#srchform input.srchbtn {background: #ce2724; color:#fff; font-weight:bold; border-color: #fb7977 #a41e1c #a41e1c #fb7977; height:22px;}
	
/* Header Styles */

#header h1 {
	margin: 0;
	
}
#header h1 a {
	text-decoration: none;
	font-size: 2.3em;
	color: #3d0e02;
}
	
#content {
	float: left;
	background: url(images/bg_article.gif) repeat-y right top;
	margin: 0 10px;
	padding:0 10px;
	width: 380px;
} 
html>body #content {
	width: 380px;
}
* html #content {
	overflow: hidden;
	/* So IE won't break things */
}

/* navigation styles*/
#navi {background:#969696; color:#fff; width:770px; margin:0 auto;  padding:7px 0;text-align:left; font-size:1.2em; font-weight:bold;}
#navi ul {height:20px;}
#navi li {float:left;}
#navi a {color:#fff; margin:0 20px;}
#navi a:hover {color:#fff; text-decoration:underline;}

#promo {width:770px; height: 155px; /*background: url(images/promo.jpg) no-repeat center top;*/margin:5px auto;}
#promo a img {width:150px; height:150px;}
/* Column 1 */

#column1 {
	float: left;
	margin: 0;
	width: 160px;
} 

#flickr-photos a {
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
	padding:0;
	width: 75px;
	height: 75px;	
	border: 1px solid #555;
	overflow: hidden;
}

#flickr-photos {
margin: 0 0 15px 0;
padding: 0 0 20px 0;
}

#headercolumn3 fieldset { border:none;  }
#headercolumn3 form.search {width: 205px; display:inline; padding: 0px; margin: 0;}
#headercolumn3 input.text {font:11px Verdana, sans-serif; background-color: #FFFFFF; border: 1px solid #d8d8d8; height: 14px; width:205px; padding:2px; margin: 5px 0 0 15px; }
#headercolumn3 input.button { border:none;}




html>body #column1 {
	width: 160px;
}
	
/* Column 2 */
#column2 {
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 5px;
	width: 185px;
	font-size: 0.9em;
} 

#column2 img {
	margin: 0;
	}

#column2 a img {
	margin: 0px;
	padding:1px;
	}
#column2 a:hover img {
	background: #a3a675;
}
	

html>body #column2 {
	width: 185px;
}


/* Footer Styles */

#footer {
	clear: both;
    border-top: 1px solid #E7E7E7;
	text-align: center;
	font-size: 0.9em;
	 margin:0 auto;margin-top: 25px;
	width: 770px;
}

#footer p {
	margin: 0px;
	padding: 10px 0;
}

div.float {
  float: left;
  padding-left: 13px;
  }
  
div.float p {
   text-align: center;
   }

div.spacer {
  clear: left;
  }

/* Blog */

.post {
	margin: 10px 0 20px 0;
	padding-right:10px;
	border-bottom: 1px dashed #efefef;
	text-align:left;
	}
.post h2 a {color:#666; text-decoration:underline; }
.post.spkr h2 a {color:#E2302E; text-decoration:none;}
.postmeta {
	margin-top: 0;
	padding-top: 2px;
	color: #5b564d;
}

.postfeedback { font-size: 1.0em; font-weight: medium; margin: 7px 0 7px 0px; padding: 0;}
.postfeedback a { background: #ffffff; color: #999b7b; padding: 0.2em 0.2em 0.2em; margin: 0 3px 0px 3px; }
.postfeedback a:hover { background: #ffffff; color: #482601; }

.postentry {
	margin: 0;
	padding: 0;
	margin-top:10px;
}

.postentry ul {
	list-style:square;
	margin: 20px 20px 20px 10px;
}

.postentry ul li {
	margin: 10px 0;
	font-size: 1.1em;
}
.permalink {
	margin: 0 2.5em 0 0;
	padding: 0 0 0 14px;
}
.commentslink {
	padding: 0 0 0 17px;
}

/* Comments */

#commentlist {
	margin: 2em 0;
	padding: 0;
	border-bottom: 1px dashed #d7d7d7;
	list-style-type: none;
}
#commentlist li {
	border-top: 1px dashed #d7d7d7;
	padding: 1px 20px;
	background-color: #fff;
}
.alt {
	background-color: #f3f3f3 !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.0em;
	color: #8caf51;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}

/* Cate at left */
.cate {background:#aa0a00; color:#fff; line-height:21px;}
	.cate a, .cate a:hover {color:#fff;}
	.cate h3 {padding:0 7px; color:#fff;}
	.cate li {background:url(images/cate-bg.gif) no-repeat left top; height:24px; line-height:24px; padding:0 7px;}


/*images in post*/
img.alignleft {float:left; margin: 0 10px 10px 0;}

/*featured*/
#featured {background:#f6f6f6; border:1px solid #BA1200;}
	#featured h3 {background:#ba1200; color:#fff;padding:6px 8px;}
	#featured .con {padding:8px;}

	#featured h2, .spklist li  {color:#000; font-size:11px; height:60px;}
	#featured h2 a{color:#000; display:block; padding:0;}
	#featured h2 em, .spklist li em {font-style:normal; font-weight:normal; font-size:10px; }
	#featured h2 img, .spklist li img {float:left;margin-right:10px;}

	.spklist li {border-top: 1px dashed #ccc; padding-top:10px; padding-left:10px;}


.post.spkr {padding-right:0;}
.spkrtitle {}
	.spkrtitle img {float:left;width:100px; height:150px; padding:0;}
	.spkrinfo {background:#FFC200; height:140px; margin-left:100px; padding:5px 10px;}
		.spkrinfo h2 {margin-bottom:110px;}

.postentry p {margin-bottom:10px;}
.postentry h3 {padding:10px 0px; margin-top:10px; border-top:1px solid #e7e7e7;line-height:15px; vertical-align:middle; }

.bookspkr {background:url(images/bookspkr.png) no-repeat left; padding-left:20px; margin-right:10px; line-height: 16px;}

ul.srch {margin-left:20px; list-style-type: circle;}

.tabs {position:relative;}
.tabNavigation {position:absolute; right:15px; top: -20px;}
.tabNavigation li {float:left; border-left:1px solid #eee;}
.tabNavigation li a {padding:3px 7px;}
.tabNavigation li a.selected {background:#E2302E; color:#fff;}