/*  
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#fff url(./images/bg.png) repeat-x;

	border-top:5px solid #333;
	color:#555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:62.5%;

	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
body p a {
/*color:#cc6600;*/
	text-decoration:underline;
}

#wrap{
	margin:0 auto;
	text-align:left;
	width:88em;		
}

#belowwrap{
	margin:0 auto;
	padding: 0 auto;
		
}
/*------------START OF MENU-----------------------------------*/
#navmenu
{
	border:0px;
	margin:0px;
	padding:0px;
	
}
/*-------------OVERALL MENU DESIGN-----------------------------*/
#navmenu ul
{
	/*background:ORANGE;*/
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
border: 1px dotted #cccccc;
}

#navmenu li
{
	float:left;
	padding:0px;
}
/*----------------DESIGN FOR PARENTS LINKS----------------------*/
#navmenu li a
{
	color:#E87830;
	display:block;
	line-height:30px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}

/*-------START OF ROLLOVER EFFECT OF PARENT LINK---------------------*/
/*------1ST PART IS FOR THE ROLLOVER OF PARENT LINK------------------*/
/*------2ND PART IS FOR RETAINING OF COLOUR OF PARENT LINK WHEN SHOWING CHILD LINKS*/

#navmenu li a:hover, #navmenu ul li:hover a
{
	/*background:#E87830*/;
	color:#CC0000;
	text-decoration:none;
}

/*------------START OF HIDE UL & SHOW UL---------------------*/
	#navmenu li ul{/*DESIGN OF THE BOX CONTAINING ALL CHILD LINKS, INVISIBLE AT FIRST*/
		background:white;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		border: 1px dotted #cccccc;


		}
	#navmenu li:hover ul{/*APPEAR WHEN ROLLOVER*/
		display:block;

}

/*-----------CHILD1 BOX AHREF PROPERTIES------------------------*/
	#navmenu li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 25px;
		text-align:left;
		background:white;
		width:100px;
		}


/*------------CHILD LINKS PROPERTIES-------------*/		
		
	#navmenu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	#navmenu li:hover li a{/*WHEN MOUSE IS ON PARENT,THE BOX APPEAR WITH LINKS IN BLACK*/
		/*cannot be red*//*background:black;*/
		color: #E87830;
		
		}


/*-----------CHILD1 ROLLOVER EFFECT------------------------*/
	#navmenu li ul a:hover, #navmenu li ul li:hover a{
			
			/*background:#CC0000;*/
			color:#CC0000;
			border:none;
			text-decoration:underline;
			}

	#navmenu p{
		clear:left;
		}	





/*------------END OF MENU-----------------------------------*/
#logo{
float:left;
padding: 8px 8px 0px 0px;
}

#content{
	font-size:1.2em;
	float:left;
	padding:1em;
	width:50em;

}
#sidebar{
	font-size:1.1em;
	float:right;
	padding:1.2em;
	width:20em;
list-style:none;
border: 1px dotted #cccccc;
}
#header{
	padding:3em 1em;
	
	
}
#footer{
	background:#333;
	border-top:1px solid #777;
	color:#888;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
}
/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}
#header h1{
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3em;
	margin:0;
	margin-right:1em;
}
#header h1 a{
	color:#E87830;
}
#header h1 a:hover{
	color:#CC0000;
}
#header p{
	color:#aaa;
	font-size:1.1em;
	margin:0;
	margin-top:-0.5em;
}
.entrytitle h2{
	font-size:2.2em;
}
.entrytitle h2 a
{
	color:#B4C24B;
}
.entrytitle h2 a:hover{
	color:#58BBEB;
}
.entrytitle h3{
	font-size:1.8em;
	color:#6F6F6F;
}


#sidebar h3{
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	background:#fff url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background:#fff url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:#fff url(./images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	border-bottom:1px dotted #ddd;
	margin-bottom:0.3em;
	padding:0.3em;

}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/


a{

color:#579;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
}