html, body {
  margin: 0;
  padding: 0;
  background: #825432;          /* the dark brown */
  height: 100%;                 /* html and body height (for footer position) */
  font-family: Verdana, Arial, sans-serif;
  color: #aa6;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  border: solid 7px #b89c75;    /* the lighter brown vertical content borders */
  border-width: 0 7px;
  background: #fff;             /* the white */
  width: 900px;            
  height: 100%;                 /* auto height (for ie6 footer position) */
  height: auto !important;      /* auto height (for footer position) */
  min-height: 100%;             /* ff  (for footer position) */
}

#container {
  position: relative;           /* relatively positioned container (for footer) */
  height: 100%;                 /* auto height (for ie6 footer position) */
  height: auto !important;      /* auto height (for footer position) */
  min-height: 100%;             /* ff (for footer position) */
  padding: 15px 22px 20px 22px;
}

#footer {
  position: absolute;           /* absolutely positioned footer */
  margin: 0 auto 1.75em auto;   /* position footer at bottom, if content is short */
  bottom: 0;                    /* or under auto-height container otherwise */
  width: 856px;
  text-align: center;
  font-size: 66%;
}

#footer a { padding-right: 1em; text-decoration: none; }

a, a:link, a:active, a:visited {
  color: #c35019;
  text-decoration: none;
}

a:visited {
  /* color: #a95d33; */ 
}

.node a:hover {
  color: #fff;
}

#header div.left {
  float: left;
  margin-left: 20px;
  text-align: center;
}

#header div.left a {
  border: none;
  text-decoration: none;
}

#header div.right { 
  width: 632px;
  float: right;
  /* display: inline-block; */
  text-align: right;
  margin-top: 60px;
}

#header h1 { 
  color: #86522b;
  font-size: 175%;
  font-weight: normal;
  font-family: Verdana; 
  margin: 0; 
}

#header h3 { 
  color: #cf9828;
  font-size: 85%;
  font-family: Arial;
  letter-spacing: 0.2em;
  margin: 0px; 
}

#header h2 {
  margin: 0.4em 0 0.5em 0;
  padding: 0;
  color: #c39234;
  font-size: 140%;
  font-weight: normal;
  font-family: Arial;  
}

div.clear {
  clear: both; 
  height: 0px; 
  font-size: 0px;
}

/* manual section menu (#event.node) */
#event.node #section-menu {
  clear: right;
  margin: 10px 0 1.5em 32px;
  font-size: 75%;
  font-weight: bold;
}

#event.node div.region {
  margin-top: 0px
}

#event.node #section-menu a {
  padding-right: 2em;
  text-decoration: none;
}

#event.node #section-menu a:hover {
  padding-right: 2em;
}

/* content-header block menu (.section-links) */

.block ul.section-links {
  margin: 10px 0 0 32px;
  padding: 0;
}

.block ul.section-links li {
  font-size: 13.2px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 1.5em;
}

ul.section-links li a {
  padding: 2px 0.5em 4px 0.5em;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
}

ul.section-links li a, 
ul.section-links li a:link, 
ul.section-links li a:active, 
ul.section-links li a:visited {
  color: #a95d33;
}

ul.section-links li a.active, 
ul.section-links li a.active:link, 
ul.section-links li a.active:active, 
ul.section-links li a.active:visited {
  color: #c35019;
  border: solid #df8628 1px;
}

ul.section-links li a:hover,
ul.section-links li a.active:hover {
  color: white;
}

#search { 
  width: 175px; 
}

#search form {
  padding: 0;
  height: 19px;
}

#search .box {
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: bottom;
  background: #ebe5b0;
  height: 19px; 
  width: 130px;
  font-size: 90%;
}

#search .button {
  margin-top: 4px;
  padding-right: 15px
  height: 19px; 
  width: 45px;
}

#content {
  padding: 5px 0;
  color: #582d12;
}

#content.homepage {
  padding: 0px 0 15px 0;
  color: #582d12;
}

#content.homepage #splash .flash-alt-html {
  padding-top: 10px;
}

/* Homepage */

#home.node #splash {
  height: 200px;
  margin: 15px 0;
}

