/* 
    Document   : pages
    Created on : May 10, 2009, 2:22:13 PM
    Author     : rob lucas
    Description:
        Generic stylesheet for public pages
*/

body {background-color:white;font-family:helvetica, arial, sans-serif;font-size:12px;}
p {}
a {color:#21759B;font-weight:normal;text-decoration:none;}
a:hover {color:#D54E21;}
ul li {list-style:inside disc;margin:1em;}
#flash {color:green;background:white;padding:1em;}
iframe {height: 600px;}
textarea {width:100%;}
table {width:100%;text-align:center;}
th, td{padding:1em;}
ol {margin:1em;}
ol li {padding:1em;border:1px dashed white;list-style:outside decimal;cursor:move;}
h2 {text-transform:uppercase;margin:0 0.3em 0.2em;font-size:3em;font-weight:lighter;letter-spacing:0.15em;}
h3 {color:black;font-size:1.6em;font-weight:normal;font-weight:lighter;letter-spacing:0.15em;}
hr {border:none;border-bottom:1px dotted #CCCCCC;margin:1em 0;}
blockquote {font-style:italic;line-height:1.3;padding:0 2em;}
.quote_author {display:block;font-weight:bold;margin:1em 2em;}
.quote_author:before {content:'- ';}
.obfuscated_email {display:none;} /* Hide obfuscated emails until they are generated with javascript */
.clearer {clear:both;}
.errorExplanation {background:pink;border:2px dashed red;padding:10px;margin:10px;}
.errorExplanation h2 {font-size:1.5em;}
a.tick:before {content:url(/images/tick.png) " ";}
a.cross:before {content:url(/images/cross.png) " ";}
a.edit:before {content:url(/images/edit.png) " ";}
a.delete:before {content:url(/images/delete.png) " ";}
a.new:before {content:url(/images/add.png) " ";}
a.excel:before {content:url(/images/excel.png) " ";}
a.new {position:absolute;right:4em;top:5em;}
.blog_posts a.new {top:2.2em;}
a.excel {position:absolute;right:4em;top:3em;}
a.show_on_map:before {content:url(/images/push_pin.png) " ";}
.profiles a#show_page_edit {clear:left;display:block;float:left;margin:1em;}
.profiles form h3 {margin:2em 0;}
.profiles form textarea {height:100%;}

#styles_editor_toggle {text-decoration:underline;cursor:pointer;}

#header,
#wrapper {width:843px;position:relative;margin:0 auto;}
#wrapper {padding:35px 0 40px;}
#main_content {margin:0 auto;position:relative;padding:15px;color:#2F2C2C;z-index:1;}
#footer {background-image:url(/images/bottom_bg_mask-trans.png);background-repeat: no-repeat;background-position:left bottom;bottom:0;height:151px;left:5px;margin:0 auto;position:absolute;width:845px;}
#main_nav .nav_edge {background:transparent url(/images/nav_divider-trans.png) no-repeat scroll right top;height:28px;left:-11px;position:absolute;top:0;width:24px;z-index:5;}
.nav_divider {background:transparent url(/images/nav_divider-trans.png) no-repeat scroll right top;height:28px;position:absolute;right:-13px;top:0;width:24px;z-index:5;}
#top_background_mask {background-image:url(/images/top_bg_mask-trans.png);background-repeat:no-repeat;background-position:left top;width:843px;height:150px;position:absolute;top:0;}
#header {height:200px;}
.lfi_logo {position:absolute;top:0;right:0;height:152px;width:242px;}
#main_nav {position:absolute;left:3px;bottom:0;color:white;background:transparent url(/images/nav_divider-trans.png) no-repeat scroll right top;}
#main_nav li {float:left;margin:0;list-style:none;padding:0;position:relative;}
#main_nav a {font-size:12px;color:white;padding:10px 11px 6px;text-decoration:none;position:relative;bottom:0;text-transform:uppercase;display:block;}

#main_content .text {margin:0 auto;width:790px;position:relative;}
.text .column {float:left;width:375px;background:transparent url(/images/text_top_border.png) repeat-x scroll center top;padding-top:16px;border-top:14px #A8341B solid;}
.text #column_1 {margin-right:35px;}
.text p {margin:1em 0;line-height:1.4em;}
.info {font-size:.8em;}
.bottom_content {clear:both;text-align:center;}
.bottom_content img {margin:0 4%;}
p.image_info {font-size:.9em;color:#666;margin:.3em 0 .7em;}

#admin_nav {height:3em;}
#admin_nav li {display:inline;list-style:none;margin:0;}
#admin_nav li a {border:1px solid white;display:inline; padding:.5em;list-style:none;color:white;height:20px;margin:0;background-color:#999;}
#admin_nav li a:hover {background-color:#666;}
#admin_panel {position:absolute;right:10px;top:10px;}
.page_controls {position:relative; left:30px;}
#sortable_pages {color:white;}
#sortable_pages a {color:white;}
#sortable_pages .page_title {font-size:1.6em;}
a.edit:before {content: url(/images/edit.png);}
a.delete:before {content: url(/images/delete.png);}
.admins #login {padding:2em;}
.admin_list_item {background-color:#A8341B;border:1px dashed white;color:white;padding:1em;margin:0;list-style:none;position:relative;}
.admin_list_item a {color:white;}
.admin_list_item a:hover {color:white;text-decoration:underline;}
.admin_list_item .title {font-size:1.6em;}
.admin_controls {padding-left:30px;position:absolute;top:34%;right:1em;}
.blog_post_details,
.event_details {color:#EFE3E0;display:block;margin:0.5em 0 0;}
.event_details .address {display:block;margin:0.2em 0 0;}
.editor_area {background:transparent url(/images/text_top_border.png) repeat-x scroll center top;padding-top:30px;}
.pagination {margin:1em 0;}

.calendar .text {background:transparent url(/images/text_top_border.png) repeat-x scroll center top;padding-top:30px;border-top:14px #475F35 solid;}
.calendar table.calendar {background-color:white;color:black;}
.calendar .monthName {font-size:1.6em;}
.calendar #previous_month {color:black;font-size:1.6em;position:absolute;left:2em;top:2.45em;border-bottom:1px dashed black;}
.calendar #next_month {color:black;font-size:1.6em;position:absolute;right:2em;top:2.45em;border-bottom:1px dashed black;}
.calendar .dayName {}
.calendar td {border:1px solid #DFDFDF;padding:0;max-width:50px;}
.calendar .otherMonth {color:#DFDFDF;}
.calendar .day {}
.calendar .day_of_month {padding:1em;display:block;}
.calendar .weekendDay {background-color:#FFF9DF;}
.calendar .today {background-color:#DFFAFF;}
.calendar .event {background-color:#FFE4DF;cursor:pointer;position:relative;margin:0.5em;padding:0.5em;border:1px dashed #475F35;}
.calendar .event .details {background-color:white;border:2px solid #A8341B;bottom:50%;padding:1em;position:absolute;right:50%;width:300px;}
.calendar .event .details p.description {text-align:left;}
.calendar .event h3 {font-size:1.5em;}
.calendar .specialDay {background-color:red;font-weight:bold;color:black;}

/* News/ blog */
.news h3 a {color:black;text-decoration:none;border-bottom:dashed 1px;}
.news h3 a:hover {border-bottom:solid 1px;color:gray;}
.news_nav h3 {border-bottom:solid 1px #ccc;}
.news .content,
.blog_posts .content {line-height:1.4;float:left;width:475px;background:transparent url(/images/text_top_border.png) repeat-x scroll center top;padding-top:30px;position:relative;padding-left:10px;}
.news .author_date {color:#5F5F5F;}
.blog_post .tags {display:block;margin:1em 0;color:#5F5F5F;}
.blog_post .tags li {display:inline;margin:0;}
.blog_post .tags ul {display:inline;}
.post_body {margin:2em 0;line-height:1.5em;}
.news_nav {float:right;position:relative;}
#recent_posts, #tags {padding:5px;width:270px;}
#recent_posts li, #tags li {list-style:none;}
#tags {top:100px;}
.blog_post {border-bottom:1px solid #CCCCCC;margin-bottom:2em;padding-bottom:3em;}

/* Venues page */
.venues ul.venues {background:white;}
.venues ul.venues li {list-style:none;line-height:1.5em;border-bottom:1px dashed #CCCCCC;padding-bottom:1em;}
.venues ul.venues h3 {display:inline;}
.show_on_map {border:1px dotted #CCCCCC;cursor:pointer;display:block;line-height:2em;margin:0.5em 0;padding:0.5em;text-align:center;width:8em;}
.show_on_map:hover {background-color:#EFEFEF;}
#map {width:100%;height:375px;}
#map .label {opacity:0.9;background-color:white;color:black;padding:3px;border:1px solid #AB321D;}
#reset_map {text-decoration:underline;position:relative;top:1em;cursor:pointer;}

/* Join page & subscribers */
.subscriber {position:relative;left:10px;}
.subscriber h2 {font-size:1.9em;margin-bottom:1em;}
.subscriber dl, .subscriber form {border:1px solid #CCCCCC;margin:2em;padding:1em;position:relative;}
.subscriber dt {float:left;margin-right:1em;margin-bottom:1em;font-weight:bold;}
.subscriber dd {margin-bottom:1em;}

/* Contact page */
.contact #details {width:100%;margin-bottom:1em;}
.vcard {border:1px solid #CCC;float:left;padding:5px;width:215px;line-height:1.4;}
.vcard span.tel {display:block;}
#vcard {border:1px solid #CCCCCC;float:right;padding:10px;width:115px;text-align:center;color:white;background-color:#AB321D;text-decoration:none;}
#vcard:hover {background-color:#6F2514;}
#vcard img {position:relative;right:5px;}

/* Profiles pages */
.profiles .text {line-height:1.5em; }

/* Page colour themes */
.welcome .welcome, a.welcome, li.welcome {background-color:#999;}
a.welcome:hover {background-color:#8F8686;}
.welcome .column {border-top:14px #999 solid;}

.news .news, a.news, li.news {background-color:#A8341B;}
a.news:hover {background-color:#6F2514;}
.news .content {border-top:14px #A8341B solid;}

.background .background, a.background, li.background {background-color:#86833E;}
a.background:hover {background-color:#6F6D37;}
.background .column {border-top:14px #86833E solid;}

.funding .funding, a.funding, li.funding {background-color:#7896A1;}
.funding .column {border-top:14px #7896A1 solid;}

.filmmakers .filmmakers, a.filmmakers, li.filmmakers {background-color:#DEA90F;}
.southernexposure .southernexposure, a.southernexposure, li.southernexposure {background-color:#0A4F23;}
.filmmakers .column, .profiles .column {border-top:14px #C65F14 solid;}
.southernexposure .column {border-top:14px #0A4F23 solid;}
a.southern_exposure {}

.filming_in_lewisham .filming_in_lewisham, a.filming_in_lewisham, li.filming_in_lewisham {background-color:#4F535E;}
.filming_in_lewisham .column {border-top:14px #4F535E solid;}

.venues .venues, a.venues, li.venues {background-color:#969174;}
a.venues:hover {background-color:#6F6C5A;}
.venues .column {border-top:14px #969174 solid;}

.links .links, a.links, li.links {background-color:#C26323;}
.links .column {border-top:14px #C26323 solid;}

.join .join, a.join, li.join {background-color:#3D4D43;}
a.join:hover {background-color:#232F28;}
.join .column {border-top:14px #3D4D43 solid;}

.contact .contact, a.contact, li.contact {background-color:#E8C359;}
a.contact:hover {background-color:#BFA147;}
.contact .column {border-top:14px #E8C359 solid;}

.calendar .calendar, a.calendar, li.calendar {background-color:#475F35;}
a.calendar:hover {background-color:#0A4F23;}
.calendar .column {border-top:14px #475F35 solid;}

a.contact:hover {background-color:#BFA147;}
.contact .column {border-top:14px #BFA147 solid;}

.showreel .showreel, a.showreel, li.showreel {background-color:#86833E;}
a.showreel:hover {background-color:#6F6D37;}
.showreel .column {border-top:14px #86833E solid;}

.filmmakers .filmmakers, a.filmmakers, li.filmmakers,
.profiles .profiles, a.profiles, li.profiles {background-color:#C65F14;}
.southernexposure .southernexposure, a.southernexposure, li.southernexposure {background-color:#0A4F23;}
a.southernexposure:hover {background-color:#8F4611;}
a.filmmakers:hover {background-color:#8F4611;}
.admins .admins,
.pages .pages,
.blog_posts .blog_posts,
.events .events,
.tags .tags,
.subscribers .subscribers {background-color:#999;}

#southern_exposure_logo {position:absolute;left:-1em;top:-24em;}