/* --
Theme Name: Perishable
Theme URI: http://perishable.biz/
Description: Exclusive theme for Perishable by Monzilla Media
Tags: fixed width, variable columns, full header, full footer
Version: 1.1
Author: Jeff Starr @ Monzilla Media
Author URI: http://monzilla.biz/
All Rights Reserved | Copyright © 2009 Perishable
Perishable version 1.1 - March 31st, 2009.
-- */

* { 
	outline: 0 none;
	padding: 0;
	margin: 0;
	}
/* scale images more smoothly in IE */
img { -ms-interpolation-mode: bicubic; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 62.5%;
	background: #fff;
	color: #000;
	}

#header {
	background: #fff url(images/bgt.jpg) repeat-x center top;
	height: 159px;
	}
	#header h1 a {
		background: url(images/sprite.png) no-repeat 0 0;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		margin: 0 auto;
		height: 121px;
		width: 453px;
		}
	#header h1 a:hover { 
		background: url(images/sprite.png) no-repeat 0 -121px; 
		}

.wrap {
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
	width: 750px;
	}

/* top nav menu */

#menu {
	position: relative;
	overflow: hidden;
	/*float: left;*/
	width: 100%;
	}
#menu ul {
	text-align: center;
	position: relative;
	list-style: none;
	padding-left: 0;
	/*clear: left;*/
	float: left;
	left: 50%;
	}
#menu ul li {
	position: relative; 
	display: block;
	margin: 0 11px;
	height: 81px;
	float: left;
	right: 50%;
	}
	#menu ul li a {
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		margin: 0 auto;
		height: 81px;
		}
		#menu ul li.chunks  { width: 149px; }
		#menu ul li.photoz  { width: 169px; }
		#menu ul li.artwerk { width: 188px; }
		#menu ul li.mixed   { width: 156px; }

		#menu ul li.chunks a {
			background: url(images/sprite.png) no-repeat 0 -1562px;
			width: 149px;
			}
		#menu ul li.chunks a:hover { 
			background: url(images/sprite.png) no-repeat 0 -1649px;
			}
		#menu ul li.photoz a {
			background: url(images/sprite.png) no-repeat 0 -1040px;
			width: 169px;
			}
		#menu ul li.photoz a:hover {
			background: url(images/sprite.png) no-repeat 0 -1127px;
			}
		#menu ul li.artwerk a {
			background: url(images/sprite.png) no-repeat 0 -1214px;
			width: 188px;
			}
		#menu ul li.artwerk a:hover {
			background: url(images/sprite.png) no-repeat 0 -1301px;
			}
		#menu ul li.mixed a {
			background: url(images/sprite.png) no-repeat 0 -1388px;
			width: 156px;
			}
		#menu ul li.mixed a:hover {
			background: url(images/sprite.png) no-repeat 0 -1475px;
			}

/* scaffolding */

.section {
	overflow: hidden;
	width: 100%;
	}

/* image post squares */

.post {
	padding-bottom: 17px;
	margin-left: 15px;
	overflow: hidden;
	width: 230px;
	float: left;
	clear: none;
	}
	.post p {
		line-height: 1.0em;
		margin-left: 7px;
		float: left;
		}
		.post p small {
			text-transform: lowercase;
			padding-bottom: 3px;
			font-size: 0.8em;
			display: block;
			margin: 3px;
			float: left;
			clear: both;
			}
			.post p small a:link, .post p small a:visited {
				text-decoration: none;
				border: 0 none;
				color: #000;
				}
			.post p small a:hover, .post p small a:active {
				border-bottom: 1px solid #660000;
				text-decoration: none;
				color: #660000;
				}
		a.thumbnail:link, a.thumbnail:visited {
			border-bottom: 7px solid #000;
			border-right: 8px solid #000;
			border-left: 8px solid #000;
			border-top: 7px solid #000;
			text-decoration: none;
			display: block;
			float: left;
			}
		a.thumbnail:hover, a.thumbnail:active {
			text-decoration: none;
			border-color: #660000;
			}
		.post a img {
			border: 0 none;
			display: block;
			float: left;
			}

/* single & tag post text */

.text {
	overflow: hidden;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	width: 485px;
	float: right;
	clear: none;
	}
