html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

html {
  font-size: 100.01%; }

body {
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 75%; }

h1, h2, h3, h4, h5, h6 {
  color: #111;
  font-weight: normal; }
  h1 img,   h2 img,   h3 img,   h4 img,   h5 img,   h6 img {
    margin: 0; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

p {
  margin: 0 0 1.5em; }
  p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }

a {
  color: #009;
  text-decoration: underline; }
  a:focus, a:hover {
    color: #000; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em, i, dfn {
  font-style: italic; }

dfn {
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font-family: 'andale mono', 'lucida console', monospace;
  font-size: 1em;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #c3d9ff; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select {
  background-color: #fff;
  border: 1px solid #bbb; }

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
  border-color: #666; }

input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select {
  margin: 0.5em 0; }

input.text, input.title {
  width: 300px;
  padding: 5px; }

input.title {
  font-size: 1.5em; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
  position: relative;
  top: 0.25em; }

form.inline {
  line-height: 3; }
  form.inline p {
    margin-bottom: 0; }

.error {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #FBC2C4;
  background: #FBE3E4; }

.container {
  width: 950px;
  margin: 0 auto; }

.showgrid {
  background: url("/images/grid.png"); }

/* Use these classes to set the width of an input. */ */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none; }

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden; }

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }

html {
  font-family: arial, helvetica, sans-serif; }

#masthead h1 {
  line-height: 1;
  margin: 32px 0 0 0;
  padding: 0; }
#masthead h2 {
  line-height: 1;
  margin: -12px 0 1em 168px;
  padding: 0; }
#masthead h3 {
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px; }

#page {
  background-color: #4d4d4d;
  border-top: 1px solid black; }
  #page #content {
    float: left;
    margin-right: 10px;
    width: 590px;
    padding-right: 40px;
    background-color: white;
    float: left;
    padding-bottom: 5em; }
    #page #content #lb_thumbnails a {
      text-decoration: none; }
    #page #content #lb_thumbnails div {
      display: inline; }
      #page #content #lb_thumbnails div img {
        border: 5px solid black;
        margin: 0 0 0 5px; }
    #page #content a:link, #page #content a:visited, #page #content a:hover, #page #content a:focus, #page #content a:active {
      background-color: inherit;
      color: #0068b8; }
    #page #content fieldset {
      border: none;
      padding: 0; }
      #page #content fieldset legend {
        display: none; }
      #page #content fieldset form label {
        font-weight: normal; }
      #page #content fieldset form input.text {
        background-color: #D7D7D7;
        border: 1px solid #A2A2A2;
        color: black;
        font-family: arial, helvetica, sans-serif;
        width: 185px;
        margin: 0 0 0.2em 0;
        padding: 0.5em;
        width: 60%; }
        #page #content fieldset form input.text:focus {
          border: 1px solid black;
          outline: none; }
      #page #content fieldset form input.button {
        background-color: #0068b8;
        border: none;
        color: white;
        cursor: pointer;
        font-family: arial, helvetica, sans-serif;
        padding: 0.45em;
        background-color: #D7D7D7;
        border: 1px solid #A2A2A2;
        color: black;
        padding: 0.5em; }
      #page #content fieldset form p {
        line-height: 1;
        margin: 0; }
        #page #content fieldset form p#textarea {
          margin-top: 1em; }
      #page #content fieldset form textarea {
        background-color: #D7D7D7;
        border: 1px solid #A2A2A2;
        color: black;
        display: block;
        font-family: "Helvetica Neue", helvetica, arial, sans-serif;
        font-size: 85.7142%;
        width: 60%; }
        #page #content fieldset form textarea:focus {
          border: 1px solid black;
          outline: none; }
    #page #content h1 {
      background-color: inherit;
      color: #0068b8;
      font-size: 200%;
      font-weight: bold;
      margin: 0.75em 0 1em 0; }
    #page #content img.inset-image {
      display: block;
      float: left;
      margin-right: 1em;
      max-width: 590px; }
    #page #content p {
      font-size: 116.6666%; }
      #page #content p#siblings {
        margin-left: 505px;
        position: absolute;
        top: 165px; }
        #page #content p#siblings a:link, #page #content p#siblings a:visited, #page #content p#siblings a:hover, #page #content p#siblings a:focus, #page #content p#siblings a:active {
          background-color: white;
          color: black;
          font-size: 85.7142%;
          text-decoration: none; }
        #page #content p#siblings a#back {
          margin-right: 10px; }
        #page #content p#siblings a img {
          margin-bottom: -1px; }
      #page #content p#photo-description {
        font-size: 91.6%;
        margin-top: -1.5em;
        width: 480px; }
      #page #content p#thumbnails {
        width: 480px; }
        #page #content p#thumbnails a {
          display: table-cell;
          height: 50px;
          padding-right: 0.5em;
          vertical-align: middle; }
  #page #sidebar {
    float: left;
    margin-right: 10px;
    width: 310px;
    margin-right: 0;
    background-color: #4d4d4d;
    float: left; }
    #page #sidebar div {
      border-top: 1px solid #AAAAAA;
      margin-top: 5em;
      margin-right: 1em; }
      #page #sidebar div p {
        background-color: #4d4d4d;
        color: white;
        margin: 1em 0.5em 1em 1em; }
        #page #sidebar div p a:link, #page #sidebar div p a:visited, #page #sidebar div p a:hover, #page #sidebar div p a:focus, #page #sidebar div p a:active {
          background-color: #4d4d4d;
          color: white; }
    #page #sidebar h1 {
      background-color: #4d4d4d;
      border-bottom: 1px solid #AAAAAA;
      color: white;
      font-size: 200%;
      font-weight: bold;
      margin-top: 0.75em;
      margin-right: 0.5em;
      padding: 0 0 0.25em 0.5em; }
    #page #sidebar ul {
      margin-left: 1em; }
      #page #sidebar ul li {
        font-size: 116.6666%;
        list-style: none; }
        #page #sidebar ul li a:link, #page #sidebar ul li a:visited, #page #sidebar ul li a:hover, #page #sidebar ul li a:focus, #page #sidebar ul li a:active {
          background-color: inherit;
          color: white;
          text-decoration: none; }
        #page #sidebar ul li a.current {
          cursor: default;
          text-decoration: underline; }
        #page #sidebar ul li img {
          display: block;
          margin-bottom: 1em; }
        #page #sidebar ul li ul {
          margin-bottom: 1em; }
          #page #sidebar ul li ul li {
            font-size: 90%; }

