body {
 font-family: "lucida grande", Verdana, Tahoma, Arial;
 font-size:76%; 
 text-align:left;
 color:#454545;
 margin:0 10px 10px 10px;
 padding:0;
 background:#e0e0e0;
}

img {border:0px none;}
form, fieldset {margin:0;padding:0;border:0px none;}

/* MAIN LAYOUT -------------------------------- */

#wrapper {
 position:relative;
 margin:0 auto;
 background:url('/images/col_divider.gif') repeat-y 70% 0;
 min-width:750px;
 max-width:1150px;
 text-align:left
}

* html #wrapper {
width:900px; /* Crappy hack remove soon */
}

#inner_wrapper {
 background:url('/images/col_divider.gif') repeat-y 35% 0;
}

#header {
 position:relative;
 height:130px;
 background: url('/images/header-bg2.png') repeat-y;
 clear:both
}

#container {
 float:left;
 width:70%;
 margin-bottom:0px;

}

#left {
 float:left;
 width:50%;
}

#center {
 float:left;
 width:50%;
}

#sidebar {
 float:right;
 width:30%;

}

#footer {
 background:#f7f7f7;
 border-top:1px solid #ddd;
 clear:both;
}

/* Linkypoos 
-------------------------------- */

a {
 color:#8DB413;
 text-decoration:none;
 font-weight:bold;
}

a:hover {
 color:#EE4206;
 text-decoration:none;
}

a:visited {
  text-decoration:none;
}

.commentLink a {
 font-weight:normal;
}

/* Main text controls 
-------------------------------- */

h1, h2, h3, h4, h5 {
 font-family: 'Trebuchet MS', 'lucida grande', verdana, arial sans-serif;
 padding:0;
 margin:10px 15px 0;
}

p {
 margin:5px 15px 10px 15px;
 font:1em/1.8em 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
 color:#444;
}

/* HEADER
--------------------------------------------*/

#header  h1{
 position:absolute;
 top:32px;
 left:15px;
 border:0px solid blue;
 width:250px;
 height:60px;
 margin:0;
 overflow:hidden;
}

#header h1 a {
 display:block;
 width:250px;
 height:60px;
}

#header h1 em {
 position:absolute;
 left:-200px;
}

#feature {
 background:#000 url('/images/feature-join-open2.png') no-repeat;
 float:right;
 height:130px;
 width:320px;
 margin:0;
 overflow:hidden
}

#feature h2 {
 margin:0;
 padding:0;
}

#feature h2 em {
 position:absolute;
 left:-1500px;
}

#feature a {
 display:block;
 height:130px;
 width:320px;
}

/* FOOTER
--------------------------------------------*/

#footer p {
 color:#777;
 font-size:.9em;
}

/* CONTENT
--------------------------------------------*/
#container h2.sectionHeader, #container h2.pagetitle {
 font-size:1.8em;
 font-weight:normal;
 color:#999;
 letter-spacing:2px;
 margin:20px 15px 0 15px;
}

.page h1 {
 margin:15px 15px 0 15px;
 padding:5px 10px;
 font-size:2.5em;
 letter-spacing:2px;
 background:#f5f5f5;
 border-bottom:5px solid #9BB605;
}

#container h2 {
 margin:5px 15px 0 15px;
 font-size:18px;
 letter-spacing:2px;
}

#container h3 {
 margin:5px 15px 0 15px;;
 font-size:16px;
 letter-spacing:2px;
}

#container h4 {
 margin:0 15px 10px 15px;
 font-size:13px;
 letter-spacing:2px;
}



.meta {
 color:#aaa;
 margin:4px 15px 0 15px;
 padding:0;
 font-size:14px;
 font-family: Trebuchet MS, verdana, arial sans-serif;
}

.page .meta {
 background:#EEFF8F;
 color:#000;
 margin:0 15px 15px 15px;
 padding:0 10px;
 border-bottom:1px solid #CCDF61;
}

