/*
Theme Name: Leres
Theme URI: http://wordpress.org/
Description: Simple 3 column wordpress theme.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: fixed width, three columns

	Leres v1.0
	 http://www.sunaryohadi.info/leres-wordpress-theme.html

*/

/* 1	Reset, Default Styles, Basic Styles
-----------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,	b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0;	outline: 0;	font-size: 100%;
		vertical-align: baseline;	background: transparent; }
	body { line-height: 1;}
	ol, ul { list-style: none; }
	blockquote, q {	quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
	:focus {outline: 0;}
	ins { text-decoration: none; }
	del { text-decoration: line-through;}
	table { border-collapse: collapse; border-spacing: 0;}
	body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center;  color: #333;}
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a { color: #0066ff; text-decoration: none; }
	a:hover, a:active { color: #ff0000; text-decoration: underline;}
	.hide { display: none;}
	.clearfix {clear: both; overflow: hidden;}
	
/* 2. Layout
-----------------------------------------------------------------------------------------------*/	
	body {background: #eeeeee url(img/bg/bg3.gif); padding-top: 20px; }
	
	.container {width: 960px; margin:0 auto; padding:0 20px; background: url(img/bg.png) repeat-y; position:relative; display: block; overflow:hidden; text-align: left;}
	.container-top {width: 1000px; margin:0 auto; padding:0; background: url(img/bg_top.png) repeat-y; height: 10px; display: block; overflow: hidden;}
	.container-bottom {width: 1000px; margin:0 auto; padding:0; background: url(img/bg_bottom.png) repeat-y; height: 10px; display: block; overflow: hidden;}
	.strip {background: #B3B3B3; width: 250px; height: 60px; display: block; overflow: hidden; position: absolute; left: 220px;}
	#header {margin-top: 60px; position:relative; width: 190px; float: left; padding-top: 20px;}
	#wrapper {padding-top: 60px; position:relative; width: 760px; float: right;}
	#content {width: 500px;float: right; margin-bottom: 20px; position:relative; min-height: 500px;}
	#sidebar {width: 250px;float: left; margin-bottom: 20px;}
	#footer {text-align: left; width: 960px; margin:0 auto; padding-bottom: 40px; font-size: 1.1em;}
	#footer .rss {float:right;}
	
	#topnav {text-align: right; width: 500px; right: 20px; top: 30px; position: absolute;}
	#topnav li {display: inline; font-size: 1.2em; padding: 5px 10px;}
	#topnav li li {display: none;}
	#topnav li a {color: #f30;}

/* 3. Content
-----------------------------------------------------------------------------------------------*/	
	#header h1, #header .logo {font-size: 2.7em; line-height: 1.25m; color: #F30; overflow:hidden; margin:0; padding:0; }
	#header .logo a {color: #F30; border:0; margin:0; padding:0; text-decoration:none; }
	#header .description {font-size: 1.1em; margin-top: 5px; color: #999; line-height: 1.5em;}

	#content .post h2 { font-size: 1.5em; margin-bottom: 0.4em;}
	#content .entry {font-size: 1.1em; line-height: 1.5em; margin: 0 0 0.5em 0;}
	#content .entry  p {margin: 0.75em 0;}
	#content h1 {font-size: 2.0em;  margin-bottom: 0.4em; margin-top: 0.5em;}
	
	.single #content {padding-top: 30px;}
	.navigation { width: 500px; font-size: 1.1em; line-height: 1.25em;}
	.single #content .navigation  {position: absolute; top:0; left:0;}
	.navigation .alignleft {width: 240px; float:left;}
	.navigation .alignright {width: 240px; float:right; text-align: right;}
	.single .entry h2,	.single .entry h3,	.single .entry h4,	.single .entry h5,	.single .entry h6 {margin-top: 1.0em; color: #006;}
	.single .entry h2 {font-size: 1.5em;}
	.single .entry h3 {font-size: 1.4em;}
	.single .entry h4 {font-size: 1.2em;}
	.single .entry h5 {font-size: 1.1em;}
	.single h1 {color: #006;}
	.postmetadata {font-size: 0.91em; line-height: 1.4em !important; color: #666; padding: 10px; background: #eee;}
	
	.entry ul, .entry ol {margin: 0.75em 0 0.75em 3.0em;}
	.entry li ol, .entry li ul {margin: 0.25em 0 0.75em 1.5em;}
	.entry ul { list-style-type:decimal}
	.entry ol { list-style-type:disc}
	
	.entry img.alignleft {float:left; margin: 7px 10px 5px 0; display:inline;}
	.entry img.alignright {float:right; margin: 7px 0 5px 10px; display:inline;}
	.entry img.aligncenter {display: block;  margin-bottom: 10px; margin-left: auto; margin-right: auto;}
	
	.entry blockquote, .entry q {margin-left: 2.5em; color: #666;}
	.entry pre {font-size: 1.2em; border: 1px solid #ccc; padding: 8px; background: #f7f7f7; color: #70f;}
	.entry code {font-size: 1.2em;color: #70f;background: #f7f7f7; padding: 0 5px;}
	.page #content {padding-top: 0.5em;}

	.pagetitle {font-size: 1.2em !important; margin-bottom: 1.0em !important;}
	
	.follow-me {padding-top: 20px !important; clear: left; width: 190px; font-size: 1.1em; line-height: 1.5em;}
	.follow-me a { height: 22px; display: block; overflow: hidden; padding-left: 20px;}
	.follow-me .facebook {background: url(img/fb.gif) no-repeat top left;}
	.follow-me .twitter {background: url(img/twitter.gif) no-repeat top left;}

	.home h2 { font-size: 1.5em; color: #666; margin-bottom: 0.75em;}
	.home #content .entry {margin-bottom: 1.5em;}
	.home #content h3 {font-size: 1.4em !important; margin-bottom: 0.5em;}
	.home .postmetadata, .archive .postmetadata {font-size: 1.0em; background: transparent; padding:0; line-height: 1.0em; margin-bottom: 2.0em !important;} 
	
	#comments, #respond h3, h3#respond {font-size: 1.5em; padding: 15px 0 10px 0; color: #363}
	.comment {font-size: 1.1em; line-height: 1.5em; margin-bottom: 1.5em; border-top: 1px solid #ddd; padding-top: 0.75em; padding-left: 40px; position: relative;}
	.comment p {margin-bottom: 0.75em;}
	.avatar {padding:0; position: absolute; top:10px; left:0;}
	.comment-meta {font-size: 0.91em; margin-bottom: 0.75em;}

	.commentlist li {display: block; overflow:hidden; position: relative; padding: 10px 10px 10px 50px; font-size: 1.1em; border-bottom: 1px solid #f7f7f7;}
	.commentlist li.alt {background: #f7f7f7;}
	.commentlist li img {position: absolute; top : 10px; left: 10px;}
	.commentlist li .comment-number {color: #CCD; font-size: 2.0em; position: absolute; top: 10px; right: 10px;}
	.commentlist li p {margin-top: 1.0em;}
	.commentlist li small {font-size: 0.93em;}
	.commentlist li cite {font-weight: bold; font-sie: 1.1em;}
	p.comment-page-numbers {font-size: 1.1em; padding: 8px 0 8px 0; margin-top: 8px;}
	p.comment-page-numbers a {padding: 0 5px; background: #f0f0f0;}
	
	#commentform {color: #666;}
	#commentform p {margin-bottom: 5px;}
	#commentform textarea {width: 480px; padding: 3px 5px;}
	#commentform input {width: 240px; padding: 3px 5px;}
	#commentform input#submit {width: auto;}
	
	
/* 3.2 Portfolio Layout */	
	.portfolio {overflow: hidden;}
	.portfolio-about  {width: 480px; padding: 10px; float:right; background: url(img/bg_headline.png);}
	.portfolio-about p {font-size: 1.2em; line-height: 1.5em; color: #333;} 
	.portfolio-services {width: 250px; padding: 10px 0; float:left; text-align: right; }
	.portfolio-services li {font-size: 1.2em; line-height: 1.65em; color: #990 ; font-weight: bold;}
	.portfolio-sample  {width: 480px; margin-top: 10px; padding: 10px 10px 0 10px; float:right; background: url(img/bg_headline2.png);}
	.portfolio-experience  {width: 250px; padding: 10px 0; float:left; text-align: left; border-top: 10px solid #b3b3b3;}
	.portfolio-experience p {margin: 0.5em 0; font-size: 1.1em!important; line-height: 1.5em;}
	.portfolio-experience .portfolio-range {font-size: 0.86em; color: #990 ;}	
	.portfolio h2 {font-size: 1.4em; color: #b3b3b3; margin-bottom: 0.3em; color:#F90}
	.sep {display: block; overflow: hidden; height: 8px; background: url(img/bg_sep.png); margin: 7px 0 10px 0;}
	

/* 4. Sidebar
-----------------------------------------------------------------------------------------------*/	
	.sidebar h2 {font-size: 1.3em; height: 1.3em;  color:#F70; margin-bottom: 0.25em;}
	.sidebar li {margin-bottom: 1.5em; line-height: 1.5em;}
	.sidebar li li {font-size: 1.1em; margin-bottom: 0px;}
	.sidebar li li li {font-size: 1.0em;}
	
	#outer-sidebar {margin-top: 50px;}
	.widget_tag_cloud div {font-size: 0.81em; padding: 5px 0; line-height: 1.5em;}
	.widget_categories li li {padding-left: 10px;}
	
	
/* 5. Easy Slider
-----------------------------------------------------------------------------------------------*/	
	#slider {position: relative; margin-top: 8px;}

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:480px;
		height:240px;
		display: block;
		overflow:hidden; 
		position:relative;
		}	
	#prevBtn, #nextBtn { 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(img/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(img/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 7px;
		text-decoration:none;
		font-size: 1.1em;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */	

	#slider {height: 240px; overflow: hidden;}
	#slider li .imgdesc {
			position: absolute; 
			bottom:0; 
			left:0; 
			padding: 6px 10px; 
			background: transparent url(img/bg_white.png); 
			display: block; 
			width: 480px; 
			overflow:hidden; 
			color: #000;
			font-size: 1.1em;
			line-height: 1.4em;
	}
	
	.social_box {display: block; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0; margin-bottom: 1.0em;}
	#like {overflow: hidden; width: 415px; float:left;}
	.share {font-size: 11px; line-height: 1.5em; float: right; width: 85px; position: relative; padding: 3px 0;}