/*
Theme Name: Charlie 1
Theme URI: http://charlieyoga.com
Description: Charlie Yoga original theme
Version: 1 (WP2.6.2)
Author: Robert Hall
Author URI: http://www.hallsoc.com
Tags: orange, yellow, yoga, custom header, fixed width, two columns, widgets
*/

/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/
/* Reset ------------------- */

* { margin: 0; padding: 0; }


/* Global ------------------- */

html, body {
	height: 100%;
}

body { width: 1000px; background-color: #fff; color: #600; font-family: "Century Gothic", arial, helvetica, sans-serif; font-size: 10pt; }

ul { list-style: none; }
ol { list-style-position: inside; }

a { text-decoration: none; color: #600; }
a:hover { color: #600; }


/* Blocks ------------------- */

#container {margin: 0 0 -19px; overflow: hidden; min-height: 100%; height: auto; background: #ffd700 url("style/images/sidebar_bg.png") repeat-y; }
#content { width: 760px; margin-left: 0px; padding: 20px; margin-left: 200px; }
#sidebar { width: 200px; margin: 0; padding: 30px 0px 40px 0px; float: left; background: #daa520;}
#footer { clear: both; font-size: 11px; text-align: center; padding: 0px 10px 1px 0px; position: relative; }

/* Logo ------------------- */

#logo { padding: 0px; }

/* Header ------------------- */

#header { height: 200px; width: 400px clear: both; position: relative; background: url(style/images/charlie/charlie.jpg) no-repeat; }
#header {font-family: arial, helvetica, sans-serif; text-align: center; background-color: #daa520; color #ffc; }
#header {margin: 0px auto; }
#header h2 { font-size: 22px; font-weight: bold; margin-left: 410px; margin-bottom: 5px; padding: 1em 0; }
#header h3 { color: #fff; font-weight: bold; margin-bottom: 5px; font-size: 16px;}

#header ul { position: absolute; top: 175px; right: 15px; overflow: hidden; }
#header ul li { float: left; }
#header ul li a { color: #600; text-decoration: none; font-size: 14px; }
#header ul li a:hover { color: #ffd700; }

/* Description ------------------- */

#description { margin-left: 410px; color: #fff; }

/* Sidebar ------------------- */

#sidebar h1, h2, h3 { font: normal 24px Verdana; color: #600; }
#sidebar h2 { font-size: 18px; margin-bottom: 5px; }
#sidebar h3 { font-size: 16px; margin-bottom: 5px; }
#sidebar .block { background: #daa520; margin-bottom: 10px; padding: 8px; }
#sidebar .block h2 { color: #600; }
#sidebar ul { text-align: left; padding: 10px; margin: 0 auto; list-style-type: none; }

#sidebar #searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px 3px 1px 1px;
	}

#sidebar ul li a { background: transparent url(style/images/list-off.gif) left center no-repeat; padding-left: 10px;
                   text-align: left; font: normal 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
                   color: #FC6;
         }

#sidebar ul li a:hover {
        background: transparent url(style/images/list-on.gif) left center no-repeat;
        color: #600;
        }

#sidebar ul li.current_page_item a,
body#blog a#nav_blog
 {
        background: transparent url(style/images/list-active.gif) left center no-repeat;
        color: #600;
        }

/* Content ------------------- */

#content { color: #600; background: #ffd700; }
#content a { color: #549bcc; }
#content a:hover { color: #600; }
#content #croc2 {width: 404px; height: 104px; background: transparent url(style/images/charlie/croc2.jpg);float: right;}
#content h1 {margin: 45px 10px 20px 0px;}
#content h2 {margin: 15px;}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 60px;
	}


/* Comment ------------------- */

#commentform {margin-bottom: 60px; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.alt {
	background-color: #ffd700;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

 .postmetadata { margin: 30px 0;}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* Footer ------------------- */

#footer { background: #fff; color: #549bcc; border-top: 1px solid #600; text-align: right; clear: both; }
#footer a { color: #600; text-decoration: underline; font-weight: bold; line-height: 16px; }

*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.footer, .push {
	height: 20px; /* .push must be the same height as .footer */
}