/*
-----------------------------------------------------------
Theme Name: Crunchy Mustard
Theme URI: http://crunchymustard.com
Description: Custom design by <a href="http://www.blogwhatdesign.com">Blog What Design</a>
Version: 1.0
Author: Lara Chelak
Author URI: http://www.blogwhatdesign.com
-----------------------------------------------------------
*/

/* Basics */

body {
	margin: 0 auto;
	padding: 0;
	background: #B3EDDC url('bg.png') repeat-x;
	color: #4D7500;
	text-align: center;
	font-size: x-small;
	font-family: "Lucida Sans Unicode", "Times New Roman", serif;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	}
html>body {
	font-size: small;
	}
p, ol, ul {
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	}
p {
	margin: 0 0 1.2em 0;
	}
ol, ul {
	margin: 1.2em 0 1.2em 2em;
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0 0 0;
	padding: 0;
	color: #26C197;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.2em;
	font-variant: small-caps;
	font-weight: normal;
	background: none;
	}
h1, h2 {
	font-size: 1.8em;
	}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1.2em;
	}
h5 {
	font-size: 1.1em;
	}
h6 {
	font-size: 1.0em;
	}
a {
	color: #4D7500;
	text-decoration: none;
	background: #A8EAD7;
	border-bottom: 1px dotted #35D1A5;
	}
a:hover {
	color: #4D7500;
	text-decoration: none;
	background: #6BD6B5;
	border-bottom: none;
	}
blockquote {
	margin: -10px 35px 15px 20px;
	padding: 5px 0 0 15px;
	background: url(quote.gif) no-repeat;
	color: #4D7500;
	font-size: .9em;
	}
code {
	color: #000;
	font-size: 1.1em;
	font-family: monospace;
	}
input, textarea, select {
	background: #ABEBD8;
	border-bottom: 1px dotted #35D1A5;
	border-left: none;
	border-top: none;
	border-right: none;
	color: #4D7500;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.2em;
	}
form, img {
	border: 0; 
	margin: 0; 
	padding: 0;
	}
small, .note {
	color: #4D7500;
	font-size: 0.92em;
	}

.fontstrong {
	font-weight: bold;
}
.fontstrike {
	text-decoration: line-through;
}
.fontred {
	color: #FF0000;
}
.fontblue {
	color: #0000FF;
}

/* LAYOUT */

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 911px;
	height: auto;
	}

#header {
	margin: 0 auto;
	position: relative;
	width: 911px;
	height: 239px;
	background: url(header.png) no-repeat;
	}
	#header h1 { 
		position: absolute;
		top: 133px;
		left: 438px;
		margin: 0;
		width: 443px;
		height: 94px;
		}
	#header h1 a {
		display: block;
		padding: 94px 0 0 0;
		width: 443px;
		height: 94px;
		font-size: 0.1em;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		background:  none;
		border-bottom: none;
		}

#footer {
	width: 100%;
	height: 20px;
	padding: 80px 0 20px 0;
	background: #A9EBD7 url(footer.png) no-repeat top center;
	color: #15AF84;
	font-size: .9em;
	clear: both;
	}
	#footer a {
		color: #15AF84;
		}