.text.note {
	margin-bottom: 11px;
	min-height: 1px; /* remove set height for variable notebook posts */
	height: auto !important;
	height: 1px;
	}
	.text p {
		margin: 0.3em 0 0.7em 0;
		line-height: 1.5em;
		font-size: 1.4em;
		}
	.text ul, .text ol {
		list-style-position: outside;
		margin: 0.3em 0 0.7em 2.0em;
		line-height: 1.5em;
		font-size: 1.4em;
		}
	.text li {
		margin: 0.7em 0;
		}
	.text h3 {
		margin: 0.3em 0 0.5em 0;
		font-weight: bold;
		font-size: 1.8em;
		}
		.text h3 a:link, .text h3 a:visited {
			text-decoration: none;
			border: 0 none;
			color: #000;
			}
		.text h3 a:hover, .text h3 a:active {
			border-bottom: 1px solid #000;
			text-decoration: none;
			color: #000;
			}

/* tag archive post sections */

.tag {
	padding-bottom: 1.3em;
	}

/* right-hand stats information */

.stats {
	margin: 7px 25px 11px 0;
	padding-bottom: 0.3em;
	text-align: right;
	overflow: hidden;
	float: right;
	clear: none;
	width: 40%;
	}

/* tags + post, meta, & stats links */

.text .tags, .meta .tags {
	padding-bottom: 0.3em;
	line-height: 1.5em;
	font-style: normal;
	text-align: left;
	font-size: 1.2em;
	}
	.text a:link, .text a:visited, 
	.meta a:link, .meta a:visited, 
	.stats a:link, .stats a:visited {
		border-bottom: 1px solid #660000;
		text-decoration: none;
		color: #660000;
		}
	.text a:hover, .text a:active, 
	.meta a:hover, .meta a:active, 
	.stats a:hover, .stats a:active {
		border-bottom: 3px solid #660000;
		text-decoration: none;
		color: #660000;
		}

/* single & tag meta info */

.meta {
	overflow: hidden;
	float: right;
	width: 485px;
	clear: none;
	}
	.meta p {
		padding-bottom: 0.3em;
		font-style: italic;
		font-size: 1.3em;
		}

/* archive-page nav */

#nav {
	position: relative;
	top: -7px;
	}
	.older a {
		background: url(images/sprite.png) no-repeat 0 -3128px;
		text-indent: -9999px;
		margin-left: 25px;
		overflow: hidden;
		display: block;
		height: 43px;
		width: 177px;
		float: left;
		clear: none;
		}
		.older a:hover { 
			background: url(images/sprite.png) no-repeat 0 -3215px; 
			}
	.newer a {
		background: url(images/sprite.png) no-repeat 0 -3302px;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		height: 43px;
		width: 101px;
		float: left;
		clear: none;
		}
		.newer a:hover { 
			background: url(images/sprite.png) no-repeat 0 -3389px; 
			}

/* single-page nav */

#nav-single {
	position: relative;
	top: -7px;
	}
	#nav-single .older a {
		background: url(images/sprite.png) no-repeat 0 -2780px;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		height: 43px;
		width: 126px;
		float: left;
		clear: none;
		}
		#nav-single .older a:hover { 
			background: url(images/sprite.png) no-repeat 0 -2867px; 
			}
	#nav-single .newer a {
		background: url(images/sprite.png) no-repeat 0 -2954px;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		height: 43px;
		width: 92px;
		float: left;
		clear: none;
		}
		#nav-single .newer a:hover { 
			background: url(images/sprite.png) no-repeat 0 -3041px; 
			}

/* general styles */

hr {
	visibility: hidden;
	display: none;
	}
p {
	line-height: 1.3em;
	font-size: 1.2em;
	}
h4 {
	font-weight: bold;
	font-size: 1.8em;
	}
code {
	font-size: 1.2em;
	color: #333;
	}
.case {
	text-transform: lowercase;
	}
.caps {
	text-transform: capitalize;
	}
.upper {
	font-variant: small-caps;
	}
.hide {
	visibility: hidden;
	display: none;
	}
.grey {
	color: #777;
	}

/* index page subheading */

