/*  
Layout Name: Fresh
Layout URI: http://fanstar.org/
Description: A 2 column webhosting layout for <a href="http://fanstar.org/">FanStar</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, webhost, fanstar

	FanStar
	 http://fanstar.org/

	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 legal use.

*/

	/**************MARK UP*****************/

			body {
				background: #f0f0f0;
				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: #21bacc;
			} 

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

			h2 {
				font-weight: normal;
				font-family: Georgia, "Times New Roman", Times, serif;
				margin: 10px 0 0px 0;
				font-size: 18px;
				border-bottom:1px solid #CCCCCC;
			}

	/**************HEADER STRUCTURE*****************/

			.layout {  
									
				margin: 0px auto;
				padding: 0px;
				width: 982px;			
			}

			.top {									
				width: auto;			
				height: 36px;		
			}

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

			.navi {	
				background: url(images/navi.png) #f0f0f0;
				width: auto;			
				height: 37px;
				border: none;
				padding: 0px 0px 0px 45px;
			}

			.navi img {
				border: none;
			}

			.navibg {
				background: url(images/navibg.png) #ececec;
				width: auto;
			}

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

			.amongbg {
				background: url(images/amongbg.png) #ececec;
				width: auto;
			}

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

			.slideshow {
				padding: 22px 0px 0px 93px;
			}


			.slideshowbg {						
				color: white;			
				background: url(images/slideshow.png);		
				width: 498px;			
				height: 220px;		
				float: left;
			}

			.offer {					
				color: black;			
				background: url(images/offer.png);		
				width: 484px;			
				height: 220px;		
				float: left;
			}

			.apply {
				padding: 75px 0px 0px 92px;
			} 

			.apply img {
				border: none;
			}

			.twitter {
				padding: 0px 0px 0px 208px;
			} 

			.twitter img {
				border: none;
			}

			.midfooter {
				color: white;			
				background: url(images/midfooter.png) #000;		
				width: auto;			
				height: 20px;	
				clear: both;	
			}

	/**************ADVERTISEMENT STRUCTURE*****************/

			.advert {
				text-align: center;
				color: white;			
				background: #f0f0f0;		
				width: auto;			
				height: auto;
				padding: 15px 0px 15px 0px;	
				clear: both;	
			}

	/**************CONTENT STRUCTURE*****************/

			.content {					
				color: black;			
				width: 600px;			
				margin: 0px 0px 35px 25px;		
				float: left;
			}

	/**************POST STRUCTURE*****************/

			#entry {
				padding:0 0 0 20px;
				width:600px;
				float:left;
			}

			.recent {
				width:550px;
				background:#FFFFFF url(images/post_top.png) top no-repeat;
				padding:10px 15px 10px 15px;
				text-align:justify;
			}

			.recent h2 {
				font-weight:normal;
				font-family:Georgia, "Times New Roman", Times, serif;
				margin:10px 0 0px 0;
				font-size:18px;
				}

			.recent h2 a {
				color: #333;
			}

			.recent h2 a:hover {
				color:#3799a5;
			}

			.info {
				height:50px;
				border-bottom:1px solid #CCCCCC;
			}

			.info2 {
				height:30px;
				border-bottom:1px solid #CCCCCC;
			}

			.latest {
				float:left;
			}

			.date {
				color:#999999;
				padding:3px 0 5px 5px;
			} 

			.post {
				line-height:20px;
			}


			.post p {
				margin:0 0 15px 0;
			}

			html>body #entry ul {
				margin-left: 0px;
				padding: 0 0 0 30px;
				list-style: none;
				padding-left: 10px;
				text-indent: -10px;
			} 

			html>body #entry li {
				margin: 7px 0 8px 10px;
			}

			#entry ul li:before{
				content: "\00BB \0020";
			}

			#entry img {
				margin:0 10px 10px 10px;
			}

			.comcount {
				float:right;
				padding:5px 5px 5px 20px;
				background:url(images/comments.gif) left no-repeat;
				font-size:12px; text-transform:uppercase;
			}

			.comcount a {
				color: #666666;
				font-weight:bold;
			}

			.comcount a:hover {
				text-decoration:underline;
			}

			.content {
				color:#666666;
			}

			.readmore {
				display:block;
				display:inline;
				margin:0 0 0 5px;
				color:#333;
				font-size:12px;
			}

			.readmore:hover {
				text-decoration:underline;
			}

			.recentbottom {
				height:5px;
				background: url(images/post_bottom.png) no-repeat;
				margin:0 0 15px 0px;
			}

			.meta {
				margin:15px 0 10px 0;
				font-size:11px;
				font-weight:bold;
			}

			.meta a {
				color:#666666;
			}

			.meta a:hover {
				text-decoration:underline;
			}

			.cats {
				background:url(images/folder.gif) no-repeat left;
				padding:0 0 0 20px;
				font-size:12px;
			}

			.tags {
				padding:0 0 0 20px;
				font-size:12px;
			}

			.alignright{
				float:right;
				padding: 0px 20px 20px 0;
			}

			.alignright a {
				padding:0 20px 0 20px;
				background:url(images/arrow_forward.gif) right no-repeat;
				color:#666666;
				text-transform:uppercase;
				font-size:12px;
				font-weight:bold;
			}

			.alignright a:hover {
				color:#000000;
			}

			.alignleft {
				float:left;
				padding: 0px 0 20px 0;
			}

			.alignleft a {
				color:#666666;
				padding:0 20px 0 20px;
				background:url(images/arrow_back.gif) left no-repeat;
				text-transform:uppercase;
				font-size:12px;
				font-weight:bold;
			}

			.alignleft a:hover {
				color:#000000;
			}

	/**************SIDEBAR STRUCTURE*****************/

			.sidebar {						
				color: black;	
				text-align:justify;		
				background: #ffffff url(images/sidebar_top.png) top no-repeat;		
				width: 270px;			
				padding: 10px 15px 0px 15px;
				margin: 0px 0px 35px 25px;		
				float: left;
			}

			.sidepad {
				padding: 0px 0px 15px 0px;
			}

			.sidebar ul, .sidebar li {
			        list-style: none;
				margin: 0px;
				padding: 0px;
			}

			.sidebar a:link, .sidebar a:visited, .sidebar a:active {
				text-decoration: none;
				color: #21bacc;
				} 

			.sidebar a:hover {
				text-decoration: underline;
				color: #21bacc;
				}

	/**************FOOTER STRUCTURE*****************/

			.footer {					
				color: white;
				font-size: 10px;
				line-height: 9pt;
				letter-spacing: 0px; 
				text-align: center;
				text-transform: uppercase;
				background: black;
				width: auto;
				height: 40px;
				padding: 17px 0px 0px 0px;
				margin: 50px 0px 0px 0px;
				clear: both;			
			}

			.footer a:link, a:visited, a:active {
				text-decoration: none;
				color: #21bacc;
			} 
			
			.footer a:hover {
				text-decoration: underline;
				color: #ffffff;
			}