/*  
Theme Name: metzy
Theme URI: http://metzymoms.com
Description: A mystical theme for WordPress inspired by Ambience. Background provided by N-Design studio.
Version: 1.0
Author: Knockout Software
Author URI: http://knockoutsoftware.com
Share UIL: http://woothemes.com
*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body { margin:0; padding:0; width:auto; height:auto; }
img { border:0; }
blockquote { width:80%; height:auto; margin:0; padding:15px 25px 15px 85px; display:block; }
code { }
label { font:bold 0.92em Arial, Helvetica, sans-serif; color:#597388; }
/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 { /* Show nothing. Hidden under logo. */
	text-indent:-9999px; /* Use if text logo is shown */		
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 32px !important; font-weight: normal !important; letter-spacing: 1px !important; margin: 0px !important; }
h2 { /* Show nothing. Hidden under logo. */
	text-indent:-9999px; /* Use if text logo is shown */		
	font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: normal !important; color: #fff; margin: 0px !important; }
h2.lifestream_date { margin:15px 0 8px 0 !important; padding:15px 0 0 0; text-indent:0px; font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a; border-top:1px solid #172433; }
h2.lifestream_date_first { margin:15px 0 8px 0 !important; padding:0; text-indent:0px; font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a; }
h3 { /* Post/Page Titles*/
	margin:0 0 18px 0; padding:9px 18px 6px 0px; font:bold 2.15em Arial, Helvetica, sans-serif; color:#e8eff7; border-bottom:1px solid #222; }
h4 { /* Meta/Category Title*/
	margin:0; padding:0; font:1.25em Arial, Helvetica, sans-serif; color:#614668; text-decoration:underline; }
h4.post-category { /* With Divider */
		margin:0 18px 0 0; padding:0 18px 0 0; border-right:1px solid #202a37; display:inline; line-height:55px; vertical-align:middle; }
h4.single-info { /* With Divider */
		margin:0; padding:0; display:inline; line-height:55px; vertical-align:middle; }
h5 { margin:0 -8px 15px -8px; padding:0 8px 10px 8px; font:1.38em Arial, Helvetica, sans-serif; color:#222; border-bottom:2px solid #BAA1BE; }
h5.footer-title { margin:0; padding:0; font:1.08em Arial, Helvetica, sans-serif; color:#7984b4; border-bottom:0; }
h6 { margin:0; padding:0; font:0.77em Georgia, "Times New Roman", Times, serif; color:#222; text-transform:uppercase; }
a:link, a:active, a:visited { color:#90689A; text-decoration:none; }
h3 a:link, h3 a:active, h3 a:visited { color:#90689A; }
h4 a:link, h4 a:active, h4 a:visited { color:#222; }
h5 a:link, h5 a:active, h5 a:visited { color:#9cadc2; }
#top-links a { font:0.92em Arial, Helvetica, sans-serif; color:#222; font-weight:bold; }
#navigation a { margin:1px 0 0 0; padding:21px 22px 0 22px; width:auto; height:55px; font:1.4em Arial, Helvetica, sans-serif; color:#90689A; font-weight:bold; /* IE6 Needs inline-block otherwise width:auto; spans 100% */
		display:inline-block; }
#navigation a span { font:0.69em Arial, Helvetica, sans-serif; color:#222; display:block; }
#twitter_update_list li a { color:#EBE3F2; text-decoration:underline; }
.post-meta span a { color:#222; }
.lifestream-content a, #right-col li ul li a, #tag_cloud a { color:#4e667a; }
#footer-list li ul li a { font:1.00em Arial, Helvetica, sans-serif; color:#222; }
a.woothemes:link, a.woothemes:active, a.woothemes:visited { margin:0; padding:5px 87px 7px 0; width:auto; height:22px; background:url(images/woothemes-trans.png) no-repeat center right; text-indent:-9999px; color:#949db1; }
a:hover { text-decoration:underline; }
h3 a:hover { text-decoration:none; color:#fff; }
#navigation a:hover { color:#FFF; text-decoration:none; background:#BDA7C6; border-top:1px solid #FFF5FF; margin:0; }
#twitter_update_list a:hover { color:#fff; text-decoration:none; }
/* Styles */
.color-light, .color-light a { color:#b5c2cf; }
.color-dark, .color-dark a { color:#4f6882; }
.color-white, .color-white a { color:#FFF; }
.color-blue, .color-blue a { color:#7f9bb9; }
.font-georgia { font-family:Georgia, "Times New Roman", Times, serif; }
.font-arial { font-family:Arial, Helvetica, sans-serif; }
.size-small { font-size:0.77em;  color:#222;}
.size-large { font-size:1.23em; }
.trans-uppercase { text-transform:uppercase; }
.display-inline { display:inline; }
.display-block { display:block; }
/* Misc */
blockquote { font-family:Georgia, "Times New Roman", Times, serif; color:#516479; }
#top-links { color:#7157a9; }
.search-box { font:0.92em Arial, Helvetica, sans-serif; color:#222; }
#twitter_update_list { margin:8px 0 0 0; padding:0; font:1.92em Georgia, "Times New Roman", Times, serif; list-style:none; display:block; }
.post-meta span { font:0.85em Arial, Helvetica, sans-serif; color:#546378; line-height:55px; vertical-align:middle; }
.continue-reading { margin:0; padding:0 0 0 22px; width:auto; height:auto; background:url(images/continue-reading.gif) no-repeat center left; font:bold 0.92em Arial, Helvetica, sans-serif; color:#6f8cc0; }
#right-col { color:#3d5467; }
.comment-author { color:#c7cdd4; }
.comment-text { font:0.92em Georgia, "Times New Roman", Times, serif; color:#677a89; }
.input { font:0.92em Arial, Helvetica, sans-serif; color:#677a89; }
.lifestream-content { font:0.92em Arial, Helvetica, sans-serif; color:#3d5467; }
#footer-list li ul li { font-size:0.85em; color:#222; }
#footer-copyright { font:0.85em Arial, Helvetica, sans-serif; color:#222; }
/* 02 - STRUCTURE
/* ----------------------------------------------*/

.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
.left { float:left; }
.right { float:right; }
.container { margin:0 auto; padding:0; width:941px; height:auto; }
/* 02.A - Main Backgrounds
	/* ----------------------------------------------*/
	
	#main-back { margin:0; padding:0; width:auto; height:auto; display:block; }
/* 02.B - Header
	/* ----------------------------------------------*/
	
	#header { margin:0; padding:0; width:941px; height:auto; }
#top-links { margin:0; padding:0; width:auto; height:42px; line-height:42px; display:block; text-align:right; }
#banner { margin:0; padding:0; width:auto; height:115px; }
#logo { margin:10px 0 0 20px; padding:0; width:600px; height:103px; float:left; display:inline; }
#header-search { margin:0; padding:0; width:auto; height:auto; float:right; display:inline; }
/* 02.C - Content
	/* ----------------------------------------------*/
	
	#content { margin:0 0 40px 0; }
#left-col { margin:0; padding:0; width:580px; height:auto; float:left; }
#right-col { margin:30px 0 0 0; padding:0; width:327px; height:auto; float:right; }
/* 02.D - Footer
	/* ----------------------------------------------*/
	
	#footer { margin:0; padding:0; width:auto; height:auto; }
/* 03 - HEADER / NAVIGATION
/* ----------------------------------------------*/

#header-search { margin:45px 46px 0 0; padding:0; display:inline; }
.search-box { margin:0; padding:5px 10px 5px 5px; width:185px; height:auto; display:block; background:none; border:0; float:left; }
.search-button { margin:0; padding:0; width:73px; height:25px; border:0; float:left; }
#navigation { /* For Normal Browsers */
	margin:25px 0 0 15px !important; padding:0; width:auto; height:76px; list-style:none; }
#navigation li { margin:0; padding:0; width:auto; height:76px; float:left; }
/* 04 - LEFT COLUMN
/* ----------------------------------------------*/

.twitter { margin:40px 0 0 0; padding:20px 0 0 25px; }
.post { margin:30px 0 10px 0; }
.post-meta { margin:0; padding:4px 24px 0 24px; width:530px; }
.single-meta { margin:0; padding:4px 24px 0 24px; }
.post-content { /* Indent the Post some */
	margin:18px; padding:0; }
.post-image { margin:18px 13px 0 0; float:left; }
.comment-count { float:left; }
.commentlist { margin:0; padding:0; list-style:none; }
.commentlist li { margin:0; padding:27px; }
.commentlist li.comment-alt { background:#0c131d; border-top:1px solid #0f1721; }
.comment-meta { width: 170px; float: left; margin:0; padding:0; }
.comment-author { margin:0; padding:0; width:118px; float:left; text-align:right; }
.comment-gravatar { float: right; display: inline; width: 32px; padding: 15px 0px 0px 20px !important; padding: 0px 0 0 20px; }
.comment-text { margin:0; padding:0; width:330px; float:right; }
.comment-text p { float: left; display: inline; }
#social-sites { float:right; }
#social-sites dd { margin:-4px 0 0 11px; padding:0; width:auto; height:auto; float:left; display:inline; }
.social-rss, .social-digg, .social-delicious, .social-stumble { margin:0; padding:0; width:32px; height:31px; background-image:url(images/social-sprite.gif); text-indent:-9999px; display:block; outline:0; }
.social-rss { background-position:0px 0px; }
.social-digg { background-position:0px -31px; }
.social-delicious { background-position:0px -63px; }
.social-stumble { background-position:0px -95px; }
/* 05 - RIGHT COLUMN
/* ----------------------------------------------*/

#right-col { list-style:none; }
#right-col li { margin:0 0 30px 0; padding:15px 20px 20px 20px; }
#right-col #ads img { margin:4px; padding:2px; border:1px solid #1b2737; }
#right-col #lifestream { }
#right-col li ul { margin:0; padding:0; list-style:none; }
#right-col li ul li { margin:3px 0; padding:0 0 0 11px; border:0; }
#right-col #lifestream ul { margin:0; padding:0; list-style:none; }
#right-col #lifestream ul li { margin:0 0 10px 0; padding:0; background:none; border:0; }
.lifestream-image { margin:0; padding:0; width:25px; height:auto; float:left; }
.lifestream-content { margin:0; padding:0 0 0 0; width:248px; height:auto; float:right; }
#right-col #lifestream ul li ul li { margin:2px 0 2px 10px; padding:0; font-size:0.92em; }
/* 06 - FOOTER
/* ----------------------------------------------*/

#footer-columns { margin:0; padding:0; }
#footer-list { margin:0; padding:0; list-style:none; }
#footer-list li { margin:0; padding:20px; width:270px; height:auto; float:left; display:block; }
#footer-list li ul { margin:5px 0 0 0; padding:0; list-style:none; }
#footer-list li ul li { margin:10px 0; padding:0 0 0 11px; width:auto; height:auto; float:none; }
#footer li-list #links li { width:155px; height:auto; float:left; }
#footer-repeat { margin:0; padding:0; width:100%; height:auto; }
#footer-copyright { margin:0; padding:0; width:auto; height:65px; line-height:65px; }
/* 00 - FORMS
/* ----------------------------------------------*/

.input { margin:0 0 10px 0; padding:6px; background:#D9C4D7; border:1px solid #162232; font-size:12px; }
label { margin:0 0 26px 0; padding:0; display:block; line-height:25px; }
/* 00 - IMAGE ALIGNMENT
/* ----------------------------------------------*/

.alignleft { float:left; margin: 0px 20px 15px 0px; }
.alignright { float:right; margin: 0px 0px 15px 20px; }

code {background:#fff; display:block; padding:2px 3px; border:1px solid #ccc;}

.post {font-size:14px;}