#index {
	background: url(images/sprite.png) no-repeat 0 -1823px;
	padding-bottom: 11px;
	text-indent: -9999px;
	margin-left: 25px;
	overflow: hidden;
	display: block;
	height: 34px;
	width: 205px;
	float: left;
	clear: none;
	}

/* archive, category, tag */

#category {
	padding-bottom: 11px;
	text-indent: -9999px;
	margin-left: 25px;
	overflow: hidden;
	display: block;
	height: 34px;
	width: 376px;
	float: left;
	clear: none;
	}
	.chunks-archives  { background: transparent url(images/sprite.png) no-repeat 0 -605px;  }
	.artwork-archives { background: transparent url(images/sprite.png) no-repeat 0 -692px;  }
	.mixed-archives   { background: transparent url(images/sprite.png) no-repeat 0 -779px;  }
	.photos-archives  { background: transparent url(images/sprite.png) no-repeat 0 -866px;  }
	.notebook-archive { background: transparent url(images/sprite.png) no-repeat 0 -3476px; }
	.search-archive   { background: transparent url(images/sprite.png) no-repeat 0 -3650px; }
	.official-page    { background: transparent url(images/sprite.png) no-repeat 0 -3737px; }
	.tag-archive      { background: transparent url(images/sprite.png) no-repeat 0 -3563px; }

/* comments display */

#comment_area {
	overflow: hidden;
	margin: 25px 0;
	width: 485px;
	float: right;
	clear: both;
	}
	#comment_area a:link, #comment_area a:visited {
		border-bottom: 1px solid #660000;
		text-decoration: none;
		color: #660000;
		}
	#comment_area a:hover, #comment_area a:active {
		border-bottom: 3px solid #660000;
		text-decoration: none;
		color: #660000;
		}
	#comment_area .number a:link, #comment_area .number a:visited,
	#comment_area .number a:hover, #comment_area .number a:active {
		border: 0 none;
		}
	div.comment_wrap {
		margin: 1.1em 0 1.7em 0;
		overflow: hidden;
		width: 100%;
		}
		div.comment_left {
			padding-bottom: 7px;
			margin-top: 0.3em;
			float: left;
			clear: none;
			width: 60px;
			}
			div.author {
				background: url(images/author.png) no-repeat 0 62px;
				}
			div.comment_left img.avatar {
				background: url(images/blank.png) no-repeat center center; 
				border: 3px solid #ccc;
				padding: 1px;
				}
		div.comment_right {
			overflow: hidden;
			width: 400px;
			float: right; 
			clear: none;
			}
			div.comment_right p {
				font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
				margin: 0.3em 0 0.7em 0;
				}
			div.comment_right p.comment_meta {
				font: 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
				margin: 0;
				}
			.moderation {
				color: #cc0000;
				}

/* comments form */

form#comment_form p {
	margin: 0.7em 0 0.3em 0;
	letter-spacing: 1px;
	font-size: 1.1em;
	color: #777;
	}
	form#comment_form p#comment_info {
		margin-top: 0.1em;
		}
		form#comment_form fieldset {
			border: 0 none;
			}
		form#comment_form input.input:focus, 
		form#comment_form textarea:focus {
			border: 2px inset #777;
			background: #fff;
			color: #111;
			}
		form#comment_form input.input, 
		form#comment_form textarea {
			font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
			border: 2px inset #999;
			background: #fefefe;
			padding: 3px;
			width: 275px;
			color: #555;
			}
		form#comment_form textarea {
			overflow: auto; /* remove ie scrollbar */
			width: 325px;
			}
		form#comment_form input#submit {
			padding: 3px 7px;
			}

/* explore blog */

#explore {
	background: #450000 url(images/bgb.jpg) repeat-x center top;
	margin-top: 25px;
	}
	#explore h2 {
		background: transparent url(images/sprite.png) no-repeat 0 -363px;
		margin: 0 auto 25px auto;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		height: 155px;
		width: 308px;
		}
	#blog {
		overflow: hidden;
		color: #fff;
		float: left;
		clear: none;
		width: 45%;
		}
		#blog h3 {
			background: transparent url(images/sprite.png) no-repeat 0 -953px;
			text-indent: -9999px;
			margin-bottom: 25px;
			overflow: hidden;
			display: block;
			height: 36px;
			width: 279px;
			}
		#blog p {
			margin: 0.8em 0 2.0em 0;
			line-height: 1.5em;
			font-size: 1.4em;
			}
		#blog a:link, #blog a:visited {
			text-decoration: none;
			border: 0 none;
			color: #fff;
			}
		#blog a:hover, #blog a:active {
			border-bottom: 1px solid #fff;
			text-decoration: none;
			color: #fff;
			}
		#blog .more {
			margin: -0.7em 3.3em 1.7em 0;
			text-transform: lowercase;
			padding-bottom: 0.3em;
			float: right;
			}

