@import "styles/reset.css";
@import "styles/html.css";

body {
	background-color:#d3d3d4;
	color: #362b1e; /* #322211;*/
	font-family: Arial, Sans-serif;
	font-size:0.81em; /* 13px */
	line-height:1.38; /* 18px -relative to 13px */
	margin:0;
}

#wrapper {
	background:#fff url(images/page-background-dragonfly.gif) top left no-repeat;
	border-left:1px solid #debb9f;
	border-right:1px solid #debb9f;
	margin:0 auto;
	overflow: visible;
	padding:0 32px;
	position: relative;
	width:960px; /* 1020px - 64px */
}

#wrapper a.more-link {
	font-size:1.6em;
	text-align: right;
}

#header {
	border-bottom:1px solid #ffdcbf;
	height:47px;
	
}
	#header #top-navigation {
		width:auto;
	}
	
		#header #top-navigation li {
			background:transparent url(images/nav-tab.gif);
			display: table-cell;
			float:left;
			font-family: Trebuchet, 'Trebuchet MS', Georgia, Verdana, Sans-serif;
			font-size:1.08em; /* 14px - relative to 13px */
			font-weight:bold;
			height:26px;
			margin:0 16px 0 0;
			padding-top:4px;
			text-align: center;
			text-transform: uppercase;
			vertical-align: center;
			width:80px;
		}
			#header #top-navigation li:hover,
			#header #top-navigation li.current_page_item {
				background:transparent url(images/nav-tab-active.gif);
				height:31px;
				padding-top:10px;
			}
		
			#header #top-navigation li a {
				color:#fff;
				display:block;
				text-decoration: none;
				text-shadow: #767676 0.5px 0px 1px; /* CSS 3 only */
			}
			
			#header #top-navigation li a:hover {
				background:none;
				margin:0;
				padding:0;
			}
			
			
		#header #utilities {
			float:right;
			margin-top:21px;
		}
		
			#header #utilities li {
				float:left;
				margin-left:9px;
			}
			
				#header #utilities li.flickr {
					background: transparent url(images/icon-flickr.jpg) top left no-repeat;
					height: 21px;
					width: 21px; 
				}
				
				#header #utilities li.twitter {
					background: transparent url(images/icon-twitter.jpg) top left no-repeat;
					height: 21px;
					width: 21px; 
				}
				
				#header #utilities li.rss {
					background: transparent url(images/icon-rss.jpg) top left no-repeat;
					height: 21px;
					width: 21px; 
				}
				
				#header #utilities li a {
					display: block;
					text-indent: -999em;
				}
				
				#header #utilities li a:hover {
					background: none;
					text-decoration: none;
					border:1px solid #999;
				}


#logo a {
	background: transparent url(images/new_logo.png) top left no-repeat;
	clear:left;
	display: block;
	height:131px;
	text-indent: -999em;
	width:250px;
}

.home #content .post,
.category #content .post {
	padding:0.5em 0;
}

.single .post .navigation {
	overflow:auto;
	padding:0.5em 0;
}

	.single .post .navigation a {
		background-color:#e3e3e4;
		border-color:#e3e3e4;
		color:#362b1e;
		font-size:0.85em;
		-moz-border-radius:2px;
		padding:2px 5px;
		text-decoration: none;
	}
	
	.single .post .navigation a:hover {
		background-color:#fff;
		border-color:#fff;
		text-decoration:underline;
	}
	
	.single .post .navigation .alignleft {
		float:left;
	}
	
	.single .post .navigation .alignright {
		float:right;
	}


#content {
	float:left;
	margin:0 20px 0 10px;
	width:610px;
}
	
	#content h1, 
	.post h2,
	.page h2 {
		font-family: Trebuchet, 'Trebuchet MS', Georgia, Verdana, Sans-serif;
		font-size:2.46em; /* 32px - relative to 13px */
		/*font-weight:bold;*/
		line-height:0.63; /* 20px - relative to 32px; */
		margin:0.34em 0;  /* 11px - relative to 32px */
	}
	
	.post h2 a,
	.page h2 a {
		text-decoration: none;
	}
	
	#content .date {
		font-family: Georgia, Times, Serif;
		font-size:1.54em; /* 20px - relative to 13px */
		font-style: italic;
		margin-bottom:0.75em;
	}
	
	#content .tags {
		margin-bottom:1.15em;
	}
	
	#content .tags li {
		display: inline;
	}
	
		#content .tags li a {
			background-color:#e3e3e4;
			border-color:#e3e3e4;
			color:#362b1e;
			-moz-border-radius:2px;
			padding:2px 5px;
			text-decoration: none;
		}
		
		#content .tags li a:hover {
			background-color:#fff;
			border-color:#fff;
			text-decoration:underline;
			}

#content .commentlist {
		background: #d3d3d4;
		border-bottom:1px solid #d4c8c3;
		margin-bottom:2px;
		padding:9px 9px 17px 9px;
}

