/*   
Theme Name: Basic Simplicity
Theme URI: http://www.basicsimplicity.com/
Description: A simple WordPress theme with a basic minimalist style that includes an administration control panel for editing look & feel.  More customization is possible through the many widget-enabled areas in the sidebar, posts, footer, and header. If you like this theme please vote for it to help spread the word. 
Tags: blue, white, light, two-columns, right-sidebar, fixed-width, custom-colors, custom-header, theme-options
Author: Michael Janzen
Author URI: http://www.michaeljanzen.com/
Version: 1.4.1
.
AVOID EDITING THIS... See the control panel ---> Appearance > Edit Basic Simplicity 
.
UPGRADE NOTE:
The only thing you'll need to fix is the header image path. Please note that the FULL PATH
is required in the header field on the Edit Basic Simplicity page. Now you can upload your
header image (Media > Add New), and then grab the full path to that image and paste it into
the header field.
.
UPDATED CODE FOR v. 1.4.1
- fixed bug - fixed the search form on 404 page
- changed is_home() to is_front_page()
- fixed bug - added stripslashes to the custom css
- fixed bug in bottom widgets to allow multiple widgets
- added javascript for nested comment reply form
- improved nested comments formatting
- added show/hide function to make it easier to hide the posted by, tags and add comment link.
- housekeeping, changed get_settings to get_option
- added full URL to header image
.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


body {
	font-family: Arial, Verdana, sens-serif;
	font-size: 100%;
	line-height: 1.125em;
	background: #fff;
}


#wrap {
	margin: 5px auto;
	padding: 0;
	width: 980px;
	border: 1px solid #ccc;
	background: #fff; 
}

#header {
	padding: 20px;
	background: #eee url('images/header.gif') left no-repeat;
}

#navbar {
	background: #ccc;
	margin: 0;
	padding: 10px 20px;
}

#navbar a {
	color: #444;
}

#navbar ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#navbar ul li {
	margin: 0;
	padding: 10px;
	list-style: none;
	line-height:1.5em;
	display: inline;
	}


#content {
	margin: 0;
	padding: 20px 0 20px 20px;
	float: left;
	width: 620px;
}

.column-top, .home-top {
	margin: 0 0 3.0em 0;
	font-size: 0.875em;
	line-height: 1.75em;
	color:#222;
}

#prevnext {
	text-align: center;
	font-weight: bold;
	margin-bottom: 3.0em;
}

#sidebar {
	padding: 20px 9px 0 20px;
	float: right;
	font-size: 0.75em;
	color: #444;
	width: 310px;
}

#sidebar ul, #bottom ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

#sidebar li, #bottom li {
	list-style: none;
	padding-bottom: 1.0em;
}

.sidebar-widget {
	margin: 0 0 20px 0;
	padding: 0;
}


#bottom {
	clear: both; 
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	text-align: center;
}

.bottom-left {
	float: left;
	width: 306px;
	margin: 0;
	padding: 10px;
	text-align: left;
	background: #eee;
}

.bottom-right {
	float: right;
	width: 306px;
	margin: 0;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #fff;
	background: #eee;

}

.bottom-middle { 
	float: left;
	width: 306px;
	margin: 0;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #fff;
	background: #ddd;
}

.post-top-right-home {
	float: right;
	width: 300px;
	margin: 0 0 10px 10px;
	padding: 0;
}

.post-top-right-single {
	float: right;
	width: 300px;
	margin: 0 0 10px 10px;
	padding: 0;
}

.post-bottom-home {
	margin: 10px 0;
	padding: 0;
	clear: right;
}

.post-bottom-single {
	margin: 10px 0;
	padding: 0;
	clear: right;
}

.bottom-widget {
	margin: 0 0 20px 0;
	padding: 0;
}


#footer {
	clear: both; 
	margin: 0;
	padding: 20px;
	font-size: 0.75em;
	text-align: center;
	color: #666;
}

a {
	color: #339;
	text-decoration: none;
}

a:hover {
	color: #33f;
	text-decoration: underline;
}

img {
	border: 0;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	font-family: Georgia, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.5em;
	color: #111;
}

#sidebar h4, #bottom h4 {
	font-size: 1.2em;
}

#header h1 {
	font-size: 1.6em;
}

#header.description {
	font-size: 0.875em;
}


p {
	margin: 0 0 1.0em 0;
	padding: 0;
}

blockquote {
	background: #eee;
	margin: 0.5em 0;
	padding: 1.0em;
}

.the_content {
	font-size: 0.875em;
	line-height: 1.75em;
	color:#222;
}

.entry {
	margin: 0 0 3.0em 0;
}

.comments {
	font-size: 0.875em;
	line-height: 1.5em;
	color:#333;
}





.odd {
	border-top: 1px solid #ccc;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #ccc;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
}

.even {
	border-top: 1px solid #ddd;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #ddd;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
}


.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}


.meta {
	font-size: 0.75em;
	color:#666;
	margin: 0 0 1.0em 0;
}

ol.commentlist, li.commentlist {
	margin: 0;
	padding: 0;
	list-style:none;
}

.hidden {
	visibility: hidden;
}

li.categories {
	list-style: none;
}

img.alignright {
	float:right; 
	margin:0 0 1em 1em;
	}
	
img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
}

img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

a img.alignright {
	float:right; 
	margin:0 0 1em 1em;
}

a img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
}

a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.more-link {
	font-weight: bold;
	text-decoration: underline;
}

.current_page_item {
	font-weight: bold;
}