#home.node #left-column {
  width: 546px;
}

#home.node #left-column .region {
  height: 269px;
}

#home.node #right-column {
  width: 290px; 
  margin-left: 15px;
}

#home.node #right-column .region {
  height: 237px;
}

#home.node #sponsors-section {
  margin-bottom: 13px;
}

#home.node #sponsors-section img {
  margin-top: 7px;
}

#home.node #partners-section {
  font-size:  66%; 
}

#home.node #partners-section .region {
  padding-bottom: 25px;
}

#home.node #body-column {
  margin-left: 0;
}


/* Featured Events Carousel classes */

#home.node #body-content #featured-events {
  background: #d3c328 url(images/home_featured_events.jpg) top left no-repeat;
  width: 470px;
  height: 198px;
  padding: 26px 15px 0 2px;
  overflow: hidden;
}

#home.node #featured-events .tabs {
  float: left;
  width: 19px;
}

#featured-events .pages { 
  float: left;
  width: 451px; 
}

#home.node #featured-events .tabs img {
  padding-bottom: 4px;
}

#home.node #featured-events .image-box {
  float: left;
  background-color: #db9728;
  width: 242px;
  padding: 7px;
  text-align: right;
}

#home.node #featured-events .carousel-box-left {
  float: left;
  background-color: #db9728;
  width: 242px;
  height: 179px;
  padding: 7px;
}

#featured-events .tabs .tab-control {
  width: 19px;
  height: 27px;
  background-image: url(images/home_tab.gif);
  background-position: top center;
  background-repeat: no-repeat;
}

#featured-events .tabs .tab-control.selected {
  background-image: url(images/home_tab_selected.gif);
}

#featured-events .pages .tab-page { 
  width: 451px; 
  height: 193px;
  float: left;
  overflow: hidden;
}

#home.node #featured-events .image-box .image-clipper{
  width: 242px;
  height: 155px;
  overflow: hidden;
}

#home.node #featured-events .image-box img.photo {
  width: 242px;
}

#home.node #featured-events .image-box img.button {
  margin-top: 5px;
}

#home.node #featured-events .text-box {
  float: left;
  padding: 10px 0 0 15px;
  width: 170px;
  height: 153px;
  font-size: 90%;
  line-height: normal;
  overflow: hidden;
}

#home.node #featured-events .carousel-box-right {
  float: left;
  padding: 10px 0 0 15px;
  width: 170px;
  height: 179px;
  font-size: 90%;
  line-height: normal;
  overflow: hidden;
}

#home.node #featured-events .text-box .event-title {
  color: #c65619; 
}

#home.node #featured-events .text-box p {
  margin: 4px 0;
}

#home.node #featured-events .text-box img {
  vertical-align: bottom;
}

#home.node #featured-events .text-box .event-venue,
#home.node #featured-events .text-box .event-date {
  font-weight: bold; 
}

#home.node #featured-events .view-all-button {
  text-align: right;
  padding-bottom: 7px;
}

#home.node #featured-events .view-all-button img {
  margin-top: 6px;
}

#home.node #right-column .video-thumbnail {
  text-align: center;
}

#home.node #right-column .region {
  padding-left: 26px;
  padding-right: 26px;
}

#home.node #right-column .video-thumbnail img.thumbnail {
  width: 242px;
  border: 0;
}

#home.node #right-column .video-thumbnail .video-thumb-clipper {
  width: 242px;
  height: 134px;
  overflow: hidden;
}

#right-column .video-title { padding-top: 6px; }

#right-column .video-text-clipper {
  height: 81px; 
  overflow: hidden;
  margin-bottom: 3px;
}

#home.node #right-column .video .button-bar {
  text-align: right;
}

#home.node #right-column .video .button-bar a {
  padding-top: 0px;
}

#home.node #right-column .video img.button {
  width: 81px;
  height: 19px;
  border: 0;
  margin: 0;
}


#home.node #left-column .region {
  padding: 10px 20px 0 30px;
}


#event.node #left-column,
#artist.node #left-column,
#article-2col.node #left-column,
#calendar-view.node #left-column {
  width: 615px;
}

