/*   
Theme Name: Reel Festivals Theme
Theme URI: http://www.pixelapes.com/
Description: A special theme for the Reel Festivals Website
Author: Alex Leonard
Author URI: http://www.pixelapes.com
Version: 0.1
*/

/* HIDDEN ELEMENTS */

#hd h1 a span, #hd h2, p.linklove {position: absolute;
top: -3000px;
left: -3000px;
margin: 0;}

/* SITE ELEMENTS */

html {
background: #1E1E1E;
}

body {
background: #161616 url(images/bkg.jpg) no-repeat center top;
color: #000;
}

#hd {height: 200px;
width: 950px;
display: block;
margin: 0 0 15px 0;
background: #191919 url(images/temp-banner.jpg) no-repeat left center;
position: relative;
border: 1px solid #020202;
}

#hd h1, #hd h1 a {top: 0;
right: 0;
width:350px;
height:200px;
border: none;
margin: 0;
padding: 0;
}

#hd h1 {position: absolute;
overflow:hidden;
background: #191919;
}

#hd h1 a {display:block;
position:absolute;
z-index:10;
background: url(images/logo.png) no-repeat top center;
text-decoration: none;}

#hd h1 a span {color: #fff;
font: normal 1.5em Arial, sans-serif;
padding: 40px;}

.banner-container {
position: absolute;
width: 600px;
height: 200px;
top: 0;
left: 0;
z-index: 150;
}

#hd .wp-banner img {
margin: 0;
padding: 0;
background: #000;
border: none;
}

.banner-overlay {
position: absolute; 
bottom: 0;
left: 0;
width: 600px;
height: 40px;
background: transparent url(images/banner-overlay.png) no-repeat left top;
z-index: 200;
}

#bd {padding: 20px 0;
background: #fff;
clear: both;}

.content-wrap {
margin: 0 20px;
}

.post-wrap {margin-bottom: 25px;
padding-bottom: 15px;}

#ft {background: #1E1E1E;
margin-top:25px;
padding: 20px 0 0 0;
border-top: 1px solid #494949;
text-align: center;
}

#ft-cont {
text-align:left;
margin: 0 auto;
width:73.769em;
*width:71.25em;
}

.clear {clear:both;}

/* NAVIGATION */

#nav {width:100%;
display: block;
line-height:normal;
position: relative;
height: 40px;
}

#nav ul {position: absolute;
right: 0;
bottom: 0;
display: block;
margin-right:0;
padding:10px 0 0 0;
list-style:none;
width: 43.3077em;
}

#nav li {float:left;
margin:0 0 0 3px;
padding:0 0 0 9px;}

#nav .hometab {background:url(images/tabs/left.png) no-repeat left top;}

#nav .programme-page {background:url(images/tabs/left-p.png) no-repeat left top;}

#nav .events-page {background:url(images/tabs/left-e.png) no-repeat left top;}

#nav .music-events-page {background:url(images/tabs/left-me.gif) no-repeat left top;}

#nav .contact-us-page {background:url(images/tabs/left-c.png) no-repeat left top;}

#nav .about-page {background:url(images/tabs/left-a.png) no-repeat left top;}

#nav .sponsors-page {background:url(images/tabs/left-s.png) no-repeat left top;}

#nav .venues-page {background:url(images/tabs/left-v.png) no-repeat left top;}

#nav a {font-family: Verdana, Arial, Geneva, sans-serif;
float:left;
display:block;
padding:7px 15px 5px 6px;
text-decoration:none;
color:#fff;
font-size: 1.05em;}

#nav .hometab a {background:url(images/tabs/right.png) no-repeat right top;}

#nav .programme-page a {background:url(images/tabs/right-p.png) no-repeat right top;}

#nav .events-page a {background:url(images/tabs/right-e.png) no-repeat right top;}

#nav .music-events-page a {background:url(images/tabs/right-me.gif) no-repeat right top;}

#nav .contact-us-page a {background:url(images/tabs/right-c.png) no-repeat right top;}

#nav .about-page a {background:url(images/tabs/right-a.png) no-repeat right top;}

#nav .sponsors-page a {background:url(images/tabs/right-s.png) no-repeat right top;}

#nav .venues-page a {background:url(images/tabs/right-v.png) no-repeat right top;}

/* Commented Backslash Hack
 hides rule from IE5-Mac \*/

