/*  
Theme Name: 	Avocado
Theme URI: 		http://themes.performancing.com/
Description: 	A cheerful 3-column theme painted in summery hues of green and orange. For WordPress 2.8 and up.
Version: 		3.0
Author: 		Sophia Lucero
Author URI: 	http://stellify.net/
Tags: 			green, orange, white, three-columns, right-sidebar, threaded-comments, microformats, sticky-post, fixed-width

Features:
- Custom PSD header file. (Note: image dimensions should not exceed 500x80 pixels.) Uses the Heineken Regular font (created by http://www.shamrocking.com/)
- Want a text-based header? Uncomment/comment the lines noted below (scroll down).
- Big "Subscribe" icon and a set of 3 smaller icons for RSS, email, and mobile subscriptions. See sidebar.php
- Drop-down menus for the header navigation using jQuery
- Supports widgets, gravatars, image attachments and galleries, threaded comments
- Gravatars
- Threaded comments
- New WP 2.8 functions: body_class(); the_author_meta('user_url') instead of the_author_url(); automatic_feed_links();
*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
code, pre, tt {
	font-family: Consolas, "Lucida Console", "Courier New", monospace;
	font-size: 1.1em;
}
abbr, acronym {
	border-bottom: 1px dotted #999;
}
body {
	text-align: center;
	font: 0.625em/200% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #d4e5a3;
}
#wrapper {
	background: #fff url(images/top-bg.png) top no-repeat;
	margin: 20px auto;
	width: 960px;
	text-align: left;
	padding-top: 20px;
}
/* header */
#header {
	width: 500px;
	height: 150px;
	background: #fff;
}

/* UNCOMMENT THESE LINES IF YOU WANT A TEXT-ONLY HEADER */
/*
	#header h1 {
		font-size: 3em;
		font-weight: bold;
	}
	#header h1, #header .description {
		margin: 0 20px 5px;
		overflow: hidden;
	}
*/
/* STOP COMMENTING OUT HERE */


/* COMMENT OUT THESE LINES IF YOU WANT A TEXT ONLY HEADER */
/* NOTE: HEADER IMAGE SHOULD NOT EXCEED 500x80 PIXELS */

	#header h1, #header h1 a { 
		width: 500px;
		height: 80px;
	}
	#header h1 {
		margin: 0 20px 20px;
		height: 80px;
		overflow: hidden;
	}
	#header h1 a {
		display: block;
		text-indent: -1000em;
		background: url(images/header.png) no-repeat;
	}
	#header .description {
		display: none;
	}

/* STOP COMMENTING OUT HERE */


#header .navigation {
	width: 500px;
	/* overflow: hidden; */
}
	#header .navigation li {
		float: left;
		width: 99px;
	}
	#header .navigation li a {
		color: #a7592e;
		background: #e8f4c2;
		display: block;
		padding: 5px 0;
		margin-right: 1px;
	}
	#header .navigation li a:hover, #header .navigation li.current_page_item a {
		background: #d4e5a3;
	}
#main {
	width: 960px;
	background: #fff url(images/main-bg.png) repeat-y;
}
/* posts */
#posts {
	width: 500px;
}
#posts .post {
	margin: 0 0 20px;
	padding-bottom: 40px;
	background: ;
}
#posts p, #posts .entry-content p, #posts .entry-content ul, #posts .entry-content ol, #posts .entry-content blockquote, #posts .entry-content table, #posts .entry-content pre, .commentlist, .commentlist li {
	margin: 20px 0;
}
#posts .entry-content ol, #posts .entry-content ul {
	margin: 20px 30px;
}
#posts blockquote {
	padding: 1% 20px;
	background: #e8f4c2;
}
/* cute as a button */
#posts .entry-content .comments, #commentsection .commentlist li .reply {
	text-align: right;
	margin: 20px 0 10px;
	overflow: hidden;
	height: 1%;
}
	#posts .entry-content .comments a, #commentsection .commentlist li .reply a {
		padding: 5px;
		background: #ffeeba;
		border-top: 3px solid #d4e5a3;
		border-right: 3px solid #d4e5a3;
		border-bottom: none !important;
		display: block;
		padding: 5px 15px;
		line-height: 20px;
		font-size: 0.85em;
		float: right;
		text-align: center;
	}
#commentsection .navigation {
	margin: 20px 0;
}
/* sidebar */
#searchform div {
	width: 360px;
	height: 40px;
	background: #d4e5a3;
}
#s {
	width: 305px;
	background: transparent;
	border: none;
	margin: 10px 10px 5px 10px;
	padding: 2px;
}
	#s:focus, #s:hover, #s:active {
		outline: none !important;
		background: #e8f4c2;
	}