#event.node #right-column,
#artist.node #right-column,
#article-2col.node #right-column,
#calendar-view.node #right-column {
  width: 235px;
  
}

* html #event.node #right-column,
* html #artist.node #right-column,
* html #article-2col.node #right-column,
* html #calendar-view.node #right-column {
  overflow: hidden; 
}

/* Common Interior Page */

.print-email {
  float: right;
  width: 120px; 
  font-size: 66%;
}

.print-email a {
  text-decoration: none;
  white-space: nowrap;
}

.print-email img {
  vertical-align: middle;
}

.node {
  overflow: visible; 
  width: 100%; 
  height: 100%;
}

.node .region {
  padding: 12px 35px;
}

.node .first {
  padding-top: 30px;
}

.node .last {
  padding-bottom: 50px;
}

.rounded-top, 
.rounded-bottom {
  margin-bottom: 6px;
}

* html .rounded-top, 
* html .rounded-bottom { /* ie6 */
  margin-bottom: 0px;
}

* html .outer { 
  border-bottom: solid white 6px; 
  margin-bottom: 6px;
}

.node #left-column {
  float: left; 
}

.node #left-column .rounded-top {
  background: #ded47c url(images/leftcol_top.gif) top right no-repeat;
}

.node #left-column .rounded-bottom {
  background: #ded47c url(images/leftcol_bottom.gif) bottom left no-repeat;
  min-height: 165px;
}

.node #left-column .rounded-top .rounded-bottom,
.node #right-column .rounded-top .rounded-bottom,
#home.node #right-column .rounded-top .rounded-bottom,
#home.node #partners-section .rounded-top .rounded-bottom,
#home.node #links-box .rounded-top .rounded-bottom,
#calendar-view.node #right-column .rounded-top .rounded-bottom {
  background-color: transparent;
}

.node #right-column {
  float: left; 
  margin-left: 6px;
}

#home.node #links-box {
  margin-top: 7px;
}

#home.node #links-box .region {
  padding: 20px 35px 35px 40px;
  font-size: 10.8px;
}

#home.node #links-box a {
  color: #582d12;
  margin-bottom: 8px;
}

#home.node #links-box a:hover {
  color: #fff;
}

.node #right-column .rounded-top {
  background: #d5a442 url(images/rightcol_top.gif) top left no-repeat;
}

.node #right-column .rounded-bottom {
  background: #d5a442 url(images/rightcol_bottom.gif) bottom right no-repeat;
}

#home.node #links-box .rounded-top {
  background: #e2af3b url(images/home_linksbox_top.gif) top left no-repeat;
}

#home.node #links-box .rounded-bottom {
  background: #e2af3b url(images/home_linksbox_bottom.gif) bottom right no-repeat;
}


#calendar-view.node #right-column .rounded-top {
  background: #d9ae57 url(images/rightcol_top_calendar.gif) top left no-repeat;
}

#calendar-view.node #right-column .rounded-bottom {
  background: transparent url(images/rightcol_bottom_calendar.gif) bottom right no-repeat;
}

#calendar-view.node #right-column .odd.rounded-top {
  background: #d9ae57 url(images/rightcol_topright_calendar.gif) top right no-repeat;
}

#calendar-view.node #right-column .odd.rounded-bottom {
  background: transparent url(images/rightcol_bottomleft_calendar.gif) bottom left no-repeat;
}




#home.node #right-column .rounded-top {
  background: #be7a39 url(images/rightcol_top_home.gif) top left no-repeat;
}

#home.node #right-column .rounded-bottom {
  background: #be7a39 url(images/rightcol_bottom_home.gif) bottom right no-repeat;
}

#home.node #partners-section .rounded-top {
  background: #ded47c url(images/home_partners_top.gif) top left no-repeat;
}

#home.node #partners-section .rounded-bottom {
  background: #ded47c url(images/home_partners_bottom.gif) bottom right no-repeat;
}

.inner-left-column {
  float: left;
  width: 188px; 
}

#artist.node .inner-left-column {
  margin: 0 18px 14px 0;
}

