/*   
Theme Name: Is
Theme URI: http://is.erictan.net
Description: My First theme.
Author: Eric Tan
Author URI: http://is.erictan.net
Version: Beta
.
General comments/License Statement if any.
.
*/

/* -- Page -- */
* {
	margin: 0;
	padding: 0;
	}

body {
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #EFECCA;
	color: #423424;
	}

a {
	color: #FFA4AC;
	text-decoration: none;
	}

p {
	text-align: justify;
	margin: 1em 0;
	}

/*-- Container and Wrappers --*/
.container {
	margin: 0 auto;
	width: 960px;
	}

#full-wrapper { 
	background: #FCFCF9 ; 
	}

/*-- Header stuff --*/
#header {
	background: transparent url('images/hbackground.gif') repeat;
	}

#header h1 {
	padding: 58px 0 0 5px;
	font-weight: normal;
	float: left;
	line-height: 36px;
	}

/* -- e6e2af --*/
#header h1 a {
	color: #E5E2C6;
	}

#header ul {
	float: right;
	list-style: none;
	font-size: 14px;
	text-transform: lowercase;
	}

#header ul li {
	padding: 80px 0 0 27px;
	float: left;
	display: block;
	}

#header ul li a {
	padding: 0 5px 20px 5px;
	display: block;
	float: left;
	text-decoration: none;
	line-height: 10px;
	color: #E6E2AF;
	border-bottom: none;
	}

#header ul li a:hover {
	color: #FFFEEE;
	border-bottom: 1px solid #7F7D6E;
	padding-bottom: 19px;
	}
	
#header ul li a:current {
	border-bottom: 1px solid #8f8f8f;
	padding-bottom: 19px;
	}
			
/*-- H1,H2,H3,H4 -- */
h1 {
	font-size: 38px;
	font-weight: normal;
	line-height: 46px;
	}

h2 { /*-- Post Title --*/
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	color: #3F3E37;
	letter-spacing: 1px;
	}

h2 a {
	color: #3F3E37;
	}

h2 a:hover {
	color: #7F7D6D;
	}

h3 { /*-- Side Bar Header --*/
	font-size: 15px;
	letter-spacing: 1.5px;
	font-weight: normal;
	}


h3t { /*-- Side Bar Header --*/
	font-size: 15px;
	letter-spacing: 1.5px;
	font-weight: normal;
	color: #CC0000;
	}

h4 { /*-- Content Middle & Bottom Title --*/
	font-size: 16px;
	letter-spacing: 1.5px;
	font-weight: normal;
	}

h5 { /*-- Comment Reply Title --*/
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	}

/*-- Main Content --*/
#main-content {
	width: 600px;
	float: left;
	padding: 5px;
	margin: 30px 0 5px 0;
	}

/*-- Side Content --*/
#sidebar {
	width: 300px;
	float: right;
	padding: 5px;
	margin: 30px 0 5px 0;
	}

#sidebar ul, #sidebar li, #sidebar ul li, #sidebar ul li a {
	list-style: none;
	}

.sidecontent {
	display: block;
	list-style: none;
	padding: 0 0 30px 0;
	}

.sidecontent-t {
	display: block;
	list-style: none;
	padding: 5px;
	background: #FFFF88;
	border: 1px solid #36393D;
	}

.sidecontent h3 {
	text-transform: lowercase;
	color: #7F7D6E;
	padding: 3px 0 3px 0;
	margin: 6px 0 15px 0;
	border-bottom: 1px solid #8f8f8f;
	display: block;
	background: #FFF3ED;
	}

.sidecontent h4 {
	text-transform: lowercase;
	color: #365FB7;
	padding: 4px 0 4px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #8f8f8f;
	display: block;
	background: #E9F2FF;
	}


/*-- Bottom Content --*/
#contentbottom {
	background: transparent url('images/mbackground.gif') repeat;
	padding: 0 0 10px 0;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	}

#bottomposts h4 {
	text-transform: lowercase;
	color: #365FB7;
	margin: 0 0 10px 0;
	padding: 4px 0 4px 0;
	border-bottom: 1px solid #8f8f8f;
	display: block;
	background: #E9F2FF;
	}

/*-- Category Styling --*/
#category {
	border-top: 1px solid #8f8f8f;
	clear: both;
	margin-top: 10px;
	}

#category ul {
	list-style: none;
	margin: 5px 0 0 0;
	}

#category li {
	display: block;
	float: left;
	width: 110px;
	}

#category li a {
	display: block;
	padding: 2px 5px;
	}

#category li a:hover {
	background: #666;
	text-decoration: none !important;
	}

/*-- Entries Styling --*/
.post{
	margin: 0 0 20px 0;
	}

.post h2{
	line-height: 1.2em;
	}

.post h2 a{
	width: 100%;
	outline: none;
	}

.posttitle {
	border-bottom: 1px solid black;
	}

.entry h3{
	margin: 1em 0;
	}
	
.post .entry{
	line-height: 1.4em;
	overflow: hidden;
	}


.post .entry p a{
	background: url(images/dot.gif) repeat-x bottom left;
	font-weight: bold;
	}

.postMeta {
	float: right;
	}

.postNavi {
	display: block;
	}

.archive_entry {
	display: block;
	text-align: justify;
	margin: 20px 0;
	}

