/*  
Theme Name: Basic Concept
Theme URI: http://www.wpdesigner.com
Description: Basic Concept Wordpress theme created by Small Potato.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

/*This is a hack, from http://cl.ly/FQg, to make
  Safari's light-on-dark-background text rendering
  less muddy. --Kelsey
*/
body {
	-webkit-text-stroke:1px transparent;
}
@media only screen and (max-device-width:480px) {
	body{
		-webkit-text-stroke:0 black;
	}
}


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background: rgb(56, 62, 62);
	color: #a9a9a9;
}

h1, h2, h3, h4, h5, h6{
	font-size: 16px;
        color: #eaeaea;
        font-weight:normal;
}

/* Added by Kristopher */
h1 {font-size: 24px}

a{
	text-decoration: none;
	color: #9C3;
}

a:hover{
	text-decoration: underline;
}

a:active{
	text-decoration: none;
}

a img{
	border: 0;
}

address, dl, p{
	padding: 15px 0 0;
}


blockquote{
	margin: 15px 0 0;
}

blockquote p{ padding: 15px; }

blockquote blockquote{
	margin: 15px;
}

code{
	background: #f9f9f9;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 15px 15px 5px 15px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #ccc;
	color: #ccc;
}


/* Modified image styles of WordPress Default Theme, Kubrick */

.entry img{
        //I took these off this and put them on .wp-caption down there! vvv
        //That way captions can be inside the image-box.  --Kelsey

	//padding: 4px;
	//border: 1px solid #ccc;
}

img.wp-smiley{
	border: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
}

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

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

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

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.wp-caption {
        margin-top: 1em;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: rgba(128,128,128,.2);
}

.wp-caption-text {
        font-size: .8em;
        margin: 1em;
        margin-top: 0em;
        text-align: center;
}

.wp-caption img{
	padding: 5px;
}

/* end image styles */

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

pre{
	width: 90%;
}

small{
	font-size: 12px;
}

#header{
	clear: both;
	float: left;
	width: 100%;
        /*  With the old header, the padding was (30,0,18,0).  --Kelsey */
	padding: 9px 0 2px 0;
	text-align: center;
        /*  With the old header, this was (images/body_bg.gif).  --Kelsey */
	background:url(/wp-content/uploads/2010/02/body_bg-80.png) repeat-x rgb(56, 62, 62);
}

#header h1{
	margin: 0 auto;
	width: 758px;
	font-size: 48px;
	color: #fff;
}

#header h1 a{
	text-decoration: none;
	color: #fff;
}

#header h1 a:hover{
	text-decoration: underline;
}

.description{
	margin: 0 auto;
	width: 758px;
}

.description p{
	padding: 6px 0 0 20px;
}

#top-menu{
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
       
}

#top-menu a{
	text-decoration: none;
	color: #b3b2b2;
}

#top-menu a:hover{
	text-decoration: underline;
}

#top-menu a:active{
	text-decoration: none;
}

#top-menu ul{
	margin: 0 auto;
	width: 758px;
	padding: 10px 0;
	text-align: left;
        background:url(images/mid_bg.gif) no-repeat;
        //Worth investigating /wp-content/uploads/2010/02/mid_bg_upsidedown.png.  --Kelsey
}

#top-menu ul li{
	display: inline;
	padding: 0 20px 0 0;
	font-size: 16px;
}

#top-menu ul li img{
        vertical-align: text-bottom;
}

#container{
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
}

.page{
	margin: 0px auto 0;
	width: 758px;
	text-align: left;
}

.main-narrow{
	float: left;
	width: 471px;
        padding-right:10px;
        margin-top:20px;
}

.post{
	padding: 0px 21px 40px 0;
        //Used to be (20,21,20,0), which pushed a standalone post down on the page.  --Kelsey
}

.post h2{
	font-size: 20px;
}

.entry{
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	margin: 0;
	padding: 15px 0 0;
	font-style: normal;
	text-transform: none;
	background-color: transparent;
	background-image: none;
}

.entry h1{
	font-size: 48px;
	font-weight: normal;
	
}

.entry h2{
	
}

.entry h3{
	font-size: 18px;
}

.entry  h4{ font-size: 14px; }

.entry h5{ font-size: 12px; }

.entry h6{ font-size: 11px; }

.postinfo{}

.browse{
	margin: 0;
	padding: 0px 21px 20px 0;
        //Used to be (20,21,20,0), before I changed .post up there ^^^.  --Kelsey
}

.sidebar{
	float: left;
	width: 262px;
	margin: 0 0 0 15px;
	display: inline;
}

.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul li{
	margin: 20px 0 0;
	padding: 18px 20px 20px;
	border: 1px solid #999;
        background-color:#666666;

}

.sidebar ul li#search{
	padding: 0;
	border: 0;
	background-color: transparent;
}

.sidebar ul li#search input{
	margin: 0 0 5px;
}

.sidebar ul li h2{
	padding: 0 0 10px;
	color: #fff;
        font-weight:bold;
}

.sidebar ul ul{
	padding: 3px 0 0;
}

.sidebar ul ul li{
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 30px;
	background-color: transparent;
}

.sidebar ul ul ul{
	padding: 0;
}

.sidebar ul ul ul li{
	padding: 0 0 0 10px;
}


/* comments template */

.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #ccc;
	padding: 15px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

/* end comments template */

/* wp-calendar */

table#wp-calendar{
	width: 100%;
	text-transform: none;
	
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	padding: 2px;
	text-align: right;
	vertical-align: top;
	background: #eee;
}

table#wp-calendar td{
	padding: 2px;
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* end calendar */


#footer-wrap{
	float: left;
	width: 100%;
	color: #999;
}

#footer-wrap a{
	color: #ccc;
        font-weight:bold;
}

#footer{
	margin: 0 auto;
	width: 758px;
	padding: 0 0 20px 0;
	text-align: left;
background:url(images/mid_bg.gif) no-repeat;
}

/* Added by Kristopher */
.eli {border: none; margin: 4px 0 0 0; padding: 0}