#searchsubmit {
	width: 23px;
	height: 24px;
	margin: 8px 2px 4px 0;
}
#sidebar {
	background: #e8f4c2;
	width: 400px;
	position: relative;
	top: -150px;
}
	ul#primary {
		width: 180px;
	}
	ul#secondary {
		width: 160px;
	}
	#sidebar ul li h2 {
		margin: 0 0 5px;
	}
	ul.sidebar {
	}
	ul.sidebar li {
		margin: 20px 0;
		line-height: 150%;
	}
	ul.sidebar li ul {
		margin: 10px 0 20px;
		
	}
		ul.sidebar li ul ul {
			margin: 10px 0 0 10px;
			border-top: none;
		}
	ul.sidebar li ul li {
		margin: 0;
		padding: 5px 0;
		border-top: 2px solid #d4e5a3;
	}
		ul.sidebar li ul li:hover {
			border-color: #e4cc83;
		}
	ul.sidebar li ul li, #posts .post .entry-content ul li {

	}
	ul.sidebar li img {
		margin: 0 auto;
	}
	#subscribe {
		
	}
	#feed img {
		margin: 0 0 0 10px;
	}
	ul.sidebar .widget_tag_cloud {
		line-height: 200%;
	}
	ul.sidebar .widget_calendar table {
		width: 100%;
	}
		.widget_calendar tbody td {
			padding: 5px;
			background: #d4e5a3;
		}
		.widget_calendar td.pad {
			background: none;
		}
		.widget_calendar td a {
			display: block;
			font-weight: bold;
		}
			.widget_calendar td:hover, .widget_calendar td a:hover {
				background: #e8f4c2;
			}
#footer {
	background: #d4e5a3 url(images/bottom-bg.png) top no-repeat;
	padding: 40px 20px;
	overflow: hidden;
	height: 1%;
}
	#footer ul.navigation {
		float: left;
		width: 500px;
		text-align: left;
		overflow: hidden;
	}
	#footer ul.navigation li {
		border-right: 1px solid #777;
		float: left;
		padding: 0 5px;
	}
	#footer ul.navigation li.first {
		padding-left: 0;
	}
	#footer ul.navigation li.last {
		border: none;
	}
	#footer #copyright {
		float: right;
		width: 400px;
		text-align: right;
	}
/* common */
#posts .meta, #respond p {
	color: #999;
	padding: 5px 0 0;
	border-top: 2px solid #e8f4c2;
	margin-top: 10px;
}
ul.navigation, .commentlist, #sidebar ul {
	list-style: none outside; /* list items have extra left padding/margin without outside */
}
#pagetitle {
	margin: 0 20px 20px;
}
#header .navigation, #posts {
	margin: 20px;
}
#searchform, ul#primary  {
	margin: 0 20px;
}
/* floats */
#posts, #searchform, #s, #searchsubmit, #sidebar, ul#primary, ul#secondary, .alignleft {
	float: left;
	display: inline;
}
.alignright {
	float: right;
	display: inline;
}
.clear {
	clear: both;
	display: block;
}
#main .clear {
	min-height: 0; /* ie7 clear float */
}
.entry-content, .sidebar {
	overflow: hidden;
}
/* tables */
#posts .entry-content table { border-collapse: collapse; }
#posts .entry-content caption { padding: 5px 10px; }
#posts .entry-content tr, #posts .entry-content td, #posts .entry-content th { padding: 10px; }
#posts .entry-content th { background: #eee; }
#posts .entry-content table, #posts .entry-content td { border: 1px solid #999; }
/* sizes */
h1 {
	font-size: 2.4em;
	line-height: 1.2em;
}
h2 {
	font-size: 1.6em;
}
h3, #searchform, #sidebar h2 {
	font-size: 1.4em;
}
h4, big, #header .description, #posts .post .entry-content, #commentsection, #footer, #posts .navigation, #pagetitle {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6, #header .navigation, #posts .post .meta, #sidebar, #commentsection label {
	font-size: 1.1em;
}
small, #commentsection .meta, #commentsection .navigation { font-size: 0.85em; }
/* text styles */
#header .navigation, #header .navigation li, #posts p.error, #posts .navigation, #pagetitle {
	text-align: center;
}
#pagetitle, #s, #sidebar h2 {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .comments, #header .navigation li a, .entry-content a, .meta, #header .navigation {
	font-weight: normal;
}
#pagetitle, #sidebar h2, #header .description {
	color: #f49867;
}
/* links */
a, input, textarea, #posts .entry-content h1, #posts .entry-content h2, #posts .entry-content h3, #posts .entry-content h4, #posts .entry-content h5, #posts .entry-content h6, #commentsection h3, #commentsection label, #submit {
	color: #a7592e;
	text-decoration: none;
}
a:hover, #header h1 a, h1.entry-title a {
	color: #ec7636;
}
a img {
	border: none;
}
#posts .post .entry-content a, #commentsection .commentlist li .commenttext a, #respond a {
	border-bottom: 1px solid #a7592e;
}
/* plugins and widgets and ads */
.more-link {
	display: inline;
}
#posts .sociable {
	margin: 10px 0;
}

