/*  
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/
*/



/* 
Green - #46ba2f
Midnight - #0a1e31
Royal - #006699
Grey - #EEE
/*

/* Structure
--------------------------------------------- */

body{
	color:#555;
	font: 62.5% 'Lucida Sans Unicode', Lucida Grande, Sans-serif; /* Resets 1em to 10px */		
	line-height:1.5;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

#top{
	background: url(images/two_header.gif) repeat-x;
	height: 125px;
	border-bottom: solid 1px #e9e9e9;
}
	#top_content{
		margin:0px auto;
		text-align:left;
		width:900px;
		position:relative;
		height: 125px;
	}
	
	#search_form{
		margin: 25px 0px 15px 0px;
		float:right;
		width: 260px;
	}
	
		#search_form input{
			margin: 10px 0px 0px 0px;
			width: 260px;
		}
	
#total{
	margin:15px auto;
	text-align:left;
	width:900px;	
}

#middle_content{
	float:left;
	width:625px;
}	
	.entry_block{
		float:left;
		width:480px;
		overflow:hidden;
		display:block;
	}
	
	.entrybody{
		padding: 10px 0px 0px 0px;
		margin: 3px 0px 0px 0px;
		border-top: solid 1px #eee;
	}
	
	.post_meta{
			float:left;
			width: 120px;
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 25px 20px 0px 0px;
			border-top: solid 1px #eee;
		}
		
	#side_bar{
		font-size:1.1em;
		float:right;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 15px 0px;
		width: 260px;
	}

	#header{
		padding:0em 1em;
		position: absolute;
		bottom:0px;
		right:0px;
	}



#bottom{
	background: #dff0f8;
	clear: both;	
}

	#footer{
		color:#888;
		padding:0.5em;
		margin: 0px auto;
		text-align: left;
		width: 900px;
	}
	
	#footer h3{
		color: #0a1e31;;
		border-bottom: 1px solid #b5def1;
	}
	
	#footer p{
		display:block;
		clear:both;
		color:#888;
	}
	
		.footer_section{
			width: 290px;
			float:left;
			margin: 10px 10px 0px 0px;
		}


/* Headers
--------------------------------------------- */

h1, h2, h3, p{
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	.entrytitle h2 a{
		font: bold 15px/17px Verdana, Arial, Helvetica, sans-serif;
		color:#0a1e31;
		font-weight: bold;
		display:block;
	}

	.entrytitle h2 a:hover{
		font: bold 15px/17px Verdana, Arial, Helvetica, sans-serif;
		color:#58BBEB;
		font-weight: bold;
		display:block;
	}


h2#logo a{
	width: 350px;
	height: 75px;
	display: block;
	background: url(http://theweboutside.com/wp-content/themes/simpla/images/two_logo2) no-repeat;
	margin: 15px 0px 0px 0px;
	text-indent: -1000em;
	float: left;
}	
	.pagetitle{
		width: 100%;
		color:#555;
		font: italic 15px/17px 'Georgia', Lucida Sans Unicode, Sans-serif;
		font-weight: bold;
		padding: 0px 0px 20px 140px;
	}

h3{
	color:#555;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #eee;
}


/* Entry
--------------------------------------------- */

.entry{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: solid 1px #eee;
	clear:both;
	display:block;
	width: 100%;
}
	
	.entry p{
		font: normal 12px/24px 'Lucida Sans Unicode', Lucida Grande, Sans-serif; 
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		}
	
	.entry img{
		border: solid 1px #ccc;
		margin: 0px 20px 5px 0px;
		padding: 2px 2px 2px 2px;
		max-width: 460px;
		float:left;
	}

.post_info{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	.post_info li{
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
	}
	



/* Sidebar
--------------------------------------------- */

ul{
	list-style-type:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

ul li{
	border-bottom:1px solid #eee;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

ul li a{
	display: block;
}

	
	#side_bar ul li a{
		display: block;
		font: italic 1.1em/1.3em 'Georgia', Lucida Sans Unicode, Sans-serif;
		color: #adadad;
	}
	
		#side_bar ul li a:hover{
			display: block;
			font: italic 1.1em/1.3em 'Georgia', Lucida Sans Unicode, Sans-serif;
			color: #CCC;
		}
	

	#footer ul li{
		border-bottom: 1px solid #b5def1;
	}
	
	
#feature_article{ 
	width: 230px;
	height: 200px;
	margin: 0px 0px 20px 0px;
	background: url(images/two_featured_article.jpg) no-repeat;
	border: solid 3px #CCC;
	position: relative;
	display: block;
	text-indent: -1000em;
}

