/* 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:#4285bb; } 
a:hover { text-decoration:none; color:#CC7A29; }
a:active { outline:none }

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

h1, h2 { font-size: 1.4em; margin-bottom:1.5em; color:#d20040; }

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


/* Structure
---------------------------------------*/
html { background-color: #fefdc8; }
 
body { 
  background: #fefdc8;
  text-align: left; 
} 
 
#page { 
  background: #fff; 
  width: 975px; 
  margin: 0 auto; 
}

#container { 
  background: #fff; 
  width: 915px; 
  text-align: left; 
  margin: 0 30px; 
  padding: 5px 0; 
}

#header { 
  background: url("../images/header-bg.jpg") top left no-repeat;
  height: 96px; 
  width: 915px;
  margin: 0px 0px 0px 0px;   
  padding: 0;
}

#logo-wrapper {
  float: left; 
  display: inline; 
  height: 96px;
  width: 265px;  
  margin: 0px 3px 0px 0px; 
  padding: 0;  
}

#navbar {
  float: left; 
  display: inline; 
  height: 96px;  
  width: 647px;
  margin: 0;   
  padding: 0;  
/*  border: solid 1px green; */
}
 
#navbar p {
  text-align: center;
  width: 647px;
  padding: 37px 0px 0px 0px;
  margin: 0px auto; 
/*  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; */
/*  font-size: 1.3em;  */
  font-weight: normal;
}
 
#navbar a {
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}

#navbar a:hover { 
  text-decoration: none; 
  color: #4285bb;
}

#homepage a.homepage, 
#rhymes a.rhymes,
#songs a.songs, 
#music a.music, 
#videos a.videos, 
#shop a.shop, 
#about a.about {
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration: none; 
}

.navbar-divider{
 padding: 0px 8px 0px 8px;
}

#content { 
  background: #fff url("../images/colour-bar.gif") top left no-repeat;
  width:100%; 
  margin: 0px 0px 20px 0px;   
  padding: 35px 0px 0px 0px;
}

#sidebar {
  float: left;  
  display: inline;
  width: 250px;  
  margin: 0px 19px 0px 0px;  
  padding: 0;  
}

#main {
  float: left;  
  display: inline;  
  width: 646px;
  margin: 0px 0px 20px 0px;  
  padding: 0;  
}

#footer { 
  background: url("../images/section-divider.gif") top left repeat-x; 
  clear: both; 
  margin: 0; 
  padding: 5px;    
  color: #9d9d9d;
}

#footer #nav { 
  text-align: center; 
}

#footer #owner { 
  text-align: center; 
}

#footer #creator { 
  text-align: center; 
}


/* Common Classes
---------------------------------------*/

.embed-item {
  margin: 10px 0px 10px 0px;  
}

.center {
  text-align: center;  
  font-style: italic;  
}


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

#top-section { 
  width: 915px;   
  height: 361px;
  margin: 0px 0px 20px 0px; 
  padding: 0;
  text-align: left;
}

ul#skippers {
  float: left;
  display: inline; 
  list-style: none; 
  background: url("../images/home-bg.jpg") top left no-repeat; 
  position: relative; 
  width: 685px; 
  height: 361px; 
  margin: 0;
  padding: 0; 
} 
 
ul#skippers li { 
  position: absolute; 
} 
 
ul#skippers li a { 
  display: block; 
  height: 100%; 
  text-indent: -9000px; 
} 
 
#quince-skipping { 
  width: 85px; 
  height: 276px; 
  top: 45px; 
  left: 0px; 
} 

#tommo-skipping { 
  width: 101px; 
  height: 168px; 
  top: 64px; 
  left: 129px; 
} 

#rafferty-skipping { 
  width: 69px; 
  height: 210px; 
  top: 22px; 
  left: 257px; 
} 

#naymon-skipping { 
  width: 85px; 
  height: 235px; 
  top: 22px; 
  left: 355px; 
} 

#pete-skipping { 
  width: 99px; 
  height: 228px; 
  top: 47px; 
  left: 464px; 
} 

#ed-skipping { 
  width: 92px; 
  height: 250px; 
  top: 69px; 
  left: 592px; 
} 

#text-column {
  float: left;  
  display: inline;
  width: 216px;  
  margin: 0px 0px 0px 14px;  
  padding: 0;  
  text-align: left;  
}


#featured-song {
  float: right;  
  display: inline;
  width: 216px;
  margin: 0px 0px 20px 0px;  
  padding: 0;  
  text-align: left;  
}

#featured-video {
  float: left;  
  display: inline;
  width: 400px;
  margin: 0px 30px 20px 0px;  
  padding: 0;  
  text-align: left;  
}

