/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
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:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}

/* Nasty clearfix hacks */
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix{display:block;}
/* End hide from IE Mac */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/** **/
*{
  text-align:left;
  font-family:tahoma, arial;
  color:black;  
}
h1{
  font-family:"Trebuchet MS", tahoma, arial;
  font-weight:bold;
  font-size:277%;
  line-height:1.6em;
}
h1.page_title{padding-top:15px;}
h2{font-size:232%;margin-bottom:15px;}
h3{font-size:197%;margin-bottom:10px;}
h4{font-size:131%;margin-bottom:5px;}
h5{font-size:116%;font-weight:bold;}

ul, ol{margin-bottom:15px;}
li{position:relative;margin-bottom:5px;}
#content ul li{margin-left:15px;}
#content ol li{margin-left:25px;}


strong,cite{font-weight:bold;}
cite{font-style:italic;}
blockquote span{
  font-weight:bold;
  font-size:116%;
}
.row{
  width:84%;
  padding:0 8%;
  margin:0 auto;
}
.full{width:100%;}


/** NAVIGATION **/
#navigation{
  background:#b5252b url('/images/backgrounds/navigation.gif') repeat-x top left;
}
  #primary_navigation{}
    #primary_navigation li{
      display:inline-block;
      float:left;
      margin:0;
      text-align:center;
      font-size:116%;
      letter-spacing:0.8px;
    }
    #primary_navigation a{
      color:white;
      display:block;
      text-decoration:none;
      padding:18px 12px;
      text-align:center;
      line-height:1em;
    }
      #primary_navigation li#homepage_link a{
        background:url('/images/icons/tripple-clef.gif') no-repeat 6px center;
        padding-left:36px;
      }

/*active pages*/
body.homepage li#homepage_link,
body.musical_games li#game_link,
body.reviews li#review_link,
body.repertoire li#repertoire_link{background:#b5252b;}

/** HOME PAGE **/
#homepage_introduction{
  padding-top:15px;
  padding-bottom:15px;  
}
  #homepage_introduction .feature_image{
    float:left;
    margin:5px 50px 15px 0;
  }
  #homepage_introduction h1{margin-top:40px;}
  

/** MAIN CONTENT **/
#content p{
  font-size:108%;
  line-height:1.6em;
  margin-bottom:15px;
}

#extras{
  float:right;
  margin:50px 0 30px 30px;
  background:#b5252b url('/images/backgrounds/extras.jpg') repeat-x top left;
  padding:12px;
}
  #extras ul{background:url('/images/icons/semi-quaver.gif') no-repeat top left;}
  #extras li{
    list-style-type:none;
    color:white;
    font-size:108%;
    margin:0 0 10px 0;
    text-align:right;
    line-height:1.5em;
  }
  #extras li a{color:white;}
  #extras li strong{color:white; font-weight:bold;}

/*games*/
.game{
  float:left;
  width:32%;
  text-align:center;
  margin-bottom:10px;
}
  .game h3{text-align:center;margin-bottom:8px;}
  .game h3 a{text-decoration:none;}
  
/*music list*/
#content ul.notes li{
  background:url('/images/icons/quaver.gif') left 2px no-repeat;
  font-size:108%;
  padding:8px 0 8px 22px;
  margin-bottom:0;
  margin-left:0;
}

/*reviews*/
.review_row{
  width:96%;
  padding:10px 2%;
  margin:15px auto;
}
  .review0, .review2, .review4, .review6, .review8, .review10, .review12{
    background:#FFACC4;
  }
/** FOOTER **/
#footer{
  padding:10px 0;
  border-top:1px solid #b5252b;
}