/*  
Layout Name: Siddharth Online
Layout URI: http://www.siddharth-online.com/
Description: A 2 column Siddharth layout for <a href="http://www.siddharth-online.com/">Siddharth Online</a> by <a href="http://morningsundesigns.com/">Morningsun Designs</a>.
Version: 1.0
Author: Hiuxing
Author URI: http://morningsundesigns.com/
Tags: morningsun designs, 2 column, siddhart, brown, green

	Siddharth Online
	 http://www.siddharth-online.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.

*/

			body {
				background: url(images/bg.png);
				font-family: Arial;    
				font-size: 11px;    
				color: #808080;    
				line-height: 12pt; 
				margin: 0px;
				padding: 0px;
			}
		
			.layout {  
				margin: 0px auto;
				padding: 0px;
				width: 1000px;
			}

			.header {
				background: url(images/bgx.png);		
				width: auto;			
				height: auto;		
			}

			.navi {
				background: url(images/navi.png);		
				width: auto;			
				height: 37px;
				color: #707c7d;
				font-family: georgia;
				font-size: 12px;
				font-weight: bold;
				font-style: italic;
				text-align: center;
				text-decoration: none;  
				padding: 15px 0px 0px 0px;	
			}

			.navi ul {  
				list-style: none;  
				padding: 0px 0 0px 0;  
				margin: 0;  
				background: transparent; 
			}  
  
			.navi li {  
				display: inline;  
				padding: 0;  
				margin: 0;  
				}  
  
			.navi li a {
				text-decoration: none;  
				color: #b2b3ab;  
				padding: 3px 0px 3px 0px;  
				margin: 0px 13px 0px 13px;  
			}  
  
			.navi li a:hover {  
				color: #cfbfbc;  
				text-decoration: none;  
			}  

			.siddharth {
				background: url(images/siddharth.png);		
				width: 880px;			
				height: 90px;
				float: left;
			}

			.twitter {
				width: 120px;			
				height: 90px;
				float: left;
			}

			.among {
				background: url(images/among.png);		
				width: auto;			
				height: 37px;
				clear: both;
			}

			.among2 {
				background: url(images/among2.png);		
				width: 143px;			
				height: 200px;
				float: left;
			}

			.slideshow {
				background: url(images/slideshow.png);		
				width: 400px;			
				height: 200px;
				float: left;
			}

			.among3 {
				background: url(images/among3.png);		
				width: 457px;			
				height: 200px;
				float: left;
			}

			.among4 {
				background: url(images/among4.png);		
				width: auto;			
				height: 24px;
				clear: both;
			}

			.welcome {
				background: url(images/welcome.png);		
				width: auto;			
				height: 119px;
			}

			.welcomem {
				width: 570px;
				color: #7d8068;
				font-family: Verdana;
				font-size: 9px;
				line-height: 10pt;
				text-align: left;
				padding: 30px 0px 0px 80px;
			}

			.among5 {
				background: url(images/among5.png);		
				width: auto;			
				height: 27px;
			}
		
			.sidebar {	
				width: 300px;			
				min-height: 200px;
				float: left;
				margin: 0px 50px 0px 25px;
			}

			.content {	
				width: 600px;			
				min-height: 200px;
				float: left;
			}

			.footer {		    
				font-family: tahoma;			    
				color: #ffffff;    
				font-size: 9px;    
				line-height: 9pt;    
				letter-spacing: 0px;     
				text-transform: normal;    
				background: #2c201d;    
				width: auto;    
				height: 60px;    
				padding: 17px 30px 0px 65px; 
				margin: 50px 0px 0px 0px;    
				clear: both;			    
			}    
 
			.footer a {		    
				color: #7d635e;
				text-decoration: none; 
			}    
    
			.flayout {      
				margin: 0px auto;    
				padding: 0px 0px 0px 25px;    
				width: 1000px;	    
  			}    
    
			.flayoutr {      
				float: right;    
				padding: 0px 40px 0px 0px;    
			}  
			
			a {color: #786554; font-weight: bold; text-decoration: none;}
a:hover {color: #E4BF9D; text-decoration: blink}