#content .commentlist .comment-wrapper {
	background: #fff url(images/bubble-top.gif) top left no-repeat;
	color:#f46600;
	font-family: Georgia, Times, Serif;
	font-size:0.92em;
	line-height:1.38;
	margin:12px 0 0 0;
	padding:10px;
	}
	
		#content .commentlist .comment-wrapper img.avatar {
			border:1px solid #9b9b9b;
			float:left;
			margin:0 8px 8px 0;
		}
		
		#content .commentlist .comment-wrapper p {
			margin:0;
		}
	
		#content .commentlist .comment-author {
			background: transparent url(images/bubble-bottom.gif) top left no-repeat;
			font-family: Trebuchet, 'Trebuchet MS', Georgia, Verdana, Sans-serif;
			font-size:0.85em;
			line-height: 1.64;
			padding:4px 0 0 43px;
		}

#content .entry {
	border-bottom:1px solid #FFDCBF;
	padding-bottom:10px;
	overflow: auto;
	clear:both;
}

#content .entry h1 {
	color: #FF7400;
	font-size: 2.154em; /* 28px - relative to 13px */
}

#content .entry h2 {
	font-size: 2em;
	color: #c3c3c4;
}

#content .entry h3 {
	color: #b3b3b4;
	font-style: italic;
}

#content .entry ul {
	padding:0 0.5em 0.25em 2.5em;
}

#content .entry ul li {
	list-style-type: circle;
}

#content .entry img {
	border:6px solid #D3D3D4;
	float:left;
	clear:left;
	margin:20px 16px 6px 0;
}

#content .entry blockquote {
	font-style: italic;
	font-size: 1.08em;
	font-family:'Georgia,Times,Serif';
	margin:0.69em 2em;
}

#content .postmetadata {
 clear:both;
 font-size: 0.85em; /* 11px - relative to 13px */
 font-style:italic;
 margin:1em 0 0.5em;
}

#content h3#comments,
#content #respond h3 {
	font-family: Georgia, Times, Serif;
	font-size:0.92em;
	font-weight: bold;
	margin:0.5em 0;
}

#content a.comments-link {
	background-color:#e3e3e4;
	border-color:#e3e3e4;
	color:#362b1e;
	font-size:0.85em;
	-moz-border-radius:2px;
	padding:2px 5px;
	text-decoration: none;
}

#content a.comments-link:hover {
	background-color:#fff;
	border-color:#fff;
	text-decoration:underline;
}

#content #respond {
	border:1px solid #D3D3D4;
	font-size:0.92em;
	margin:0.5em 0;
	padding:9px;
	
}