#nav a {float:none;}

/* End IE5-Mac hack */

#nav a:hover {color:#fff;
text-decoration: underline;}

#nav .current_page_item {}

#nav li.current_page_item a {color:#fff;
padding-bottom:5px;
text-decoration: underline;}

/* LINKS */

a:link, a:visited {color: #4a7d99;}

a:hover, a:active {color: #d58a0a;}

#ft a:link, #ft a:visited {color: #C6F98C;}

#ft a:hover, #ft a:active {color: #d8f8ad;}

/* TYPOGRAPHY */

body {font-family: Kalimati, "MGOpen Modata", Tahoma, Geneva, Arial, sans-serif;}

#bd h1, h2, h3, h4, h5 h6, p, dl, table {margin: 0 0 15px 0;}

h1 {color: #fff;
font: bold 182% "Nimbus Sans L", FreeSans, Arial, Helvetica, sans-serif;
padding: 3px 20px;
background: #377737;
}

h2 {color: #377737;
font: normal 138.5% "MgOpen Modata", AppleGothic, "Franklin Gothic Medium", Calibri, "Helvetica Neue", Tahoma, sans-serif;
margin: 20px 0 10px 0;
}

.jqtabs h2, .event h2 {
/*font-size: 123.1%;*/
text-transform: uppercase;
color: #aaa;
}

.event h2 {
color: #232323;
margin: 0 0 5px 0;
}

h3 {font: bold 123.1% "MGOpen Modata", "Trebuchet MS", Trebuchet, Arial, sans-serif;
color: #7C480A;
margin: 20px 0 10px 0;}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
color: #7C480A;
}

h4 {font-size: 116%;
color: #212121;
padding: 3px 5px;
margin-right: 270px;
border-top: 1px solid #212121;
background: #D1DADB;
margin-top: 15px;}


p {line-height: 138.5%;
font-size: 108%;}

.jqtabs p {
color: #232323;
font-weight: bold;
font: 108% "MgOpen Modata", AppleGothic, "Franklin Gothic Medium", Calibri, "Helvetica Neue", Tahoma, sans-serif;
}

.event p {
margin-bottom: 3px;
color: #888;
line-height: 123.1%;
font-size: 95%;
}

.event p a {
font-size: 108%;
}

p.read-more a {
padding-left: 24px;
background: url(images/icons/write.png) no-repeat left center;
}

blockquote {
background: url(images/quote.png) no-repeat 10px 10px;}

p.quote-author {
text-align: right;
color: #A3855D;
}

strong, b {font-weight: bold;}

em {font-style: italic;}

/* META INFO */

.film-info {padding: 10px 10px 5px 10px;
background: #d9e9d9;
margin: -14px 15px 20px 15px;}

.event-listing .film-info {
margin: 0 0 20px 0;
background: #EBF2F1;
border: solid #9EBFBB;
border-width: 1px 0;
}

.event-listing .film-info h1 {
background: none;
color: #191919;
padding: 0;
font: normal 151.9% "URW Palladio L", "Century Schoolbook L", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.post-meta p, p.author-edit, p.index-meta {line-height: 1em;
margin: 0 30px 3px 30px;
font-size: .8em;
color: #666;}

p.index-meta {color: #666;
font-size: .8em;
margin-bottom: 15px;}

.post-date {padding-left: 24px;
padding-top: 5px;
background: url(images/calendar.jpg) no-repeat left top;}

div.index-meta {
border: solid #dedede;
border-width: 1px;
padding: 4px 0;
background: #efefef;
-moz-border-radius: 2px;
}

div.index-meta ul li {
display: inline;
padding-left: 24px;
}

div.index-meta li.post-date {background: url(images/icons/cal.gif) no-repeat left top;}
div.index-meta li.post-link {background: url(images/icons/link.png) no-repeat left center;}

/* IMAGES */

img {margin-bottom:20px;
padding: 3px;
border: 2px solid #545454;
background: #fff;
-moz-border-radius: 2px;
}

.alignleft {float: left;
margin-right: 20px;}

.alignright {float: right;
margin-left: 20px;}

.imgaligncenter {margin-left: auto;
margin-right: auto;}

.wp-caption {
margin-bottom: 20px;
text-align: center;
}

.wp-caption img {
margin: 0 auto;
}

p.wp-caption-text {
font-size: 85%;
text-align: center;
margin: 2px 0 0 0;
padding: 2px 5px;
-moz-border-radius: 0 0 3px 3px;
background: #eee;
color: #111;
font-family: Georgia, Times, "Times New Roman", serif;
}

img.wp-smiley {float: none;
border: none;
margin: 0 3px 0 1px;
padding: 0;}

/* HOME PAGE */

.next-event {
background: #191919;
-moz-border-radius: 6px;
}

.next-event h2 {
color: #aaa;
padding: 4px 10px;
text-align: center;
margin: 0;
}

.next-event-content {padding: 10px;}
.next-event p {color: #888; line-height: 100%;}

.next-event .current-date {padding: 0 10px;}

.next-event .current-date p {margin: 0; padding: 2px 0; text-align: center; color: #bbb;}
.next-event .next-day-link a, .next-event .previous-day-link a {padding: 2px 24px 3px 24px; font-size: 93%;}
.next-event .previous-day-link a {background: url(images/icons/previous-day-link.png) no-repeat left 4px;}
.next-event .next-day-link a {background: url(images/icons/next-day-link.png) no-repeat right 4px;}

.next-event img {
float: right;
display: block;
height: auto;
width: 240px;
padding: 0;
border: 1px solid #aaa;
margin: 5px 10px 15px 15px;
}

#bd .next-event ul {margin: 0 10px;}

#bd .next-event ul li {
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
background: transparent;
padding-left: 32px;
background-repeat: no-repeat;
background-position: left 4px;
}

#bd .next-event ul li.films {background-image: url(images/icons/films2.png);}
#bd .next-event ul li.writing-events {background-image: url(images/icons/writers.png);}
#bd .next-event ul li.music-events {background-image: url(images/icons/music2.png);}
#bd .next-event ul li.talks-and-discussion {background-image: url(images/icons/talks-and-discussion.png);}
#bd .next-event ul li.art-exhibitions {background-image: url(images/icons/art-exhibition-1.png);}

.next-event ul li h3 {font-size: 100%; margin: 0 0 2px 0; font-weight: normal;}

.next-event ul li h3 a:hover, .next-event ul li h3 a:active {color: #D58A0A;} 

.next-event ul li p {font-size: 93%; margin: 0;}

.no-events {padding: 0 10px;}

.no-events h3 {margin: 0 0 5px 0;}

.recent-home {
background: url(images/recent-home-bkg.png) no-repeat center top;
padding: 20px;
}

.recent-home h2 {
margin: -10px 0 10px 0;
}

.recent-home h3 {
margin: 0 0 15px 80px;
}

.recent-home .story-content {
margin-left: 80px;
}

p.w-news-date {display: block;
float: left;
width: 50px;
background: url(images/cal-top.gif) no-repeat center top;
text-align: center;
padding-top: 12px;
font: 123.1%  "MGOpen Modata", "Trebuchet MS", Trebuchet, Arial, sans-serif;
text-transform: uppercase;}

p.w-news-date span {display: block;}

span.cal-month {color: #666; line-height: 93%;}

span.cal-day {font-size: 138.5%; font-weight: bold; line-height: 70%; }

p.w-news-date span.cal-bot {
width: 50px;
height: 15px;
background: url(images/cal-bot.gif) no-repeat center top;}

.recent-home .news-page-link a {
border: 1px solid #bbb;
padding: 3px 24px;
-moz-border-radius: 3px;
background: #ededed;
text-decoration: none;
}

.recent-home .news-page-link a:hover {
background: #232323;
border-color: #aaa; 
}

/* VENUES PAGE */

.venue-col {
display: block; 
width: 320px;
float: left;
}
    
.venue-col-1 {margin-right: 10px;} 

/* SPONSORS PAGE */

.sponsor-box {
margin: 0 0 20px 0;
position: relative;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

.sponsor-box h2 {
margin: 0;
background: #fff;
}

.sponsor-box img {
position: absolute;
right: 0;
top: 40px;
border: none;
}

.sponsor-box .sponsor-details {
background: #fff;
margin: 0 180px 0 0;
padding: 0 20px; 
}

.sponsor-box .sponsor-details p {
text-align: justify;
}

.sponsor-box .sponsor-details a {
padding-left: 20px;
background: url(images/icons/link.png) no-repeat left bottom;
}



/* LISTS ETC */

.content-wrap ul li {
display: list-item;
margin: 0 0 3px 5px;
list-style-type: none;
color: #333;
font-size: 108%;
background: url(images/icons/bullet.png) no-repeat left 2px;
padding: 0 22px 5px 22px ;
}

.content-wrap ul.li-awards li {padding: 7px 5px 7px 24px;
list-style-type: none;
background: url(images/icons/award-gold.gif) no-repeat 2px center;
color: #961717;
font-variant: small-caps;}

.film-info ul {float: left;
width: 280px;
margin-right: 20px;
font-size: 93%;}

.film-info ul.single-col {float: none;
width: auto;
margin-right: 0;}

#bd .film-info ul li {display: list-item;
list-style-type: none;
padding: 0 5px 7px 22px;
margin: 0;}

.film-info li.plus-short {background: url(images/icons/film_add.png) no-repeat left top;}
.film-info li.li-date {background: url(images/icons/cal.gif) no-repeat left top;}
.film-info li.li-time, .film-info li.li-duration {background: url(images/icons/clock.png) no-repeat left top;}
.film-info li.li-map {background: url(images/icons/magnify.gif) no-repeat left top;}
.film-info li.li-web {background: url(images/icons/web.gif) no-repeat left top;}

#doc2 #bd li.li-share {background: none;
margin-left: -22px;}

ul.film-details li {background: url(images/icons/info-film-details.gif) no-repeat left top;}

#doc2 .linkspage ul {padding: 0 30px;}

#doc2 .linkspage ul li {list-style-type: none;
padding-bottom: 6px;}

#doc2 .linkspage ul li p {line-height: 108%;
font-size: 100%;
margin-bottom: 3px;}

/* EVENTS PAGE + TABS */

/* SINGLE ARTIST PAGE TABS EFFECT */

.jqtabs {
margin: 40px 0;
border-bottom:5px solid #232323;
}

#bd ul.tabnav {
margin: 0 0 1px 0;
border-bottom:5px solid #232323;
padding-bottom: 3px;
}

#bd ul.tabnav li {display: inline;
list-style: none;
padding: 0;
background: transparent;
margin: 0;}

#bd ul.tabnav li a {text-decoration: none;
color: #888;
padding: 5px 15px 3px 15px;
outline: none;
font: 123.1% "MgOpen Modata", AppleGothic, "Franklin Gothic Medium", Calibri, "Helvetica Neue", Tahoma, sans-serif;
}

