/* 
Theme Name: Zombuki 2008
Theme URI: http://www.guitarangel.net/downloads/
Description: A theme created for Zombuki.com.
Version: 1.0
Author: Melissa Ward
Author URI: http://www.guitarangel.net
Tags: black, grey, white, cute

	Usage License: http://creativecommons.org/licenses/by-nc-nd/3.0/
	
*/

/* ---- GENERAL & TYPOGRAPHY ---- */

* { padding:0; margin:0; }

body { 
background: #4c4c4c url("images/bg.gif");
background-attachment:fixed;
font: 0.7em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #3d3d3d;
} 

img { border: 0; }

a:link, a:visited {
color:#429f96;
text-decoration:none;
}

a:hover {
color:#f66ca0;
text-decoration:none;
}

abbr, acronym { border-bottom: 1px dotted #000; }

blockquote, pre {
background:#e3e3e3; 
border-bottom: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8; 
margin:10px 20px;
padding:10px;
}

blockquote p, pre p {
margin:0;
padding:0;
}

q { 
font: italic normal normal 1.1em/1.7em Verdana, Arial, Helvetica, sans-serif; 
color:#616161; 
}

q:before, q:after { content: ""; }

pre, code { overflow: auto; }
small { }

#wrapper {
margin:0 auto;
clear:both;
width:723px;
background:#fff;
}


/* ---- HEADER ---- */

#header {
background: url("images/header.gif") no-repeat top left;
width:723px;
height:149px;
border-bottom: 1px solid #cccccc;
}

	#header h1 { visibility:hidden; }


/* ---- NAVIGATION ---- */

#navigation { 
margin: 108px auto 0;
}

	#navigation ul {
	width:100%;
	text-align:center;
	}

	#navigation ul li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}
	
	#navigation ul li a:link, #navigation ul li a:visited { 
	color:#000; 
	text-decoration:none; 
	text-transform:uppercase;
	}
	
	#navigation ul li a:hover { 
	color:#f66ca0; 
	text-decoration:none; 
	border-bottom: 1px solid #000; 
	text-transform:uppercase;
	}
	
/* ---- CONTENT ---- */	

#content {
float:left;
width:530px;
}