#facebook {
  float: left;  
  display: inline;
  width: 239px;  
  margin: 0px 30px 20px 0px;  
  padding: 0;  
  text-align: left;  
}

#links-bar {
  float: left;  
  display: inline;
  width: 669px;
  height: 50px;  
  background: url("../images/links-bg.jpg") top left no-repeat;   
  margin: 6px 30px 20px 0px;
  padding: 0;  
  text-align: left;  
}

#links-bar p {
  text-align: center;
  width: 669px;
  padding: 4px 0px 0px 0px;
  margin: 0px auto; 
}
 
#links-bar a {
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}

.links-divider{
  padding: 0px 15px 0px 15px;
}

#reviews { 
  float: left; 
  display: inline; 
  width: 669px; 
  margin: 6px 30px 20px 0px;  
  padding:0;
}

#reviews img { 
  float: left; 
  display: inline; 
  width: 16px; 
  margin: 0px 10px 0px 0px;
  padding: 3px 0px 0px 0px; 
}

#reviews p { 
  float: left; 
  display: inline; 
  width: 643px;
  margin-bottom: 20px; 
  text-align: justify;  
}

#featured-product {
  float: left;  
  display: inline;
  width: 216px;  
  margin: 6px 0px 20px 0px;  
  padding: 0;    
  font-size: 10px;
}

#fp-image {
  display: block;
  width: 216px;
  height: 152px;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

#fp-details { 
  display: block;
  width: 216px; 
  margin: 6px 0px 0px 0px; 
  padding: 0;   
  text-align: left;
}

#fp-buttons { 
  display: block;
  width: 216px; 
  height: 25px; 
  background: url("../images/featured-product-bg.jpg") top left no-repeat;   
  margin: 6px 0px 0px 0px; 
  padding: 3px 0px 0px 38px;   
  text-align: left;
}

.fp-button-divider {
  padding: 0px 33px 0px 0px;
}


/* Nursery Rhymes
---------------------------------------*/


#rhymes-sidebar-menu { 
  float: left; 
  display: inline; 
  width: 275px; 
  margin: 0;
  padding: 0;
}

#rhymes-sidebar-menu ul, #rhymes-sidebar-menu li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
}

#rhymes-sidebar-menu li { 
  display: inline; 
  float: left; 
  border-left: 10px solid;  
  margin: 0 0 4px 0;
}

#rhymes-sidebar-menu li a { 
  display: block; 
  width: 167px; 
  float: left; 
  margin: 0;
  padding: 0 0 0 8px; 
  text-decoration: none; 
  font-weight: normal; 
}

#rhymes-sidebar-menu li.intro { 
  border-color:#2397bf;
}

#rhymes-sidebar-menu li.jelly { 
  border-color:#216c43;
}

#rhymes-sidebar-menu li.spider { 
  border-color:#cd9d02; 
}

#rhymes-sidebar-menu li.molly { 
  border-color:#c00515;
}

#rhymes-sidebar-menu li.mice { 
  border-color:#ea3909;
}

#rhymes-sidebar-menu li.rain { 
  border-color:#c40941;
}

#rhymes-sidebar-menu li.fishy { 
  border-color:#2397bf;
}

#rhymes-sidebar-menu li.sixpence { 
  border-color:#216c43;
}

#rhymes-sidebar-menu li.humpty { 
  border-color:#cd9d02; 
}

#rhymes-sidebar-menu li.row { 
  border-color:#c00515;
}

#rhymes-sidebar-menu li.michael { 
  border-color:#ea3909;
}

#rhymes-sidebar-menu li.diddle { 
  border-color:#c40941;
}

#rhymes-sidebar-menu li.cole { 
  border-color:#2397bf;
}

#rhymes-sidebar-menu li.jack { 
  border-color:#216c43;
}

#rhymes-sidebar-menu li.dilin { 
  border-color:#cd9d02; 
}

#rhymes-sidebar-menu li.scarecrow { 
  border-color:#c00515;
}

#rhymes-sidebar-menu li.horsey { 
  border-color:#ea3909;
}

#rhymes-sidebar-menu li.star { 
  border-color:#c40941;
}

#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 { 
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration:none; 
}


/* Kids' Songs
---------------------------------------*/


#songs-sidebar-menu { 
  float: left; 
  display: inline; 
  width: 230px; 
  margin: 0;
  padding: 0;
}

#songs-sidebar-menu ul, #songs-sidebar-menu li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
}

#songs-sidebar-menu li { 
  display: inline; 
  float: left; 
  border-left: 10px solid;  
  margin: 0 0 4px 0;
}

#songs-sidebar-menu li a { 
  display: block; 
  width: 197px; 
  float: left; 
  margin: 0;
  padding: 0 0 0 8px; 
  text-decoration: none; 
  font-weight: normal; 
}

