/*
Theme Name: Descartes
Theme URI: http://www.ekakurniawan.com/download/descartes-for-wordpress/
Description: "Clear and Distinctive", the Only Image is Screenshot.
Version: 1.1
Author: Eka Kurniawan
Author URI: http://www.ekakurniawan.com
Tags: white, clear, two columns, fixed width, widgets, valid CSS, valid XHTML, option page

	This theme was designed and built by Eka Kurniawan.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to Eka Kurniawan website must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

body {
        font: 90%/170% Georgia, Arial, Helvetica, sans-serif;
        padding: 0px;
        margin: 0px;
        color: #333;
        background-color: #f1f1f1;
}
a {
        color: #000;
        text-decoration: none;
}
a:visited {
        color: #000;
}
a:hover {
        text-decoration: underline;
}
p {
        margin: 0px 0px 15px;
}
img {
        padding: 4px;
}
.gravatar img {
        float:right;
        padding: 0px 0px 10px 10px;
}
ul {
        margin: 5px 0px 15px;
        padding-left: 20px;
}
ul li {
        margin: 0px;
}
ol {
        margin: 5px 0px 15px;
        padding-left: 20px;
}
ul li {
        margin: 0px;
}
form {
        margin: 0px;
        padding: 0px;
}
small {
        font-size: 90%;
}
pre, code {
        border:1px solid #dadada;
        background:#f1f1f1;
        padding:0 10px 0 10px;
}
#page {
        background: #f1f1f1;
        padding: 20px 0px 5px 0px;
}
#wrapper {
        width: 770px;margin: 0px auto;
        position: relative;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
        background: #fff;
        padding: 20px 25px 20px 25px;
}

/* HEADER HEADER HEADER HEADER  */
#header {
	height: 100px;
        border-bottom: 3px solid #dadada;
}
/* SITE TITLE SITE TITLE SITE TITLE */
h1 {
	position: absolute;
	top: 20px;
	left: 25px;
	color: #111;
	margin: 0px;
	padding: 0px;
	font: bold 25px/120% Georgia, "Trebuchet MS", Arial, sans-serif;
}
.description {
	position: absolute;
	top: 60px;
	left: 150px;
	color: #111;
	font: 14px Georgia,Arial, Helvetica, sans-serif;
        font-style:italic;
}
/* SEARCH FORM SEARCH FORM SEARCH FORM */
#searchform {
	position: absolute;
	top: 10px;
	right: 25px;
	height: 37px;
	width: 190px;
}
#searchform #s{
	background: #f1f1f1;
	height: 17px;
	width: 175px;
	margin: 6px 0px 0px 0px;
	padding: 3px 5px 2px 10px;
	font: normal 13px/100% Georgia, Arial, Helvetica, sans-serif;
	color: #333;
	border: solid 1px #dadada;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* CONTENT ENTRY CONTENT ENTRY  */
#left-col {
	width: 560px;
	float: left;
	margin-top: 11px;
}
/* PAGE NAVIGATION PAGE NAVIGATION */
#nav {
	height: 26px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: normal 14px/110% Georgia, Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
#nav ul li a{
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #000;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #000;
}
#nav li a:hover, #nav .current_page_item a{
	text-decoration: underline;
	color: #333;
}

/*PAGE CHILD PAGE CHILD PAGE CHILD */
.pagechild {
        margin-top: 10px;
        background: #e1e1e1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*PAGE CHILD PAGE CHILD PAGE CHILD */

/* CONTENT ENTRY CONTENT ENTRY */
#content {
	padding: 25px 5px 15px 0px;
	width: 550px;
	background: #ffffff;
	clear: both;
	overflow: hidden;
}
.post {
	padding: 0px;
	clear: both;
	overflow: hidden;
}
.post .title {
	float: left;
	width: 550px;
}
.postdata {
	font-family: Georgia, 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #ffbb00;
	text-decoration: none;
}
.postdata .category{
	float: left;
}
.postdata .comments{
	float: right;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	padding: 10px 0px 5px;
	clear: both;
}

