/*
Theme Name: Semonto
Theme URI: http://www.semonto.com/blog
Description: Custom theme for Semonto Blog
Version: 1.0 (WP 2.8.5)
Author: Ricardo Salazar
Author URI: http://www.caneidia.com
Tags: clean, basic, semantic, custom
*/

/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, form, fieldset, legend {
		margin: 0;
		padding: 0;
		font: 100%/120% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
input, select, textarea {
		font-size: 100%;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 
} 
body {
		background:#fff;
		font-size:13px;
		color:#333;
}
.wrapper {
		width:960px;
		margin:0 auto;
		position:relative; /* to position rss */
}
a {
		color:#176e99;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
		color:#20a0e0;
}
/* Wordpress
---------------------------------------------------------- */
/* These classes are generated by WordPress, so it's useful to have some styles for them. More info: http://codex.wordpress.org/CSS */
.aligncenter { 
		display:block; 
		margin:0 auto;
}
.alignleft { 
		float:left;
}
.alignright { 
		float:right;
}
.wp-caption { 
		border:1px solid #666; 
		text-align:center; 
		background:#ccc; 
		padding:10px; 
		margin:10px 
}
/* Header
---------------------------------------------------------- */
#header {		
		overflow:hidden;
		background:url(http://www.semonto.com/img/header-bg.gif) repeat-x top left;
}
h1 {	
		background:url(http://semonto.com/img/semonto-logo-b.gif) no-repeat;
		float:left;
		margin-top:11px;
}
h1 a {
		text-indent:-9000px;
		display:block;
		width:161px;
		height:60px;
		margin-bottom:12px;
}

/* Navigation
---------------------------------------------------------- */
#navigation {
		float:right;
		overflow:hidden;
		margin-top:30px;
		background:url(http://www.semonto.com/img/navigation-separate.gif) no-repeat right 4px;
		padding-right:16px;
}
#navigation li {
		float: left;
		margin:0 16px;		
}
#navigation a {
		font-size:14px;
		font-weight:bold;
		color:#444;
		display:block;	
		padding:6px 0 10px 0;	
}
#navigation a:hover {
		color:#000;
}
#navigation li.current {
		margin:0 6px;
}
#navigation li.current a {
		color:#fff;
		padding:5px 10px;
		background:#8c8c8c;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}
#navigation li.current a:hover {
		text-decoration:none;
}
/* Secondary navigation
---------------------------------------------------------- */
#secondary-nav {
		float:right;
		overflow:hidden;
		margin-top:30px;
		margin-left:24px;
}


#secondary-nav li {
		float: left;
		margin:0 6px;	
}
#secondary-nav li a {
		font-size:14px;
		font-weight:bold;
		color:#daf3ff;		
		padding:5px 10px;
		display:block;	
		background:#56a6ce;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}
