/*   

Theme Name: Basic Simplicity

Theme URI: http://www.michaeljanzen.com/wordpress-theme/

Description: A simple WordPress theme with a basic minimalist style.

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.3.1

.

Before editing this stylesheet be sure to take a look at the control panel

Appearance -> Edit Basic Simplicity

The control panel allows you to change basic color settings. 

Values set in the control panel will override some styles in this stylesheet.

.

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

.

*/

.accordion{}

.accordion h2{background: url(images/closedarrow.jpg) no-repeat top left; cursor: pointer; padding-left:12px}

.accordion h2.active{background: url(images/activearrow.jpg) no-repeat top left; cursor: pointer;}


.home_paragraph {

	font-family: Georgia, serif;

	margin: 0;

	padding: 0 0 20px 0;

	font-weight: normal;

	line-height: 1.4em;

	color: #0067AD;

        font-size: 1.4em;

}



p.home_paragraph:first-letter

 {

font-size: 400%;

font-weight: normal;

float: left;

width: 1em;

 color: #0067AD;

 line-height: .85em;

 margin-right: 0.03em;

margin-left: 0.08em;

 margin-bottom:-0.25em;



}





body {

	font-family: "Trebuchet MS", Arial, Verdana, sens-serif;

	font-size: 100%;

	line-height: 1em;

background: #000 url('images/header.gif') left repeat;



}





#wrap {

	margin: 5px auto;

	padding: 0;

	width: 700px;

	border: 0px solid #ccc;

	background: #000; 



}



#header {

	padding:0px;

	background: #eee url('images/header.gif') left bottom no-repeat;

height: 200px;

}



#navbar {

	background: #ccc;

	margin: 0;

	padding: 5px 20px;

}



#navbar a {

	

font-weight: normal;



}







#navbar ul {

	margin-left: 0;

	padding-left: 0;

	display: inline;



	} 



#navbar ul li {

	margin: 0;

	padding: 10px 10px 0 10px;

	list-style: none;

	line-height:1.5em;

	display: inline;

        

	}





#navbar ul li a:hover {

	color: #ffffff;



font-weight: normal;

border-bottom: #F5F2EA solid 6px;

}







.current_page_item {



border-bottom: #F5F2EA solid 6px;



}





#content {

	margin: 0;

	padding: 20px 0 20px 20px;

	float: left;

	width: 450px;

        background-image: url('http://www.latitude-47.com/itw/wp-content/themes/basic-simplicity/images/sound_wave.gif');

        

background-repeat: no-repeat; background-position:10px 15px;}


#content2 {

	margin: 0;

	padding: 2px 0 20px 20px;

	float: left;

	width: 660px;

        background-image: url('http://www.latitude-47.com/itw/wp-content/themes/basic-simplicity/images/sound_wave.gif');

        

background-repeat: no-repeat; background-position:10px 15px;}

.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: 200px;

}


#bottom ul {

	list-style: none;

	margin-left: 10px;

	padding-left: 0;

	text-indent: 0;

}
#sidebar ul {

	list-style: square;

	margin-left: 20px;

	padding-left: 0;

	text-indent: 0;

}



#sidebar li{



	padding-bottom: 1.0em;

}

#sidebar h4 {

	font-size: 1.2em;
font-weight:bold;
color: #ffffff;
text-align:center;
}

.announcements { background-color: #0067AD;
width: 128px;
padding: 5px;
}

.sidebar-widget {

	margin: 20px;

	padding: 10px 10px 0px 10px;

border: 1px solid #0067AD;

}


#bottom li {

	list-style: none;

	padding-bottom: 1.0em;

}


#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: #A83426;

	text-decoration: none;

}



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;

}









#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;

line-height: 1.6em;

}



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;

}



.meta {

	font-size: 0.75em;

	color:#666;

	margin: 0 0 1.0em 0;

}



ol.commentlist, li.commentlist {

	margin: 0;

	padding: 0;

	list-style:none;

}



.odd {

	background: #eee;

	margin: 0.5em 0 0.5em 0;

	padding: 0.5em;

}



.even {

	background: #ddd;

	margin: 0.5em 0 0.5em 0;

	padding: 0.5em;

}



.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;

}