/* POST TITLE POST TITLE POST TITLE */
h2, h2 a, h2 a:visited {
	margin: 3px 0 2px 0px;
	padding-bottom: 4px;
	font: bold 20px/140% Georgia, "Trebuchet MS", Arial, sans-serif;
        text-align: left;
}
h2 a:hover {
        text-decoration: underline;
}
h3 {
	color: #333;
	margin: 5px 0px 5px 0px;
	font: 120%/110% Georgia, "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* CAPTION CAPTION CAPTION */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* NEXT AND PREVIOUS PAGE NAVIGATION */
.page-nav {
	clear: both;
	height: 21px;
        border-top: 1px dotted #ccc;
}
.page-nav a, .page-nav a:visited {
	color: #000;
	font-family: Georgia, 'Lucida Grande', Helvetica, Arial, sans-serif;
	text-decoration: none;
}
.page-nav a:hover {
	color: #000;
	text-decoration: underline;
}
.previous-entries a {
	float: left;
	padding-left: 0px;
	margin-left: 0px;
}
.next-entries a {
	float: right;
	padding-right: 0px;
	margin-right: 0px;
}

/* NEXT AND PREVIOUS POST NAVIGATION */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: -15px;
	font-family: Georgia, 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 80%;
}
.post-nav a, .post-nav a:visited {
	color: #999;
}
.post-nav a:hover {
	color: #999;
}
.post-nav .previous a {
	float: left;
}
.post-nav .next a {
	float: right;
	text-align: right;
}

/* TAGS TAGS TAGS TAGS TAGS TAGS TAGS */
.tags {
        border-top: 1px solid #dadada;
}

/* COMMENT COMMENT COMMENT  */
h3#comments, h3#respond {
        border-top: 3px solid #dadada;
        padding-top: 10px;
	font: normal 130%/120% Georgia, Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px;
        color: #111;
	clear: both;
}
/* COMMENT FORM COMMENT FORM */
#commentform {
	margin-top: 10px;
}
#commentform label {
	color:#333;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#commentform input {
	font: 110% Georgia, Arial, Helvetica, sans-serif;
	width: 220px;
        margin-left: 15px;
	padding: 5px 3px 3px 7px;
	border: 1px solid #dadada;
}
#commentform textarea {
	font: 110% Georgia, Arial, Helvetica, sans-serif;
        margin-left: 15px;
	width: 515px;
	height: 140px;
	border: solid 1px #dadada;
	padding: 5px 3px 3px 7px;
}
#commentform #submit {
        float: right;
	font: bold 12px/100% Georgia, Arial, Helvetica, sans-serif;
	border: solid 1px #dadada;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
        background: #f1f1f1;
        margin-right: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#commentform #submit:hover {
        background: #ccc;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #dadada;
}

/* COMMENT LIST COMMENT LIST */
.commentlist {
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}
.commentlist li{
	list-style: none;
	padding: 5px 10px;
}
.commentlist .alt {
	background: #fff;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #333;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #333;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}


/* FOOTER FOOTER FOOTER  */
#footer {
        border-top: 3px solid #888;
	font-family: Georgia, 'Lucida Grande', Helvetica, Arial, sans-serif;
	padding-top: 10px;
	font-size: 87%;
	color: #282828;
}
#footer a, #footer a:visited {
	text-decoration: none;
	color: #000000;
}
#footer a:hover {
	text-decoration: underline;
}

/* SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR */
#sidebar {
	float:right;
	width: 190px;
	color: #333;
	line-height: 160%;
	font: 12px/190% Georgia, 'Lucida Grande', Helvetica,  Arial, sans-serif;
}

#sidebar .sidebartitle{
	font: bold 140%/100% Georgia, "Trebuchet MS", Tahoma, Arial;
	color: #333;
        margin-top: 11px;
	padding: 4px 0px 4px 0px;
}
#sidebar p {
	margin: 0px;
}
#sidebar h3 {
	font: 12px/140% Georgia, 'Lucida Grande', Helvetica, Arial, sans-serif;
        margin: 0px 0px 0px -15px;
}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #333;
}
#sidebar h3 a:hover {
	color: #333;
	text-decoration:underline;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #000;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	color: #333;
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	padding: 0;
        margin: 0px;
}
#sidebar ul li {
	list-style: none;
}
#sidebar ul li ul li {
	list-style: none;
        margin: 0px;
}
#sidebar img {
        padding: 4px;
}

/* WIDGET WIDGET WIDGET WIDGET  */
/* UL LI WODGET UL LI WIDGET */
#archives ul li, #recent-comments ul li, #categories ul li, #recent-posts ul li, #links ul li {
        padding: 0px;
}
/* META META META META META */
}
#meta .rss, #meta .login, #meta .check, #meta .wordpress {
        padding: 0px;
}
/* CALLENDAR */
#calendar table {
	margin: 0px auto;
}
#calendar td {
	padding: 0px 4px;
}

/* ALIGNMENTS ALIGNMENTS ALIGNMENTS */
.center, .aligncenter {
	text-align: center;
}
img.center, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left, .alignleft {
	float: left;
}
img.left, img.alignleft {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right, .alignright {
	float: right;
}
img.right, img.alignright {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}