.main-image {
  background-color: #d3c328; 
  color: #fff; 
  font-size: 66%;
}

.main-image div {
  padding: 5px;
}

div.icons {
  padding-top: 0;
  margin-left: 15px;
}

div.icons a img {
  vertical-align: middle;
}

a.icon div.icons {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  margin-bottom: 0.5em;
} 

.main-image a#icon1 ,
#right-column a.icon {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

.main-image a div.icons img,
#right-column a div.icons img {
  vertical-align: middle;
  border: none;
  width: 21px;
}

#right-column #slideshow-container a img {
  margin-bottom: 0px;
}

.venue-info {
  margin: 5px 0;
  background-color: #d3c328; 
  background: #d3c328 url(images/inner_leftcol_bottom.gif) bottom left no-repeat;
}

.venue-info div {
  padding: 10px 5px 20px 20px;
  font-size: 60%;
  font-weight: bold;
}

.venue-info img.sponsor {
  margin: 8px 0 6px -3px;  
}

.venue-info img.ticket-button {
  margin: 8px 0 6px -3px;  
}

.venue-info a {
  text-decoration: none; 
}



.body-column {
  float: left;
  margin-top: 0;
  padding-left: 10px;
  font-size: 75%;
}

#event.node .body-column {
  width: 340px;
}

#artist.node .body-column, 
#calendar-view .body-column { 
  width: 538px;
  padding-left: 0px;
}

#article-1col.node .body-column,
#artists-view.node .body-column {
  width: 786px;
  padding-left: 0px;
}

.body-column p { margin: 0; clear: left; }

.body-column p.event-type  { font-size: 75%; font-weight: bold; }
.body-column p.event-date  { font-size: 100%; font-weight: bold; margin-bottom: 1em; }

.body-column p.article-title, 
.body-column p.event-title, 
.body-column p.artist-title { font-size: 120%; font-weight: bold; }

.body-column .event-list-item { 
  overflow: hidden;
  width: 538px;
}

.body-column .event-list-item .image-column,
.body-column .artist-list-item .image-column { 
  float: left;
  overflow: auto;
  width: 186px;
  margin: 0 14px 21px 0;
}

.event-list-item img.teaser,
.artist-list-item img.teaser {
  float: left;
  width: 178px;
  border: solid #d3c328 4px;
}

.body-column .event-list-item .text-column { 
  float: left;
  overflow: hidden;
  padding-left: 10px; 
  margin-bottom: 21px;
  width: 328px;
}

.body-column .artist-list-item .text-column { 
  float: left;
  overflow: hidden;
  padding-left: 10px; 
  margin-bottom: 21px;
  width: 576px;
}

.body-column .event-list-item p.event-type  { font-size:  75%; font-weight: bold; }
.body-column .event-list-item p.event-title { font-size: 100%; font-weight: bold; }
.body-column .event-list-item p.event-date  { font-size: 100%; font-weight: bold; margin-bottom: 0; }
.body-column .event-list-item p.event-links { font-size: 100%; font-weight: bold; }

.event-list-item a { text-decoration: none; color: #c65619; }

.swftools-wrapper.onepixelout { margin: 0 0 8px -25px; } 
.swftools-wrapper.onepixelout object { width: 240px; } 

 
* html .swftools-wrapper.onepixelout { margin: 4px 0 8px 0; } 
* html .swftools-wrapper.onepixelout object { width: 178px; } 
 
#events-by-artist .event-list-item { margin-bottom: 18px; }
#events-by-artist p.event-type  { font-size:  75%; font-weight: bold; margin: 9px 0 0 0; }
#events-by-artist p.event-title { font-size: 100%; font-weight: bold; margin-bottom: 0; }
#events-by-artist p.event-date  { font-size: 100%; font-weight: normal; margin-bottom: 0; }
#events-by-artist p.event-links { font-size: 100%; font-weight: bold; }

#events-by-artist .event-title a { text-decoration: none; color: #c65619; }
#events-by-artist .event-links a { color: #c65619; }

#body-content {
  margin: 1em 0;
}

#body-content p {
  margin: 12px 0;
}

