@charset "utf-8";
/* CSS Document */

html {width: 100%; padding: 0; margin: 0;}
body {width: 100%; padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 95%; color: #000000; text-align: center;}

.red {background: #FFCCCC;}

/* Settings */
#wrapper {position: relative; min-width: 990px; max-width: 1180px; margin: 0 auto; text-align: left; border: 0px solid #ebebcf; padding-top: 2.6em;}
.content {width: 100%;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd {padding: 0; margin: 0;}
ul {list-style: none; margin: 0; padding:0;}
h1 {font-size: 330%; font-weight: normal; margin: 0 4% 0.6em 4%; background: url(/images/bg_h1.gif) repeat-x 0 25px;}
h1 small {font-size: 36px !important;}
h1 span {background: #FFFFFF url(/images/treble_clef.gif) no-repeat right 15px; padding: 0 51px 0 0;}
h2 {font-size: 160%; font-weight: normal; line-height: 1.2em; margin-bottom: 1em;}
h3 {font-size: 145%; font-weight: normal; line-height: 1.2em; margin-bottom: 1em;}
h4 {font-size: 105%; margin-bottom: 1em; font-weight: normal;}
h5 {font-size: 100%; margin-bottom: 0.2em; font-weight: normal; font-weight: bold;}
#guitar, #piano, #solo {float: left; width: 10.2em; white-space: nowrap; margin-right: 2em;}
p {line-height: 1.6em; margin-bottom: 1em;}
dl {margin-bottom: 1em;}
dt, dd {line-height: 1.4em;}
dt {margin-bottom: 0.5em; clear: left;}
dd {margin-bottom: 1em;}
.clear {clear: both; height: 0; line-height: 0; padding: 0; margin: 0;}
.clearL {clear: left; height: 0; line-height: 0; padding: 0; margin: 0;}
.indentLeft {padding-left: 4%;}
.indentBottom {margin-bottom: 2.6em;}
.comments {color: #999999;}
small {font-size: 70%;}

/* Gride */
.columnIndentL {float: left; width: 4%;}
.column1_5 {float: left; width: 16%; margin-right: 3%;}
.column2_5 {float: left; width: 35%; margin-right: 3%;}
.column3_5 {float: left; width: 54%; margin-right: 3%;}
.column4_5 {float: left; width: 73%; margin-right: 3%;}
.columnAll {float: left; width: 92%;}
.columnLast {margin-right: 0;}

/* Links */
a:link {color: #0066cc;}
a:visited {color: #990099;}
a:hover {color: #999900;}
a:active {color: #999900;}

.aBack {margin: -10px 0 30px 0;}
.aBack a {font-size: 80%; color: #000000 !important;}
.aBack a:hover {color: #999900 !important;}

/* Header */
.header {margin: 0 0 1.3em 0; height: 20px;} 
.header p {font-size: 75%;}
.header p a:link {color: #000000;}
.header p a:hover {color: #999900;}

/* Language */
.language * {margin-right: 10px;}

/* Main menu */
.mainMenu {padding-bottom: 30px; text-align: center; width: 100%;}
.mainMenu a {font-size: 130%; color: #000000; margin: 15px 0 4px 0; display: block;}
.mainMenu a:hover {color: #999900;} 
.mainMenu p {font-size: 75%; line-height: 1.4em; color: #999999;}
.menuBiography {background: url(/images/ico_menu_biography.gif) no-repeat center top; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuBiography:hover {background: url(/images/ico_menu_biography.gif) no-repeat center bottom; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuPhotoVideo {background: url(/images/ico_menu_photo.gif) no-repeat center top; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuPhotoVideo:hover {background: url(/images/ico_menu_photo.gif) no-repeat center bottom; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuRepertoire {background: url(/images/ico_menu_repertoire.gif) no-repeat center top; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuRepertoire:hover {background: url(/images/ico_menu_repertoire.gif) no-repeat center bottom; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuLibrary {background: url(/images/ico_menu_library.gif) no-repeat center top; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuLibrary:hover {background: url(/images/ico_menu_library.gif) no-repeat center bottom; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuLinks {background: url(/images/ico_menu_links.gif) no-repeat center top; padding-top: 62px; display: block; margin-top: 0 !important;}
.menuLinks:hover {background: url(/images/ico_menu_links.gif) no-repeat center bottom; padding-top: 62px; display: block; margin-top: 0 !important;}
.currentMenu span {font-size: 130%; padding: 0 4px; margin: 15px 0 4px 0; display: block; background: #ebebcf;}
.mainMenu .column1_5 {width: 20%;}

/* Hello World! */
.helloWorld {background: #f6f6e6 url(/images/my_small.jpg) no-repeat 40px 35px; padding: 35px 40px 20px 160px; margin: 0 6% 0 0;}
.helloWorld p {line-height: 1.4em;}

/* Submenu */
.subMenu {padding-bottom: 0.5em; border-bottom: 1px solid #dfdfcc; margin-bottom: 2.6em;}
.subMenu ul li {float: left; margin-right: 1em;}
.subMenu ul li a {font-size: 108%; line-height: 1.7em;}
.subMenuCurrent {font-size: 145%;}
.subMenuCurrent a {color: #000000; font-size: 100% !important; line-height: 1.1em !important;}
.subMenuCurrent a:hover {color: #999900;}
.subMenuCurrent sup {font-size: 75% !important;}
.subMenu ul li sup {font-size: 100%;}

/* Filter submenu */
.subMenuFilter {margin: -0.5em 0 2.6em 0; height: 1.2em;}
.subMenuFilter li {float: left; margin-right: 1.3em;}
.subMenuFilterCurrent {background: #ebebcf; padding: 0 0.3em;}

/* Cloud tags */
.cloudTags {margin-bottom: 2.6em;}
.cloudTags a {margin-right: 1em; line-height: 1.5em; white-space: nowrap;}
.aTagMiddle {font-size: 110%}
.aTagBig {font-size: 140%}

/* Gallery */
.galPhoto {margin-bottom: 2.6em;}
.galPhoto p {margin-top: 0.5em; font-size: 85%;}
.galVideo {width: 425px; margin: 0 3% 2.6em 0;}

/* Articles */
.articles {margin-bottom: 2.6em; width: 57%;}
.articles dt a {font-size: 108%;}
.article {float: left; width: 64%; margin-right: 8%; margin-bottom: 2.6em;}
.articleBig {float: left; width: 75%; margin-bottom: 2.6em;}
.article h2 {margin-top: 0.2em;}

/* Repertoire */
.repertoire {float: left;}
.repertoire ul {padding: 0; margin: 0;}
.repertoire ul li {padding: 0.1em 0 0.4em 2.2em; margin: 0 0 0.4em 0;}
.repertoire p {margin-bottom: 0.5em;}

.links {padding-left: 2.2em; margin-bottom: 2em;}

.mediaFile {float: left; width: 22%; padding: 1.9em 1.6em; background: #F9F9F9;}

/* Book paging */
.bookPaging {text-align: center; margin: 2.6em 0 0 0;}
.bookPaging span {margin: 0 0.8em;}

/* Contacts */
.tblForm table {border-collapse: collapse; border: 0;}
.tblForm table td {padding: 0 20px 10px 0; vertical-align: top;}
.frmText {width: 250px; height: 18px;}
.error {color: #FF0000;}

.icoMp3 {background: url(/images/ico_mp3.gif) no-repeat 0 2px; padding: 0 0 6px 33px;}
.icoMidi {background: url(/images/ico_midi.gif) no-repeat 0 2px; padding: 0 0 6px 33px;}
.icoAvi {background: url(/images/ico_avi.gif) no-repeat 0 2px; padding: 0 0 6px 33px;}

.photoFloatL {float: left; margin: 0 1.3em 1.3em 0;}

.blockMandolina {position: relative; padding-bottom: 80px;}
.mandolina {position: absolute; left: -65px; bottom: -50px;}

.footer {font-size: 75%;}