#footer {
  background-color: #e6e6e6;
  border-top: 1px solid black;
  height: 150px; }
  #footer #mailing-list, #footer #vote-box, #footer #booking {
    float: left;
    margin-right: 10px;
    width: 270px;
    margin-left: 1em; }
    #footer #mailing-list h1,     #footer #vote-box h1,     #footer #booking h1 {
      font-size: 150%;
      font-weight: bold; }
  #footer #mailing-list, #footer #vote-box {
    margin-top: 1.5em; }
    #footer #mailing-list fieldset,     #footer #vote-box fieldset {
      border: none;
      padding: 0; }
    #footer #mailing-list form,     #footer #vote-box form {
      background-color: white;
      color: inherit;
      padding: 0.5em; }
      #footer #mailing-list form label,       #footer #vote-box form label {
        font-weight: normal; }
      #footer #mailing-list form input.text,       #footer #vote-box form input.text {
        background-color: #D7D7D7;
        border: 1px solid #A2A2A2;
        color: black;
        font-family: arial, helvetica, sans-serif;
        width: 185px; }
      #footer #mailing-list form input.button,       #footer #vote-box form input.button {
        background-color: #0068b8;
        border: none;
        color: white;
        cursor: pointer;
        font-family: arial, helvetica, sans-serif;
        padding: 0.45em; }
      #footer #mailing-list form p,       #footer #vote-box form p {
        display: inline; }
      #footer #mailing-list form ul,       #footer #vote-box form ul {
        float: left;
        list-style: none;
        margin: 0 0 0.5em 0; }
  #footer #mailing-list {
    margin-left: 2.25em; }
  #footer #vote-box form p {
    float: right; }
  #footer #vote-box ul {
    background-color: white;
    list-style: none;
    margin: 0 0 0.5em 0;
    padding: 0.5em; }
  #footer #booking {
    float: left;
    margin-right: 10px;
    width: 310px;
    margin-right: 0;
    border-top: 1px dashed #A2A2A2;
    border-bottom: 1px dashed #A2A2A2;
    margin: 3.7em 0 0 1em; }
    #footer #booking a:link, #footer #booking a:visited, #footer #booking a:hover, #footer #booking a:focus, #footer #booking a:active {
      background-color: inherit;
      color: #0068b8;
      display: block;
      font-size: 150%;
      padding: 0.5em 0;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase; }
    #footer #booking a:hover, #footer #booking a:focus {
      background-color: #0068b8;
      color: white; }
    #footer #booking a:active {
      background-color: #e6e6e6;
      color: #0068b8; }

