/*

Theme Name: Earth
Theme URI:http://darice.org/
Description: Original darice.org design inspired by the earth.
Version:1.0
Author:Darice de Cuba
Author URI:http://darice.org/
Tags:minimal, simple, clean, white, green, light brown fixed width, two columns
	"Earth" by http://darice.org/

	This theme was designed and built by Darice de Cuba

	Design is copyrighted.  

*/


/* Reset (Browser reset for compatibility)
-------------------------------------------------------------- */
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse:collapse;border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }

@font-face {
	font-family: "Calluna";
	src: url(fonts/Calluna-Regular.otf) format("opentype");
}

body {
	background-color: #f9f9f9;
	color: #4c4b49;
	font-family: "Calluna", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	border-top: 10px solid #798754;
	margin-bottom: 0; padding-bottom: 0;
}

#container {
	margin: 0 auto;
	padding: 20px 0 0 0;
	max-width: 57.5em; /* fixed width should be 920px*/
}

p {	margin: 10px 0 10px 0;}
	
b {	font-weight: bold;}
strong { font-weight: bold;}
i { font-style: italic;}
em { font-style: italic;}
small { font-size: 80%; }

a { color: #798754;}
a:hover { color: #a3b55c;  }
a:visited { text-decoration: none; }

h1 { font-size: 230%;}
h2 { font-size: 140%; margin: 8px 0 8px 0;}
h3 { font-size: 120%; font-weight: bold;}
h4 {}

img { max-width: 100%;}
.post ul, ol { padding: 0 0 0 5px; margin: 0 0 0 15px;}
.post li { list-style: square;}

.post code { font-family: "Courier New", Courier, mono; }

#logo {
	float: left;
	background: url('images/leaf.png') no-repeat top right;
	height: 116px;
	width: 390px;
}
#logo h1 {
	color: #798754;
	letter-spacing: 3px;
	margin: 15px 0 0 0;
}
#logo h3 {
	color: #4c4b49;
	font-style: italic;
	margin: 0;
	font-size: 99%;
	letter-spacing: 4px;
	font-weight: normal;
}

#logo a { text-decoration: none;  }

#section {
	float: right;
} 
#section h3 {
	font-size: 100%;
	color: #4c4b49;
	font-style: italic;
	display: none;
}
.food {
	background: url('images/chili.png') no-repeat bottom;
	width: 198px; height: 101px; 
	font-style: italic;
}
.photography{
	background: url('images/cam.png') no-repeat bottom;
	width: 198px; height: 151px; 
	font-style: italic;
}
.books{
	background: url('images/books.png') no-repeat bottom;
	width: 198px; height: 144px;
	font-style: italic;
}
#section .food h3.food { display: inline; background: none; }
#section .photography h3.photography {display: inline; background: none;}
#section .books h3.books {display: inline; background: none;}
  
#content {
	clear: both;
	width: 65%; /* fixed 600px */
	float: left;
	margin: 20px 0 30px 0;
	}

/*posts*/
.post {
	width: 91.666%; /* fixed 550px */
	margin: 0 0 30px 0;
}
h2.title { display: inline; }
h2.title a {
	color: #4c4b49;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
}
span.date {
	color: #98897c;
	font-style: italic;
	margin: 0 0 0 10px; 
}
img[class*="wp"], .post img  {
	padding: 5px;
	border: 1px solid #999;
	-webkit-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	-moz-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	background: #fff !important;
}
img.noborder {
    border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.item_meta {
	background: rgba(165,150,129,.25);
	background-color: #e8e5df;
	padding: 3px 0 3px 5px;
	font-size: 90%;
	margin: 0 0 70px 0;
}

/*comments form */
h2#comments { font-size: 160%; margin: 40px 0 0 0;}
h2#postcomment { font-size: 160%; margin: 40px 0 0 0;}

a#postcomment {}

ol#commentlist {}

li.comment {
	background: #f4f4f4;
	border: 1px solid #a59681;
	padding: 5px;
	margin: 0 0 10px 0;
	}
li.comment cite {
	font-style: italic;
}

form/*#commentform*/ { 
	background: rgba(165,150,129,.25);
	background-color: #e8e5df;
	padding: 10px;
	width: 410px;
}

/*form#commentform*/ label {
	display: block; 
	margin: 0 0 3px 0;
	font-size: 90%;
	}
	
input,
textarea {
	width: 400px;
	padding: 5px; 
	border: none;
	font-size: 90%;
	background: rgba(165,150,129,.25) url('images/input.gif') repeat-x top;
	background-color: #d6d1c7;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;	}
	
input:focus,
textarea:focus {
	background: #FFF;
	}

input#submit, .button, .reset {
	background: rgba(165,150,129,.25);
	background-color: #d6d1c7;
	border-bottom: 1px solid #b2ada3;
	border-right: 1px solid #b2ada3;
	width: 410px;
	color: #4c4b49;
}

#sidebar {
	float: right;
	width: 35%; /* fixed 320px */
	margin: 20px 0 30px 0;
}

