/*
Theme Name: Coyotl
Theme URI: http://coyotl.sietecoyote.org/
Description: Theme from <a href="http://sietecoyote.com/">Siete Coyote Studio</a>.
Version: 0.5
Author: Siete Coyote
Author URI: http://sietecoyote.com/
Tags: green, two columns, widgets

	coyotl 0.5
	http://coyotl.sietecoyote.com/

	The CSS, XHTML and design is released under GPL:
	http://www.fsf.org/licensing/licenses/gpl.html

*/

/* BLOCKS */

body {background: #f5f5f5 url("images/body_bg.png") repeat-y center}

#page {margin-left: auto; margin-right: auto; width: 780px; padding: 0 30px 0 50px}

#header {padding-top: 40px}

#sitetools {float: right; width: 240px; padding-left: 10px}


/* NAVBAR */
#navbar {width: 100%; height:23px; margin: 30px 0 20px 0; padding: 5px 
0 5px 0; float: left; background-color: #f5f5f5; border-top: 1px solid #aaa;word-spacing: 3.5pt; border-bottom: 
1px solid #aaa;}

#navbar ul {margin: 0; padding:7px 0; text-align: center;white-space: nowrap;}

#navbar li {display: inline; list-style-type: none; margin: 0 2px; /* float: left; padding: 0px 10px 0px 10px; 
*/ }
#navbar a:link {text-decoration:none; padding: 0 0 3px; color: #540808;}
#navbar a:hover {color: #a81111; border-bottom:2px solid #f55353; }
/* #navbar a:active {color: #f5cca4; border-bottom: 2px solid #f55353; } */


#content {width: 500px; float: left; padding-bottom: 40px}

#content-page {width: 500px; float: left; padding-left: 90px; padding-bottom: 40px}

.post {margin-bottom: 30px;}

#sidebar {float: right; width: 240px;}

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px}

html>body .entry li {margin: 7px 0 8px 10px; background: url("images/item.png") no-repeat; padding-left: 27px}

.entry ol {padding: 0; margin: 7px 0 8px 10px; display: block}

.entry ol li {margin: 0; padding: 0}

/*.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;	} */

#sidebar {border-left: 3px solid #e9f0f5; padding-left: 6px}
#sidebar ul, #sidebar ul ol {margin: 1px; padding: 0 0 0 10px}

#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px}

ol li, #sidebar ul ol li {list-style: decimal outside}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0 0 0 15px; background: url("images/item-s.png") no-repeat}

.blog-abstract {background: #f5f5f5; padding: 10px; margin-bottom: 15px}

#comment {width: 500px}
#comments {padding-top: 30px}

#footer {text-align: center; clear: both; border-top: 1px solid #aaa}

/* TYPOGRAPHY */

.general {color: #333}

#title h1 , .description {display: none} 

h1, h2, h3 {margin: 0px; font-family: Tahoma; letter-spacing: 1px; word-spacing: 0.7pt; color: #000}
.menuitem {letter-spacing: 3px; font-weight: bold; font-size: 1.1em; font-variant:small-caps;} 

a {text-decoration: none; color: #030202;}
a:hover {color:#3d3c3c}
 
.entry { font-size: 0.9em}
.entry a {color: #9e6a6a; border-bottom: 1px dotted #333; 
padding-bottom: 0}
.entry p img {border: 0}
.entry a:hover {color: #a81111; border-bottom: 2px solid #f5e9e9}

.blog-abstract b {font-size: 1.4em; color: #73d216; font-weight: bold}
.date {float:right; text-transform: uppercase; font-size: 2.2em; text-align: center; font-weight: bold}
.date small {font-size: 10px; color: #fff; background: #73d216; padding: 1px 3px 2px 3px}
.date span {font-size: 10px; float: right; padding-right: 3px; border-right: 1em solid #4e9a06}
.date span a {color: #000}

#sidebar {font-size: 0.8em}

.small {font-size: .8em}


.lower {text-transform: lowercase}

.more-link {float:right; border-right: 1em solid #73d216; padding-right: 3px; font-size: 0.8em}

.postmetadata {font-size: 0.8em; margin-top: 10px; border-left: 1px solid #c00}
.postmetadata {padding: 0 0 0 10px; clear: both; background: #f5f5f5}
.postmetadata p {float: right; padding-right: 3px; border-right: 1em solid #c00}
.navigation {font-size: .8em; margin-bottom: 30px; clear:both}
.alignleft {float:left}
.alignright {float:right}
.alignleft a {font-style:oblique; color:#784444; text-decoration:none}
.alignright a {font-style:oblique; color:#784444; text-decoration:none}
.alignright a:hover {color:#e85a5a}
.alignleft a:hover {color:#e85a5a}

.reply {margin-top: 10px; clear:both}

blockquote {width: 350px; font-size: 0.8em; font-style: italic; color: #555}

blockquote:before, blockquote:after {color: #555; display: block; font-size: 3em; width: 50px}

blockquote:before {content: open-quote; height: 0; margin-left: -0.55em}

blockquote:after {content: close-quote; height: 50px; margin-top: -25px; margin-left: 360px}


#header img {border: 0}
img {border: 0}

.author, .categories, .feed, .hidden, .tags {padding-left: 16px}
.feed {background: url("images/feed.png") no-repeat left 
center}
.feed a {color:#008200;text-transform:uppercase;}
.feed a:hover {color:#00c200; text-decoration:underline;}
.hidden {background: url("images/search.png") no-repeat left center}
.author {background: url("images/author.png") no-repeat left center}
.categories {background: url("images/categories.png") no-repeat left center}
.tags {background: url("images/tags.png") no-repeat left center}

pre {background: #ccc; border: 1px solid #333; padding: 10px; margin: 15px; font-size: .0.8em}