#nav {
  margin-left: 385px;
  position: absolute;
  top: 0; }
  #nav li {
    border-left: 1px dashed #e6e6e6;
    float: left;
    margin-top: 15px;
    list-style: none; }
    #nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:focus, #nav li a:active {
      background-color: inherit;
      color: #323232;
      display: block;
      font-size: 150%;
      padding: 20px 13px;
      text-decoration: none; }
    #nav li a:hover, #nav li a:focus {
      background-color: white;
      color: #0068b8; }
    #nav li a:active {
      background-color: #0068b8;
      color: white; }
    #nav li a.current {
      background-color: inherit;
      color: #0068b8;
      cursor: default;
      font-weight: bold; }
    #nav li.first {
      border-left: none; }

#details {
  background-color: black;
  color: white; }
  #details small {
    float: left;
    margin-right: 10px;
    width: 590px;
    padding-right: 40px;
    display: block;
    font-size: 83.3333%;
    padding: 1.1em 0 0 2em; }
    #details small img {
      margin: 0 0 -11px 0; }
  #details #links {
    float: left;
    margin-right: 10px;
    width: 310px;
    margin-right: 0;
    margin: 0.5em 0 0.5em 0;
    text-align: right; }
    #details #links a img {
      border-left: 1px solid #4d4d4d;
      padding: 0.25em 1.5em; }

#thank-you #page #content {
  padding-bottom: 20em; }

#music #page #content div {
  background-color: inherit;
  color: #636363;
  font-size: 116.6666%;
  margin-top: 2em; }
  #music #page #content div #track-listing {
    margin-left: 1em; }
  #music #page #content div #listen {
    display: block;
    float: right;
    margin-right: 1em; }
#music #page #content h1 {
  margin-bottom: 0.2em; }
#music #page #content img.inset-image {
  margin-top: 1.4em; }
#music #page #content p {
  background-color: inherit;
  color: #636363;
  font-size: 83.3333%;
  line-height: 1.3;
  margin-left: 70px; }
#music #page #content ul {
  border: 1px solid #dcdcdc;
  font-size: 116.6666%;
  list-style: none;
  margin: 0;
  padding: 0.75em 0.75em 0.4em 0.75em; }
  #music #page #content ul li {
    margin-bottom: 0.5em; }
    #music #page #content ul li a:link, #music #page #content ul li a:visited, #music #page #content ul li a:hover, #music #page #content ul li a:focus, #music #page #content ul li a:active {
      background-color: #ebebeb;
      border-bottom: 1px dashed #ccc;
      color: #636363;
      display: block;
      padding: 0.35em 0 0.35em 0.75em;
      text-decoration: none; }
      #music #page #content ul li a:link img,       #music #page #content ul li a:visited img,       #music #page #content ul li a:hover img,       #music #page #content ul li a:focus img,       #music #page #content ul li a:active img {
        display: block;
        float: right;
        margin: 0.35em 1em 0 0; }
#music #page #content #tracklist {
  border: 1px solid #dcdcdc;
  font-size: 100%;
  padding: 0.5em;
  padding-bottom: 0;
  width: 95%; }
  #music #page #content #tracklist div {
    margin-top: 0; }
  #music #page #content #tracklist .single_track {
    background-color: #ebebeb;
    border-bottom: 1px dashed #ccc;
    margin-top: 0;
    margin-bottom: 0.5em;
    padding: 0.65em 0.75em 0.5em 0.75em; }
    #music #page #content #tracklist .single_track .play, #music #page #content #tracklist .single_track .pause {
      cursor: pointer;
      float: right;
      height: 18px;
      width: 16px; }
    #music #page #content #tracklist .single_track .play {
      background: url("http://yousefshamoun.com.s3.amazonaws.com/play-button.png") no-repeat; }
    #music #page #content #tracklist .single_track .pause {
      background: url("http://yousefshamoun.com.s3.amazonaws.com/pause-button.png") no-repeat; }