#sidebar h3.recent {
	font-size: 110%;
	margin: 13px 0 1px 0;
	background: #d6d1c7;
	width: 63%;
	padding: 0 0 0 7px;
	border-bottom: 1px solid #c0bbb2;
	border-right: 1px solid #c0bbb2;
}
#sidebar a {
	font-size: 90%;
	text-decoration: none;
	}
#sidebar ul li { 
	border-bottom: 1px solid #d6d1c7; 
	width: 63%;
	padding: 3px 0 3px 0;
	}
#sidebar ul li:hover { background-color: #eee; } 

#footer {
	clear: both;
	height: 230px;
	background: #d6d1c7;
	border-top: 1px solid #c0bbb2;
	font-size: 90%;
}
#footer h3 {
	font-size: 115%;
	font-weight: bold;
}
#footer a {
	color: #798754;
}
#footer div.about {
	width: 21.74%; /* fixed 200px */
	margin: 20px 0 0 20px;
	padding: 5px;
	float: left;
	border-right: 1px dashed #a6a6a6;
}
#footer div.meta {
	width: 16.74%; /* fixed /px */
	margin: 20px 0 20px 20px;
	padding: 5px;
	float: left;
	border-right: 1px dotted #a6a6a6;
}
#footer div.meta img { width: 64px; height: 64px; }
#footer div.tags {
	width: 21.74%; /* fixed 200px */
	margin: 20px 0 0 10px;
	padding: 5px;
	float: left;
	border-right: 1px dotted #a6a6a6;
}
#footer div.archive {
	width: 21.74%; /* fixed 200px */
	margin: 20px 0 0 20px;
	padding: 5px;
	float: left;
}

#footer div.archive ul li {
	list-style: none;
	}

#footer div.copy {
	clear: both;
	text-align: center;
	font-size: 80%; 
}

/* extras */

.clearfix {
	clear: both;
	height: 0;
	visibility: hidden;
}

code {
	font-family: Monaco, 'Courier New', Courier;
	font-size: 90%;
	background-color: #c3dba1;
}
pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}
blockquote {
	color: #0e5880;
	border-left: 3px solid #0e5880;
	padding: 7px;
        background: none;
}

img.thumbright {
	float: right;
	margin: 2px;
}
img.thumbleft {
	float: right;
	margin: 2px;
}

.setright { 
    float: right; 
    border: 0; 
    padding: 10px 15px 0 0; 
}

blockquote.recipe {
	background: url('images/right.png') repeat;
	padding: 7px;
	color: #444;
	border: 1px solid #0e5880;
}
blockquote.recipe h3 { color: #0e5880; }
blockquote.recipe a { color: #0e5880; }

img.rules { background: none; border: 0;}

#pnav { margin: 25px 0 0 0;}
#pnav .alignright { float: right;}
#pnav .alignleft { float: left;}

/* twitter_flickr */

#twitter {
        	margin: 10px 0 20px 0;
        	width: 65%; 
        	display: block;
        	padding: 0;
        	overflow: hidden;
        	
        }
  #twitter img {
    float: left;
	padding: 1px 6px 1px 0;
	width: 64px;
	height: 64px; 
	border: 0;
    background: none;
	}
#twitter abbr {
	font-size: 90%;
	font-style: italic;
	color: #98897c;
}

        
div#flickr {
    width: 65%; 
	display: block;
	padding: 0;
	overflow: hidden;
}

#flickr img.logo {
	float: left;
	padding: 1px 6px 1px 0;
	width: 64px;
	height: 64px; 
	border: 0;
    background: none;
}

#flickr a img {
	width: 32px;
	height: 32px; 
	margin: 10px 2px 0 2px;
	padding: 3px;
	border: 1px solid #999;
	-webkit-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	-moz-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	background: #fff !important;
}