.nodelist-content {
  margin: 1em 0;
}

.nodelist-content p {
  margin: 12px 0;
}

#right-column img {
  width: 178px;
  border: solid #dccd73 1px;
  margin-bottom: 0.5em;
}

#right-column { font-size: 75%; }
#right-column a { text-decoration: none; font-weight: bold; padding-top: 0.5em; }
#right-column p { margin-top: 0.25em; }
#right-column .heading { font-weight: bold; margin-bottom: 0.25em; }

#calendar-view #right-column .region { padding: 30px 17px }

#calendar-view #all-events { text-align: right; margin-bottom: 1em; }
#calendar-view #right-column a.smallred { font-size: 80%; color: #c65619; }

#calendar-header { 
  font-size: 120%; 
  text-align: center; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  color: #825432; 
}

#calendar-header p { margin: 0; }

#calendar { margin: 6px 0 18px; font-size: 75%; font-weight: bold; background: #ded47d; }
#calendar th, #calendar td { 
  width: 28px; height: 28px; 
  border: solid 1px #fff; text-align: center; padding: 0; 
}
#calendar td.disabled, #calendar th { color: #fff; }
#calendar th { border-top: none; }


#calendar-view #form-header { font-size: 100%; font-weight: bold; color: #825432; margin-bottom: 1em; } 
#calendar-view #filters-form { width: 200px; }
#filters-form .row { overflow: hidden; margin-bottom: 6px; }
#filters-form .col1 { width:  80px; float: left; font-size: 80%; font-weight: bold; }
#filters-form .col2 { width: 120px; float: left; }
#filters-form .col2 select { width: 118px; color: #aaa; font-weight: bold; font-size: 80%; }
#filters-form .link { text-align: center; }
#filters-form .label-2col { width: 200px; margin: 3px 0; font-size: 80%; font-weight: bold; }
#filters-form #search-text { width: 162px; float: left; }
#filters-form #go-button   { width:  35px; float: left; }
#filters-form #search-text input { width: 162px; font-size: 80%; color: #aaa; font-weight: bold; }
#findevents-button { width: 200px; padding-top: 6px; text-align: right; }

.node div#play-button { margin-top: -56px; text-align: center; border: none; }
.node div#play-button img.play-button { width: 85px; height: 40px; border: none; }

/* png alpha-opacity for the vido play-button in ie6 */
/* [Thanks: http://www.howtocreate.co.uk/alpha.html] */
* html .node div#play-button span {
  width: 85px;
  height: 40px;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/muslimvoices/images/button_play.png',sizingMethod='scale');
}
* html .node div#play-button span img.play-button { 
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* Search results */

dl.search-results dt.title {
  font-weight: bold; 
}

dl.search-results dd {
  margin-bottom:1.5em;
}

#search-form div.form-item { display: none; }
.box h2 { display: none; }

.search-results h3 {
  font-size: 150%;
}

.search-results .region.first {
  padding-top: 12px;
}

/* ADMIN MENU */
#left-menu {
  position: absolute; 
  width: 160px; 
  border: solid  1px; 
  margin-left: -200px; 
  padding: 3px; 
  background: #d5a442;
  font-size: 75%;
}

#left-menu h2 {
  font-size: 120%;
  font-weight: normal;
}

/* tabs */
ul.primary li a       { background-color: #ded47c; border-color: #d5a442; }
ul.primary li a:hover { background-color: #d5a442; border-color:#d5a442 #d5a442 #fff; }
ul.primary li.active a, 
ul.primary li.active a:hover { background-color: #fff; border-color:#d5a442 #d5a442 #fff; }
ul.primary { border-bottom-color: #d5a442; }

form table { width: 100%; }
form td,
form th { font-family: Arial, sans-serif; font-size: 8pt; }

form table input, 
form table select { font-family: Arial, sans-serif; font-size: 8pt; }

form table select { max-width: 200px; }

#views-edit-view div { overflow: visible; width: 100%; heigt: auto; }
#views-edit-view div table { position: relative; }

x.block-block .content img { position: relative; left: -43px; }

/*
 * CUSTOMIZE THE nice_menu MODULE'S DHTML MENUS 
 * Override styles in: modules/nice_menu/nice_menus_default.css  
 *
 */

/* #menu-46 is: #1 - about */
#header-region ul.nice-menu-down li#menu-46  ul li {
  width: 9.5em;
}
 
/* #menu-47 is: festival events & tickets */
#header-region ul.nice-menu-down li#menu-47  ul li {
  width: 10.75em;
}
 
/* #menu-48 is: resources */
#header-region ul.nice-menu-down li#menu-48  ul li {
  width: 8.25em;
}
 
/* #menu-50 is: press */
#header-region ul.nice-menu-down li#menu-50  ul li {
  width: 7em;
}
 