.tabnav li a:hover, .tabnav li a:active {background: #eee;
text-decoration: none;}

#bd .tabnav li.ui-tabs-selected a {background: #232323;
color: #6DAFB3;
text-decoration: none;}

.tabdiv {margin-top: 3px;
background: #fff;
padding: 5px 20px;}

.tabdiv img {
float: right;
margin: 20px 0 15px 20px;
display: block; 
width: 400px;
height: auto;
padding: 0;
}

.tabdiv li {margin-right: 10px;}

.tabdiv .tabinfo {
margin-right: 420px;
}

.ui-tabs-hide {display: none;}

table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #232323;
}

th.col-date {width: 12%}
th.col-time {width: 18%;}
th.col-event {width: 50%;}
th.col-venue {width: 20%;}

thead tr, thead th {
background: #232323;
}

thead th {
font: 138.5% "MgOpen Modata",AppleGothic,"Franklin Gothic Medium",Calibri,"Helvetica Neue",Tahoma,sans-serif;
color: #6DAFB3;
}

th, td {
padding: 3px 8px;
}

td {
padding: 5px 8px 12px 8px;
display: table-cell;
vertical-align: top;
}

tr.alt td {
background-color: #f7f5ea;
}

td.event {
padding-left: 32px;
background-repeat: no-repeat;
background-position: left 4px;
}

