/*    

Layout Name: Wilkofans 

Layout URI: http://www.wilkofans.co.uk/ 

Description: A Jonny Wilkinson WordPress theme for <a href="http://www.wilkofans.co.uk/">Wilkofans</a> by <a href="http://morningsundesigns.com/">Morningsun Designs</a>.  

Version: 1.0  

Author: Hiuxing  

Author URI: http://morningsundesigns.com/  

Tags: morningsun designs, silver, green, 2 column 

  

	Wilkofans 

	 http://www.wilkofans.co.uk/ 

  

	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;  

			}  

  

			a:link, a:visited, a:active {  

				text-decoration: none;  

				color: #3f4e4f;  

				}   

  

			a:hover {  

				text-decoration: underline;  

				} 



			.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: 34px;  

				border: none;

				color: #707c7d;

				text-shadow: #ffffff 1px 1px 1px;

				font-family: georgia;

				font-size: 12px;

				font-weight: bold;

				font-style: italic;

				text-align: center;  

				padding: 12px 0px 0px 0px;  

			}  

  

			.navi img {  

				border: none;  

			}  

  

			.navi strong {  

				color: #989089;  

			}  



			.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 {

				color: #707c7d;

				padding: 3px 0px 3px 0px;

				margin: 0px 13px 0px 13px;

			}



			.navi li a:hover {

				color: #223233;

				text-decoration: none;

			}

 

			.among {  

				background: url(images/among.png);		  

				width: auto;			  

				height: 123px;	  

			}  

  

			.welcome {	  

				background: url(images/welcome.png) #f0f0f0;  

				width: 406px;			  

				height: 277px;  

				border: none;  

				text-align: left;  

				padding: 0px 0px 0px 0px; 

				float: left;

			}  

  

			.welcomem {

				width: 300px;	

				color: #bd705d;

				font-family: Verdana;

				font-size: 9px;

				line-height: 10pt;

				text-align: left;

				text-align: left;  

				padding: 20px 0px 0px 35px;  

			}  

  

			.among2 {  

				background: url(images/among2.png);		  

				width: 251px;			  

				height: 277px;

				float: left;  

			}  



			.gallery {  

				background: url(images/gallery.png);		  

				width: 327px;			  

				height: 277px;

				float: left;  

			}



			.galleryi {

				text-align: right;

				padding: 130px 30px 0px 0px;

			}



			.galleryi img {

				background: #91a1a2;

				width: 80px;

				height: 80px;

				border: 1px solid #707c7d;

				-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: #707c7d;

				border: 1px solid #91a1a2;

				-webkit-border-radius: 5px;

				-moz-border-radius: 5px;

				border-radius: 5px;

				-khtml-border-radius: 5px;

				padding: 3px;

				opacity:.80;

			}



			.among3 {  

				background: url(images/among3.png) no-repeat;		  

				width: auto;			  

				height: 37px;

				clear: both;  

			}  

  

			.sidebar {						  

				color: #3d3229;			  

				background: #edeae5;		  

				width: 355px;	  

				padding: 0px 0px 0px 0px;		  

				margin: 0px 0px 0px 0px;		  

				float: left;  

			} 



			.sheader {

				background: url(images/sheader.png);		

				height: 60px;

				padding: 28px 70px 0px 39px;

				color: #707c7d;

				text-shadow: #ffffff 1px 1px 1px;

				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;  

			}  

  

			.sfooter {  

				background: url(images/sfooter.png);		  

				height: 78px;  

			}  

  

			.content {

				color: #ffffff;  		  

				width: 600px;			  

				margin: 25px 0px 0px 0px;		  

				float: left;  

			}  

  

			.title {  

				color: #ffffff;  

				font-family: Georgia;  

				font-style: italic;  

				text-shadow: #3d4a4b 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: #3d4a4b 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 200px;  

			}  



			.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: #43352f;  

				background: #e5e4e2;  

				font-weight: normal;  

				font-size: 10px;  

				text-transform: uppercase;  

				text-decoration: none;  

				border: 2px solid #d1cfd0;  

				-webkit-border-radius: 10px;  

				-moz-border-radius: 10px;  

				border-radius: 10px;  

				-khtml-border-radius: 10px;  

			}  

  

			.contentfooter li a:hover {

				color: #fff;  

				background: #8d898a;  

			}  

  

			.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: #5d5d5d;  

				font-size: 9px;  

				line-height: 9pt;  

				letter-spacing: 0px;   

				text-transform: normal;  

				background: #d1d1d1;  

				width: auto;  

				height: 60px;  

				padding: 17px 0px 0px 0px;  

				margin: 50px 0px 0px 0px;  

				clear: both;			  

			}  

  

			.flayout {    

				margin: 0px auto;  

				padding: 0px;  

				width: 900px;	  

				padding: 0px 0px 0px 0px;  

			}  

  

			.flayoutr {    

				float: right;  

				padding: 0px 40px 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;

			} 

 