/* main menu positioning */ 

div#header-region { 
  display: inline;
  width: 391px;
  float: right;
  text-align: right;
}

/* float the whole block right, up against the search box */
#header-region .block-nice_menus {
  float: right; 
  padding-right: 0.75em;
}

/* primary ul's and li's */
#header-region ul.nice-menu-down,
#header-region ul.nice-menu-down li.menuparent {
  text-align: left;
  border-width: 0;
  border-style: none;
  padding-right: 0.75em;
  background: transparent;
}

* html #header-region ul.nice-menu-down {
  margin-right: 0.75em; /* for IE6 */
}
 

/* primary li's */
#header-region ul.nice-menu-down li.menuparent {
  padding-left: 5px;
  padding-right: 0.75em;
}

/* secondary ul's and li's */
#header-region ul.nice-menu-down li.menuparent ul,
#header-region ul.nice-menu-down li.menuparent ul li {
  border-width: 0;
  border-style: none;
}

/* secondary ul's only */
#header-region ul.nice-menu li.menuparent ul {
  top: 19px; 
  left: 5px;
  border-top: solid #a95d33 3px;
  border-bottom: solid #a95d33 2px;
  background: #a95d33;
  z-index: 100;
}

/* secondary li's only */
#header-region ul.nice-menu li.menuparent ul li {
  padding-top: 4px;
  padding-left: 8px;
  margin-top: 2px;
  background: #b26e48;
  width: 12.5em;
}

/* override li:hover and li.over (the grey bg-color and arrow-down bg-image) */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
  background: transparent;
}

/* all menu links */
#header-region ul.nice-menu-down li.menuparent a, 
#header-region ul.nice-menu-down li.menuparent a:link, 
#header-region ul.nice-menu-down li.menuparent a:active, 
#header-region ul.nice-menu-down li.menuparent a:visited, 
#header-region ul.nice-menu-down li.menuparent a:hover {
  font-size: 80%;
  /* font-weight: bold; */ /* maybe? */ /* ...not */
  text-decoration: none; 
  padding-top: 1px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0px;
  margin-bottom: 4px;
}

/* the primary link that's .active */
#header-region ul.nice-menu-down li.menuparent a.active {
  color: #86522b;
  border-bottom: solid 3px #efc394;
}

/* the primary link style, when you :hover */
#header-region ul.nice-menu-down li.menuparent.over a,
#header-region ul.nice-menu-down li.menuparent:hover a {
  /* (this selector intentionally left blank) */
  /* with this, there was just too much goin on */
  /* color: #c65619; */ 
}

/* reset the secondary link color while you are .over the primary */
#header-region ul.nice-menu-down li.menuparent.over ul li a,
#header-region ul.nice-menu-down li.menuparent:hover ul li a {
  /* (this selector intentionally left blank) */
  /* this fix needed when li.menuparent:hover a being styled (above) */
  /* color: #ded47c; */
}

/* all secondary links */
#header-region ul.nice-menu li.menuparent ul li a {
  color: #ded47c;
}

/* the secondary link that's .active */
#header-region ul.nice-menu-down li.menuparent ul li a.active {
  color: #fff;
  border-bottom: 0;
}

/* the secondary link, when you :hover */
#header-region ul.nice-menu-down li.menuparent ul li a:hover {
  color: #d3c328;
}

/* End: CUSTOMIZE THE nice_menu MODULE'S DHTML MENUS */


#shadowbox {
    position: static !important;
}