/*   
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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	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: 11px;
	*/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;
}
.twitter-hash-tag-widget li>a:first-child { 
margin:5px 10px 10px 0px; 
float:left; 
}

#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: #B7008E;
}

.bottom-right {
	float: right;
	width: 308px;
	margin: 0;
	padding: 10px;
	text-align: left;
	/*border-left: 1px solid #fff;*/
	background: #B7008E;

}

.bottom-middle { 
	float: left;
	width: 306px;
	margin: 0;
	padding: 10px;
	text-align: left;
	/*border-left: 1px solid #fff;*/
	background: #B7008E;
}

.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: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
	color: #111;
}

#sidebar h4, #bottom h4 {
        color: #B7008E;
        font-size: 14px;
        font-weight: bold;
	/*font-size: 1.2em;*/
}
#sidebar h4 a{
        color: #B7008E;
        font-size: 14px;
        font-weight: bold;
}
#header h1 {
	font-size: 1.6em;
}
/* start added 18/01/2011 */
h4 {
        font-weight: bold;
}
/* end added 18/01/2011 */

#header{
height:auto !important;
height:148px;
}


#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-family: Verdana, Arial, Helvetica, sans-serif;
	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;*/
}

/* START OF Menu CSS */

div#menu {
    height:31px;
    background: #CCC;
}

div#menu ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    float: left;
}

div#menu li {
    position: relative;
    /*top: 15%;*/
    z-index: 9;
    margin: 0;
    padding: 0px 0px 0px 0px;
    display: block;
    float: left;
    border-right: 1px solid white;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 31px;
    display: block;
    float: left;
    line-height: 31px;
    text-decoration: none;
}
div#menu a:hover, div#menu a:hover span { 
color: #fff; 
background-color: #999999;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;

}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    /*line-height: 30px;*/
    color: #000000;
}
div#menu span {
    margin-top: 5px;
}

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 31px;
    left: -999em;
    width: 178px;
    padding: 5px 0 0 0;
    /*background: rgb(45,45,45);*/
    background: #CCCCCC;
    border-top: 1px solid white;
    /*margin-top:1px;*/
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    /*height: auto;*/
    float: none;
    display: block;
    /*line-height: 24px;*/
    /*color: rgb(169,169,169);*/
    color: #000000;
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
    background: #CCCCCC;
    padding: 0;
    margin: -38px 0px 0px 181px !important;
    margin-left:172px;
}

/* colors 
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }
*/
/* END OF Menu CSS */