/*
Theme Name: Folklore Board
Theme URI: http://lifesgarbage.com
Description: lifesgarbage.com main theme, built off of Starkers.
Author: Rebecca Jones
Author URL: http://lifesgarbage.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body
{
margin: 0;
padding: 0;
font-size: 75%;
font-family: verdana;
color: #000;
background-color: #fff;
background-image: url(images/bg.jpg);
}

#wrapper
{
margin: 0px auto;
width: 100%;
color: #333;
}

	#top
	{
	margin-bottom: 25px;
	background-color: #353535;
	height: 100px;
	}

#headwrap
{
margin: 0px auto;
width: 1000px;
}

	#masty
	{
	height: 53px;
	width: 400px;
	float: left;
	padding: .5em;
	margin-top: 20px;
	background-image: url(images/masty.jpg) 
	}

#navigation
{
float: right;
padding: .5em;
background-color: #353535;
}

	ul#nav li {
	padding: 0;
	margin: 0:
	display:block;
	float:left;
	list-style-type:none;
	}

	ul#nav li a {
	display:block;
	height:50px; width:70px;
	background:transparent url(images/navigation.jpg) no-repeat 0 	0;
	text-indent:-9009px;
	}

	ul li#writing a {
	width: 74px;
	background-position: -70px 0;
	}

	ul li#links a {
	width: 51px;
	background-position: -144px 0;
	}

	ul li#blog a {
	width: 56px;
	background-position: -195px 0;
	}

	ul#nav li a:hover {
	background-position: 0 -50px;
	}

	ul li#writing a:hover {
	background-position: -70px -50px;
	}

	ul li#links a:hover {
	width: 51px;
	background-position: -144px -50px;
	}

	ul li#blog a:hover {
	width: 56px;
	background-position: -195px -50px;
	}
	
#bodywrap
{
margin: 0px auto;
width: 1100px;
}

#leftnav
{
float: left;
width: 240px;
padding: 0;
font-size: 95%;
line-height: 120%;
margin-right: 42px;
}

	#box
	{
	float: left;
	width: 240px;
	margin: 0;
	margin-bottom: 20px;
	padding: 1em;
	background-color: #fff;
	}

	#flickr
	{
	float: left;
	width: 240px;
	margin: 0;
	margin-bottom: 20px;
	padding: 1em;
	text-align: center;
	background-color: #fff;
	}

		#flickr a img 
		{
		float: left;
		margin: 5px;
		background: #eaeaea;
		width: 100px;
                border: 5px solid #eaeaea; 
		}

		#abouthead
		{
		float: left;
		width: 263px;
		height: 68px;
		padding: 0;
		margin: 0;
		background-image: url(images/about.jpg);
		background-color: #fff;
		}

		#zunehead
		{
		float: left;
		width: 263px;
		height: 68px;
		padding: 0;
		margin: 0;
		background-image: url(images/zune.jpg);
		background-color: #fff;
		}


		#wishlisthead
		{
		float: left;
		width: 263px;
		height: 68px;
		padding: 0;
		margin: 0;
		background-image: url(images/wishlist.jpg);
		background-color: #fff;
		}

		#flickrhead
		{
		float: left;
		width: 263px;
		height: 68px;
		padding: 0;
		margin: 0;
		background-image: url(images/flickr.jpg);
		background-color: #fff;
		}



#rightnav
{
float: right;
width: 240px;
margin: 0;
padding: 0;
font-size: 95%;
line-height: 120%;
}

	#box2
	{
	float: right;
	width: 240px;
	margin: 0;
	margin-bottom: 20px;
	padding: 1em;
	background-color: #fff;
	}

	#twitterbox2
	{
	float: right;
	width: 240px;
	margin: 0;
	padding: 1em;
	background-color: #fff;
	}

	#twitterbox
	{
	float: right;
	width: 215px;
	padding: 1em;
	margin-top: -11px;
	background-color: #eaeaea;
	}

	#twitterhead
	{
	float: right;
	width: 263px;
	height: 68px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	background-image: url(images/twitter.jpg);
	}

	#twitterfoot
	{
	float: right;
	width: 263px;
	height: 29px;
	padding: 0;
	margin-bottom: 20px;
	background-color: #fff;
	background-image: url(images/twitterfoot.jpg);
	}

	#twitter_update_list 
	{ 
	padding: 0; 
	margin: 0; 
	}

	#twitter_update_list li 
	{ 
	list-style-type: none; 
	margin: 0 0 0 0; 
	}

	#novelhead
	{
	float: right;
	width: 263px;
	height: 68px;
	padding: 0;
	margin: 0;
	background-color: #fff;
	background-image: url(images/novel.jpg);
	}







#content
{
float: left;
width: 510px;
padding: 1em;
background-color: #fff;
line-height:150%;
margin-bottom: 25px;
}

         #archives
         {
         float: left;
         width: 490px;
         background-image: url(images/archives.gif);
         }

#footer
{
clear: both;
color: #fff;
background-color: #353535;
padding: 10px;
text-align: center;
}

img {
border: 5px solid #eaeaea; 
}

a:link { 
color:#1e70c4;
font-family: verdana;
letter-spacing: 0px;
font-style: normal;
text-decoration: none;
font-weight: bold;
}

a:visited { 
color:#1e70c4;
font-family: verdana;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a:hover { 
font-family: verdana;
letter-spacing: 0px;
color:#999;
font-style: normal;
font-weight: bold;
}

blockquote {
background-image: url(images/closequote.jpg);
background-repeat: no-repeat;
background-position: right bottom;
padding-left: 30px;margin-left:0px;
padding-right: 30px;
font-style: italic;
}

blockquote p:first-child {
background-image: url(images/openquote.jpg) !important;
background-repeat: no-repeat;
background-position: left top;
font-style: italic;padding-top:10px;padding-left:30px;

}
blockquote p {padding-left:40px;}


h1 {
font-family: georgia;
font-size: 12px;
text-transform: uppercase;
}

h2 {
margin: 0;
padding-bottom: 10px;
font-family: georgia;
font-size: 35px;
text-transform: uppercase;
line-height: 100%;
text-align: center;
padding-bottom: 40px;
background: url(images/border.gif) bottom no-repeat;
}

h3 {
font-family: georgia;
font-size: 20px;
text-transform: uppercase;
margin-bottom: -10px;
}

.commentlist li {
 	padding: 8px 18px 22px 18px;
	margin-top:15px;
	background:#353535 url(images/bg_commentlist.gif) bottom no-repeat;
	color:#fff;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#1e70c4;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#999;
	text-decoration:none;
	}

#searchform label {
	position:absolute;
	top:-1500px;
	left:-1500px;
}

.wp-smiley {
  border: none;
}