#secondary-nav li a:hover {
		text-decoration:none;
		color:#fff;		
}
/* Contents
---------------------------------------------------------- */
#contents {
		overflow:hidden;
		height:100%;
		padding-top:30px;
}
p {
		line-height:150%;
		padding-bottom:12px;
}
#contents h2 {
		font-size:24px;
		font-weight:bold;
		margin-bottom:20px;
}
#contents h6 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:2px;
		margin-top:12px;
}
#contents h6:first-child {
		margin-top:0;
}
#rss {
		position:absolute;
		top:6px;
		right:0;
		vertical-align:middle;
}
#rss a {
		font-size:14px;
		font-weight:bold;	
		vertical-align:middle;	
}
/* Main-content
---------------------------------------------------------- */
#main-content {
		float:left;
		overflow:hidden;
		width:630px;
		margin-right:30px;
}
#main-content h4 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:6px;
		margin-top:12px;
}
#main-content h4:first-child {
		margin-top:0;
}
#main-content ul {
		padding:6px 0 6px 24px;
}
#main-content ul li {
		background:url(images/list-bullet.gif) no-repeat 0 6px;	
		padding-left:10px;
		margin-bottom:8px;
}
#main-content ol {
		padding:6px 0 6px 42px;
}
#main-content ol li {
		margin-bottom:8px;
}
#main-content blockquote p {
		font-style:italic;
		background:#f4f4f4;
		padding:20px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		margin:12px 0;
		font-family:"Trebuchet MS", "Times New Roman", Times, serif
}
/* Post
---------------------------------------------------------- */
.post {
		overflow:hidden;
		height:100%;
		margin-bottom:52px;
}
.post p a {
		text-decoration:underline;
}
h3 {
		font-size:20px;
		font-weight:bold;
		margin-bottom:8px;
}
.post-info {
		color:#666;
		margin:0 0 14px 0;
		padding-bottom:12px;
		border-bottom:1px solid #dfdfdf;
}
.post-info strong {	
		color:#333;
		font-weight:normal;
}
.post-info img {	
		padding-left:6px;
		vertical-align:bottom;
}
.post img.alignleft { 
		margin:6px 20px 12px 0;
}
.post img.alignright { 
		margin:6px 0 20px 12px;
}
.post .more-link {
		font-weight:bold;
		margin-top:-16px;
		text-decoration:none;
}
.post .more-link:hover {
		text-decoration:underline;
}
.post .post-edit-link {
		text-decoration:none;
}
.post .post-edit-link:hover {
		text-decoration:underline;
}
.post code {
		font-family:"Courier New", Courier, monospace;
		color:#000;
		border:1px solid #b3b3b3;
		background:#f2f2f2;
		padding:12px;
		margin:6px 0;
		display:block;
		overflow:auto;
}
/* Comments
---------------------------------------------------------- */
#main-content .comments {
		margin-bottom:30px;
		padding-left:0;
}
#main-content .comments li {
		padding:14px;
		border:1px solid #dfdfdf;
		background:#f8f8f8;
		margin-bottom:20px;
}
#main-content .comments .alt {
		border:1px solid #dbdbdb;
		background:#f2f2f2;	
}
.comments .heading cite {
		font-style:normal;
		font-weight:bold;
}
.comments .heading span {
		font-style:italic;
}
.comments .heading p.date a {
		font-size:12px;
		color:#666;
}
.comments .heading p.date .comment-edit-link {
		color:#176e99;
}
.comments .heading p.date .comment-edit-link:hover {
		color:#20a0e0;
}
h4 span {
		font-size:14px;
		font-weight:normal;
}
.comments-form label {
		display:block;
		margin-bottom:2px;		
}
.comments-form input.text {
		width:260px;
		margin-bottom:12px;
}
.comments-form textarea {
		width:440px;
		margin-bottom:12px;
		overflow:auto;
}
.comments-form input.send {
		display:block;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar {
		float:right;
		width:300px;
}
.box {
		font-size:14px;
		padding:20px;
		border:1px solid #dfdfdf;
		background:#f8f8f8;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		margin-bottom:16px;
}
#sidebar h5 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:6px;
}
#sidebar input.search-input {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color:#666;
		width:204px;
		height:18px;
		padding:2px;
		vertical-align:middle;
}
#sidebar .search-button {
		width:auto;
		vertical-align:middle;
}
#sidebar ul li {
		border-top:1px solid #dfdfdf;
}
#sidebar ul li:first-child {
		border-top:none;
}
#sidebar ul li a {
		padding:6px 0 5px 0;
		display:block;
		height:100%; /* to avoid bug in explorer */
}
#sidebar ul li a:hover {
		color:#528519;
		background:#efffde;	
		text-decoration:none;
}
/* Footer
---------------------------------------------------------- */
#footer {
		background:#ededed;
		margin-top:30px;
		padding:24px 0 12px 0;
}
#footer p {
		font-size:12px;
		color:#666;
		text-align:center;
}

.twitter-item {
	padding-bottom: 5px;
	padding-top: 5px;
}