ÿþ/* 
SITE DESIGN AND LAYOUT COPYRIGHT HELD BY VYVAN PHAM. FOR USE ON THIS SITE ONLY. 
*/

body 
{
	background: #fff;
	margin: 0px 0px; 
	font:70%/1.6em Verdana,"Trebuchet MS",Trebuchet,Sans-Serif; 
	color: #333; 
	text-align: left;
letter-spacing: 0.0em;
}
a 
{
    text-decoration:none;
}
a:link {
	color: #333;	
}
a:visited {
	color: #333;
}
a:hover, a:active {
	color: #000;
	text-decoration:none;
}
a.content:link {
	color: #330033;	
	text-decoration:none;
}
a.content:visited {
	color: #330033;
	text-decoration:none;
}
a.content:hover, a:active {
	color: #663366;
	text-decoration:none;
}
}
h1, h2, h3, h4, h5, h6 
{
	font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}
#content {
	background: #fff; 
	margin-left: 10px;
	position: relative; 
	text-align: left;
	padding: 10px 10px 10px 10px;
}
#content a:link {
	color: #330033;	
	text-decoration:none;
}
#content a:visited {
	color: #330033;
	text-decoration:none;
}
#content a:hover, a:active {
	color: #663366;
	text-decoration:none;
}
#headerimage {
	clear: both; 
	background: #fff url(img/IMG_0453-banner.jpg) no-repeat 0px 0px;
	margin: 0px 0px 0px 0px; 
	height: 309px;
}
 html #headerimage {
	margin-top: 0px;
}
#navigation {
	margin: 0px 0px; 
	overflow: hidden; 
	width: 675px; 
	position: left; 
	text-align: left;
	font: Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
letter-spacing: 0.2em;
   padding: 5px 16px; 
text-transform: lowercase;

}
 html #navigation {
	height: 1%;
}
#navigation ul li {
	float: left; 
	margin: 0px 5px 0px 0px; 
	list-style-type: none;
}
#navigation ul li a {
	border: #ddd 1px solid; 
	border-bottom:none;
	padding: 0 10px 2px 10px; 
	display: block; 
	background: #e6e6e6; 
	text-decoration: none;
}
#navigation ul li a:hover {
	background: #fafafa;
}
#navigation ul li a:active {
	background: #fafafa;
}
#navigation ul li.current_page_item a {
	background: #fff;
	color: #333;	
	border: #ccc 1px solid; 
	border-bottom:none;
}
#navigation ul li.search {
	font-size: 0.9em; 
	right: 0px; 
	position: absolute;
	top: 330px; 

}
#navigation ul li.search input#s {
	border: #999 1px solid; 
	font-size: 0.9em; 	
	width: 100px; 
	padding: 2px; 	
	background:#fff;
}
#navigation ul li.search input#searchsubmit {
	border: #999 0px solid; 
	font-size: 0.9em; 
	background: #e6e6e6; 
	margin: 0px 5px 0px 2px; 
	color: #265e15; 
	padding: 2px; 		
}
#header {
	clear: both; 
	float: left; 
	background: #e1e2d8;
	height: 350px;
}
#header h1 
{
	font-size:1.8em;
	margin:10px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:1px;		
}
#header h1 a {
	display: block; 	
	text-decoration:none;	
}
#header h2 
{
	margin:5px 0 0 10px;
	font-size:1em;
	font-weight:normal;
	font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	letter-spacing:1px;		
}

#content {
	margin: 10px 10px 10px 10px; 
	overflow: auto;
	padding: 30px 30px 50px 30px;
	width: 650px;


}
 html #content {
	height: 1%;
}
#content h3 {
	font-size: 1.2em; 
	margin: 1em 0px 0px;
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0px;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0px;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
	float: right; 
	width: 520px; 
	margin-right: 20px;
}
 html #section-index #content-main {
	margin-right: 20px;
}
#content .post 
{
	padding:0 0 2em 0;
	border-bottom:#ddd 1px dashed;


}
#content p img.right {
	float: right; margin:10px 0 0 10px;
}
#content p img.left {
	float: left; margin:0 10px 10px 0;
}
#content .post h2 
{
	font-size: 1.4em; 
	margin: 1em 0px 0px;	
	letter-spacing:1px;
	font-weight:normal;
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;
   
}
#content .entry a 
{
    border-bottom:#999 1px dashed;
    text-decoration:none;
}

.post-info , .postmetadata
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
#sidebar {
	float: left; 
	width: 200px;
	padding-top: 5px;
	background: url(img/sideheadtop.gif) #ededed no-repeat left top;
	font:100%/1.6em Verdana,"Trebuchet MS",Trebuchet,Sans-Serif;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px:
	margin-right: 20px;

}
#sidebar ul
{
	list-style:none;
	padding:0;
}
#sidebar ul ul
{
	list-style:none;
	margin:0.5em 0 0 0;
	padding:0;
        
}
li.sidebox {
	background: url(img/sideheadtop.gif) #ededed no-repeat left top; 
	margin-bottom: 10px; 	

}
#sidebar h5 {
	font-size: 1em; 

}
#sidebar h1 {
	font-size: 1.1em;
	letter-spacing: 0.2em; 
}

#footer {
	clear: both; 	
	background: transparent; 
	overflow: auto; 
	color: #999; 
	text-align: center;
	width: 700px;
	padding-top: 30px;
	padding-left: 180px
}

#footer p {
	letter-spacing: 1em; 
	
}

textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f8f4;
}
input 
{
	background:#f9f8f4;
	border:#ccc 1px solid;
}
.post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
.utwtags {font-size:0.9em; color: #999999;}

ul
{
	list-style-type: none;
}