#songs-sidebar-menu li.intro { 
  border-color:#2397bf;
}

#songs-sidebar-menu li.xmas { 
  border-color:#216c43;
}

#songs-sidebar-menu li.paddys { 
  border-color:#cd9d02; 
}

#songs-sidebar-menu li.ages { 
  border-color:#c00515;
}

#intro li.intro a, 
#xmas li.xmas a, 
#ages li.ages a, 
#paddys li.paddys a { 
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration:none; 
}


/* Videos
---------------------------------------*/


#videos-sidebar-menu { 
  float: left; 
  display: inline; 
  width: 230px; 
  margin: 0;
  padding: 0;
}

#videos-sidebar-menu ul, #videos-sidebar-menu li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
}

#videos-sidebar-menu li { 
  display: inline; 
  float: left; 
  border-left: 10px solid;  
  margin: 0 0 4px 0;
}

#videos-sidebar-menu li a { 
  display: block; 
  width: 197px; 
  float: left; 
  margin: 0;
  padding: 0 0 0 8px; 
  text-decoration: none; 
  font-weight: normal; 
}

#videos-sidebar-menu li.intro { 
  border-color:#2397bf;
}

#videos-sidebar-menu li.jelly { 
  border-color:#216c43;
}

#videos-sidebar-menu li.molly { 
  border-color:#cd9d02; 
}

#videos-sidebar-menu li.cole { 
  border-color:#c00515; 
}

#videos-sidebar-menu li.rain { 
  border-color:#ea3909; 
}

#videos-sidebar-menu li.star { 
  border-color:#c40941; 
}

#videos-sidebar-menu li.humpty { 
  border-color:#2397bf; 
}

#videos-sidebar-menu li.incy { 
  border-color:#216c43; 
}

#videos-sidebar-menu li.jack { 
  border-color:#cd9d02; 
}

#videos-sidebar-menu li.row { 
  border-color:#c00515; 
}

#intro li.intro a,
#jelly li.jelly a, 
#molly li.molly a, 
#cole li.cole a,
#rain li.rain a,
#star li.star a,
#humpty li.humpty a,
#jack li.jack a,
#row li.row a,
#incy li.incy a { 
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration:none; 
}



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


#shop-sidebar-menu { 
  float: left; 
  display: inline; 
  width: 230px; 
  margin: 0;
  padding: 0;
}

#shop-sidebar-menu ul, #shop-sidebar-menu li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
}

#shop-sidebar-menu li { 
  display: inline; 
  float: left; 
  border-left: 10px solid;  
  margin: 0 0 4px 0;
}

#shop-sidebar-menu li a { 
  display: block; 
  width: 197px; 
  float: left; 
  margin: 0;
  padding: 0 0 0 8px; 
  text-decoration: none; 
  font-weight: normal; 
}

#shop-sidebar-menu li.intro { 
  border-color:#2397bf;
}

#shop-sidebar-menu li.cart { 
  border-color:#216c43;
}

#shop-sidebar-menu li.book { 
  border-color:#cd9d02; 
}

#shop-sidebar-menu li.album { 
  border-color:#c00515; 
}

#shop-sidebar-menu li.shirts { 
  border-color:#ea3909; 
}

#intro li.intro a,
#cart li.cart a, 
#book li.book a, 
#album li.album a,
#shirts li.shirts a { 
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration:none; 
}

.point-of-sale { 
  float: left; 
  display: inline; 
  line-height: 20px; 
  font-size: 1.2em;   
  font-weight: bold;
}

.buy-button { 
  float: left; 
  display: inline; 
  width: 77px; 
  margin: 0px 5px 0px 0px;
  padding: 0;
}

#shop-facebook {
  float: right;  
  display: inline;
  width: 239px;  
  margin: 0px 0px 20px 30px;  
  padding: 0;  
  text-align: left;  
}



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


#about-sidebar-header {
  height: 150px;
  margin: 0px 0px 30px 0px;    
  padding: 0;  
}

#about-sidebar-header-menu { 
  float: left; 
  display: inline; 
  width: 100px; 
  margin: 0;
  padding: 0;
}

#about-sidebar-header-menu ul, #about-sidebar-header-menu li { 
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
}

#about-sidebar-header-menu li { 
  display: inline; 
  float: left; 
  border-left: 10px solid;  
  margin: 0 0 3px 0;
}

#about-sidebar-header-menu li a { 
  display: block; 
  width: 75px; 
  float: left; 
  margin: 0;
  padding: 0 0 0 8px; 
  text-decoration: none; 
  font-weight: normal; 
}

#about-sidebar-header-menu li.ourband { 
  border-color:#2397bf;
}