/* explore links */

#links {
	text-align: right;
	overflow: hidden;
	float: right;

	clear: none;
	width: 45%;
	}
	#links #s {
		background: #996666 url(images/search.png) no-repeat center center;
		font: 1.4em Georgia, "Times New Roman", Times, serif;
		margin-bottom: 1.5em;
		width: 250px;
		padding: 7px;
		color: #fff;
		}
	#links #s:active, #links #s:focus/*, #links #s:hover*/ {
		background: #996666;
		}
	#links ul {
		margin: 0.5em 0 1.5em 5.0em;
		list-style-type: none;
		overflow: hidden;
		text-align: left;
		width: 250px;
		}
	/* target IE7 and IE6 */
	*:first-child+html #links ul {
		padding-right: 3.3em; /* IE7 */
		}
	* html #links ul { 
		padding-right: 3.3em; /* IE6 */
		}
		#links ul li {
			list-style-type: none;
			display: block;
			height: 36px;
			width: 220px;
			float: right;
			clear: both;
			}
		#links ul li a {
			text-indent: -9999px;
			overflow: hidden;
			display: block;
			height: 36px;
			width: 220px; 
			}
		#links ul li.archives a        { background: transparent url(images/sprite.png) no-repeat 0 -1910px; }
		#links ul li.archives a:hover  { background: transparent url(images/sprite.png) no-repeat 0 -1997px; }
		#links ul li.contact a         { background: transparent url(images/sprite.png) no-repeat 0 -2084px; }
		#links ul li.contact a:hover   { background: transparent url(images/sprite.png) no-repeat 0 -2171px; }
		#links ul li.subscribe a       { background: transparent url(images/sprite.png) no-repeat 0 -2258px; }
		#links ul li.subscribe a:hover { background: transparent url(images/sprite.png) no-repeat 0 -2345px; }
		#links ul li.about a           { background: transparent url(images/sprite.png) no-repeat 0 -2432px; }
		#links ul li.about a:hover     { background: transparent url(images/sprite.png) no-repeat 0 -2519px; }
		#links ul li.policy a          { background: transparent url(images/sprite.png) no-repeat 0 -2606px; }
		#links ul li.policy a:hover    { background: transparent url(images/sprite.png) no-repeat 0 -2693px; }

blockquote {
	font-size: 1.4em;
	float: right;
	color: #fff;
	clear: both;
	width: 100%;
	}
	.quote {
		position: relative;
		margin-right: 7px;
		font-size: 300%;
		top: 17px;
		}
	.first {
		margin-top: 50px;
		text-align: left;
		display: block;
		float: right;
		clear: both;
		width: 77%;
		}
	.second {
		margin-top: -25px;
		display: block;
		float: right;
		clear: both;
		width: 70%;
		}

/* footer */

#explore h5 {
	font-weight: lighter;
	text-align: center;
	font-size: 1.0em;
	padding: 5.0em 0;
	clear: both;
	color: #fff;
	}
	#explore h5 a:link, #explore h5 a:visited {
		border-bottom: 1px solid #fff;
		text-decoration: none;
		color: #fff;
		}
	#explore h5 a:hover, #explore h5 a:active {
		border-bottom: 3px solid #fff;
		text-decoration: none;
		color: #fff;
		}

/* archives */

.perishable-archives {
	overflow: hidden;
	margin: 2.0em 0;
	width: 100%;
	}
	.perishable-archives p {
		line-height: 1.7em;
		}
.left {
	float: left;
	clear: none;
	width: 45%;
	}
.right {
	float: right;
	clear: none;
	width: 45%;
	}




/* ALL YOUR CODE ARE BELONG TO POETRY */