/*
Theme Name: Hiuxing.com Portfolio
Theme URI: http://www.hiuxing.com/
Description: A porfolio WordPress theme for <a href="http://www.hiuxing.com/">Hiuxing.com</a> by <a href="http://www.hiuxing.com/">Hiuxing.com</a>.
Version: 1.0
Author: Hiuxing
Author URI: http://morningsundesigns.com/
Tags: black, grey, portfolio

	Hiuxing.com Portfolio
	 http://www.hiuxing.com/

	This layout was designed and built by Hiuxing Wen,
	whose design site you will find at http://morningsundesigns.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	User must keep all the credits intact for legel use.

*/

			html, body {
				margin: 0px;
				background: url(images/bg.jpg) center top no-repeat fixed #e7e7e7;
				font-size: 8pt;
				font-family: Arial;
				color: #707070;
				text-align: justify;
				letter-spacing: 1px;
			}

			a:link, a:visited, a:active {
				text-decoration: none;
				color: #c9828f;
			} 

			a:hover {
				text-decoration: underline;
				color: #c9828f;
			}

			.title {
				font-family: Times;
				font-size: 12pt;
				line-heigt: 8px;
				font-weight: bold;
				font-style: none;
				text-transform: uppercase;
				padding: 0px 5px 0px 5px;
				text-align: left;
				text-shadow: #fff 1px 1px 1px;  
			}

			.pagehead {
				color: #c9828f;
				font-size: 11pt;
				font-weight: bold;
				font-style: none;
				text-align: left;
				text-shadow: #fff 1px 1px 1px;
				margin: 0px 0px -10px 0px;
			}

			.undertitle {
				font-size: 9px;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
				text-align: left;
				padding: 0px 5px 0px 5px;
			}

			.navi {	
				color: white;			
				background: #000000;		
				width: auto;
				height: 64px;
			}

			.logo {	
				color: white;			
				background: url(images/hiuxing.png) left no-repeat;
				width: auto;
				height: 64px;
				text-align: right;
			}

			.logo ul {
				list-style: none;
				padding: 25px 0 0px 0;
				margin: 0;
				background: transparent;
			}

			.logo li {
				display: inline;
				padding: 0;
				margin: 0;
				}

			.logo li a {
				margin: 5px;
				padding: 8px 13px 8px 13px;
				background: transparent;
				color: #fff;
				background: #262626;
				font-weight: bold;
				font-size: 14px;
				text-transform: none;
				text-decoration: none;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-khtml-border-radius: 4px;
			}

			.logo li a:hover {
				color: #fff;
				background: #8d898a;
			}


			.layout {
				position: relative;
				margin: 0 auto; 
				width: 927px;
				height: auto !important; 
				height: 100%; 
				min-height: 100%; 

			}

			.welcome {
				padding: 15px;
				width: auto;
			}

			.header {	
				width: auto;
				height: auto;
				text-align: center;
			}

			.header img {
				background: #f3a7ba;
				border: 1px solid #c9828f;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
				margin: 3px;
			}

			.header img:hover {
				background: #c9828fb;
				border: 1px solid #f3a7ba;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
			}

			.page {	
				width: auto;
				height: auto;
				text-align: left;
			}

			.content {
				background: #ffffff;	
				padding-bottom: 5px;
				color: black;			
				width: auto;
				clear: both;		
			}
			
			.footer {
				bottom: 0px;
				width: 100%;
				height: 50px;
				text-align: center;
				font-size: 9px;
				padding: 15px 0px 0px 0px;
			}

			.thumb {
				background: #eee;
				padding: 8px;
				margin: 10px 6px 10px 6px;
				width: 278px;
				height: 295px;
				float: left;
				cursor: pointer;
			}

			.thumb:hover {
				background: #e1e1e1;
			}

			.pageabout {   
				padding: 10px 0px 0px 0px;  
			}

			.smimage {
				background: #f3a7ba;
				border: 1px solid #c9828f;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
				margin: 0px 10px 0px 0px;
			}

			.smimage:hover {
				background: #c9828fb;
				border: 1px solid #f3a7ba;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
			}

			input, textarea {   
				font-family: arial;   
				font-size: 11px;   
				background-color: #fff;   
				color: #808080;   
				padding: 4px;  
				border: #d5d5d5 1px solid;    
				-webkit-border-radius: 4px;  
				-moz-border-radius: 4px;  
				border-radius: 4px;  
				-khtml-border-radius: 4px;  
			}

			input:focus, textarea:focus {   
				border: #c9828f 1px solid;    
			}