#about-sidebar-header-menu li.quince { 
  border-color:#216c43;
}

#about-sidebar-header-menu li.naymon { 
  border-color:#cd9d02; 
}

#about-sidebar-header-menu li.tommo { 
  border-color:#c00515;
}

#about-sidebar-header-menu li.pete { 
  border-color:#ea3909;
}

#about-sidebar-header-menu li.ed { 
  border-color:#c40941;
}

#about-sidebar-header-menu li.rafferty { 
  border-color:#2397bf;
}

#ourband li.ourband a, 
#quince li.quince a, 
#naymon li.naymon a, 
#tommo li.tommo a, 
#pete li.pete a, 
#ed li.ed a, 
#rafferty li.rafferty a { 
  color: #CC7A29; /* highlight colour for active links */ 
  text-decoration:none; 
}

#about-sidebar-header-photo { 
  float: right; 
  display: inline; 
  width: 124px;   
  margin: 0;
  padding: 0;    
}

#about-sidebar-text {
  clear: both;
  width: 250px;  
  margin: 0;  
  padding: 0;
  text-align: justify;
}


/* Contact
---------------------------------------*/


#contact #main {
  background: url(../images/contact-bg.jpg) top center no-repeat;   
  float: left;  
  display: inline;  
  width: 915px;  
  height: 419px;
  margin: 0px 0px 20px 0px;  
  padding: 0;  
}

#contact #main .formwrapper { 
  float: left;
  display: block;    
  width: 706px;
  margin: 20px 0px 0px 230px;
/*  border: 1px solid green; */
}

#contact #main form { 
  margin: 20px 0px 0px 0px; 
}

#contact #main form label { 
  float: left;
  display: inline; 
  width: 110px; 
  margin: 0px 14px 0px 0px; 
  text-align: right; 
}

#contact #main form p { 
  clear: both; 
  margin: 0px 0px 15px 0px; 
}

#contact #main form input.text { 
  width: 184px; 
}

#contact #main form textarea { 
  width: 274px; 
  height: 105px; 
}

#contact #main form #submit { 
  margin: 0px 0px 0px 124px; 
  width: 170px; 
  border: 0; 
  background: #D2003F;  
  height: 26px; 
  color: #fff; 
  cursor: pointer; }

.alert { 
  font-weight: bold; 
  color: #D2003F; 
  height: 40px;
  margin: 0px 0px 30px 0px;    
/*  border: 1px solid black; */
}


/* Legal Stuff
---------------------------------------*/


#legal #main {
  float: left;  
  display: inline;  
  width: 706px;  
  margin: 0px 0px 20px 100px;  
  padding: 0;  
}


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


#track-wrapper {
  display: inline;
  float: right;  
  background: url("../images/track-wrapper-bg.jpg") top left no-repeat;
  width: 216px;
  height: 326px;
  margin: 0px 0px 0px 30px;
  padding: 0;
  font-size: 1.2em;
}

#track-wrapper #art {
  height: 210px;  
  padding: 7px 8px 0px 8px;
}

#track-wrapper #title {
  height: 41px;
  padding: 0px 0px 0px 8px;    
}

#track-wrapper #album-title {
  height: 38px;
  padding: 0px 0px 0px 8px;    
}

#track-wrapper #player {
  height: 33px;  
  margin: 0;
  padding: 0px 0px 0px 5px;    
}  

#track-wrapper #small-album-player {
  height: 70px;  
  margin: 0;
  padding: 0px 0px 0px 21px;    
}  

#track-wrapper #links {
  height: 40px;
  padding: 12px 0px 0px 8px;    
}


/* Facebook Like Plugin
---------------------------------------*/


#fb-wrapper {
  display: inline;
  float: left;  
  background: url("../images/fb-wrapper-bg.jpg") top left no-repeat;
  width: 239px;
  height: 250px;
  margin: 0;
  padding: 0;
  font-size: 1.2em;  
  text-align: left;
}

#fb-top { 
  position: relative !important; 
  width: 215px; 
  height: 50px; 
  margin: 14px 0px 0px 12px; 
  padding: 0; 
  text-align: left;    
}

#fb-top * { 
  display: inline; 
  font-size: 13px !important;
  text-align: left;
  visibility: visible;
  padding: 0;
}

#fb-top div { 
  display: block;
  position: absolute; 
}

#fb-top .title { 
  top: 0px; 
  left: 60px;   
}

#fb-top .like {
  top: 25px;
  left: 60px;   
  height: 21px;    
  width: 150px;
}  

#fb-fans {
  display: block;
  width: 215px;
  height: 140px;
  margin: 32px 0px 0px 12px;
  padding: 0;  
}


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