/* image styles */
	#posts .entry-content img { border: 2px solid #d4e5a3; }
	#posts .entry-content .alignnone { display: block; margin: 10px 10px 20px 0; }
	#posts .entry-content img.alignleft { margin: 10px 10px 20px 0; float: left; clear: left; }		
	#posts .entry-content img.alignright { margin: 10px 0 20px 10px; float: right; clear: right; }
	#posts .entry-content img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#posts .entry-content div.wp-caption { margin: 10px 10px 20px; background: #f5f5f5; overflow: hidden; padding: 10px; }
	#posts .entry-content div.alignleft { text-align: left; float: left; margin-left: 0; }
	#posts .entry-content div.alignright { text-align: right; float: right; margin-right: 0; }
	#posts .entry-content div.aligncenter { text-align: center; margin: 0 auto; }
		#posts .entry-content .wp-caption img { margin: 0 auto; border: none; }	
		#posts .entry-content .wp-caption-text { margin: 10px 5px; font-size: 0.85em; line-height: 1.3em; color: #555; }
	#posts .entry-content .gallery { margin: auto auto 20px; }
		#posts .entry-content .gallery .gallery-item { clear: none; margin: 0; }
		#posts .entry-content .gallery .gallery-icon, #posts .entry-content .gallery .gallery-caption { margin: 5px 0 5px 0; }
		#posts .entry-content .gallery .gallery-caption { text-align: left; font-size: 0.85em; line-height: 1.3em; color: #555; margin: 7px; }
	.attachment #posts .meta .navigation { margin: 5px 0 0; overflow: hidden; font-size: 120px; color: #d4e5a3; height: 80px; line-height: 60px; }
	.attachment #posts .meta .navigation .attachment-thumbnail { width: 80px; height: 80px; }
/* navigation */
.navigation div { width: 45%; }
	.navigation .alignleft { text-align: left; }
	.navigation .alignright { text-align: right; }
/* commentsection */
#commentsection {
	margin: 0 0 40px;
}
	#commentsection h3, #commentsection label, #submit { clear: both; }
	#respond p {
		color: #555;
		padding: 10px 0;
		margin: 0;
	}
		#respond .cancel-comment-reply { border: none; }
	#commentsection label {
		display: block;
		margin: 0 0 5px;
	}
	#author, #email, #url, #comment, #submit {
		border: 2px solid #e4cc83;
		padding: 5px;
		font-style: normal;
		color: #222;
		display: block;
		background: #fff;
		margin-bottom: 5px;
	}
	#author, #email, #url { width: 200px; }
	#comment { width: 97%; }
	#submit {
		background: #fff;
		padding: 10px;
		border-color: #a7592e;
		margin-top: 5px;
	}
	#respond input:hover, #respond input:focus, #respond input:active, #respond textarea:hover, #respond textarea:focus, #respond textarea:active { border-color: #a7592e; background: #d4e5a3; }
	
	#commentsection .commentlist {
		margin: 20px 0 10px;		
	}
	#commentsection .commentlist li.comment, #commentsection .commentlist li.pingback, #commentsection .commentlist li.trackback, #commentsection .commentlist li.alt {
		padding: 20px;
		border: 2px solid #e8f4c2;
		clear: both;
		list-style: none;
	}
	#commentsection .commentlist li.bypostauthor { border-color: #e4cc83; background: #f3ffd7; }
	#commentsection .commentlist li.pingback, #commentsection .commentlist li.trackback { background: #fff; }
	#commentsection .commentlist li blockquote { margin: 20px; }
	#commentsection .commentlist .children li { margin-bottom: 0; }
	#commentsection .commentlist .avatar {
		margin: 0 10px 0 0;
		float: left;
		background: #f5f5f5;
	}
/* border-radius (this will break css validation) */
#posts .comments a, #commentsection .commentlist li .reply a, #searchform div, #posts blockquote, #commentsection .commentlist li, #author, #url, #email, #comment, #submit, #s {
	border-radius: 5px;				/* css3 */
	-webkit-border-radius: 5px;		/* safari, chrome */
	-moz-border-radius: 5px;		/* firefox, mozilla */
	-khtml-border-radius: 5px;		/* linux browsers */
}
/* suckerfish dropdown */
#header .navigation { /* all lists */
	display: block;
} 
#header .navigation li { /* all list items */
	float: left;
	position: relative;
	z-index: 1000;
	list-style: none;
	zoom: 1;
} 
#header .navigation li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	text-align: left;
	clear: both;
}
#header .navigation li ul li {
	text-transform: none;
	clear: both;
	width: 180px;
	text-align: left;
}
#header .navigation li ul li a {
	padding-left: 10px;
	margin-top: 1px;
	background: #d4e5a3;
}
#header .navigation li ul li a:hover {
	background: #e4cc83;
}