.archive_entry h3 {
	text-transform: lowercase;
	background: #FFFEEE;
	}

.archive_entry h3 a {
	color: #365FB7;
	}

.archive_entry h3 a:hover {
	color: #799AE0;
	}

.archive_entry img {
	padding: 6px;
	margin: 0 15px 0 0;
	border: 1px solid #666;
	float: left;
	}

/* -- Comments -- */
#comments_title h5 {
	text-transform: lowercase;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 0;
	display: block;
	}

#comments {
	width: 600px;
	float: left;
	padding: 5px;
	margin: 30px 0 5px 0;
	}

#comment_meta {
	float: left;
	}

#comment_meta a {
	font-weight: bold;
	}
	
ol.commentlist, ol.pingslist {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.commentlist li,
.pingslist li {
	border-top: 1px solid #7f7f7f;
	margin: 0;
	overflow: auto;
	padding: 0;
	}

.usercomment-meta {
	float: left;
	font-size: 0.97em;
	margin: 10px 0;
	padding-left: 3px;
	width: 15%;
	}

.usercomment-meta .author_highlight {
	font-weight: bold;
	}

.usercomment-meta br {
	margin: 0;
	padding: 0;
	}
	
.comment_text {
	float: right;
	margin-top: 10px;
	padding-right: 3px;
	width: 75%;
	}

.comment_text p {
	margin: 0 0 15px;
	}

li.author {
	background: url(images/diag-dark.gif) top left;
	}
	
small {
	font-size: 0.95em;
	margin-left: 3px;
	}
	
#author, #email, #url, #comment {
	border: 1px solid #ddd;
	padding: 3px;
	font-size: 1em;
	font-family: helvetica,arial,verdana,sans-serif;
	}

#respond {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	text-transform: lowercase;
	color: #7F7D6E;
	padding: 5px 0;
	margin: 0 0 10px 0;
	display: block;
	background: #FFF3ED;
	}

#author, #email, #url {
	width:50%;
	}
	
#comment {
	width:100%;
	}

/* -- Misc -- */
.readmore {
	float: right;
	font-size: 16px;
	font-weight: lighter;
	}

.indexcomment {
	float: left;
	color: #666666;
	}

abbr, acronym {
	border-bottom: 1px dotted blue;
	cursor: help;
	}

blockquote {
	border-left: 1px solid silver;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	}

code, pre {
	font-family: "courier new", courier, monospace;
	}

strong {
	font-weight: bold;	
	}

/*-- Images --*/
img {
	padding: 6px;
	border: 1px solid silver;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}
	
.webicons {
	border: none !important;
	padding: 0 10px;
	}

/*-- Searchbar Styling --*/
#searchbar {
	display: block;
	margin: 0 auto;
	width: 960px;
	height: 50px;
	}

.searchWrap {
	width: 300px;
	float: right;
	background: #a7a37e;
	padding: 10px 20px;
	}

/*-- Footer 3f3e37--*/
#footer {
	background: transparent url('images/hbackground.gif') repeat;
	border-top: 1px solid #333;
	padding: 20px 0 20px 0;
	color: #BFBCA5;
	}

#footer a {
	color: #BFBCA5;
	text-decoration: none;
	}

#footer a:hover {
	color: #BFBCA5;
	border-bottom: 1px solid #FFFBDC;
	padding-bottom: 19px;
	}
  
/*-- The dates --*/
.date-bottom {
	float: right;
	}

.date-sidebar {
	padding: 0 10px 0 0;
	}

.date { /*-- date & author --*/
	color: silver;
	float: left;
	line-height: 25px;
	margin: 15px 15px 0 10px;
	padding: 8px;
	border-right: 1px solid silver;
	font-size: 10px;
	text-align: center;
	position: relative;
	left: 0;
	}

.date_day {
	display: block;
	font-size: 30px;
	text-align: right;
	}

.date_month {
	display: block;
	font-size: 30px;
	text-align: right;
	font-weight: bold;
	}

.date_year {
	display: block;
	font-size: 14px;
	line-height: .9em;
	}

/*-- The Clearfix and Position --*/
.clear {
	clear: both;
	}

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

.clearfix {
	display: inline-block; 
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

/*-- Hides from IE-mac --\*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/*-- End hide from IE-mac --*/

/*-- CSS from here are for supported plugins, not the Theme template --*/

/*-- Flickr Plugin --*/
.flickr img {
	margin: 5px;
	padding: 6px;
	border: 1px solid #7F7D6E;
	}

.flickr img:hover {
	border: 1px solid #BFBCA5;
	}

/*-- Brian's Latest Comments --*/
.sb-comments-blc ul li span a, .sb-comments-blc ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

.sb-comments-blc ul li {
	margin-bottom: 6px;
	color: black;
	}

.sb-comments-blc ul li >a[title="Go to the comments of this entry"] {
	float: right;
	}

.activityentry {
	font-size: 1.1em;
	}

#latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}

/*-- Related Posts --*/
.related ul li {
	list-style: none;
	}

.related h3 {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	text-transform: lowercase;
	color: #7F7D6E;
	padding: 5px 0;
	display: block;
	background: #FFF3ED;
	}

.gravatar {
	float: left;
	padding: 5px;
	margin: -5px 0 0;
	border: 1px solid #7F7D6E; 
	}