.archive .meta {
 background:none;
 color:#000;
 margin:0px 15px 15px 15px;
 padding:0px 10px;
 font-size:12px;
 border-bottom:0px;
}



.archive h2 {
margin:0;
padding:0;
}

.page em {
 font-size:16px;
 background:#EEFF8F;
 font-style:normal;
}

.page p {
 margin:5px 25px 10px 25px;
}

#container.page h2, #container.page h3, #container.page h4, #container.page h5 {
margin-left:25px ;
margin-right:25px ;
}

 .commentLink {
 color:#999;
 font-size:12px;
 padding:2px 15px 20px 15px;
 margin:5px 1px 20px 1px;
 border-bottom:1px solid #ddd;
 text-align:right;
}

.page .commentLink {
 text-align:left;
 margin:15px;
 padding:10px;
 border:1px solid #ddd;
 background:#f7f7f7;
}

.archive .commentLink {
 text-align:left;
 margin:15px;
 padding:5px 10px;
 border-width:0 0 3px 0;
 border-bottom:3px solid #ddd;
 background:none;
}

.fullPost {
 background:url('/images/small_arrow.png') no-repeat 0 1px;
 padding-left:18px; padding-right:0; padding-top:0; padding-bottom:0
}

#search {
 background:#f7f7f7 url('file:///C:/Documents%20and%20Settings/langlang/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/0TMZOLIF/images/search-bg.gif') no-repeat;
 border-bottom:1px solid #ddd;
 padding:20px;
 margin-left:0px;
 text-align:center
}

#search #s {
width:140px;
}


#searchAndCat ul {
 list-style:none;
 margin:15px 15px;
 padding:0;

}

#searchAndCat ul li ul {
 padding:0;
 margin:0;
}

#searchAndCat ul li ul li {
 padding:0;
 margin:5px 0;
 font-size:15px;
 line-height:20px;
 letter-spacing:1px;
}

#searchAndCat h1 {
 font-size:17px;
 line-height:20px;
 margin:20px 0 0 0;
 padding:0;
 color:#999;
}


#container #dailyDumps p {
border:0px solid red;
margin:5px 15px;
background:url('/images/bubble.png') no-repeat 0 4px; /* Thanks stylegala */; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}


#container #dailyDumps .dd {
margin-bottom:15px;
}

#container li {
 font:12px/22px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
 margin:0 30px 0 15px;
}

#olderNews {
 margin:1px;
}

#container h3.sectionHeader {
 color:#999;
 margin:-5px 15px 10px;
 padding:0;
}

#olderNews h4 {
 font-size:13px;
 margin:0;
 border-top:1px dashed #d2d2d2;
 padding:0;
}

#container #olderNews a {
 display:block;
 background:#fff;
 margin:0;
 padding:5px 15px;
}


/* navigation
--------------------------------------------*/

#nav {
 list-style: none;
 margin:0;
 padding:0;
 font-size:20px;
 background:#FFF;
 clear:both;
 float:left;
 display:block;
 width:100%;
 border:0px solid red;
}

#nav li {
 float: left;
 margin: 0;
 padding: 0;
 list-style: none;
}

#nav a {
 float: left;
 padding: 10px;
 margin:0 20px 0 5px;
 font-weight:normal;
 font-family: Trebuchet MS, verdana, arial sans-serif;
 text-decoration: none;
 color:#596202;
}

#nav a:hover {
 color:#EE4206;
}

.navigation {
 margin: 0 20px;
 padding: 0;
 list-style: none;
 display:block;
}

.navigation li {
 float: left;
 margin: 0;
 padding: 0 10px 0 0;
 list-style: none;
}

#sideNotes {
 margin-top:10px;
}

#comments, #respond, #commentform {
 padding:10px 0 10px 20px;
}
.commentlist li {
 padding:20px;
 margin-right:1px;
 color:#999;
}