tr.films td.event {background-image: url(images/icons/films2.png);}

tr.writing-events td.event {background-image: url(images/icons/writers.png);}

tr.music-events td.event {background-image: url(images/icons/music2.png);}

tr.talks-and-discussion td.event {background-image: url(images/icons/talks-and-discussion.png);}

tr.art-exhibitions td.event {background-image: url(images/icons/art-exhibition-1.png);}


td p {
margin: 0;
padding: 0;
}

td p a {
text-transform: uppercase;
font-weight: bold;
}

td p.progExtras {
font-size: 85%;
}



/* SINGLE EVENT CATEGORY */

div.event {
margin-bottom: 40px;
min-height: 100px;
}

div.event img {
display: block;
width: 320px;
height: auto;
padding: 0;
margin: 0;
float: left;
}

.eventDetails {
margin-left: 340px;
}

/* SINGLE EVENT PAGE */

.eventBanner img {
padding: 0;
margin: 0 0 14px 0;
}


/* WIDGETS */

.side {
position: relative;
}

.widget {margin-bottom: 30px;
position: relative;
width: 260px;
display: block;
}

h2.widgettitle {margin: 0;
font: bold 153.9% Arial, Helvetica, sans-serif;
color: #4b684b;
background: url(images/widget-h2-bkg.png) no-repeat;
padding: 3px 0 20px 35px;
}

