/*  
Theme Name: Aiyu
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

/* ---------------------------------------------general rule----------------------------------------*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}
p {margin-bottom: 10px;}

a {text-decoration:none;}
a:link{color:#FFF;}
a:visited {color:#FFF;}
a:hover {color:#3CF;}

h1 {
	text-align:left;
	font-size:24px;
	letter-spacing:-0.5px;
	line-height:24px;
}
h2 {
	text-align:left;
	font-size:14px;
}
h3 {
	text-align:left;
	font-size:36px;
	letter-spacing:-0.5px;
	line-height:24px;
	color:#FFF;
}
h4 {
	text-align:left;
	font-size:20px;
}
h5 {
	text-align:left;
	font-size:16px;
}
.entry {
	width: 600px;
	margin:auto;
}

body{
margin: 0;
font-family: Myriad, Calibri, Arial;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #000;
color: #999;
}

/* ---------------------------------------------HEADER----------------------------------------*/

#header {
	height: 200px;
	background:url(images/header.png) no-repeat center;
	height:250px;
}

/* -----------------------------------------END OF HEADER-------------------------------------*/
/* --------------------------------------------NAVBAR-----------------------------------------*/
#navbar {
	padding:3px 0 3px 0;
	height:25px;
}

.catnav {
	margin: 5px 25px 0 0;
	float:left;
}
/* -----------------------------------------END OF NAVBAR-------------------------------------*/
/* -----------------------------------------HEADLINE-------------------------------------*/
#headline {
	text-align:justify;
	clear:left;
	min-height: 300px;
}
#headthumb {
	float:left;
	margin: 5px 20px 12px 0;
	clear:left;
}
#headimg {
	background-image:url(images/headline.png) ;
	height:28px;
	width: 77px;
	margin-bottom:10px;
}
/* -----------------------------------------END OF HEADLINE-------------------------------------*/
#wrapper {
	margin: 0 auto 0 auto;
	width:720px;
	height:auto;
	text-align:left;
}

#recentwrap{
	clear:both;
	height:550px;
	width:745px;
}

.recents {
	width:226px;
	float:left;
	text-align:justify;
	margin: 0 21px 0 0;
}
#midbarimg {
	background-image:url(images/midbar.png);
	height:2px;
	margin-bottom:3px;
}
#recentimg {
	background-image:url(images/recent.png);
	height:28px;
	width:103px;
	margin-bottom:15px;
}
#midbar {
	min-height:220px;
}

#midleft {
	width:300px;
	float:left;
	height:165px;
}
#featured {
	width:392px;
	float:right;
	text-align:right;
}
#feathead {
	background-image:url(images/featured.png);
	height:28px;
	width:720px;
	margin-bottom: 20px;
}
.features{
	margin:0 0 15px 0;
}
.smallthumb, .smallthumb h2{
	width:260px;
	float:left;
	text-align:right;
	margin:0 15px 0 0;
}

.post {
	border-top: solid #666 thin;
	padding-top: 10px;
}

ul .popular {
	margin : 0px;
	padding:0px;
}