.commentlist li:hover {
 background:#F7FFEF;
}


.commentlist a {
font-size:15px;
font-weight:bold;
font-style:normal;
}


.commentmetadata a {
font-size:12px;
font-weight:normal;
}

#technorati {
border-top:1px solid #ddd ;
clear:both;
}

#technorati a {
font-size:11px;
font-weight:normal;
}


.feedStation {
border-top:1px solid #ddd ;
margin:0;
padding:0;
}

.feedStation li {
margin:0;
padding:0;
}

.feedStation li .feed {
background:url('/images/rss-add.gif') no-repeat -6px 0;
height:40px;
display:block;
border:0px solid red;
font-size:14px; padding-left:50px; padding-right:0; padding-top:15px; padding-bottom:0
}

.feedStation li .whatIs {
float:right;
height:20px;
cursor:help;
}

.feedStation li .feed em {
display:block;
font-size:10px;
font-weight:normal;
font-style:normal;
}

.googleAd {
 border:1px solid #EBEFD1;
 margin:15px;
 padding:10px;
 text-align:center;
 background:#FDFFEF;
}

.adds {
border-top:1px solid #ddd ;
margin:0;
padding:10px;
}

#sidebar .adds p {
margin:0 5px;
padding:0px;
color:red;
}

.adds img {
border:1px solid #ddd ;
margin:5px;
}
/* Matbook */

#MATBOOK {
	border-bottom:1px solid #F1FFAF;     
	margin:0px; 
	background:#F1FFAF;
	
} 

.inner {
	background:#fff;
	border:1px solid #DDEF86; 
	margin:10px;
}
#MATBOOK p {
	color:#000; 
   
	margin:5px 10px 0 10px;
	padding:0; 
}

#MATBOOK .commentLink {

 padding:2px 15px 10px 15px;
 margin:5px 1px 10px 1px;
 border-bottom:1px solid #ddd;
 text-align:right;
}             
#MATBOOK p.readmore {
	clear:both;  
	float:none;        
	display:block; 
    margin-top:-1px;
	/*border:1px solid red; */
}
#MATBOOK h2 {
	background:#687C03;    
	border-bottom:1px solid #424F05;
	color:#fff;
	margin:0;
	padding:5px;
} 
 
#MATBOOK h3 {
  padding:5px 2px 0 2px;       
  margin:0 5px;
}

#olderMatbook {
 margin:10px;
}


#olderMatbook h4 {
 font-size:13px;
 margin:10px;
}

#container #olderNews a {
 display:block;
 background:#fff;
 margin:0;
 padding:5px 15px;
}
 
 .lohasLink {
 color:#666666;
 font-size:11px;
 padding:2px 10px 5px 10px;
 margin:5px 1px 5px 1px;
 border-bottom:1px solid #ddd;
 text-align:left;
}
  

.body-bg {
	background-image: url(/images/body-bg.jpg);
	background-repeat: no-repeat;
}
.profile-bg {
	background:#EBF0D4;    
}


.profile-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #000000;
}
.portlet-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #009933;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
}
.portlet-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	background-color: #EBF0D4;
	text-align: left;
	color: #000000;
}

.portlet-content A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	background-color: #EBF0D4;
	text-align: left;
	color: #000000;
}


.profile-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}

.subject{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;

}



blockquote
	{
	padding: 20px;
	font-size: 1.2em;	
	background-color: #FFFFCC;
	max-width :  80%; /* 設定最大寬度 */
	border : 1px dotted #336600; /* 框線: 2px的點狀虛線 */


}

cite
	{
	font-size: 1.2em;
	float: right;	
}
.award-bg {
	background-color: #FFFFFF;
	background-image: url(/images/award/lohas_award_april.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 650px;
	border: 1px dotted #333333;
	margin: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.row-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #A1C144;
}
.row1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}
.row2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F9DDA4;
}