/*      
Layout Name: Ben Barnes Online  
Layout URI: http://www.benbarnesonline.net/ 
Description: A Ben Barnes WordPress theme for <a href="http://www.benbarnesonline.net/">Ben Barnes Online</a> by <a href="http://morningsundesigns.com/">Morningsun Designs</a>.    
Version: 1.0    
Author: Hiuxing    
Author URI: http://morningsundesigns.com/    
Tags: morningsun designs, red, silver, 2 column   
    
	Ben Barnes Online  
	 http://www.benbarnesonline.net/ 
    
	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/bgx.png);    
				margin: 0px;    
				padding: 0px;    
				font-family: Arial;    
				font-size: 11px;    
				color: #808080;    
				line-height: 12pt;    
     				text-align: justify;    
			}    

			.header {      
				background: url(images/bg.png) repeat-x;   
				width: auto;			    
			}     
  		    
			.layout {      
				margin: 0px auto;    
				padding: 0px;    
				width: 984px;			    
			}    
    
			.navi {	    
				background: url(images/navi.png) #f0f0f0;    
				width: auto;			    
				height: 50px;    
				border: none;  
				color: #707c7d;  
				font-family: georgia;  
				font-size: 12px;  
				font-weight: bold;  
				font-style: italic;  
				padding: 0px 0px 0px 80px;    
			}    
    
			.navi img {    
				border: none;    
			}

			.gallery {	    
				background: url(images/gallery.png) #f0f0f0;    
				width: auto;			    
				height: 217px;    
				border: none;    
				text-align: left;    
				padding: 0px 0px 0px 0px;   
			}

			.galleryi {
				text-align: left;
				padding: 30px 70px 0px 45px;
			}

			.galleryi img {
				background: #992c2b;
				width: 100px;
				height: 100px;
				border: 1px solid #791412;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
				margin: 5px;
				opacity:.70;
			}

			.galleryi img:hover {
				background: #791412;
				border: 1px solid #992c2b;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 3px;
				opacity:.80;
			}
    
			.welcome {	    
				background: url(images/welcome.png) #f0f0f0;    
				width: auto;			    
				height: 131px;    
				border: none;    
				text-align: left;    
				padding: 0px 0px 0px 0px;   
			}    
    
			.welcomem {  
				width: 465px;	  
				color: #bbab9c;  
				font-family: Verdana;  
				font-size: 9px;  
				line-height: 10pt;  
				text-align: left;  
				text-align: left;    
				padding: 12px 0px 0px 60px;    
			}    
    
			.among {    
				background: url(images/among.png);		    
				width: auto;			    
				height: 82px;	    
			}      
  
			.sidebar {						    
				color: #bcb5ab;			    
				background: #edeae5;		    
				width: 355px;	    
				padding: 0px 0px 0px 0px;		    
				margin: 0px 0px 0px 0px;		    
				float: left;    
			}   
  
			.sheader {  
				background: url(images/sheader.png);		  
				height: 35px;  
				padding: 0px 70px 0px 39px;  
				color: #e5ebe9;  
				font-family: georgia;  
				font-size: 13px;  
				font-weight: bold;  
				font-style: italic;  
			}  
    
			.samong {  
				background: url(images/sx.png);		    
				height: auto;	    
  				padding: 0px 70px 0px 39px;  
			}    

			.samong a {
				text-decoration: none; 	    
				color: #ffffff;    
			}  

			.samong a:hover {    
				text-decoration: underline;    
			}  
    
			.sfooter {    
				background: url(images/sfooter.png);		    
				height: 78px;    
			}    
    
			.content {  
				width: 600px;			    
				margin: 25px 0px 0px 0px;		    
				float: left;    
			}    

			.content a {    
				text-decoration: none;    
				color: #a6302e;    
			}  

			.content a:hover {    
				text-decoration: underline;    
			}  
    
			.title {    
				color: #ffffff;    
				font-family: Georgia;    
				font-style: italic;    
				text-shadow: #ffffff 1px 1px 1px;    
				text-align: center;    
				font-size: 18px;    
				font-weight: bold;    
				width: auto;			    
				padding: 0px 0px 10px 0px;    
			}    
  
			.titlelink a:link {    
				color: #ffffff;    
				text-shadow: #ffffff 1px 1px 1px;    
			}    
  
			.titlelink a:hover {  
				color: #ffffff;  
				text-decoration: none;  
			}  
    
			.meta {   
				color: #808080;    
				background: url(images/meta.png) no-repeat;    
				text-align: center;		    
				width: 651px;		    
				height: 23px;    
				padding: 12px 0px 0px 0px;    
			}    
    
 			.contentbg {    
				color: #808080;    
				background: url(images/contentbg.png) repeat-y;		    
				width: 651px;		    
				height: auto;	    
				padding: 0px 70px 0px 15px;    
			}    
    
			.contentfooter {    
				background: url(images/contentfooter.png) no-repeat;    
				text-align: left;		    
				width: 627px;		    
				height: 35px;    
				padding: 28px 0px 0px 210px;    
			}    
  
			.contentfooterx {    
				background: url(images/contentfooter.png) no-repeat;    
				text-align: left;		    
				width: 627px;		    
				height: 80px;    
			}    
    
			.contentfooter ul {    
				list-style: none;    
				padding: 0px 0 0px 0;    
				margin: 0;    
				background: transparent;    
				padding: 0px 0px 50px 0px;    
			}    
    
			.contentfooter li {    
				display: inline;    
				padding: 0;    
				margin: 0;    
				}    
    
			.contentfooter li a {    
				margin: 5px;    
				padding: 5px;    
				background: transparent;    
				color: #ffffff;    
   				background: #a42421; 
				font-weight: normal;    
				font-size: 10px;    
				text-transform: uppercase;    
				text-decoration: none;    
				-webkit-border-radius: 10px;    
				-moz-border-radius: 10px;    
				border-radius: 10px;    
				-khtml-border-radius: 10px;    
			}    
    
			.contentfooter li a:hover {  
				color: #43352f;
				background: #e5e4e2; 
			}    
    
			.entry-footer {  
				color: #808080;  
				background: #ffffff;  
				padding: 5px;   
				text-align: justify;   
				border: 1px solid #DDD;   
				width: 566px;   
				margin: 20px 60px 0px 25px;  
			}   
    
			.contentc {    
				padding: 0px 50px 0px 35px;    
			}    
    
			.footer {		    
				font-family: tahoma;			    
				color: #ffffff;    
				font-size: 9px;    
				line-height: 9pt;    
				letter-spacing: 0px;     
				text-transform: normal;    
				background: #511413;    
				width: auto;    
				height: 60px;    
				padding: 17px 0px 0px 0px;    
				margin: 50px 0px 0px 0px;    
				clear: both;			    
			}    
 
			.footer a {		    
				color: #bcb5ab;    
		}    
    
			.flayout {      
				margin: 0px auto;    
				padding: 0px;    
				width: 900px;	    
				padding: 0px 0px 0px 0px;    
			}    
    
			.flayoutr {      
				float: right;    
				padding: 0px 0px 0px 0px;    
			}    
    
			.navigationfix {   
				margin: 0px 0px 0px 15px;   
				width: 580px;   
			}   
   
			.alignright {  
				float: right;   
			}   
   
			.alignleft {  
				float: left;   
			}   
    
			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;  
			}