/*
Theme Name: Manakin Default
Theme URI: http://wishingfishwebdesign.com/
Description: The default WordPress theme for Manakin Tattoo.
Version: 1.0
Author: Hiram Hibbard
Author URI: http://wishingfishwebdesign.com/
Tags: vintage
*/


/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Wishing Fish Web Design
	Date: 5/20/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

html,
body {margin:0; padding:0; height:100%;}
body {background:url(images/background.jpg) top center no-repeat #000; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#000; height:100%;}
a, a:visited {color:#2B891C; text-decoration:underline; font-weight:bold;}
a:hover {color:#ADBD03;}
p {line-height:18px; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0; color:#563729;}
h2 {font-size:24px; margin-top:10px;}
h3 {font-size:28px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:0 auto; padding:0;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {background:url(images/background_bottom.png) bottom no-repeat; width:100%; padding-top:74px; height:auto;  min-height:100%; position:relative;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:url(images/book_top.png) top center; width:100%; height:131px; overflow:hidden; position:absolute; top:0; text-align:center; margin:0 auto; left:0;}

h1#logo {width:785px; height:69px; padding:0; margin:0 auto; display:block; text-align:center;}
	h1#logo a {background:url(images/logo.png); width:785px; height:69px; padding:0; margin:0 auto; display:block; text-indent:-9999px; overflow:hidden; margin-top:10px;} 
	
ul#navigation {background:url(images/content.png) repeat-y; width:758px; height:80px; display:block; text-align:center; margin:10px auto 0; padding:0; clear:both;}
	ul#navigation li {list-style:none; display:inline; font-size:20px; font-weight:bold; text-transform:uppercase; line-height:110px; margin:0 10px; color:#543727;}
	ul#navigation li a, ul#navigation li a:visited {color:#543727; text-decoration:none;}
		ul#navigation li a:hover {text-decoration:underline;}
	

/* 3.2 Content
**************************************************************************************************************/

#content {background:url(images/content_bgd.png) repeat-y; width:834px; height:auto; clear:both; overflow:hidden; min-height:750px;}

#contentInner {background:url(images/content.png) repeat-y; width:758px;}
	#contentInner2 {background:url(images/leaf_top.png) top left no-repeat; margin-left:11px;}
		#contentInner3 {background:url(images/leaf_bottom.png) bottom right no-repeat; margin-right:11px; padding:20px;}
.contentTop {background:url(images/content_top.png); width:758px; height:11px; overflow:hidden;}
.contentBottom {background:url(images/content_bottom.png); width:758px; height:11px; overflow:hidden;}

/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/content.png) repeat-y; width:758px; color:#563729;}
	#footer p {padding:20px 20px 10px;}
		#footer p.phone {float:left; display:inline; font-size:20px; font-weight:bold; margin-left:50px;}
		#footer p.clear {margin:0 auto; text-align:center; padding:0; padding-bottom:20px;}

#bottom {background:url(images/book_bottom.png) top center; position:absolute; bottom:0; width:100%; height:127px; text-align:center; overflow:hidden;}

.footerBottom {background:url(images/content_bottom.png); width:758px; height:11px; overflow:hidden; margin-bottom:90px;}
	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.border {border:2px solid #563729;}

.floatLeft img {margin-right:20px;}
.floatRight img {margin-left:20px;}



/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

.artistBioPic {float:left; display:inline; margin:20px 50px; padding:0; padding-bottom:30px; text-align:center; font-weight:bold; font-size:18px;}
.bio {margin:20px; background:#F4F2E4; border:2px solid #967C5F;}
	.bio p {padding:10px;}