#content-wide {
width:100%;
}

	.paging, .entry-paging, .page-paging { text-align:center; }
	
		.paging a {
		display: block;
		width: 80px;
		padding: 1px;
		margin: 0 auto 10px;
		background:#e3e3e3;
		border-right:1px solid #b8b8b8;
		border-bottom:1px solid #b8b8b8;
		font-size:0.9em;
		color:#000;
		}
		
		.paging a:hover {
		background:#fff;
		}

	.img-left {
	float:left;
	clear:left;
	margin:10px 10px 10px 0;
	background:#e3e3e3;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	display:inline;
	}
	
		.img-left img { padding:5px; }
	
	.img-right {
	float:right;
	clear:right;
	margin:10px 0 10px 10px;
	background:#e3e3e3;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	display:inline;
	}
	
		.img-right img { padding:5px; }

	ul {
	padding-left:1em;
	margin:5px 0;
	} 

		ul li { 
		margin: 0 0 0 15px;
		}

	ol { 
	padding-left:1em;
	margin:5px 0;
	}

		ol li { 	margin: 0 0 0 20px; }

	dl { margin:5px 0; }

		dt { font-weight:bold; }

		dd { }

	p { padding: 8px 0 0 0; }
	
	.entry, .page, .image { margin:10px 5px 15px 15px; }

		h3.entry-title, h2.page-title, h3.image-title {
		font: normal normal bold 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif; 
		}
		
		#content h4 {
		color:#6c6c6c;
		font: normal normal bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; 
		padding: 15px 0 0 0;
		border-bottom: 1px dotted #dfdfdf;
		}
		
		.entry-date, .image-date { 
		font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif; 
		color:#b5b5b5;
		}
		
		.entry-text , .page-text, .image-text { }
		
		.entry-meta, .image-meta { 
		margin: 10px 0 0 0;
		text-align:center;
		color:#b8b8b8;
		}
		
		.image-attachment { 
		margin:10px 0;
		text-align:center;
		}
		
			.image-attachment img {
			padding:5px;
			background:#e3e3e3;
			border-right:1px solid #b8b8b8;
			border-bottom:1px solid #b8b8b8;
			}
			
		.image-caption {
		text-align:center;
		font-style:italic;
		}
		
	.gallery, .gallery-mini {
	margin: 20px 0 20px 10px;
	}

	.gallery img {
        width:120px;
	padding:5px;
	background:#e3e3e3;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	width:120px;
        }
	
	.gallery a img:hover , .gallery-mini a img:hover {
	background:#fff;
	}
	
	.gallery-mini img {
	padding:5px;
	margin:0 5px 5px 0;
	background:#e3e3e3;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	}
	
	


/* ---- PAGE :: SEARCH RESULTS, 404, & ARCHIVES ---- */

span.searchquery {
font-size:110%;
font-style:italic;
padding:2px;
background:#bff5ef; 
}

#tagcloud { }

.result , .archive {
margin:10px 0;
padding:10px;
background:#efefef; 
border-bottom: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8; 
}
	
	h3.result-title, h3.archive-title { }

	.result-date, .archive-date {
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif; 
	color:#b5b5b5;
	}
	
	.result-text, .archive-text  { }
	
	.result-meta, .archive-meta { 
	margin: 5px 0 0;
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif; 
	color:#b8b8b8;
	}


/* ---- COMMENTS ---- */

.comments-wrap { margin:10px 20px; }

	h4.comments-title { 
	font: normal normal bold 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; 
	}

	p.approval { 
	margin: 5px auto;
	width:80%;
	background:#fff;
	font: italic normal bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; 
	padding:2px;
	text-align:center;
	border-bottom: 1px solid #b8b8b8; 
	border-right: 1px solid #b8b8b8; 
	}
	
	.comment-author {
	margin: 10px 0;
	padding:10px;
	background:#e9f9f6; 
	border-bottom: 1px solid #429f96;
	border-right: 1px solid #429f96;
	}

		.comment-author .gravatar, .comment-visitor .gravatar  { 
		float:right;
		margin: 0 5px 0 10px;
		padding:0;
		} 
		
			.comment-author .gravatar img, .comment-visitor .gravatar  img { 
			border: 1px solid #808080; 
			}
		
		.comment-author .comment-name, .comment-visitor .comment-name {
		font-size:1.3em;
		font-weight:bold;
		}
		
			.comment-author .comment-name a {
			color:#000;
			text-decoration:none;
			}
			
			.comment-author .comment-name a:hover {
			color:#000;
			text-decoration:none;
			border-bottom:1px solid #f66ca0;
			}
		
		.comment-author .comment-text { }
		
		.comment-author .comment-meta, .comment-visitor .comment-meta { 
		font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif; 
		color:#b8b8b8;
		}

	.comment-visitor {
	margin: 10px 0;
	padding:10px;
	background:#f7f6f6; 
	border-bottom: 1px solid #b8b8b8; 
	border-right: 1px solid #b8b8b8; 
	}
		
		.comment-visitor .comment-text { }
		
	#commentform { }
	
		#commentform label { 
		color:#b5b5b5;
		}
			
		#commentform input, #commentform textarea, #commentform #submit { 
		font: 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #e3e3e3;
		background:#fff;
		color:#646464;
		padding:3px;
		}

			#commentform input:focus { 
			border:1px solid #429f96;
			}

		#commentform textarea { 
		width:100%;
		}

			#commentform textarea:focus {
			border:1px solid #429f96;
			}

		#commentform #submit { 
		}

		p.allowed-tags {
		font-size:0.8em;
		color:#b5b5b5;
		}
		

/* ---- SIDEBAR ---- */
/* See "functions.php" for other customization. */
	
#sidebar {
float:right;
width:160px;
padding: 10px;
}

	#sidebar #searchform { clear:both; }
	
	#sidebar #searchform input {
	float:left;
	border: 1px solid #bebebd;
	background: #fff;
	color: #333;
	padding: 2px;
	font: 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif; 
	margin:0 0 0 10px;
	}

	.widget {
	margin: 0 0 20px 0;
	}
	
	h5.widget-title { 
	font: normal small-caps bold 1.0em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	.widget ul {
	padding-left:1em;
	margin-left:0;
	}
	
	.widget ul li { }
	
	/* Optional Widget Styles */
	#calendar_wrap {
	width:100%;
	} 
	
		table#wp-calendar {
		padding:5px;
		width:100%;
		}
		
			table#wp-calendar caption { 
			font: normal small-caps normal 1.0em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
			}

			table#wp-calendar thead { }
			
				table#wp-calendar th {
				color:#b5b5b5;
				font-size:0.9em;
				}
			
			table#wp-calendar tbody { }
			
				table#wp-calendar tbody td { 
				font-size:0.9em;
				border-right: 1px solid #e3e3e3; 
				border-bottom: 1px solid #e3e3e3;
				text-align:center;
				padding:2px;
				}
			
				table#wp-calendar td#today { 
				background:#d3f2ec;
				border-right: 1px solid #4a4a4a; 
				border-bottom: 1px solid #4a4a4a;
				}

			table#wp-calendar tfoot { }
			
				table#wp-calendar tfoot td#prev { }
				
				table#wp-calendar tfoot td#next { }


/* ---- FOOTER ---- */

#footer {
background: #cecece url("images/footer.gif") repeat-x top left;
width:723px;
}

	#footer p {
	width:100%;
	text-align:center;
	padding:20px 0 10px;
	}