#feature_locamoda{
	width: 230px;
	height: 200px;
	margin: 0px 0px 20px 0px;
	background: url(images/two_loca_feature.jpg) no-repeat;
	border: solid 3px #CCC;
	position: relative;
	display: block;
	text-indent: -1000em;
}


/* Primary Navigation
--------------------------------------------- */

#primary_nav{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
	left: 0px;
	float: right;
	display: block;
	/*width: 100%;*/
}

	
		#primary_nav li{
			margin: 0px 5px 0px 0px;
			padding: 0px 0px 0px 0px;
			float:left;
			border: none;
		}
	
		#primary_nav li a{
			font: bold 12px/13px 'Verdana', Lucida Sans Unicode, Sans-serif;
			margin: 0px 5px 0px 0px;
			padding: 5px 5px 5px 5px;
			float:left;
			display: block;
			border: none;
			background: #dff0f8;
		}


/* Page Navigation
--------------------------------------------- */
	
	.navigation{
		float:left;
		width: 100%;
		margin: 25px 0px 10px 0px;
		display: block;
	}
	
	.navigation a{
		padding: 10px 10px 10px 10px;
		color: #000;
		background: #EEE;
	}
	
	
		.navigation a:hover{
			padding: 10px 10px 10px 10px;
			color: #FFF;
			background: #000;
		}
	

	.fright{
		float: right;
	}
	
	.fleft{
		float:left;
	}


/* Comments
--------------------------------------------- */

.commentsblock{
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 15px 0px;
	width: 480px;
	float:right;
}
.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: 0px 0px 0px 0px;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}

.commentsblock label{
	width: 200px;
	margin: 0px 25px 0px 0px;
	font: bold 12px/24px 'Georgia' Times, Serif; 
	color: #CCC;
}

h3#comments{
	font-size:1.6em;
}


/* Links
--------------------------------------------- */

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


/* Twitter Status. 
--------------------------------------------- */

#twitter_status{
	padding: 75px 0px 0px 0px;
	background: url(images/two_twitter.gif) no-repeat;
}

#twitter_update_list{
	font: italic 1.3em/1.3em 'Georgia', Lucida Sans Unicode, Sans-serif;
	color: #adadad;	
}

/* Flickr Photo
--------------------------------------------- */

#flickr_photo{
	padding: 10px 0px 15px 0px;
}

	#flickr_photo a img{
		border: solid 1px #ccc;
		padding: 2px 2px 2px 2px;
	}

	#flickr_photo a:hover img{
		background: #eee;
		border: solid 1px #ccc;
		padding: 2px 2px 2px 2px;
	}
	
/* Del.icio.us Links. 
--------------------------------------------- */

#delicious_links{
	padding: 10px 0px 5px 0px;
}


/* Misc. 
--------------------------------------------- */

.contact_form{
	width:44em;
	margin: 0px 0px 20px 0px;
}

fieldset{
	border: 0px;
	border-bottom: solid 1px #e2e1d7;
	padding: 10px 0px 10px 0px;
	width:44em;
	float: left;
}

label{
	font: bold 1.1em 'Lucida Grande', Lucida Sans Unicode, Sans-serif;
	color: #555555;
	width: 175px;
	float: left;
}


.form_btn{
	margin: 5px 0px 0px 175px;
}


span input{
	font: normal 1.1em 'Lucida Grande', Lucida Sans Unicode, Sans-serif;
	border: 2px solid #aedfe5;
	width: 200px;
}

span select{
	font: normal 1.1em 'Lucida Grande', Lucida Sans Unicode, Sans-serif;
	width: 200px;
}

span textarea{
	border: 2px solid #aedfe5;
	width: 400px;
}

.clear{
	clear:both;
}

.rss_btn a{	
	background: url(images/two_rss_btn.gif) no-repeat;
	display: block;
	width: 200px;
	height: 32px;
	margin: 10px 0px 15px 0px;
	text-indent: -1000em;
}