#content {
	position: relative;
	float: right;
	display: inline;
	width: 507px;
	height: auto;
	margin: 0 0 0 0;
	
	text-align: left;
	}
	* html #content {
		margin: 0 -70px 0 0;
		}
	.post {
		background: #B3EDDC url(blogfiller.png) no-repeat top left;
		width: 507px;
		min-height: 372px;
		padding: 0 35px 20px 35px;
		margin: 0;
		}
	.storytitle {
		text-align: left;	
		color: #26C197; 
		background: none;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0;
		}
		.storytitle a {
		color: #26C197; 
		text-decoration: none;
		background:  none;
		border-bottom: none;
		}
	
	.postdata1A, .postdata1A a { 
		text-align: left;
		font-size: .9em;
		color: #5A8A00; 
		margin: 0 0 -3px 0;
		font-variant: small-caps;
		font-weight: normal;
		text-transform: uppercase;
		}
	.postdata1, .postdata1 a {
		text-align: left;
		color: #5A8A00; 
		font-size: .9em;
		margin: -4px 0 0 0;
		font-variant: small-caps;
		font-weight: normal;
		text-transform: uppercase;
		}
	.entry {
		height: auto;
		width: auto;
		margin: 18px 0 0 0;
		font-size: 1.01em;
		}
	#content .blogfloatr {
		float: right;
		margin: 0 0 2px 5px;
		padding: 4px;
		background: #6BD6B5;
		}
	.postdata2 { 
		width: auto;
		height: 49px;
		background: url(man.gif) left no-repeat;
		background-color: #A8EAD7;
		margin: -9px 0 10px 0;
		padding: 10px 0 4px 30px;
		text-align: left;
		color: #5A8A00; 
		font-size: .9em;
		font-variant: small-caps;
		text-transform: uppercase;
		border-bottom: 1px dotted #35D1A5;
		}
		.postdata2 a {
			color: #5A8A00; 
			text-decoration: none;
			}
		.postdata1 a:hover, .postdata1A a:hover {
			text-decoration: none;
			}
			.postdata2 a:hover {
				text-decoration: none;
				}
		
	
		
	.postnavigation, .postnavigation a { /* NEXT/PREVIOUS Links */
		font-size: 1.3em;
		color: #659D00; 
		font-variant: small-caps;
		text-align: center;
		margin: 0 0 30px 20px;
	}
	
	
	
	/* Comment Area */
	.commenttitle { /* "10 Comments for the Post "Lovely" */
		font-size: 1.2em;
		color: #26C197; 
		text-decoration: none;
		margin: 0;
		}
	
	.trackbacktitle {
		font-size: 1.2em;
		color: #26C197; 
		margin: 0;
		}
	
	ol .commentlist {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.commentlist li { /* the comment "box" */
		list-style: none;
		margin: 20px 10px 0 -28px;
		border-bottom: 1px dotted #35D1A5;
		background: #ABEBD8;
		padding: 10px;
		}
	.commentauthor {
		font-size: 1.2em;
		color: #15AF84; 
		margin: 10px 0 0 0;
		text-align: left;
		font-variant: normal;
		}
		*:first-child+html .commentauthor {
				margin: -3px 0 0 0;
			} 
			* html .commentauthor {
				margin: -3px 0 0 0;
					}

	.commentauthor a {
		text-decoration: none;
		color: #15AF84; 
		}
	.commentdate { 
		font-size: 1.1em;
		text-align: left;
		color: #15AF84; 
		margin: 0;
		font-variant: normal;
		} 
	.commenttext {
		margin: 6px 0 0 0;
		}
		
	.leavecomment { /* Leave Your Comment: */
		font-size: 1.2em;
		color: #26C197; 
		margin: 20px 0 0 0;
		}
		
	.commentnumber { 
		float: right;
		font-size: 2.8em;
		text-align: left;
		color: #26C197; 
		margin: 0;
		}	
		
	.commentinput { /* Comment input boxes and the text to the side of it */
		text-align: left;
		line-height: 130%;
		margin: 10px 0 10px 0;
		}
		
/*Sidebar*/

#sidebar {
	position: relative;
	float: left;
	display: inline;
	background: url(sidebar.png) no-repeat top;
	width: 404px;
	height: auto;
	margin: 0;
	padding: 0;
	}
		
	#linkholder {
		position: relative;
		width: auto; 
		height: auto;
		}
		* html #linkholder {
			text-align: left;
			margin:0;
			}
		#linkholder .home a {
			display: block;
			width: 57px;
			height: 24px;
			position: absolute;
			top: 54px;
			left: 82px;
			background: url(rollovers/home1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .home a:hover {
			background-position: 0 -24px;
			}
		#linkholder .about a {
			display: block;
			width: 85px;
			height: 27px;
			position: absolute;
			top: 80px;
			left: 112px;
			background: url(rollovers/about1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .about a:hover {
			background-position: 0 -27px;
			}
		#linkholder .about a {
			display: block;
			width: 85px;
			height: 27px;
			position: absolute;
			top: 80px;
			left: 112px;
			background: url(rollovers/about1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .about a:hover {
			background-position: 0 -27px;
			}
		#linkholder .contact a {
			display: block;
			width: 93px;
			height: 28px;
			position: absolute;
			top: 108px;
			left: 165px;
			background: url(rollovers/contact1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .contact a:hover {
			background-position: 0 -28px;
			}
		#linkholder .site a {
			display: block;
			width: 46px;
			height: 24px;
			position: absolute;
			top: 84px;
			left: 235px;
			background: url(rollovers/site1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .site a:hover {
			background-position: 0 -24px;
			}
		#linkholder .mockfrog a {
			display: block;
			width: 96px;
			height: 24px;
			position: absolute;
			top: 62px;
			left: 262px;
			background: url(rollovers/mockfrog1.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder .mockfrog a:hover {
			background-position: 0 -24px;
			}
			
				
	#sidebarholder {
		position: relative;
		width: 232px;
		height: auto;
		margin: 191px 0 0 93px;
		}
		*:first-child+html #sidebarholder {
			margin: 191px 0 0 0;
			} 
		* html #sidebarholder {
			margin: 191px 0 0 0;
			}
		#sidebarholder a {
			background:  none;
			}
		.Stext {
			margin: 0;
			padding: 0;
			font-size: .9em;
			line-height: 1.4em;
			text-align: left;
			}
			.Stext li a {
				text-decoration: none;
				background: #none;
				border-bottom: none;
				}
				
			.Stext img {
				padding: 4px 0 4px 0;
				background: #6BD6B5;
				margin: 5px 0 6px 0;
					}
				.Stext a {
					border-bottom: none;
					}
				.Stext img:hover {
					background: #5A8A00;
					}
					
			.Stext ul {
				margin: 0 0 0 18px;
				padding: 0;
				}
				.Stext li {
					margin: 0 0 0 0;
					width: 100%;
					list-style-image: url(bullet.gif);
					padding: 4px 2px 2px 0;
					background: none;
					border-bottom: 1px dotted #35D1A5;
					}
					.Stext li:hover {
						text-decoration: none;
						background: #ABEBD8;
						border-bottom: 1px dotted #35D1A5;
						}
		#wordspew input {
			border: none;
			}
			#wordspew #submitchat {
				background: #ABEBD8;
				border-bottom: 1px dotted #35D1A5;
				border-left: none;
				border-top: none;
				border-right: none;
				color: #4D7500;
				font-family: Georgia, "Times New Roman", serif;
				line-height: 1.2em;
				}
					
		.Sabout {
			background: url(titles/about.gif) no-repeat;
			width: 145px;
			height: 25px;
			margin: 8px 0 4px 0;
			}
		.Sblogroll {
			background: url(titles/blogroll.gif) no-repeat;
			width: 78px;
			height: 24px;
			margin: 20px 0 4px 0;
			}
		.Stweets {
			background: url(titles/twitters.png) no-repeat;
			width: 118px;
			height: 27px;
			margin: 20px 0 4px 0;
			}
		.Sgreatest {
			background: url(titles/greatest.gif) no-repeat;
			width: 101px;
			height: 32px;
			margin: 20px 0 4px 0;
			}
		.Scategories {
			background: url(titles/categories.gif) no-repeat;
			width: 130px;
			height: 25px;
			margin: 20px 0 4px 0;
			}
		.Smeta {
			background: url(titles/meta.gif) no-repeat;
			width: 84px;
			height: 33px;
			margin: 20px 0 4px 0;
			}
		.Smockfrog {
			background: url(titles/mockfrog.gif) no-repeat;
			width: 120px;
			height: 24px;
			margin: 20px 0 4px 0;
			}
		.Ssearch {
			background: url(titles/search.gif) no-repeat;
			width: 99px;
			height: 24px;
			margin: 20px 0 4px 0;
			}
		.Ssponsors {
			background: url(titles/sponsors.png) no-repeat;
			width: 118px;
			height: 42px;
			margin: 20px 0 4px 0;
			}