.widget ul, .widget form, .widget .widget_content {margin: -17px 35px 0 15px;
padding: 10px;
background: #d9e9d9;
}

/* ----- mailing list widget */
.wpmlwidget h2.widgettitle {
color: #4A7D99;
background: url(images/widget-h2-bkg-mail.png) no-repeat;
}

.wpmlwidget form {
background: #DAE4EA;
}

.wpmlwidget form p {
color: #3E6326;
font: small-caps 100% "URW Palladio L", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, Times, serif;
line-height: 100%;
margin-bottom: 5px;
}

.wpmlwidget form fieldset {
border: none;
margin: 0;
}

.wpmlwidget form fieldset legend {
color: #4A7D99;
}

/* ----- event list widget */

.widget_extended_categories_init h2.widgettitle {
color: #726737;
background: url(images/widget-h2-bkg-events.png) no-repeat;
}

.widget_extended_categories_init ul {
background: #E5E2D8;
}

.widget_extended_categories_init ul li {
margin-bottom: 5px;
padding: 0 0 3px 22px;
background: url(images/icons/calendar_add.png) no-repeat left center;
font-size: 116%;
}

/* ----- festival office widget */

.widget_festival_office h2.widgettitle {
color: #3A0A38;
background: url(images/widget-h2-bkg-office.png) no-repeat;
}

.widget_festival_office .widget_content {background: #F2E9F1;}

.widget_festival_office h3 {font-size: 116%; margin: 6px 0 2px 0;}

.widget_festival_office p {font-size: 100%; line-height: 108%; padding: 0; margin: 0 0 4px 0;}


/* CFORMS */

#usermessagea {
display: block;
margin: 0 0 10px 0;
text-align: center;
-moz-border-radius: 4px;
padding: 4px 0;
font-size: 108%;
}

#usermessagea.success {
background: #ECF2E0;
border: 1px solid #488154;
}

#usermessagea.failure{
background: #E8C4C4;
border: 1px solid #852F2F;
}

.cform {margin: 0 0 0 30px;}

.cform ol li {list-style-type: none;
padding-bottom: 5px;}

.cform ol li label {display: block;}

.cform ol li input, .cform ol li textarea {padding: 2px;
width: 250px;
margin-right: 5px;}

/* FOOTER ITEMS */

.ft-col {float: left;
display: block;
width: 310px;
margin-right: 10px;}

.ft-eus {margin-right: 0;}

.ft-site {background: url(images/ft-border.png) repeat-y right center;}

#ft ul {margin: 0 5px 15px 5px;
padding: 0 10px 10px 0;}

#ft ul li {
color: #ddd;
margin: 2px 2px 6px 0;
list-style-type: none;
font-size: 92%;
padding-left: 24px;
}

#ft ul.foot li, #ft .ft-eus ul li {background: url(images/icons/info-ft.gif) no-repeat left top;}

#ft .ft-news ul li {background: url(images/icons/edit-page-ft.gif) no-repeat left top;}

#ft h4 {font: 116% Georgia, Times, "Times New Roman", serif;
background: transparent;
border: none;
border-bottom: 1px dashed #999;
margin: 0 20px 15px 0;
font-variant: small-caps;
color: #9EE553;
}

#ft p {
font-size: 85%;
color: #999;
}

#ft .ft-site h4 {color: #D1CB0B;}

#ft .ft-eus h4 {color: #F487DA;}