/************************************     LOCAL LAYOUT     **************************/



/*  Home  */

.right {float:right;margin:0;padding:0;}
.arrow {background:url(../images/icons/go.gif) no-repeat left center;padding-left:16px;}
.strong {font-weight:bold;}
#service_box_container {margin:0;padding:0;height:170px;}
.service_box {float:left;width:30%;height:160px;margin:0;padding:10px 0;text-align:center;}
.service_box a {font:16px/22px Verdana;font-weight:bold;}
.service_box img {padding-top:10px;}
#picture_box, #links_box {float:right;width:120px;height:80px;padding:0;margin:0;}
#composer_box, #arranger_box {float:right;width:80px;height:120px;padding:0;margin:0;}
.guest {float:left;height:52px;line-height:52px;padding:0;margin:0;font:19px Georgia, serif;font-weight:bold;font-style:italic;}
.guest a {text-decoration:none;}

/*   Blue list styling  */

ul.blue {margin:20px 0 0 20px;padding:0;list-style:none;}
ul.blue li {margin:0;padding:3px 0;list-style:none;font-weight:bold;color:#039;}
ul.blue li ul {margin:0 0 0 20px;padding:0;list-style:none;}
ul.blue li ul li{list-style:none;margin:0;padding:3px 0 3px 14px;background:transparent url(../images/icons/list.gif) no-repeat left center;font-weight:normal;color:#000;}

/*  List of works  */

ul.genre {margin:0 0 0 20px;padding:0;list-style:none;}
ul.genre li {list-style:none;margin:0;padding:3px 0 3px 14px;background:transparent url(../images/icons/list.gif) no-repeat left center;font-weight:normal;}
.year {padding:0;margin:10px 0;}
ul.works {margin:0;padding:0;list-style:none;}
ul.works li {margin:0;padding:0;list-style:none;}

/*  Client help  */

#faq {margin:20px 0;padding:10px;border:1px solid #bdf;}
#faq a {display:block;margin:3px 0;}
p.faq {margin-top:20px;}
p.faq strong {display:block;}
p.faq a {color:#000;text-decoration:none;}

/*  portfolio_sheet   */

#screenshot_container {position:absolute;top:10px;left:140px;margin:0;padding:0;border:2px solid #039;display:none;background:#fff url(../images/topLeft.gif) no-repeat top left;}
.spacer_div {width:100%;height:10px;line-height:10px;}
.big_spacer_div {width:100%;height:40px;line-height:40px;}
#topRight {position:absolute;margin:0;padding:0;background:url(../images/topRight.gif) no-repeat top right;}
#bottomLeft {margin:0;padding:0;background:url(../images/bottomLeft.gif) no-repeat bottom left;}
#bottomRight {margin:0;padding:0;background:url(../images/bottomRight.gif) no-repeat bottom right;}
#slug {position:absolute;top:10px;left:10px;margin:-1px 0 0 -1px;padding:0;width:240px;height:200px;background:#fff;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.8);opacity:.8;border:1px solid #bdf;}
#screenshot_text {position:absolute;top:10px;left:10px;margin:5px;padding:0;width:230px;height:190px;opacity:.99;font:11px/16px Verdana;}
#screenshot_text strong {font:13px/20px Verdana;font-weight:bold;}
#close {width:240px;height:20px;line-height:20px;font:13px/20px Verdana;font-weight:bold;position:absolute;left:10px;top:189px;background:#eef7ff;border-top:1px solid #bdf;}
#close a {padding-left:5px;}
.sheet_container {margin-left:30px;}
.sheet {float:left;height:30px;line-height:30px;margin:10px 20px 0 0;}

/*  portfolio_audio  */

h3.audio {margin-bottom:20px;}
.audio_file {float:left;margin-left:20px;clear:left;}
.audio_title {float:left;padding-top:7px;width:170px;margin-left:20px;}
.audio_text {float:left;padding-top:7px;width:450px;margin-left:20px;}

/*  quote form  */

.red {color:#f00;}
form#quote, form#quote textarea, form#quote select, form#quote input {margin:0;padding:0;}
form#quote textarea {border:1px solid #bdf;}
.quote_block {margin:10px 0 0 0;padding:0;width:600px;border:1px solid #bdf;background:#eef7ff;text-align:left;}
.quote_element {float:left;width:45%;margin:10px 0 0 10px;padding:0;text-align:left;}
.quote_element div {display:block;margin:0;padding:0;text-align:left;}
.quote_element textarea {font:12px Verdana, sans serif;}
.last {margin-bottom:10px;}
#buttons {margin:10px 0 40px 0;padding:0;text-align:center;}
#buttons input {padding-right:5px;}
.counting {font:10px/12px Verdana;color:#039;}
.exceeded {font:10px/12px Verdana;color:#f00;}

/*  resources page  */

#resource_list {margin:20px 0;padding:10px;border:1px solid #bdf;}
#resource_list a {display:block;margin:3px 0;}
#resource_list a.padded {padding-left:20px;}
#checker_container {background:#eef7ff;border:1px solid #bdf;width:80%;margin:40px 0 0 0;}
#checker_contnainer h3 {margin:5px 0;}
.checker {float:left;width:17%;margin:0;padding:0 2% 0 0;text-align:center;}
#key_form {margin:10px 0 0 0;padding:0;}
#key_form select {width:100px;margin-bottom:5px;}
#key_form input {width:100px;}
#answer_box {clear:both;margin:10px 0;padding:0;border:1px solid #bdf;width:400px;height:80px;text-align:left;background:#fff;}
.dynamic {float:left;width:60px;font:16px/20px Georgia, serif;font-weight:bold;font-style:italic;padding:0;margin:0 0 10px 10px;}
.smaller {font:13px/20px Georgia, serif;font-weight:bold;font-style:italic;}
.italian {float:left;width:120px;font:13px/20px Georgia, serif;font-weight:bold;font-style:italic;padding:0;margin:0 0 10px 0;}
.explanation {float:left;width:160px;margin-bottom:10px;}
.clearLeft {clear:left;}
.tempo {float:left;width:100px;font:13px/20px Georgia, serif;font-weight:bold;font-style:italic;padding:0;margin:0 0 10px 10px;}
.tempoExp {float:left;width:133px;margin-bottom:10px;}
.note_container {width:700px;margin:10px 0;padding:0;}
.note {float:left;width:70px;line-height:35px;text-align:center;}
.note_rest {float:left;width:70px;line-height:35px;text-align:center;}
.note_name {float:left;width:250px;line-height:35px;text-align:left;}
.note_length {float:left;width:300px;line-height:35px;text-align:left;}
.resource_image {padding:20px 0;}
#languages_container {width:600px;margin:0 20px;padding:0;}
.languages {float:left;width:25%;text-align:left;padding:0;margin:3px 0;}
.form_blocks {margin:20px 0;}
.form_blocks img {float:left;margin:0 5px 0 0;padding:0;}
table.sortable {border:1px solid #bdf;margin-top:30px;}
.sortable thead {background-color:#bdf;font-weight: bold;cursor: default;}
.sortable td, .sortable th {padding:2px 5px;}
.composer {text-align:left;}

/*  various  */

.affiliations {width:160px;float:left;margin:0 0 0 40px;padding:0;text-align:center;}
.padded {margin-top:20px;}
.aff_title, .aff_content, .aff_desc {width:160px;float:left;clear:left;}
.aff_title {height:40px;}
.aff_content {height:100px;}
.aff_desc {height:40px;}
.line_break {width:100%;border-top:1px solid #bdf;clear:left;}
.discography {float:left;width:280px;margin:40px 0 0 0;padding:0 0 0 30px;}
img.presskit {padding:10px 10px 0 0;}
.press {float:left;height:34px;margin:10px;padding:0;line-height:34px;}
.inviso {color:#fff;}
ul.links {margin:10px 0;padding:0;list-style:none;}
ul.links li {margin:0;padding:3px 0 3px 14px;list-style:none;background:transparent url(../images/icons/list.gif) no-repeat left center;}
.service_heading {width:600px;text-align:center;}
.service_heading img {padding-top:10px;}
.extra {padding-bottom:30px;}
#testimonials {margin:0;padding:0;}
h2.testimonial {margin-bottom:20px;}
.sitemap_container {width:300px;float:left;margin:0;padding:0;}
#clientUsername {margin:20px 0;padding:0;}
#clientUsername input {display:inline;margin-right:10px;}
ul.alpha {display:inline;margin:20px 0;padding:0;list-style:none;}
ul.alpha li {display:inline;margin:0;padding:0;list-style:none;}
ul.alpha li a {font:15px/20px Verdana, sans serif;font-weight:bold;padding:0 5px;}
ul.alpha li a:hover {background:#bdf;text-decoration:none;}