/* Alun Cochrane; Summer theme
by Lua Design www.luadesign.co.uk

colours:
sky blue bg: b5cadc
deep red: 832000
dark green: 89a738
orange: ff950b
bright cyan: 00b1e7
yellow: ffdc2a

#
*/
/* RESET */
/* ----------------------------------------- */

/* Global 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, div { 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, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

p					{ padding:3px 0;}

blockquote			{padding: 30px 0 10px 0; font-style:italic; font-size:95%; font-weight:bold; color:#000; line-height:1.6em;}
h4					{ font-weight:bold; color:#832000; margin-top:10px;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
#centre	{text-align:center;}

/* You might find the following useful */
br.dirtyLittleTrick, 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 } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */


/* MAIN STYLING */
/* ----------------------------------------- */					
body				{ background: url(images/bg-clouds.gif) repeat; font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; }
#wrapper			{ margin: 0 auto;  width:961px;  background: url(images/grass-bg.jpg) repeat-y;} 


/* NAV */

#nav				{ position: absolute; top:0; right:0; z-index:98; width:420px; }
#nav ul				{ padding-left:20px; }
#nav li				{ float:left; color:#832000; font-size:120%; padding: 8px 25px 0 0; font-weight:bold; list-style:none;}
#nav li a			{ float:left; color:#832000; text-decoration:none; }
#nav li	a:hover		{ float:left; color:#89a738;  }
#nav li.current_page_item a,
#nav li.current-cat a{ float:left; color:#00b1e7;  }
ul#mailinglist 		{  float:left;}
 #mailinglist li a		{ color:#832000; text-decoration:none; font-weight:bold;}
#mailinglist li a:hover {  color:#89a738; }
#mailinglist input		{ margin:0; padding:3px;}

/* SIDEBAR LEFT */

#sidebar-left		{ width:281px; height:869px; display:block; overflow:visible; background:url(images/sidebarleft-bg.jpg) top left no-repeat; float:left;}
#tour-bubble		{ padding:48px 55px 20px 36px; color:#ff950b; text-align:center; height:163px;}
#tour-bubble h2	a	{ color:#ff950b; text-decoration:none; font-style:italic; font-weight:bold; font-size:145%;}
#tour-bubble h2 a:hover	{ color:#89a738; border-bottom: dotted 2px #89a738; }
#biog-bubble 		{ padding:0 60px 0 0; color:#ff950b; text-align:center; height:146px;}
#biog-bubble h2	a	{ color:#00b1e7; text-decoration:none; font-style:italic; font-weight:bold; font-size:145%;}
#biog-bubble h2 a:hover { color:#89a738; border-bottom: dotted 2px #89a738; }
#bookings-bubble	{ color:#ff950b; text-align:center; padding:5px 60px 0 45px;  height:122px; }
#bookings-bubble h3	a	{ color:#89a738; text-decoration:none; font-style:italic; font-weight:bold; font-size:100%; line-height:1.1em;}
#bookings-bubble h3 a:hover	{ color:#ff950b; border-bottom: dotted 2px #ff950b; }
#next-gig			{ width:280px; color:#000; text-align:left; padding-left:40px; font-size:110%; line-height:1.5em; }
#next-gig a,
#news-excerpt a		{  color:#832000; text-decoration:none; }

#next-gig a:hover,
#news-excerpt a:hover	{ color:#89a738; border-bottom: dotted 2px #89a738; }
#news-excerpt h2	{ color:#832000; text-decoration:none; font-style:italic; font-weight:bold; font-size:145%;}

#next-gig img,
#latest-news img	{ padding-bottom:10px;}



/* CENTRE COLUMN */

#centre-panel		{ width:400px; height:869px; display:block; overflow:visible; background:url(images/alun-cochrane-bg.jpg) top left no-repeat; float:left;}
#video-box			{ padding:50px 0 0 65px; width:334px; overflow:hidden;}
#video-box h2		{ font-style:italic; font-weight:bold; font-size:145%; color:#00b1e7; padding:0; width:270px; text-align:center;}
.vid-clip-box		{ width:120px; padding:0 5px; float:left;}

/* SIDEBAR RIGHT */

#sidebar-right		{ width:280px; height:869px; display:block; overflow:visible; background:url(images/sidebarright-bg.jpg) top left no-repeat; float:left;}
#mailing-bubble		{ padding:115px 55px 0 36px; color:#ff950b; text-align:center; height:164px;}
#mailing-bubble h2	a	{ color:#ff950b; text-decoration:none; font-style:italic; font-weight:bold; font-size:120%;}
#mailing-bubble h2 a:hover	{ color:#89a738; border-bottom: dotted 2px #89a738; }
#sandwich-bubble 		{ color:#89a738; padding:5px 0 0 45px; color:#ff950b; text-align:center; height:56px; width:120px; font-style:italic; font-weight:bold;}
#sandwich-bubble p		{ color:#89a738;}
#latest-news			{ width:250px; color:#000; text-align:left; padding:10px 30px 0 0;}


/* FOOTER */

#footer		{ clear:both; padding: 10px 30px 10px 30px; width:900px; display:block; overflow:visible; background:url(images/grass-bg.jpg) top repeat #89a738; font-size:75%; float:left; margin-top:-1px;}
#rss-box a {color: #000; text-decoration:none;}
#footer a	{color: #fff; text-decoration:none;}
#rss-box a:hover,
#footer a:hover	{ color:#832000; border-bottom: dotted 2px #832000; }
#copyright,
#copyright	{ width:445px; display:block; padding:10px 0; float:left;}
#luawebdesign{ width:445px; display:block; padding:10px 0; float:left;}
#luawebdesign	{ text-align:right;}
#rss-box			{ position:absolute; top:895px; right:90px; z-index:99;}
#rss-feed,
#rss-feed a			{ background:url(images/rss.gif) top no-repeat; background-position: 0 0; height:38px; width:38px; overflow:auto; display:block; }
#rss-feed a:hover	{ background:url(images/rss.gif) top no-repeat; background-position: 0 -38px; }

/* INSIDE PAGES */
#maincontent		{ background: url(images/insidepages-bg.jpg) no-repeat top center; width:811px; height:869px; display:block; padding:0 75px; font-size:105%; line-height:1.6em;}
#maincontent-tour	{ background: url(images/insidepages-bg.jpg) no-repeat top center; width:811px; display:block; padding:0 75px; font-size:105%; line-height:1.6em;}
#maincontent h2,#maincontent-tour h2	{ color:#00b1e7; font-size:2.2em; font-weight:bold; padding:20px 0 5px 0; text-align:center;}
#maincontent h3, #maincontent-tour h3	{ color:#832000; font-size:1.85em; font-weight:bold; padding:5px 0;}
#maincontent a, #maincontent-tour a		{ color:#832000; text-decoration:none;}
#maincontent h4	a, #maincontent-tour h4 a	{ color:#832000;  font-weight:bold; padding:5px 0;}
#maincontent a:hover, #maincontent-tour a:hover	{	color:#00b1e7; border-bottom: dotted 2px #00b1e7;}

.subcat				{ float:left; width: 245px; margin: 0 10px 5px 0; }
.datebox			{ width: 235px; background:#face2e; margin:5px 10px 5px 0; padding:4px; font-size:80%; line-height:1.15em; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
.date				{width:18%; float:left; font-size:120%; font-weight:bold; color:#832000;filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; text-align: justify;} 
.date-details		{width:80%; float:left; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; text-align: left;}

.quote				{ display:block; float:none; padding: 20px 70px 5px 70px; text-align:center; font-weight:bold; font-style:italic; color:#832000; font-size:125%;}
.quote-attributed	{ text-align:right; color:#000; padding: 0 70px 5px 70px;}
.post p				{ opacity:1; line-height:1.4em; font-size:95%;}
.post				{background:#fff; padding:20px; display:block; overflow:visible; /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

  /* IE 5-7 */
  filter: alpha(opacity=85);

  /* Netscape */
  -moz-opacity: 0.85;

  /* Safari 1.x */
  -khtml-opacity: 0.85;

  /* Good browsers */
  opacity: 0.85;
}

#edinburgh2010 	{ font-size:90%; background:url(images/edinburgh2010-jokes.jpg) top left no-repeat #fff; width:780px; overflow:hidden;float:left; text-align:center; margin-top:10px;}
#edinburgh2010 h3 { line-height:1.4em;}

/* FORMS */
.contactform						{ margin-left:150px;}
input								{ padding: 3px; margin:5px; background:#fff; border: 2px solid #832000; color:#000;  }
textarea							{ width: 430px; padding: 10px; margin:5px 4px; border: 2px solid #832000;}
input:focus, select:focus, 
textarea:focus, input:hover			{ background:#fff; border: 2px solid #00b1e7; color:#000;  }
.contactlabel						{ width:120px; float:left; display:inline-block; font-size:85%;}
.widget								{float:left; display:inline; margin:2px 10px 0 0;}

/* TOOLTIPS */

#sandwich-bubble a, #video-box a[title] { color : #00b1e7; border-bottom: dotted 2px #fff; text-decoration:none; text-align:center; font-weight:bold; font-style:italic; display:block;}
#sandwich-bubble a	{ display:inline;}
#sandwich-bubble a:hover, #video-box a:hover[title] { color : #00b1e7;border-bottom: dotted 2px #00b1e7;  }
#video-box a:hover[title] img { border: dotted 0px #fff; }
#video-box a:hover img { border: dotted 2px #00b1e7; }