#music #page #content #purchase-link:link, #music #page #content #purchase-link:visited, #music #page #content #purchase-link:hover, #music #page #content #purchase-link:focus, #music #page #content #purchase-link:active {
  background-color: #0068b8;
  color: white;
  display: block;
  margin-top: 2em;
  padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none;
  width: 120px; }

#home #page {
  background-color: white; }
  #home #page #content {
    float: left;
    margin-right: 10px;
    width: 950px;
    margin-right: 0; }
    #home #page #content #upcoming-events {
      border-bottom: 1px solid black;
      padding-bottom: 0.75em; }
      #home #page #content #upcoming-events h1 {
        background-color: inherit;
        border-bottom: 5px solid black;
        color: black;
        font-size: 150%;
        margin-bottom: 0.4em;
        padding: 0 0 0.5em 1.3em; }
      #home #page #content #upcoming-events ul li {
        border-left: 1px dashed #cecece;
        height: 105px;
        margin-left: 25px;
        padding: 20px 0 0 16px;
        width: 275px; }
        #home #page #content #upcoming-events ul li a:link, #home #page #content #upcoming-events ul li a:visited, #home #page #content #upcoming-events ul li a:hover, #home #page #content #upcoming-events ul li a:focus, #home #page #content #upcoming-events ul li a:active {
          background-color: inherit;
          color: black;
          font-weight: bold; }
        #home #page #content #upcoming-events ul li a:hover, #home #page #content #upcoming-events ul li a:focus {
          background-color: inherit;
          color: #0068b8; }
        #home #page #content #upcoming-events ul li span {
          float: left;
          width: 70px; }
        #home #page #content #upcoming-events ul li p {
          float: left;
          padding-left: 0.5em;
          width: 150px; }
      #home #page #content #upcoming-events #scroll-events {
        position: absolute;
        top: 52px;
        left: 0;
        z-index: 999; }
        #home #page #content #upcoming-events #scroll-events #scroll-back, #home #page #content #upcoming-events #scroll-events #scroll-forward {
          background-color: white;
          position: absolute;
          top: 0; }
        #home #page #content #upcoming-events #scroll-events #scroll-forward {
          border-left: 1px dashed #cecece;
          left: 926px;
          padding-left: 5px; }
    #home #page #content #news, #home #page #content #audio-vote-list, #home #page #content #videos {
      float: left;
      margin-right: 10px;
      width: 310px; }
      #home #page #content #news h1,       #home #page #content #audio-vote-list h1,       #home #page #content #videos h1 {
        background-color: inherit;
        color: #666;
        font-size: 150%;
        margin-bottom: 0.25em; }
    #home #page #content #news ul {
      background-color: #f5f5f5;
      border-top: 1px dashed #cecece;
      list-style: none;
      margin: 0;
      padding: 0; }
      #home #page #content #news ul li a:link, #home #page #content #news ul li a:visited, #home #page #content #news ul li a:hover, #home #page #content #news ul li a:focus, #home #page #content #news ul li a:active {
        border-bottom: 1px dashed #cecece;
        display: block;
        font-size: 116.6666%;
        padding: 1em;
        text-decoration: none; }
    #home #page #content #news p {
      background-color: #f5f5f5;
      font-size: 100%;
      padding: 0.5em 1em; }
      #home #page #content #news p a:link, #home #page #content #news p a:visited, #home #page #content #news p a:hover, #home #page #content #news p a:focus, #home #page #content #news p a:active {
        color: #666; }
    #home #page #content #audio-vote-list #tracklist {
      font-size: 116.6666%;
      padding: 0;
      width: 100%; }
      #home #page #content #audio-vote-list #tracklist #single_track {
        background-color: #ebebeb;
        margin-top: 0;
        padding: 0.65em 0.75em 0.5em 0.75em; }
      #home #page #content #audio-vote-list #tracklist #play, #home #page #content #audio-vote-list #tracklist #pause {
        cursor: pointer;
        float: right;
        height: 18px;
        width: 16px; }
      #home #page #content #audio-vote-list #tracklist #play {
        background: url("http://yousefshamoun.com.s3.amazonaws.com/play-button.png") no-repeat; }
      #home #page #content #audio-vote-list #tracklist #pause {
        background: url("http://yousefshamoun.com.s3.amazonaws.com/pause-button.png") no-repeat; }
    #home #page #content #audio-vote-list .vote-box {
      background-color: #ebebeb; }
      #home #page #content #audio-vote-list .vote-box form p {
        float: right; }
        #home #page #content #audio-vote-list .vote-box form p input.button {
          background-color: #0068b8;
          border: none;
          color: white;
          cursor: pointer;
          font-family: arial, helvetica, sans-serif;
          padding: 0.45em;
          margin: 0.75em 0.75em 0 0; }
      #home #page #content #audio-vote-list .vote-box ul {
        float: left;
        list-style: none;
        margin: 0 0 0.5em 0;
        padding: 0.5em; }
    #home #page #content #audio-vote-list #poll-results {
      background-color: #ebebeb;
      list-style: none;
      margin: 0 0 0.5em 0;
      padding: 0.5em; }
    #home #page #content #audio-vote-list .mailing-list {
      background-color: #ebebeb;
      padding: 0.5em; }
      #home #page #content #audio-vote-list .mailing-list p {
        display: inline; }
      #home #page #content #audio-vote-list .mailing-list label {
        font-weight: normal; }
      #home #page #content #audio-vote-list .mailing-list input.text {
        background-color: white;
        color: #666;
        width: 75%; }
      #home #page #content #audio-vote-list .mailing-list input.button {
        background-color: #0068b8;
        border: none;
        color: white;
        cursor: pointer;
        font-family: arial, helvetica, sans-serif;
        padding: 0.45em; }
    #home #page #content #videos {
      margin-right: 0; }
      #home #page #content #videos .video {
        background-color: #ebebeb; }
        #home #page #content #videos .video a:link, #home #page #content #videos .video a:visited, #home #page #content #videos .video a:hover, #home #page #content #videos .video a:focus, #home #page #content #videos .video a:active {
          background-color: inherit;
          display: block;
          color: #666;
          padding: 0.5em 1em; }
        #home #page #content #videos .video p {
          margin-bottom: 0; }
          #home #page #content #videos .video p object {
            height: 256px!important;
            width: 310px!important; }
            #home #page #content #videos .video p object embed {
              height: 256px!important;
              width: 310px!important; }
      #home #page #content #videos #booking {
        background-color: #ebebeb;
        margin-top: 1em; }
        #home #page #content #videos #booking a:link, #home #page #content #videos #booking a:visited, #home #page #content #videos #booking a:hover, #home #page #content #videos #booking a:focus, #home #page #content #videos #booking a:active {
          border-top: 1px dashed #cecece;
          border-bottom: 1px dashed #cecece;
          display: block;
          font-size: 125%;
          padding: 1em;
          text-decoration: none;
          text-transform: uppercase; }
        #home #page #content #videos #booking a:hover, #home #page #content #videos #booking a:focus {
          background-color: #0068b8;
          color: white; }
  #home #page #sidebar {
    display: none; }

.loading {
  background: url("http://yousefshamoun.com.s3.amazonaws.com/loading.gif") no-repeat;
  height: 400px;
  width: 480px; }

#slideshow {
  position: relative; }
  #slideshow div a {
    text-decoration: none; }
    #slideshow div a p {
      background-color: transparent;
      color: #0068b8;
      padding: 5px;
      position: absolute;
      top: 100px;
      left: 675px;
      width: 230px; }
  #slideshow span {
    display: none; }

ol#slideshow_sequence {
  background-color: white;
  color: black;
  font-weight: bold;
  list-style: none;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  position: absolute;
  padding: 5px;
  top: 400px;
  z-index: 99; }
  ol#slideshow_sequence li {
    background-color: #ccc;
    color: inherit;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    padding: 3px 5px; }
    ol#slideshow_sequence li.last {
      margin-right: 0; }

iframe {
  margin-left: -75px;
  position: absolute;
  top: 10px;
}