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

/*************************************
 +Containers
 *************************************/
body{
	background:#fff url(/images/2.png) repeat-x;
	border-top:5px solid #333;
	color:#555;
	font-family: arial, sans;
	font-size:62.5%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

object.include { width:0; height:0; }

span, abbr {
	 border-bottom: none;
}

code{
        font-size:1em;
}

quote{
        font-style: italic;
}

#accessibility{
        position: absolute;
        top: -10000px;
}
#wrap{
	text-align:left;
	width:100%;
	margin: 0em;
}
#content{
	font-size:1.2em;
	float:left;
	padding:1em;
	width:77%;
        text-align: justify;
}
#sidebar{
	font-size:1.1em;
	float:right;
	padding-top:2em;
	width:20%;
}
#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{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}

h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin:0;
}

#header h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3em;
        font-style: italic;
	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;
        font-weight:normal;
}
#sidebar h3{
        font-weight:normal;
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}

#sidebar input{
	border:1px solid #d1d1d1;
}
#sidebar input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}

#livesearch_results {
       font-size:1.0em;
       background:#fff;
       text-align: justify;
}

#livesearch_results a {
       font-size:1.1em;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

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

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type: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.comments{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.comments li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.even{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comment{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a{
	color:#579;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
}

a img{ border: none; }

pre {
        font-size:1.2em;
        line-height:1em;
}

div.cent {
        text-align: center;
}

.alignright
{
    float: right;
}

.alignleft
{
    float: left;
}

.hresume .education .date_duration, .hresume .experience .date_duration
{
    float: right;
    font-size: smaller;
}

.hresume .education .htitle, .hresume .experience .htitle
{
    float: left;
}

.experience{
	margin-bottom:2.0em;
	border-top:1px dotted #ddd;
}

.hresume .htitle .include
{
    display: none;
}

.htitle
{
    font-weight: bold;
}

.hresume abbr
{
    border: none;
}

.hresume .contact .fn
{
    font-weight: bold;
}

/***********************************
+ LightBox
************************************/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://ntoll.org/images/36.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://ntoll.org/images/43.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://ntoll.org/images/41.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.dp-highlighter
{
	font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }