/* General
---------------------------------------*/
body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; }
body, input, td, th { font-family: Arial, Helvetica, sans-serif; }
img { border:0px; }
td, th { vertical-align:top; text-align:left }


/* Font sizes */
body { font-size: 69%; color:#333; }

a { text-decoration:none; color:#333 }
a:hover { text-decoration:underline; }

ul, dl, h2, h3, p { margin-bottom:1.5em; }

h1 { font-size: 1.9em; line-height: 2.8em; }
h2 { font-size: 1.4em; margin-bottom:0.5em; }

.alert { font-weight:bold }

p, li, #utility { font-size:1.2em; line-height:1.4em; }
li p { font-size:1em; }


/* Structure
---------------------------------------*/
body { text-align:center; }
#container { width:706px; margin:0 auto; text-align:left; }

#header { float:left; display:inline; height:96px; width:706px; }
#header #banner { float:left; display:inline; width:180px; margin-top:25px; margin-bottom:0; margin-left:34px; margin-right:4px; padding:0; }
.brimg { float:left; display:inline; width:60px; margin:0; padding:0; }
.brblurb { float:left; display:inline; width:120px; margin:0; padding:0; }
#header #topright { float:left; display:inline; width:218px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; padding:0; }
.trimg { float:right; display:inline; width:162px; height:21px; margin-top:39px; margin-bottom:0; margin-left:0; margin-right:26px; padding:0; }
.trnav { float:right; display:inline; font-size:1.2em; line-height:1.4em; text-align:right; color:#005F89; margin-top:6px; margin-bottom:0; margin-left:0; margin-right:18px; padding:0; }
.trnav a { color:#d20040; margin:0 7px; }


#header h1, #header h2 { margin:0; padding:0; }
h1#logo { float:left; margin-top:9px; margin-left:17px; width:253px; height:83px; }
#tagline { float:right; display:inline; margin-top:39px; margin-right:26px; width:162px; height:21px; }

#utility { float:right; display:inline; margin-top:6px; width:300px; clear:right; text-align:right; color:#005F89; margin-right:18px; }
#utility a { color:#d20040; margin:0 7px; }


#nav ul, #nav li { padding: 0; margin: 0; list-style: none;  }
#nav { clear:both; float:left; display:inline; width:100%; margin-bottom:3px;  }
#nav a { display: block; color:#fff; font-weight:bold; text-decoration:none }
#nav li { float: left; display:inline; width:176px; line-height: 25px; background:none; background-color:#eee; text-align:center; }
#nav li.shop { background-color:#c40941 }
#nav li.videos { background-color:#8d7c09; width:177px; }
#nav li.jukebox { background-color:#327b2b }
#nav li.teaching { background-color:#006ba0; width:177px; }
#nav li a:hover { text-decoration:underline }

/* Underline all current links */
#vidlist #nav li.videos a, #videos #nav li.videos a, #jukebox #nav li.jukebox a, #teaching #nav li.teaching a, 
#homepage a.home, #contact a.contact, #legal a.legal, #about a.about, #teaching a.teaching, 
#jukebox a.jukebox, #videos a.videos, #vidlist a.videos, #shop a.shop, #favourites a.favourites, #demos a.demos { text-decoration:underline }

#content { width:100%; margin-bottom:20px; }
#main { clear:both; width:540px; margin-left:80px; padding-top:24px;  }

#charity { background:url(../images/jukebox/barnardos-v4.jpg) top left no-repeat; height:68px; clear:both} 
#charity .blurb { float:left; text-align:left; display:inline; margin-left:120px; padding:5px; margin-bottom:10px; }

#linksalbum { float:left; display:inline; clear:none; width:103px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:15px; }
#linksmenu { float:left; display:block; clear:none; width:190px; margin:0; padding:0; }
#linksmenu a:link, #linksmenu a:visited { color:#2397bf; margin:0; padding:0; }
#linksmenu ul, #linksmenu li { border:0; margin:0; padding:0; list-style:none; }
#linksmenu li { line-height:25px; margin-top:0; margin-bottom:1px; margin-left:0; margin-right:0; text-indent:29px; background-color:#fff; }

.mp3link { background:url(../images/music-icon-v3.jpg) no-repeat; }
.cdlink { background:url(../images/cd-icon-v2.jpg) no-repeat; }
.fblink { background:url(../images/facebook-icon-v2.jpg) no-repeat; }
.mslink { background:url(../images/myspace-icon-v2.jpg) no-repeat; }
.dllink { background:url(../images/download-icon-v2.gif) no-repeat; }

#footer { clear:both; margin:0 0 10px; background:url(../images/footer-border.gif) top center no-repeat; color:#9d9d9d; padding:5px; } 
#footer p { margin:0 0 2px; padding:0; }
#footer a { color:#333; }




/* Homepage
---------------------------------------*/

#homepage #main { height:318px; width:706px; margin:0; padding:3px 0 0; background:url(../images/homepage/main-v4.jpg) top left no-repeat; text-align:left; }
#homepage #main p { margin-top:111px; margin-left:26px; margin-right:470px; }
#homepage #main a { margin-left:22px; }

#homepage #bulletin { float:left; display:inline; width:706px; height:101px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.bumain { float:left; display:inline; clear:none; width:441px; background:url(../images/homepage/side-colors.gif) top left no-repeat; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.bucontent { float:left; display:inline; clear:none; width:400px; margin-top:0; margin-bottom:0; margin-left:31px; margin-right:20px; padding:0; }
.bulinks { float:left; display:inline; clear:none; width:242px; margin-top:0; margin-bottom:0; margin-left:20px; margin-right:0; padding:0; }

#quotes p { margin-left:25px; margin-right:25px; margin-top:9px; margin-bottom:6px; text-align:center; }
#quotes p strong { color:#d20040; }
#quotes p.alt strong { color:#0068a0; }

#inlinks { float:left; margin-top:13px; width:117px; }
#inlinks ul, #inlinks li { padding: 0; margin: 0; list-style-type:none; }
#inlinks li { display:block; clear:none; width:103px; padding-bottom:15px; }

#exlinks { float:right; margin-top:13px; }
#exlinks ul, #exlinks li { padding: 0; margin: 0; list-style-type:none; }
#exlinks li { display:block; clear:none; padding-bottom:15px; }



/* About
---------------------------------------*/

#about #content { float:left; display:inline; width:100%; }
#about #main { float:left; display:inline; clear:none; width:480px; margin:0; }
#about #sidebar { float:left; display:inline; width:176px; margin-right:30px;  }

#sidebar ul, #sidebar li { margin:0; padding:0; list-style-type:none }
#sidebar li { display:inline; float:left; background-color:#dbd7c4; line-height:25px; margin-bottom:2px; border-left:12px solid; }
#sidebar li a { display:block; float:left; padding-left:15px; width:164px; voice-family: "\"}\""; voice-family:inherit; width:149px; }

#sidebar li.quince { border-color:#216c43 }
#sidebar li.naymon { border-color:#cd9d02 }
#sidebar li.tommo { border-color:#c00515 }
#sidebar li.pete { border-color:#ea3909 }
#sidebar li.ed { border-color:#c40941 }
#sidebar li.rafferty { border-color:#2397bf }

ul#staff, #staff li { margin:0; padding:0; list-style-type:none }
#staff li { clear:both; padding-bottom:10px; float:left; display:inline; width:100%; }
#staff img { float:left; }
#staff p { float:right; width:310px; margin:75px 0 0 15px; padding:0;  }

#staff li.quince strong, strong.quince { color:#216c43 }
#staff li.naymon strong, strong.naymon { color:#cd9d02 }
#staff li.tommo strong, strong.tommo { color:#c00515 }
#staff li.pete strong, strong.pete { color:#ea3909 }
#staff li.ed strong, strong.ed { color:#c40941 }
#staff li.rafferty strong, strong.rafferty { color:#2397bf }

.singing { color:#d20040 }
.playing-music { color:#006ba0 }
.dancing { color:#327b2b }


/* Contact
---------------------------------------*/
#contact #main { width:706px; margin:0; background:url(../images/contact/bg.jpg) top center no-repeat; margin-top:15px; padding-top:0; }
#contact #main .wrapper { margin:0 140px; min-height:419px; height: auto; }
* html #contact #main .wrapper { height:419px; }

#contact #main p.alert { padding-top:15px; margin-bottom:0 }

#contact #main form { margin-top:20px; }
#contact #main form label { width:110px; margin-right:14px; text-align:right; display:inline; float:left; }
#contact #main form p { clear:both; margin-bottom:15px; }
#contact #main form input.text { width:184px; }
#contact #main form textarea { width:274px; height:105px; }
#contact #main form #submit { margin-left:124px; width:170px; border:0; background-color:#D2003F;  height:26px; color:#fff; }

.address { padding-top:25px; margin-bottom:0; }
.address strong { font-weight:normal }
.address { font-size:1.1em; }
.jump { color:#2397bf }


/* Jukebox
---------------------------------------*/

#jukebox #content { float:left; display:inline; width:100%; margin-bottom:3px; }
#jukebox #main { float:left; display:inline; clear:none; width:320px; margin:0; padding:12px 0; background:#DFDCCD url(../images/homepage/side-colors.gif) top left no-repeat; }
#jukebox #notes { float:left; display:inline; width:371px; margin-left:15px; margin-top:14px; }

#jukebox #notes h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

#jukebox #player { margin-left:30px; float:left; display:inline; }

ul#downloads, #downloads li { margin:0; padding:0; list-style-type:none }
ul#downloads { float:left; margin-left:3px; }
ul#downloads li { height:23px; margin-bottom:0px; line-height:100%; padding:0; font-size:0;   }



/* Video List
---------------------------------------*/

#vidlist #content { float:left; display:inline; width:100%; margin-bottom:3px; }

#vidlist #main { float:left; display:inline; clear:none; width:588px; margin:10px 0 0 0; padding:0; }
#vidlist #main h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

#mvcmolly , #mvcjelly { float:left; display:inline; clear:none; width:588px; margin-bottom:3px; padding:0; }
.mvcthumbnail { float:left; display:inline; clear:none; width:103px; }
.mvcblurb { float:left; display:inline; width:473px; margin:0; padding:0; font-size:69%; }

#vidlist #sidebar { float:left; display:inline; width:103px; margin-left:15px; padding:0; }
#vidlist #sidebar img { padding-bottom:3px; }



/* Single Video 
---------------------------------------*/

#videos #content { float:left; display:inline; width:100%; margin-bottom:3px; }
#videos #utube { float:left; display:inline; clear:none; width:320px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:15px; padding:0; }
#videos #main { float:left; display:inline; clear:none; width:371px; margin-top:15px; margin-bottom:0; margin-left:0; margin-right:0; padding:0; }
#videos #main h1 { line-height:1.4em; font-size:1.4em; margin-bottom:0.5em; }



/* Teaching Notes 
---------------------------------------*/

#teaching #content { float:left; display:inline; width:100%; }
#teaching #main { float:left; display:inline; clear:none; width:515px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; }
#teaching #sidebar { float:left; display:inline; width:176px; margin-right:15px;  }

#teaching #player { margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0; }

#teaching #buttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.tnbutton {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.tnimg { float:left; display:inline; clear:none; width:77px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.tnblurb { float:left; display:inline; clear:none; width:300px; margin:0; padding:0px; line-height:16px; }

#teaching #main h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

/* piggyback on the #sidebar created for About Us */

#sidebar li.intro { border-color:#216c43 }
#sidebar li.jelly { border-color:#cd9d02 }
#sidebar li.spider { border-color:#c00515 }
#sidebar li.molly { border-color:#ea3909 }
#sidebar li.mice { border-color:#c40941 }
#sidebar li.rain { border-color:#2397bf }

#sidebar li.fishy { border-color:#216c43 }
#sidebar li.sixpence { border-color:#cd9d02 }
#sidebar li.humpty { border-color:#c00515 }
#sidebar li.row { border-color:#ea3909 }
#sidebar li.michael { border-color:#c40941 }
#sidebar li.diddle { border-color:#2397bf }

#sidebar li.cole { border-color:#216c43 }
#sidebar li.jack { border-color:#cd9d02 }
#sidebar li.dilin { border-color:#c00515 }
#sidebar li.scarecrow { border-color:#ea3909 }
#sidebar li.horsey { border-color:#c40941 }
#sidebar li.star { border-color:#2397bf }

#intro li.intro a, #jelly li.jelly a, #spider li.spider a, #molly li.molly a, #mice li.mice a, #rain li.rain a, 
#fishy li.fishy a, #sixpence li.sixpence a, #humpty li.humpty a, #row li.row a, #michael li.michael a, #diddle li.diddle a,
#cole li.cole a, #jack li.jack a, #dilin li.dilin a, #scarecrow li.scarecrow a, #horsey li.horsey a, #star li.star a  { text-decoration:underline }


/* Shop
---------------------------------------*/

#shop #content { float:left; display:inline; width:100%; margin-bottom:3px; }
#shop #stock { float:left; display:inline; width:176px; margin-right:15px; }
#shop #explain { float:left; display:inline; clear:none; width:515px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; }

#shop #stock p { font-size:1em; }
#shop #explain p { font-size:1em; }
#shop #explain h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

#shop #buttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.sbutton {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.simg { float:left; display:inline; clear:none; width:77px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.sblurb { float:left; display:inline; clear:none; width:300px; margin:0; padding:0px; line-height:20px; font-size:1.2em; }

#shop #other { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.oline {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.oimg { float:left; display:inline; clear:none; width:77px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; text-align:center; }
.oblurb { float:left; display:inline; clear:none; width:412px; margin:0; padding:0px; line-height:16px; }

#shop #feedback { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.fbline {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.fbimg { float:left; display:inline; clear:none; width:16px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.fbblurb { float:left; display:inline; clear:none; width:490px; margin:0; padding:0px; line-height:16px; }



/* Thank You Page
---------------------------------------*/

#thanks #content { float:left; display:inline; width:100%; margin-top:24px; margin-bottom:0; }
#thanks #photo { float:left; display:inline; clear:none; width:340px; margin-right:29px; padding:0; }
#thanks #info { float:left; display:inline; clear:none; width:337px; margin-top:48px; padding:0; }


/* Christmas
---------------------------------------*/

#xmas #content { float:left; display:inline; width:100%; margin-bottom:3px; }
#xmas #main { float:left; display:inline; clear:none; width:515px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; }
#xmas #sidebar { float:left; display:inline; width:176px; margin-right:15px; }

#xmas #main h1 { line-height:1.4em; font-size:1.4em; margin-bottom:0.5em; }
#xmas #main p { line-height:1.4em; font-size:1em; margin-bottom:0.5em; }

#xmas #player { margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0; }

#xmas #buttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.xbutton {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.ximg { float:left; display:inline; clear:none; width:77px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.xblurb { float:left; display:inline; clear:none; width:300px; margin:0; padding:0px; line-height:16px; font-size:1em; }


/* Favourites 
---------------------------------------*/

#favourites #content { float:left; display:inline; width:100%; }
#favourites #main { float:left; display:inline; clear:none; width:515px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; }
#favourites #sidebar { float:left; display:inline; width:176px; margin-right:15px;  }

#favourites #main h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

/* piggyback on the #sidebar created for About Us */

#sidebar li.intro { border-color:#216c43 }
#sidebar li.caspar { border-color:#cd9d02 }
#sidebar li.brady { border-color:#c00515 }
#sidebar li.justine { border-color:#ea3909 }
#sidebar li.noelie { border-color:#c40941 }
#sidebar li.bnl { border-color:#2397bf }

#sidebar li.giants { border-color:#216c43 }
#sidebar li.billy { border-color:#cd9d02 }
#sidebar li.jambu { border-color:#c00515 }
#sidebar li.eric { border-color:#ea3909 }
#sidebar li.irish { border-color:#c40941 }
#sidebar li.jack { border-color:#2397bf }

#sidebar li.beaut { border-color:#216c43 }

#intro li.intro a, #caspar li.caspar a, #brady li.brady a, #justine li.justine a, #noelie li.noelie a, #bnl li.bnl a, 
#giants li.giants a, #billy li.billy a, #jambu li.jambu a, #eric li.eric a, #irish li.irish a, #jack li.jack a,
#beaut li.beaut a { text-decoration:underline }

#favourites #buttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.fbutton {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.fimg { float:left; display:inline; clear:none; width:133px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.fblurb { float:left; display:inline; clear:none; width:377px; margin:0; padding:0px; line-height:16px; }

.fbuttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}



/* Demos 
---------------------------------------*/

#demos #content { float:left; display:inline; width:100%; }
#demos #main { float:left; display:inline; clear:none; width:515px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0; }
#demos #sidebar { float:left; display:inline; width:176px; margin-right:15px;  }

#demos #main h1 { line-height:1.4em; font-size: 1.4em; margin-bottom:0.5em; }

#demos #player { margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0; }

/* piggyback on the #sidebar created for About Us */

#sidebar li.intro { border-color:#216c43 }
#sidebar li.paddy { border-color:#cd9d02 }
#sidebar li.jingle { border-color:#c00515 }
#sidebar li.xmas { border-color:#ea3909 }

#intro li.intro a, #paddy li.paddy a, #jingle li.jingle a, #xmas li.xmas a { text-decoration:underline }

#demos #buttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}
.dbutton {float:left; display:inline; width:515px; margin-top:0; margin-bottom:3px; margin-left:0; margin-right:0; padding:0;}
.dimg { float:left; display:inline; clear:none; width:133px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:3px; padding:0; }
.dblurb { float:left; display:inline; clear:none; width:377px; margin:0; padding:0px; line-height:16px; }

.dbuttons { float:left; display:inline; width:515px; margin-top:0; margin-bottom:15px; margin-left:0; margin-right:0; padding:0;}



/* Bandcamp 
---------------------------------------*/

.bcembed5470 { padding: 0 !important; position: relative !important; width: 400px; height: 100px; background: rgb(255,255,255) !important; color: ; margin: 0px; text-align: left !important;}
.bcembed5470 * { padding: 0 !important; font-size: 12px !important; font-family: arial !important; text-align: left !important; visibility: visible !important; display: inline; }
.bcembed5470 div, object { display: block }
.bcembed5470 a { color: rgb(66,133,187) !important;}
.bcembed5470 div, 
.bcembed5470 span { position: absolute; overflow: hidden; }
.bcembed5470 .top { top: 5px; left: 110px; width: 290px; height: 37px; }
.bcembed5470 .main { height: 14px; }
.bcembed5470 .sub { height: 14px; }
.bcembed5470 .emb { top: 44px; left: 113px; width: 287px; height: 37px; }
.bcembed5470 .bot { top: 82px; left: 110px; width: 290px; height: 13px; }



/* Legal Page
---------------------------------------*/




/* Hacks
---------------------------------------*/
.clear { clear:both; }
.hidden { display:none }