/*  
Layout Name: Joe McElderry
Layout URI: http://www.joemcelderry.com/
Description: A Joe McElderry WordPress theme for <a href="http://www.joemcelderry.com/">JoeMcElderry.com</a> by <a href="http://morningsundesigns.com/">Morningsun Designs</a>.
Version: 1.0
Author: Hiuxing
Author URI: http://morningsundesigns.com/
Tags: morningsun designs, silver, grey, blue, 2 column

	Joe McElderry
	 http://morningsundesigns.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) #f0f0f0 repeat-x;
				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: #2d3663;
				} 

			a:hover {
				text-decoration: underline;
				}

		
			.layout {  
									
				margin: 0px auto;
				padding: 0px;
				width: 982px;			
			}

			.top {									
				width: auto;			
				height: 36px;		
			}

			.navi {	
				background: url(images/navi.png) #f0f0f0;
				width: auto;			
				height: 31px;
				border: none;
				text-align: right;
				padding: 15px 100px 0px 0px;
				font-size: 11px;
				letter-spacing : 2px;
				text-decoration: bold;
			}

			.navi img {
				border: none;
			}

			.navi strong {
				color: #989089;
			}

			.navi a:link {
				color: #2d3663;
			}

			.among {
				background: url(images/among.png);		
				width: auto;			
				height: 189px;	
			}

			.welcome {	
				background: url(images/welcome.png) #f0f0f0;
				width: auto;			
				height: 162px;
				border: none;
				text-align: left;
				padding: 0px 0px 0px 0px;
			}

			.welcomem {
				text-align: left;
				padding: 5px 85px 0px 492px;
			}

			.among2 {						
				color: white;			
				background: url(images/among2.png);		
				width: autopx;			
				height: 104px;		
			}

			.advert {
				text-align: center;
				width: auto;			
				height: auto;
				margin: 0px 0px 20px 0px;
			}

			.advert2 {
				text-align: center;
				width: auto;			
				height: auto;
				margin: 0px 0px 0px 0px;
			}

			.sidebar {						
				color: #3d3229;			
				background: #edeae5;		
				width: 355px;	
				padding: 0px 0px 0px 0px;		
				margin: 0px 0px 0px 0px;		
				float: left;
			}

			.samong {
				background: url(images/sx.png);		
				height: auto;	
				padding: 0px 35px 0px 45px;
			}

			.sfooter {
				background: url(images/sfooter.png);		
				height: 78px;
			}

			.limages {
				background: url(images/limages.png);		
				height: 79px;	
			}

			.sstats {
				background: url(images/sstats.png);		
				height: 79px;	
			}

			.saffiliates {
				background: url(images/saffiliates.png);		
				height: 79px;	
			}

			.sshoutbox {
				background: url(images/sshoutbox.png);		
				height: 79px;	
			}

			.slprojects {
				background: url(images/slprojects.png);		
				height: 79px;	
			}

			.sdisclaimer {
				background: url(images/sdisclaimer.png);		
				height: 79px;	
			}

			.content {					
				width: 600px;			
				margin: 0px 0px 0px 0px;		
				float: left;
			}

			.title {
				color:#504f4d;
				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;
			}

			.meta {
				background: url(images/meta.png);
				text-align: center;		
				width: 627px;		
				height: 23px;
				padding: 13px 0px 0px 0px;
			}


			.contentbg {
				background: url(images/contentbg.png) repeat-y;		
				width: 542px;		
				height: auto;	
				padding: 0px 50px 0px 35px;
			}

			.contentfooter {
				background: url(images/contentfooter.png) no-repeat;
				text-align: center;		
				width: 627px;		
				height: 30px;
				padding: 45px 0px 0px 0px;
			}

			.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: #2d3663;
				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 {
				padding: 5px;
				text-align: justify;
				border: 1px solid #DDD;
				width: 561px;
				margin: 0px 46px 10px 20px;
			}

			.contentc {
				padding: 0px 50px 0px 35px;
			}

			.footer {		
				font-family: tahoma;			
				color: white;
				font-size: 9px;
				line-height: 9pt;
				letter-spacing: 0px; 
				text-transform: normal;
				background: #000000;
				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 {
				text-align: center;
				width: 531px;		
				height: 37px;
				margin: 0px 0px 20px 0px;
			}

			input, textarea {
				font-family: arial;
				font-size: 11px;
				background-color: #d5d5d5;
				color: #808080;
				border-bottom: #d5d5d5 5px solid; 
				border-top: #d5d5d5 5px solid; 
				border-left: #d5d5d5 5px solid; 
				border-right: #d5d5d5 5px solid; 
			}


			option, select {
				font-family: arial;
				font-size: 11px;
				background-color: #E6E6E6;
				color: #808080;
				padding: 5px;
				border: 2px solid #d1cfd0;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				-khtml-border-radius: 10px;
				}

			.image {
				border-right: 1px solid  #a99a81;
				border-bottom: 1px solid  #a99a81;
				background-color:#d6cbb9;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-khtml-border-radius: 5px;
				padding: 5px;
				margin: 4px; 
			}

			.image:hover {
				background-color: #eee8e2;
			}

			.subtitle {
				background: #e8e8e8;
				font-family: "Lucida Sans", Arial, sans-serif;
				font-size:11px;
				letter-spacing:0px;
				line-height: 15px; 
				text-transform: uppercase;
				padding-top: 10px;
				padding-right: 10px;
				padding-left: 10px;
				padding-bottom: 10px;
				font-weight: bold; 
				text-align: left;
				color:#80614C;
				border-radius: 6px;
			}

			.thumb {
				padding: 6px 6px 6px 6px;
				margin: 0px 6px 5px 10px;
				width: 150px;
				font-size: 8px;
				text-transform: uppercase;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border: 1px solid #b5b5b5;
			}