/*
Theme Name: Alessi's Ark
Theme URI: http://luadesign.co.uk based on the wordpress reset by http://elliotjaystocks.com

Author: John Griffiths
Author URI:  http://luadesign.co.uk



*/
/* RESET */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none;  }
caption, th { text-align:left }
h1, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
h2	{ font-size:180%; font-weight:normal; color:#7c5ca5; margin-left:20px;}
h3	{ font-size:130%; font-weight:normal;  }
h4	{ font-size:120%; font-weight:normal; }
q:before, q:after { content:''}


strong 	{ font-weight: bold }
em 			{ font-style: italic }
a			{ text-decoration:none;}
a img 		{ border:none } /* Gets rid of IE's blue borders */

.aligncenter { display:block; margin:0 auto; text-align:center;}
.alignleft 	{ float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.margintop	{ margin-top:20px;}
.margintopdouble	{ margin-top:80px;}
.marginbottom	{ margin-bottom:10px;}
.paddingtop {padding-top:20px;}


br.clear 	{ clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div 		{ position:relative; } 

/* COLOURS */
.green, .nav-news a, .nav-contact a:hover	{ color:#588779;}
.purple, .nav-live a, .nav-news a:hover		{ color:#7c5ca5;}
.blue, .nav-gallery a, .nav-live a:hover		{ color:#829fc8;}
.magenta, .nav-press a, .nav-gallery a:hover	{ color:#965b8f;}
.lightgreen, .nav-shop a, .nav-press a:hover	{ color:#82bd91;}
.orange, .nav-contact a,#friendsmain a:hover	{ color:#ec9d63;}
a 							{color:#6d5b45; }
a:hover						{color:#ec9d63;}
/* GENERAL LAYOUT AND SITE WIDE STYLING */

html		{background: #fcf6e7  url(../../../images/alessi-bg-tile.jpg) repeat; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif ; }
#background-image	{background: url(../../../images/tree-background.gif) no-repeat; width:1100px; height:5300px; margin:0 ;}
#background-single	{background: url(../../../images/single-background.gif) no-repeat; width:1100px; height:5300px; margin:0 ;}
.more		{width:100%; clear:both; margin-left:140px; font-size:110%;}
input, select		{}

p			{ clear:both; padding:5px 40px 0 10px;font-size:100%; line-height:1.2em;}
small 		{ padding:2px 0 5px 5px;}

#wrapper 	{width:970px; margin:0 0 0 10px;}

/* HEADER */
#nav-bar	{height:50px; overflow:hidden; width:99%; display:block; color:#6d5b45;}
#logo-bar	{height:164px; overflow:hidden; width:99%; display:block;}
#logo-bar img {padding-top:28px;}
#skeleton	{width:190px; height:164px; display:block; float:left;}
#skeleton img { padding:0 0 0 26px; margin:0;}
#rockinghorse img {padding:0 0 0 30px;}
#rockinghorse	{width:130px; display:block; float:left;}
#logo-bar h1 {float:left;}


/* HEADER */
#backtotop {position: fixed; right:0; top:60%; background:url(../../../images/backtotop.gif) no-repeat; width:168px; height:119px; overflow:hidden;
				padding: 60px 0 0 15px; margin:0;}
#gallery, #live, #news, #contact, #footer, #links, #friends, #links, #press {clear:both;}

/* TOPNAV */
.nav-blank, .nav-news, .nav-live,
.nav-gallery, .nav-press,
.nav-shop, .nav-contact		{float:left; font-weight:bold; font-size:125%; }
.nav-blank		{width:105px; display:block; height:100%;}
.nav-news		{width:110px; display:block; overflow:hidden; padding-top:12px;}
.nav-live		{width:134px; display:block; overflow:hidden;padding-top:14px;}
.nav-gallery	{width:164px; display:block; overflow:hidden; padding-top:10px;}
.nav-press		{width:124px; display:block; overflow:hidden; padding-top:14px;}
.nav-shop		{width:122px; display:block; overflow:hidden; padding-top:17px;}
.nav-contact	{padding-top:14px;}

/* LATESTNEWS */

#latestnews, #news	{width:100%; display:block;}
.socialbookmarks { text-align:center; width:100%; display:block; margin-top:10px;}
#latestnews h2,
#latestnews h3	{float:left;} 
#latestnews h2 	{margin:15px 0 20px 140px;}
#latestnews .post h2 	{ margin:10px 0 35px 140px; font-size:230%; width:300px;}
#latestnews h3 	{margin:20px 0 0 15px;}
.leftcolumn		{width:286px; float:left; padding-top:42px;}
.leftcolumn img	{clear:both;}
.upcoming	{ width:230px; clear:both; margin:3px 0 3px 10px; float:left;font-size:85%; line-height:1.3em;}
.upcoming p	{padding:0; margin:0; font-size:inherit;}
#mainlatestnews	{width:490px; height:680px; overflow:hidden; float:left;}
.rightcolumn	{width:191px; float:right; margin: -30px 0 0 0;}

#mp3player { width:240px; height:120px; display:bock;}

.downloads a { background: url(../../../images/downloads.gif) no-repeat;  height:45px; width:164px; overflow:hidden;  display:block; background-position:0 0;}
.downloads a:hover { background-position:0 -45px;}

/* MAILINGLIST */
#mailinglist {margin:0 0 2px 0; padding:0; no-repeat top left; border:none;
					color:#965b8f; width:100%; float:left; display:block;}
input.email  { padding:10px; background:none; border:none; width:125px; background: url(../../../images/emailbg.gif); font-size:90%; font-weight:bold; color:#965b8f;}
textarea	{padding:10px 0;  }
input:focus, select:focus, textarea:focus, input:hover { color:#3b322d; }
input.go { width:36px; height:28px; background: url(../../../images/go.gif) top no-repeat; overflow:hidden; border:none; padding:0; margin:0;}
input.go:hover { background-position:0 -28px;}

input.access { background: none; float:right; overflow:hidden; border:none; padding:0; margin:0;}
.access-single {  width:80%; float:left; clear:both;}
input.access-single { text-align:right;background: none; overflow:hidden; border:none; padding:0; margin:0; }
/* BUYMUSIC */
.bits-bobs	{margin-top:10px;} 
.albums		 {float:left; width:85px; height:99px; display:block; }
.albums	img	 {float: none;}


/* SOCIAL BOOKMARKS */

.facebook a	, .myspace a, .youtube a, .moredates a	{ margin-top: 10px;float:left; width:140px; height:52px; overflow:hidden;  display:block;}
.facebook a	, .myspace a, .youtube a	{background:  url(../../../images/socialnetworkbuttons.gif) no-repeat;}
.moredates a		{background:  url(../../../images/moredates.gif) no-repeat;}	
.facebook a			{ background-position: 0 0;}
.facebook a:hover,
.moredates a:hover	{ background-position: 0 -52px;}
.youtube a			{ background-position: -140px 0;}
.youtube a:hover	{ background-position: -140px -52px;}
.myspace a			{ background-position: -280px 0;}
.myspace a:hover	{ background-position: -280px -52px;}

/* NEWS */
#curtain-of-eyes 	{ width:100%; padding: 0 0 0 225px;}
#mainnews	{width:500px; overflow: hidden; height:540px; float:left;font-size:95%; }
#mainnews img { max-width:460px; overflow:hidden;}
#newsexcerpt {overflow: hidden; height:500px; float:left;font-size:95%; }

#mainnews p.alignright { padding-right:60px;}

.fallingleaf { float:left; overflow:hidden; margin-top:58px;}
.readmore		{ width:398px; display:block; padding-bottom:10px; clear:both; text-align:right; padding-right:90px;}
.entry-title, #mainnews h2		{ margin-left:0;}
.leftcolumnnews { width:256px; float:left; padding-top:160px;}
.rightcolumnnews {	width:191px; float:left; margin: 140px 0 0 0;}



/* LIVEDATES */
#hills-of-love { height:200px; width:526px; background:url(../../../images/hills-of-love-bg.gif) no-repeat; display:block; float:none; margin-left:212px; }
#live-dates {width:490px; height:735px; overflow:hidden;  float:left; font-family:"Courier New", Courier, monospace;}
#live-dates-archive {width:490px; float:left; font-family:"Courier New", Courier, monospace;}
.gig-dates	{width:90px; text-align:right; float:left; color:#7c5ca5; margin-right:20px; margin-bottom:10px; line-height:1.2em; font-size:90%; clear:both;}
.gig-content {float:left; width:330px; color:#7c5ca5; margin-bottom:10px; line-height:1.2em;}
#live-dates-archiv, #live-dates p,
#live-dates p a {padding: 0; line-height:1.2em; font-size:90%;}
.leftcolumnlive{ width:266px; float:left; }
#teapotchaser { width:220px; float:left; overflow:hidden; margin-top:40px;}
.rightcolumlive{	width:191px; float:right; margin: 100px 0 0 0;}
.rightcolumlive h3 { font-size:120%;}

/* GALLERY */
#photo-gallery {width:490px; height:520px; overflow:hidden;  float:left; margin-top: 190px;  }
.leftcolumngallery { width:276px; float:left; margin-top:90px; }

#camera  {margin-top:24px;}
#newssearch input:focus, #livesearch input:focus, #newssearch select:focus, #livesearch select:focus, #livesearch textarea:focus, #newssearch textarea:focus, #newssearch input:hover, #livesearch input:hover{ color:#3b322d;}
.rightcolumngallery { width:191px; float:right; margin: 554px 0 0 0;}
#eye a		{display:block; width:90px; height:240px; background:url(../../../images/eye.gif) no-repeat; background-position: 0 0;}
#eye a:hover { background-position: -90px 0;}
#livesearchsingle { width:50%;}

/* PRESS */

.press-content {width:480px; height:560px; overflow:hidden;  float:left; padding-top:70px; }
.leftcolumnpress { width:296px; float:left; margin-top:125px; }
.press-content p {padding-bottom:10px;  line-height:1.3em;}
.art-title-box { width:90%; height:60px; display:block; clear:both; float:none;}


/* CONTACT */

#contact-content {width:490px; height:700px; overflow:hidden;  float:left; padding-top:340px; font-size:110%; }
.leftcolumncontact { width:276px; float:left;padding-top:110px; }
#tremblingstar  { margin: 0 0 170px 0;}
.moths		{ float:left; width:170px;  margin-top:120px;}
#shakingstar  { margin: 40px 0 0 0;}
#sailingship	{ margin:86px 0 0 50px;}

/* FOOTER */

#footer	{ width:1100px; display:block; margin:-160px 0 0 0; padding-top:60px;}


.leftcolumnlinks { width:180px; float:left; }
#linkslisten,
#linksrecommend,
#linkslook, #linksfriends	{ float:left;  width:177px; overflow: visible;}
#linkslisten, #linkslook, #linksrecommend { margin-right:30px;}
#linksrecommend h2,
#linkslisten h2,
#linkslook h2 { margin:0 0 10px 0; padding:0; font-size:140%; line-height:1.1em;}



#copyright { background:url(../../../images/footer-background.gif) bottom left no-repeat; clear:both; display:block; padding:65px 0 25px 160px;}

/* SINGLEPOSTS */
.singlepost, .singlepost-search			{width:450px; float:left; color:#7c5ca5; overflow:hidden;}

.singlepost-search  p, .singlepost p		{line-height:1.3em;}	
.singlepost-search h2		{padding: 60px 0 20px 105px; font-size:2em; text-align:left;}
.singlepost h2				{padding: 60px 10px 5px 105px; font-size:2em; text-align:left;}
.posteddate					{padding: 0 0 50px 125px; font-size:1em; font-weight:bold; font-family:"Courier New", Courier, monospace;}

 .singlepost h3,  .singlepost h4							{padding: 10px 0;}
 .singlepost-search h3						{padding: 0;}
 .singlepost h4		{text-align:right;}
.searchresults		{margin-top:60px;}
#newsarchive	{ float:left;}
#oldernews	{padding-top:350px; color:#7c5ca5;}
#reallyoldnews	{margin-top:370px; color:#829fc8;}
.prevnextleaves { background:url(../../../images/prev-next-leaves.gif) top center no-repeat; padding-top:30px;}

/* SHOPPE */
.singlepost-shoppe {width:450px; float:left; color:#7c5ca5; overflow:hidden; color:#588779;}
.shoppeproduct { font-size:75%;}
.shoppeproduct h3 { margin-top:0; padding-top:0;}
.shoppeproduct img {float:left; margin:0 10px 5px 0;}
.shoppeicons	{float:left; width:30%; margin-bottom:5px}

/* COMMENTS */
#respond p, #respond h3 { color:#ec9d63; }
label span {display:block;width:90px; float:left; color:#ec9d63;}

#commentform input { width:300px;background:transparent url(../../../../images/contact-lines.gif) no-repeat scroll center bottom;
border:medium none;
color:#588779;
font-family:"Courier New",Courier,monospace;
font-size:1.1em;
padding:3px;
vertical-align:top; border:none; background-position: 0 0; float:left;}
#commentform input:hover { width:300px;background:transparent url(../../../../images/contact-lines-hover.gif) no-repeat;}
#commentform textarea { clear:both; width:375px; background: url(../../../../images/contact-lines.gif) repeat; border:none; line-height:27px; padding:2px 5px; margin:5px; overflow:hidden;}
#commentform textarea:focus	{ 
	background: url(../../../../images/contact-lines-hover.gif) repeat;
}

#commentform input.sendbutton, #commentform input.sendbutton a	{ background:url(../../../../images/send.gif) top no-repeat; background-position: 0 0; height:26px; width:72px; text-indent:-9999px; color:transparent; font-size:0; line-height:0;}
#commentform input.sendbutton:hover	{  background-position: 0 -26px; height:26px; color:transparent; }

.odd { color:#965b8f; font-size:85%;}
.even { color:#829fc8; font-size:85%;}
.comment-meta {float:right; margin-right:30px;}
.comment-author {float:left; width:50%; font-size:120%;}
.comment-author img { vertical-align:middle;}
.comment-body { padding-bottom:50px; background:url(../../../images/commentbirds.gif) no-repeat bottom;}