/*
Theme Name: Velvet Wasp
Theme URI: http://velvetwasp.com/
Description: Wordpress theme for Velvet Wasp's web presence.
Version: 0.5
Author: Josh Butner
Author URI: http://joshbutner.com
	
All content, styles, media, markup, design is copyrighted 2008-2010, Velvet Wasp.
No stealies.

*/

/* IMPORTS */
@import url(styles/reset.css);
@import url(styles/navigation.css);

/* GLOBAL STYLES */
body				{ background : rgb(0, 0, 0) url(images/backgrounds/background_body.jpg) fixed top center no-repeat; color : #e4e4e4; font : normal 14px Georgia, Cambria, serif; line-height : 18px; margin : 0; padding : 0 text-align : center; vertical-align : middle; }
p, ul, blockquote,
pre, td, th, label	{ margin-bottom: 18px; }
p.small				{ font-size : 12px; line-height : 18px; margin : 0; margin-bottom : 18px; }
h1, h2, h3,
h4, h5, h6			{ font-family : "Trajan Pro", Trajan, Georgia, serif; margin : 0; }
h1					{ font-size : 36px; font-weight : normal; line-height : 36px; margin-bottom : 18px; }
h2					{ font-size : 24px; font-weight : normal; line-height : 27px; margin-bottom : 18px; }
h3					{ font-size : 21px; font-weight : normal; line-height : 27px; margin-bottom : 18px; }
h4					{ font-size : 18px; font-weight : normal; line-height : 18px; margin-bottom : 18px; }
h5					{ font-size : 16px; font-weight : bold; line-height : 18px; margin-bottom : 18px; }
h6					{ font-size : 14px; font-weight : bold; line-height : 18px; margin-bottom : 18px; }
table				{ border-collapse : collapse; margin-bottom: 18px; }
a,
a:link,
a:visited			{ color : #888; text-decoration : underline; }
a:hover,
a:focus				{ outline : none; text-decoration : none; }
a:active			{ text-decoration : none; }
blockquote			{ font-style : italic; margin : 10px 0 0; }
blockquote p		{ padding : 10px 20px; }
blockquote blockquote	{ float : none; margin : 0 10px; width : auto; }
dd					{ padding : 0 0 0 20px; }
input, textarea		{ font-family : Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; }
p img				{ max-width : 100%; }
img.centered		{ display : block; margin-left : auto; margin-right : auto; }
img.alignright		{ border : 1px #ededed solid; display : inline; margin : 3px 0 2px 10px; padding : 4px; }
img.alignleft		{ border : 1px #ededed solid; display : inline; margin : 3px 10px 2px 0; padding : 4px; }
.alignleft			{ float : left;}
.alignright			{ float : right;}
.clear				{ clear : both; margin : 0; padding : 0; }
small				{ font-size : 11px; }
p.title				{ display : block; line-height : 11px; position : relative; text-indent : -9999px; }
p.song				{ border-bottom : 1px solid #111; margin : 0 25px; padding : 5px !important; }
p.first				{ border-top : 1px #111 solid; }	
p.song span			{ color : #f1f1f1; display : block; float : left; font-size : 13px; width : 160px; }
.meta				{ border-top : 1px solid #111; color : #444; margin : 25px; padding : 10px 0 !important; text-align : right; }
.date				{ color : #444; margin-top : -20px; }
object, param		{ background: #000; float: left; margin: 0 10px 0 0; }


/* BLOCKS & CONTAINERS */
#container		{ margin : 0 auto; padding : 0 20px; text-align : left; width : 696px; }
#header,
#content		{ float : left; padding : 20px 0; width : 696px; }
.sidebar		{ float : left; margin : 0; padding : 0; width : 460px; }


/* HEADER */
#header			{ background : transparent url(images/backgrounds/background_header.jpg) scroll top center no-repeat; margin : 0; padding : 0; height : 205px; width : 696px; }
#header h1#logo	{ margin : 0; padding : 0; height : 205px; width : 696px; }
#header h1#logo a		{ border : 0; margin : 0; padding : 0; height : 205px; width : 696px; }
#header h1#logo a img	{ border : 0; margin : 0; padding : 0; height : 205px; width : 696px; }

/* CONTENT */
#content		{ background : transparent url(images/backgrounds/background_content.jpg) scroll top center repeat-y; color : #888; margin : 0; padding : 0 40px; width : 616px; }
#content .entries-navigation	{ margin : 20px 0 0; padding : 0; text-align : right; width : 616px; }
#content .entries-navigation a	{ display : inline-block; padding : 2px 10px; text-decoration : none; }
#content p						{ text-align : justify; }

#content a,
#content a:link,
#content a:visited				{ color : #565656; }

#content a:hover				{ /*border-bottom : 1px #a918b9 dashed;*/ color : #666; text-decoration : underline; }

/* ENTRY STYLES */
#content div.the-entry			{ border-bottom : 4px #262626 double; color : #464646; margin : 20px 0 80px; padding : 0 0 20px; }
#content div.the-entry:nth-child(1n-9)	{ margin-bottom : 20px; }
#content div.entry-heading		{ margin : 0 0 9px; overflow : hidden; padding : 0; width : 616px; }
#content div.entry-heading h2	{ margin : 0 50px 0 0; padding : 0; }
#content div.entry-heading h2 a			{ color : #7db15c !important; text-decoration : none; }
#content div.entry-heading h2 a:hover	{ color : #666 !important; text-decoration : none; }
#content div.entry-meta			{ float : left; font-size : 11px; margin : 0 10px 0 0; padding : 0; }
#content div.entry-edit-link	{ float : right; font-size : 11px; margin : 0 10px 0 0; padding : 0; }
#content div.entry-meta a,
#content div.entry-edit-link a	{ margin : 0; padding : 0; }
#content div.entry-comments-link	{ font-size : 11px; }

/* COMMENTS AREA */
#comments						{ border-top : 1px #262626 solid; margin : 18px 0 0; padding : 18px 0 0; }
#comments h4#comment-form-title,
#comments h4#comments-count		{ font-size : 16px; margin-bottom : 0; }
#comments div.comment-user-area	{ margin : 0; overflow : hidden; padding : 0; }
#comments div.comment-textarea	{  }
#comments div.comment-textarea textarea	{ background : #262626; border : 1px #363636 solid; color : #666; height : 40px; margin : 0 0 18px; padding : 10px; width : 596px; }
#comments div.the-comment		{ margin : 0 0 40px; }
#comments div.the-comment div.comment-head	{ margin : 9px 0 4.5px; }

/* PAGE STYLES */
#content div.the-page			{ border-bottom : 4px #262626 double; color : #464646; margin : 20px 0 80px; padding : 0 0 20px; }
#content div.page-heading		{ margin : 0 0 9px; overflow : hidden; padding : 0; width : 616px; }
#content div.page-heading h2	{ float : left;margin : 0 50px 0 0; padding : 0; }
#content div.page-heading h2 a			{ color : #7db15c !important; text-decoration : none; }
#content div.page-heading h2 a:hover	{ color : #666 !important; text-decoration : none; }
#content div.page-meta			{ float : left; font-size : 11px; margin : 0 10px 0 0; padding : 0; }
#content div.page-edit-link	{ float : right; font-size : 11px; margin : 0; padding : 5px 0 0; }
#content div.page-meta a,
#content div.page-edit-link a	{ margin : 0; padding : 0; }

/* FOOTER */
#footer					{ background : transparent url(images/backgrounds/background_footer.jpg) scroll top center no-repeat; color : #464646; float : left; height : 20px; margin : 0; padding : 40px; width : 616px; }
#footer p				{ margin-bottom : 4.5px; }
#footer p a,
#footer p a:link,
#footer p a:visited		{ color : #565656; }
#footer p a:hover		{ /*border-bottom : 1px #a918b9 dashed;*/ color : #666; text-decoration : underline; }