#sidebar {
	float:left;
	margin-top:33px;
	width:320px;
}

	#sidebar h2,
	#sidebar h3 {
		font-family: Arial, Sans-serif;
		font-size:1.85em; /* 24px - relative to 13px */
		font-weight: lighter;
		letter-spacing: -0.05em;
		line-height: 1;
		margin-bottom: 0.38em; /* 9px - relative to 24px */
	}

	#sidebar #categories-3,
	#sidebar #categories {
		margin-bottom:25px;
	}
	
		#sidebar #categories-3 li,
		#sidebar #categories li,
		#sidebar .help-list li {
			font-size:1.08em;
			margin-bottom:2px;
		}
		
			#sidebar #categories-3 li a,
			#sidebar #categories li a,
			#sidebar .help-list li a {
				background: transparent url(images/category-bg.gif) top left no-repeat;
				color:#362b1e;
				display: block;
				height:23px;
				padding:3px 10px 0 10px;
				text-decoration: none;
			}
	
			#sidebar #categories-3 li.current-cat a {
				background: transparent url(images/category-bg-active.gif) top left no-repeat;
			}
		
			#sidebar #categories-3 li a:hover,
			#sidebar #categories li a:hover,
			#sidebar .help-list li a:hover {
				background: transparent url(images/category-bg-active.gif) top left no-repeat;
			}		
	
	
	#sidebar #search-3,
	#sidebar #minicart,
	#sidebar #text-2 {
		border-bottom:1px solid #ffb87d;
		border-top:1px solid #d4c8c3;
		margin-bottom:12px;
		padding:0;
	}
	
		#sidebar #search-3 h2.title,
		#sidebar #minicart h3.minicart-title {
			background: #d3d3d4 url(images/block-dragonfly.gif) top right no-repeat;
			margin-bottom: 0;
			padding:9px 9px 0.38em;	
		}
	
		#sidebar #search-3 #searchform,
		#sidebar #minicart .minicart-wrapper {
			background: #d3d3d4;
			border-bottom:1px solid #d4c8c3;
			margin-bottom:2px;
			padding:9px;
		}
	
	#sidebar #flickrpress-2 {
		border-bottom:1px solid #ffb87d;
		border-top:1px solid #d4c8c3;
		margin-bottom:12px;
		padding:0;
	}
	
	#sidebar #flickrpress-2 h2.title {
		background: #d3d3d4 url(images/block-dragonfly.gif) top right no-repeat;
		margin-bottom: 0;
		padding:9px 9px 0.38em;	
	}
	
	#sidebar #flickrpress-2 .flickrpress-container {
		background: #d3d3d4;
		border-bottom:1px solid #d4c8c3;
		margin-bottom:2px;
		padding:9px 0;
	}
		
		#sidebar #flickrpress-2 .flickr_item {
			background: none;
			float:left;
			margin:0 8px 8px;
			padding:0;
		}
		
		#sidebar #flickrpress-2 .flickr_item img {
			height:60px;
			width:60px;		
		}
		
			#sidebar #flickrpress-2 .flickr_item a {
				background: none;
				border:1px solid #fff;
				display: block;
				margin:0;
				height:60px;
				width:60px;
				padding:0;
				text-decoration: none;
			}
			
			#sidebar #flickrpress-2 .flickr_item a:hover {
				border:1px solid #ff7400;
			}
	
		#sidebar #flickrpress-2 a {
			font-size:0.85em;
			text-decoration: underline;
		}
	
	#sidebar #twitter-3 {
		border-bottom:1px solid #ffb87d;
		border-top:1px solid #d4c8c3;
		margin-bottom:12px;
		padding:0;
	}
	
	#sidebar #twitter-3 h2.title {
		background: #d3d3d4 url(images/block-dragonfly.gif) top right no-repeat;
		margin-bottom: 0;
		padding:9px 9px 0;	
	}
		
		#sidebar #twitter-3 h2.title a {
			text-decoration: none;
		}
		
		#sidebar #twitter-3 h2.title a.twitterwidget-title {
			padding-left:5px;
		}
	
	#sidebar #twitter-3 ul {
		background: #d3d3d4;
		border-bottom:1px solid #d4c8c3;
		margin-bottom:2px;
		padding:1px 9px 9px;
	}
	
		#sidebar #twitter-3 li .entry-content {
			background: #fff url(images/bubble-top.gif) top left no-repeat;
			display: block;
			color:#f46600;
			font-family: Georgia, Times, Serif;
			font-size:12px;
			line-height:1.38;
			margin-top:12px;
			padding:10px;
		}
		
			#sidebar #twitter-3 li .entry-meta {
				background: transparent url(images/bubble-bottom.gif) top left no-repeat;
				display: block;
				font-family: Trebuchet, 'Trebuchet MS', Georgia, Verdana, Sans-serif;
				font-size:0.85em;
				line-height: 1.64;
				padding:5px 0 0 43px;
			}	
			
			#sidebar #twitter-3 a.twitterwidget-rss:hover {
				background: none;
			}
			
	#sidebar #credit {
			font-size:1.08em;
			margin-bottom:0.5em;
		}
		
			#sidebar #credit a {
				background: transparent url(images/category-bg.gif) top left no-repeat;
				color:#362b1e;
				display: block;
				height:23px;
				padding:3px 10px 0 10px;
				text-decoration: none;
			}
		
			#sidebar #credit a:hover {
				background: transparent url(images/category-bg-active.gif) top left no-repeat;
			}		
			
	
	#sidebar #text-2 {
		border-top: 1px solid #D4C8C3;
		padding: 0 0 0 0;
	}
	
	#sidebar #mc_embed_signup h3 {
		padding:9px 0;
	}
	
	#sidebar #mc_embed_signup form {
		padding: 0;
	}
	
		#sidebar #mc_embed_signup .button {
			background-color: #FF7400;
			font-family: Trebuchet, 'Trebuchet MS', Georgia, Verdana, Sans-serif;
			font-size: 1.08em;			
			font-weight: 500;
			height: 26px;
			line-height: 26px;
			width: 25%;
		}
	
	#sidebar #text-3 {
		padding: 0;
	}
		
	#sidebar #text-3 h3 {
		color: #ff7400;
		padding: 10px 20px 10px 50px;
		background: -moz-linear-gradient(
			top,
			#ffffff 0%,
			#ffffff 50%,
			#d6d6d6);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ffffff),
			color-stop(0.50, #ffffff),
			to(#d6d6d6));
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 0px solid #ff7400;
		-moz-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 3px rgba(255,255,255,1);
		-webkit-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 3px rgba(255,255,255,1);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.1),
			0px 1px 0px rgba(255,255,255,1);
	}
	
	#sidebar #text-3 h3 span {
		background-image: url(images/shopping_cart_yellow.png);
		background-position: 100% 0;
		background-repeat: no-repeat;
		padding: 0 0 0 30px;

/*	background: transparent url(images/shopping_cart_yellow.png) 0 0 no-repeat;
		height: 24px;*/
	}
	
	#sidebar #text-3 h3 a {
		color: #ff7400;
		text-decoration: none;
	}
	
	#sidebar #text-3 h3 a:hover {
		background: none;
		text-decoration: none;
	}
	
#footer {
	background: #ff7400 url(images/footer-bg.gif) top left no-repeat;
	clear:both;
	color:#fff;
	display: block;
	font-size:0.85em;
	height:16px;
	margin-top:20px;
	padding:7px 10px 3px 10px;
	width:940px;
}

	#footer p {
		margin-bottom:0;
	}
	
	#footer a {
		color:#fff;
		text-decoration: none;
	}
	
		#footer a:hover {
			background: none;
			text-decoration: underline;
		}

	#footer .copyright{
		float:left;
	}
	
	#footer ul.inline {
		float:right;
	}
	
		#footer ul.inline li {
			display: inline;
		}