/*
Theme Name: Message WordPress
Theme URI: http://wordpress.org/
Description: Wordpress Theme for <a href="http://www.message.org.uk">MESSAGE.ORG.UK</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2.0
Author: Steve Oldham
Author URI: http://www.message.org.uk/
Tags: blue, custom header, fixed width, two columns, widgets

This theme was designed and built by Steve Oldham based on:
Kubrick v1.5
 http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
body {
font-size: 11px;
font-family: 'Helvetica Neue', Arial, Verdana, Sans-Serif;
font-weight:normal;
background-color: #ffffff;
color: #666666;
text-align: center;
margin: 0;
padding: 0;
}
#main{
float:left;
clear:both;
width:100%;
background-image:url(/wp-content/themes/message/images/bodyBack.jpg);
background-position:center;
background-repeat:repeat-y;
}
#page {
margin: 0px auto;
padding: 0;
width:790px;
border: 0;
background-color: white;
padding:0;
text-align: left;
position:relative;
top:-8px;
font-size:11px;
}
#header{
background-image:url(/wp-content/themes/message/images/headerBack.png);
background-repeat:repeat-x;
margin: 0;
padding: 0;
height: 119px;
width: 100%;
}
#subheader{
background-color:#e6e6e6;
background-image:url(/wp-content/themes/message/images/headerBack.png);
background-repeat:repeat-x;
background-position:0px -110px;
width:790px;
height:31px;
margin: 0px auto;
padding: 0;
list-style:none;
position:relative;
top:-9px;
}
#headerContent {
width:800px;
height:110px;
margin: 0 auto;
}
#headerImg{
float:left;
position:relative;
top:50px;
left:10px;
}
#donateImg{
float:left;
position:relative;
top:68px;
left:512px;
z-index:5;
}
#flow_image{
z-index:10;
}
/* ############
SITE NAVIGATION
############ */
#headerNav{
float:right;
position:relative;
top:78px;
right:5px;
margin:0;
padding:0 0 0 25px;
background-image:url(/wp-content/themes/message/images/navBackLeftTab.jpg);
background-repeat:repeat-x;
}
#subheaderNav{
float:right;
position:relative;
right:0px;
margin:0;
padding:0 0 0 25px;
height:31px;
background-image:url(/wp-content/themes/message/images/subnavBackLeftTab.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#headerNav ul{
margin:0;
padding:8px 60px 0 0;
list-style:none;
font-size:11px;
height:31px;
background-image:url(/wp-content/themes/message/images/navBackRightCorner.jpg);
background-repeat:no-repeat;
background-position:top right;
}
#subheaderNav ul{
margin:0;
padding:8px 60px 0 0;
list-style:none;
font-size:11px;
height:23px;
background-image:url(/wp-content/themes/message/images/subnavBackRightCorner.jpg);
background-repeat:no-repeat;
background-position:top right;
}
#headerNav li, #subheaderNav li{
float:left;
font-weight:bold;
padding:0px 10px;
border-right:2px solid #fff;
}
#headerNav li:last-child{
border-right:none;
padding:0 12px 0 10px;
}
#subheaderNav li:last-child{
border-right:none;
padding:0 12px 0 10px;
}
#headerNav a, #subheaderNav a{
color:#fff;
}
#headerNav a:hover, #subheaderNav a:hover{
color:#B61C28;
}

#footer {
padding: 0 0 100px 0;
margin: 0 auto -8px auto;
width: 100%;
clear: both;
background-image:url(/wp-content/themes/message/images/footerBack.jpg);
background-repeat:no-repeat;
background-position:center -50px;
position:relative;
top:-8px;
}
#footerContent{
width:790px;
height:150px;
margin: 0 auto 5px auto;
padding: 20px 0;
text-align:right;
font-size:9px;
padding:0 5px;
}
#footerStrapline, #footerMontage{
width:785px;
height:40px;
background-image:url(/wp-content/themes/message/images/footerStrapline.png);
background-position:10px 9px;
background-repeat:no-repeat;
background-color:#e6e6e6;
padding-right:5px;
margin-bottom:40px;
}
#footerStrapline, #footerMontage{
background-image:url(/wp-content/themes/message/images/footerStrapline.png);
background-position:10px 9px;
}
#footerMontage{
background-image:url(/wp-content/themes/message/images/footerMontage.jpg);
background-position:0px 0px;
}
#footerStrapline img, #footerMontage img{
position:relative;
top:32px;
}
#footerLower img{
float:left;
position:relative;
top:-4px;
left:4px;
}



/*
##################
HOME PAGE ELEMENTS
################## */
div#contentHub{
float:left;
clear:left;
width:780px;
margin:0;
}
div#events{
float:left;
width:785px;
height:300px;
border-left:3px solid #eee;
border-right:3px solid #eee;
border-bottom:3px solid #eee;
}
div#events ul{
list-style:none;
}
div#media{
float:left;
width:787px;
height:300px;
border-left:3px solid #eee;
border-bottom:3px solid #eee;
}
div.tabControl{
float:left;
background-image:url(/wp-content/themes/message/images/titleBack.jpg);
background-repeat:repeat-x;
width:790px;
height:30px;
line-height:30px;
}
div.tabControl a{
color:#e4e1ef;
font-weight:bold;
font-size:11px;
}
div#eventsControl{
border-left:3px solid #eee;
width:787px;
}
div#eventsControl .eventsBtn{
float:left;
background-image:url(/wp-content/themes/message/images/titleBackSwipeWhite.jpg);
background-repeat:no-repeat;
background-position:right;
padding:0 45px 0 15px;
color:#9588bf;
}
div#eventsControl .mediaBtn:hover{
color:#fff;
}
div#mediaControl .eventsBtn{
float:left;
padding:0 0 0 18px;
}
div#mediaControl .eventsBtn:hover{
color:#fff;
}
div#mediaControl #mediaBtn{
float:left;
height:30px;
background-image:url(/wp-content/themes/message/images/titleBackTabWhite.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0 58px 0 56px;
}
div#mediaControl #mediaBtn a{
color:#9588bf;
}
div#mediaControl #mediaBtn img{
position:relative;
top:-3px;
}
div#eventsLeft{
float:left;
clear:left;
width:185px;
height:300px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
}
.wplc_event_list, .wplc_event_list li{
float:left;
list-style:none;
width:175px;
margin:0;
padding:0;
}
div#eventsRight{
float:right;
width:595px;
height:300px;
border-left:3px solid #eee;
z-index:0;
}
object, #slider{
z-index:1;
}
div#eventsList{
float:left;
width:185px;
height:298px;
padding:0;
text-align:right;
}
div#mediaLeft{
float:left;
clear:left;
width:300px;
height:300px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
}
div#mediaRight{
float:right;
width:484px;
height:300px;
}
div.mediaList{
float:left;
width:300px;
height:270px;
padding:0;
text-align:right;
}
div.listSlim{
width:200px;
}
div#mediaPodcastlink{
float:left;
width:300px;
height:28px;
background-color:#7161a1;
line-height:26px;
font-weight:bold;
text-align:center;
margin:2px 0 0 0;
}
div#mediahubPodcastlink a, div#mediaPodcastlink a[href*="phobos"]{
background: none;
padding:0;
color:#e3dfec;
font-size:11px;
}
div#mediaHubLink{
float:left;
width:300px;
height:28px;
background-color:#7161a1;
line-height:26px;
font-weight:bold;
text-align:center;
margin:2px 0 0 0;
}
div#mediaHubLink a{
background: none;
padding:0;
color:#e3dfec;
font-size:13px;
}
div#mediaHubLink a:hover{
color:#fff;
}
div.eventWrap, div.mediaWrap{
float:left;
margin:0 2px 0 2px;
padding:0;
border-bottom:1px dashed #999999;
}
div.eventWrap{
width:100%;
}
div.eventWrap:first-child, div.mediaWrap:first-child{
margin:0 2px 0 2px;

border-bottom:1px dashed #999999;
}
div.eventWrap:last-child, div.mediaWrap:last-child{
margin:0 2px 0 2px;

border-bottom:none;
}

div.event h3{
margin:0;
padding:0;
color:#666666;
font-size:13px;
}
div.event, .wplc_alt div.event{
width:169px;
font-size:11px;
padding:3px 3px 3px 0;
}
div#eventsList a, div.mediaList a{
display:block;
}
div.event:hover, .wplc_alt div.event:hover{
background-color:#7161a1;
color:#fff;
}
.wplc_alt div.event{
background-color:#efefef;
}
.wplc_hide div.event{
background-color:red;
}
div.event a, div.media a{
color:#888;
}

div.event:hover a, div.event:hover h3{
background-color:#7161a1;
color:#fff;
}
div.eventsDivInner{
width:385px;
padding:20px;
text-align:left;
font-size:11px;
}
div.eventsDivInner h3{
position:relative;
top:-30px;
left:-20px;
background-color:#7161a1;
width:100%;
padding:10px 20px 10px 20px;
font-size:20px;
margin-bottom:-15px;
}
div.eventsDivInner h3 a{
color:#fff;
}
div.eventsDivInner span, div.eventsDivInner p{
float:left;
clear:both;
width:380px;
}
div.eventsDivInner p{
margin:0;
}
div.eventsDivInner .date, div.eventsDivInner .location{
font-size:14px;
font-weight:bold;
}
div.eventsDivInner .location{
margin:0 0 10px 0;
}
div.eventsDivInner .web, div.eventsDivInner .map{
font-size:12px;
}
div.eventsDivInner .web{
margin:10px 0 0 0;
}

div#eventsFlash{
float:right;
width:600px;
height:300px;
border:1px solid red;
}


div.media h3{
margin:0;
padding:0;
color:#666666;
font-size:11px;
}
div.media{
float:right;
width:218px;
min-height:40px;
font-size:10px;
padding:7px 5px 7px 60px;
}
a.mediaLink{
color:#888888;
}
div.media:hover, div.media:hover h3{
color:#fff;
}
div.media:hover a{
color:#fff;
}
div.iconAudio{
background: #fff url('/wp-content/themes/message/images/iconAudio.png') no-repeat -360px center;
}
div.iconAudio:hover{
background: #d03f3f url('/wp-content/themes/message/images/iconAudio.png') no-repeat 10px center;
}
div.iconVideo{
background: #fff url('/wp-content/themes/message/images/iconVideo.png') no-repeat -360px center;
}
div.iconVideo:hover{
background: #d03f3f url('/wp-content/themes/message/images/iconVideo.png') no-repeat 10px center;
}
div.media:hover, div.media:hover{
background-position:10px center;
}
div.mediaText{
float:left;
width:200px;
}


div #headlines{
float:left;
width:785px;
height:211px;
border:3px solid #e6e6e6;
margin:20px 0 20px 0;
}
div#headlinesControl{
float:left;
width:100%;
border-bottom:1px solid #fff;
}
div#headlinesControl .headlinesBtn{
float:left;
background-image:url(/wp-content/themes/message/images/titleBackSwipeWhite.jpg);
background-repeat:no-repeat;
background-position:right;
padding:0 45px 0 15px;
color:#9588bf;
}
div#headlinesControl .newsBtn:hover{
color:#fff;
}
.title{
float:left;
clear:both;
background-image:url(/wp-content/themes/message/images/titleBack.jpg);
background-repeat:repeat-x;
width:100%;
height:30px;
margin-bottom:1px;
}
div #mainheadline{
float:left;
width:500px;
}
div #mainheadline h1{
float:left;
margin:0px;
padding:0px;
width:100%;
}
div #mainheadline .mainheadlineLink{
display:block;
margin:0;
padding:0;
width:250px;
height:180px;
overflow:hidden;
position: relative; /* IE7 Overflow Fix */
}
div #mainheadline .readmore{
visibility:hidden;
height:0px;
}
div #mainheadline-content{
float:left;
width:240px;
height:177px;
overflow:hidden;
padding:0 5px 0 5px;
position: relative; /* IE7 Overflow Fix */
}
div #mainheadline-img{
float:right;
width:250px;
margin-bottom:1px;
}
div #mainheadline-img img{
min-height:180px;
}
div #mainheadline h1{
color:#666666;
font-size:28px;
display:inline;
line-height:28px;
margin:0 0 5px 0;
}
div #mainheadline-more{
clear:both;
width:44px;
height:0px;
overflow:visible;
position:relative;
top:-16px;
left:200px;
}
div .subheadline{
float:right;
width:283px;
margin:0 0 1px 0;
}
.subheadlineLink{
display:block;
margin:0;
padding:0;
}
div .subheadline:hover, div .subheadline:hover h4{
background-color:#7161a1;
color:#fff;
}
div .subheadline a{
color:#666666;
}
div .subheadline:hover a{
color:#fff;
font-weight:bold;
}
div .subheadline-content{
float:left;
clear:left;
width:157px;
height:53px;
overflow:hidden;
font-weight:bold;
font-size:12px;
padding:0 0 0 3px;
margin:5px 0 0 0;
border-bottom:1px dashed #999999;
position: relative; /* IE7 Overflow Fix */
}
div .subheadline-img{
float:right;
width:120px;
height:59px;
overflow:hidden;
position:relative; /* IE7 Overflow Fix */
}
.subheadline-img img{
position:relative;
top:-12px;
}
div .subheadline h4{
color:#666666;
margin:0 0 0 0;
padding:0;
}
div .subheadline-more{
clear:left;
width:44px;
height:0px;
overflow:visible;
position:relative;
top:-16px;
left:115px;
}
.subheadline:last-child, .subheadline:last-child .subheadline-content{
border-bottom:none;
}
.subheadline:last-child .subheadline-more{
top:-12px;
}

div#adverts{
float:left;
clear:left;
width:100%;
margin:0 0 20px 0;
}
div.advert{
float:left;
width:186px;
height:76px;
overflow:hidden;
margin:0 15px 0 0;
position: relative; /* IE7 Overflow Fix */
}
div.adverts_last{
float:right;
margin-right:0px;
}
div#adverts img{
border:3px solid #eee;
}




/* ############
SUB PAGE SINGLE
############ */
div#entry_title{
float:left;
width:100%;
margin:15px 0 10px 0;
padding:0;
}
#entry_thumb{
float:left;
width:120px;
height:86px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
margin: 0 10px 0 0;
border:3px solid #e6e6e6;
}
#entry_thumb img{
min-height:86px;
}
div#entry_titleleft, div#entry_titlefull{
float:left;
width:455px;
color:#444444;
font-style:italic;
border-bottom: 1px solid #CCCCCC;
padding:0 0 9px 0;
line-height:13px;
}
div#entry_titlefull{
width:600px;
}
div#entry_titleleft h2, div#entry_titlefull h2{
margin:0;
padding:0;
font-size:26px;
color:#555555;
font-style:normal;
line-height:28px;
text-align:left;
}
div#entry_titleright{
float:right;
text-align:right;
font-size:11px;
position:relative;
top:-38px;
left:-5px;
margin:0 0 -10px 0;
line-height:13px;
}

div.entry{
padding:0 0 0 15px;
font-size:1.1em;
}




/* ######################
Begin Typography & Colors
###################### */
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps{
font-size: 0.9em;
letter-spacing: .07em;
}
.small{
font-size: 0.9em;
}
.italic{
font-style:italic;
}
/* End Typography & Colors */



/* ########
LINKS
######## */
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #666666;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #b85b5a;
}

a{
color: #B61C28;
text-decoration : none;
}
a:active  {
color: #B61C28;
text-decoration : none;
}
a:hover  {
color : #878787;
text-decoration : none;
}
/* End Links */



/* Begin Content Structure */
.narrowcolumn {
float: left;
padding: 0 0 0 15px;
margin: 0px;
width: 595px;
}
.narrowcolumn-nofrills {
float: left;
padding: 0;
margin: 0px;
width: 620px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {

}
.clear {
clear: both;
}
/* End Structure */



/*	Begin Headers */
h1, h2, h3 {
font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
padding-top: 70px;
margin: 0;
}
h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
img.cfi{
padding: 0;
margin: 0;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */



/* Begin Form Elements */
#searchFormCont {
float:right;
border:none;
position:relative;
top:4px;
left:22px;
}
#searchform, #searchform input, #subscribeform input, #subscribeform{
border:none;
}
#subheader #searchform #s {
padding: 1px 10px 0 5px;
border:none;
height:19px;
width:100px;
background-image:url(/wp-content/themes/message/images/inputSearchBack.jpg);
color:#999999;
}
#subheader #searchsubmit {
position:relative;
top:1px;
left:-18px;
width:22px;
height:22px;
border:none;
background-color:transparent;
color:transparent;
background-image:url(/wp-content/themes/message/images/submitSearch.png);
background-position:left;
background-repeat:no-repeat;
cursor:pointer;
}
#subheader #searchsubmit:hover {
background-position:-25px center;
}

#subscribeFormCont {
float:right;
border:none;
position:relative;
top:4px;
left:40px;
}
#subscribeform{
border:none;
}
#subheader #subscribeform #sub {
padding: 5px 10px 0 5px;
border:none;
height:19px;
width:104px;
background-image:url(/wp-content/themes/message/images/inputSubscribeBack.jpg);
color:#999999;
}
#subheader #subscribesubmit {
position:relative;
top:1px;
left:-28px;
width:22px;
height:22px;
border:none;
background-color:transparent;
color:transparent;
background-image:url(/wp-content/themes/message/images/submitSubscribe.jpg);
background-position:left;
background-repeat:no-repeat;
cursor:pointer;
}
#subheader #subscribesubmit:hover {
background-position:-23px center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}

.wpcf7-form{
float:left;
clear:both;
margin:15px 0 30px 60px;
}
.wpcf7-form .rowElemFull{
float:left;
clear:left;
width:500px;
text-align:left;
margin:5px auto 0 auto;
}
.wpcf7-form .rowElemShort{
float:left;
width:250px;
text-align:left;
margin:0 auto;
}
.wpcf7-form input{
width:200px;
border:1px solid #ddd;
padding:5px;
}
.wpcf7-checkbox input{
width:10px;
}
.wpcf7-form input:focus{
border:1px solid #7161a1;
background-image:url(/wp-content/themes/message/images/stripes.jpg);
}
.wpcf7-form .title{
background:none;
}
.wpcf7-form .hr{
clear:both;
float:left;
width:300px;
height:1px;
margin:20px auto 10px 100px;
border-top:1px solid #999;
}
.wpcf7-form #submit{
text-align:right;
margin:20px 0 0 0;
width:490px;
}
.wpcf7-form #submit input{
width:70px;
border:2px solid #ddd;
}

/* End Form Elements */



/* Begin Sidebar */
#sidebar{
float:right;
position:relative;
top:-4px;
width: 165px;
margin:0;
padding:0 0 5px 0;
background-color: #e6e6e6;
}
#sidebar form {
margin: 0;
}
#sidebar ul, div.mediahub_feature{
margin:0;
padding:0;
width:100%;
list-style:none;
background-color:#e6e6e6;
}
#sidebar li a, div.mediahub_feature h2{
display:block;
padding:12px;
border-bottom:1px solid #fff;
font-size:12px;
font-weight:bold;
color:#444;
}
#sidebar li a:hover{background-color:#9a8fbf;color:#fff;}
#sidebar .widget_betterblogroll li a{
color:#fff;
}

#sidebar .widget_cccategories li a{
font-size:12px;
}
#sidebar .widget_cccategories .children li a{
text-indent:15px;
background-image:url(/wp-content/themes/message/images/listGrey.png);
background-repeat:no-repeat;
background-position:12px center;
font-size:10px;
}
#sidebar .widget_cccategories .children li a:hover{
background-image:url(/wp-content/themes/message/images/listWhite.png);
}

#sidebar .widget_date{
font-size:10px;
font-weight:normal;
}
#sidebar .widget_betterblogroll ul li{background-color:#9a8fbf;}
#sidebar .widget_betterblogroll ul li a:hover{background-color:#7161a1;}
#sidebar #betterblogroll_news_hub{background-color:#868686;}
#sidebar #betterblogroll_news_hub:hover{background-color:#666666;}
#sidebar #betterblogroll_media_hub{background-color:#d77171;}
#sidebar #betterblogroll_media_hub:hover{background-color:#d03f3f;}
#sidebar #betterblogroll_events_hub{background-color:#9a8fbf;}
#sidebar #betterblogroll_events_hub:hover{background-color:#7161a1;}

#sidebar h2{
color:#444444;
font-size:14px;
padding:15px 0 8px 10px;
margin:0;
border-bottom:1px solid #fff;
}
/* End Sidebar */



/* Begin Various Tags & Classes */
.readmore{
margin:0;
padding:0;
float:right;
font-size:11px;
}
.right{
float:right;
width:auto;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* ICONS */
a[href*="@"], a[href*="mailto:"], a[href*="phobos"]{
padding-bottom:2px;
padding-left:15px;
padding-top:1px;
background:transparent;
}
a[href*="@"], a[href*="mailto:"]{
background: url(/wp-content/themes/message/images/icons/email.png) no-repeat scroll left center;
}
a[href*="phobos"]{
background: url(/wp-content/themes/message/images/icons/podcast.png) no-repeat scroll left center;
}
div#adverts a[href*="phobos"]{
padding:0;
background:none;
}

/* BREADCRUMB */
div#breadcrumb{
float:left;
margin:0;
padding:0;
width:100%;
background-color:#7a6aaf;
height:32px;
line-height:32px;
font-size:11px;
font-weight:bold;
text-transform: uppercase
}
div#breadcrumb .category{
float:left;
display:block;
padding:0 0 0 50px;
background:#695c96 url(/wp-content/themes/message/images/breadcrumb_item.jpg) no-repeat left;
}
div#breadcrumb .category:first-child{
background:#695c96;
padding:0 0 0 15px;
}
div#breadcrumb a{
float:left;
display:block;
font-weight:bold;
color:#fff;
}
div#breadcrumb a:hover{
color:#aa0000;
}
div#breadcrumb .current{
float:left;
display:block;
padding:0 40px;
font-weight:bold;
color:#fff;
background:url(/wp-content/themes/message/images/breadcrumb_current.jpg) no-repeat left;
}

span.vvqmplayer{
margin:10px auto;
width:400px;
display:block;
clear:both;
border:3px solid #eee;
}


/* DEFAULT PAGE LAYOUT */
div#page_banner{
float:left;
clear:left;
width:100%;
height:80px;
background:url(/wp-content/themes/message/images/brochure_headerBack.jpg) repeat-x left;
}
div#page_banner h2{
color:#fff;
font-weight:bold;
font-size:35px;
line-height:80px;
margin:0;
padding:0 0 0 20px;
}


/* BROCHURE PAGES */
div#brochure_top{

}
div#brochure_banner{
float:left;
clear:left;
width:100%;
height:80px;
background:url(/wp-content/themes/message/images/brochure_headerBack.jpg) no-repeat left;
}
div#brochure_logo{
float:left;
width:445px;
}
div#brochure_images{
float:right;
}
div.brochure_image{
float:left;
}
div.brochure_image{
width:114px;
height:80px;
overflow:hidden;
border-left:1px solid #fff;
position: relative; /* IE7 Overflow Fix */
}
div#brochure_info_cont{
float:left;
width:305px;
}
div#brochure_info{
float:left;
width:290px;
height:272px;
padding:0 7px;
border-left:3px solid #eee;
font-size:11px;
line-height: 12px;
}
div#brochure_info_base{
float:left;
width:305px;
height:28px;
margin:0;
padding:0;
background-image:url(/wp-content/themes/message/images/titleBack.jpg);
background-repeat:repeat-x;
}
div#brochure_info #entry_titleleft{
margin:0 0 5px 0;
}
div#brochure_info #entry_titleleft h2{
font-size:17px;
margin:0;
}
div#brochure_mid{
float:left;
margin:10px 0 20px 0;
}
div#brochure_mid div#newsListCont{
float:left;
margin:0;
padding:0 0 1px 0;
width:350px;
height:300px;
border:3px solid #eee;
}
div#brochure_mid div#newsListContWide{
float:left;
margin:0;
padding:0 0 1px 0;
width:350px;
height:300px;
border:3px solid #eee;
overflow:hidden;
position: relative; /* IE7 Overflow Fix */
}
div#brochure_mid div#newsListContWider{
float:left;
margin:0;
padding:0 0 1px 0;
width:383px;
height:300px;
border:3px solid #eee;
}
div.brochure_headline{
float:left;
clear:left;
width:100%;
height:105px;
overflow:hidden;
border-bottom:1px solid #fff;
position: relative; /* IE7 Overflow Fix */
}
div.brochure_headline div.brochure_content{
height:104px;
border-bottom:1px dashed #ccc;
}
div.brochure_headline:hover, div.brochure_subheadline:hover{
background-color:#7161a1;
}
div.brochure_headline:hover h3, div.brochure_headline:hover a, div.brochure_subheadline:hover h3, div.brochure_subheadline:hover a{
color:#fff;
}
div.brochure_headline:hover a{
color:#fff;
}
div.brochure_subheadline{
float:left;
clear:left;
position:relative;
width:100%;
height:60px;
overflow:hidden;
margin:0 0 1px 0;
position: relative; /* IE7 Overflow Fix */
}

div.brochure_subheadline div.brochure_content{
height:59px;
border-bottom:1px dashed #ccc;
}
div.brochure_content{
float:left;
width:185px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
padding:0 5px 0 5px;
}
.jScrollPaneContainer div.brochure_content{
width:170px;
}
div#brochure_mid div#newsListContWide div.brochure_content{
width:185px;
}
div#brochure_mid div#newsListContWide .jScrollPaneContainer div.brochure_content{
width:185px;
}
div#brochure_mid div#newsListContWider div.brochure_content{
width:215px;
}
div#brochure_mid div#newsListContWider .jScrollPaneContainer div.brochure_content{
width:200px;
}
div.brochure_content h3{
float:left;
clear:both;
font-size:13px;
margin:0;
padding:0;
}
div.brochure_content p{
float:left;
clear:left;
width:100%;
margin:0;
}
div.brochure_subheadline div.brochure_content h3{
margin:5px 0 0 0;
}
div.brochure_headline a, div.brochure_subheadline a{
color:#666666;
}
div.brochure_img{
float:right;
width:140px;
overflow:hidden;
position: relative; /* IE7 Overflow Fix */
}
div.img_default{
float:left;
width:100%;
height:100px;
background: #fff url(/wp-content/themes/message/images/newsDefaultSmall.jpg) no-repeat center;
}
div.brochure_headline div.img_default{
height:105px;
}
div.brochure_headline_more{
height:0px;
float:left;
clear:left;
position:relative;
top:-18px;
left:150px;
z-index:5;
overflow:visible;
}
div#newsListContWide div.brochure_headline_more{
left:145px;
}
div#newsListContWider div.brochure_headline_more{
left:180px;
}
div.brochure_subheadline_more{
height:0px;
float:left;
clear:left;
position:relative;
top:-16px;
left:150px;
z-index:5;
overflow:visible;
}
div#newsListContWide div.brochure_subheadline_more{
left:145px;
}
div#newsListContWider div.brochure_subheadline_more{
left:180px;
}
div#brochure_mid div#eventsListCont{
float:left;
margin:0 0 0 11px;
padding:0 0 2px 0;
width:200px;
height:300px;
overflow:hidden;
border:3px solid #eee;
position: relative; /* IE7 Overflow Fix */
}
div#brochure_mid div#eventsListContShort{
float:left;
margin:0 0 0 11px;
padding:0 0 2px 0;
width:200px;
height:250px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
border:3px solid #eee;
}
div#brochure_mid div#mediaListCont{
float:left;
padding:0 0 2px 0;
margin:0 0 0 11px;
width:200px;
height:300px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
border:3px solid #eee;
}
div#brochure_mid div#mediaListContWide{
float:left;
padding:0 0 2px 0;
margin:0 0 0 11px;
width:383px;
height:300px;
overflow:hidden;
border:3px solid #eee;
}
div#brochure_mid div#mediaListContShort{
float:left;
padding:0 0 2px 0;
margin:0 0 0 11px;
width:200px;
height:250px;
overflow:hidden; position: relative; /* IE7 Overflow Fix */
border:3px solid #eee;
}
div#brochure_social{
float:left;
width:420px;;
height:34px;
margin:5px 0 0 12px;
padding:6px 0 0 0;
}
div#brochure_social .brochure_socialnetwork{
float:left;
margin:0 16px 0 0;
}
div#brochure_social .brochure_socialnetwork:last-child{
margin:0;
}

div.brochureList{
width:198px;
height:268px;
}
div.brochureListShort{
width:198px;
height:218px;
}
div.brochureList div.media, div.brochureListShort div.media{
width:120px;
}
div.brochureListWide{
width:350px;
height:268px;
}
div.brochureListWide div.media{
width:268px;
}
div.brochureListWider{
width:382px;
height:268px;
}
div.brochureListWider div.media{
width:304px;
}
div.brochureList a, div.brochureListShort a, div.brochureListWide a, div.brochureListWider a{
display:block;
}
div#brochure_mid div.event, div#brochure_mid .wplc_alt div.event{
width:193px;
}


/* SOCIABLE */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

div#brochure_top .sociable{
margin:6px 0 0 10px;
color:#fff;
}
div#brochure_top .sociable .sociable_tagline{
float:left;
margin:0;
padding:1px 5px 0 0;
}
div#brochure_top .sociable ul{
float:left;
margin:0;
padding:0;
}

.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}




/* NEWS HUB */
div #newshub_top{
float:left;
width:785px;
border:3px solid #e6e6e6;
margin:0;
}
div#newshub_welcome{
float:left;
clear:left;
width:622px;
height:40px;
background-color:#7161a1;
margin:225px 0 0 0;
}
div#newshub_welcome h2{
float:left;
padding:0 0 0 15px;
margin:0;
border-bottom:1px solid #fff;
font-size:13px;
line-height:40px;
font-weight:bold;
color:#fff;
}
div#newshub_headlines{
position:absolute;
top:0px;
left:0px;
}
div#newshub_headlines div#headlines{
margin:0;
}
div#newshub_content .narrowcolumn{
padding:0;
width:620px;
}
div#newshub_content .postmetadata{
display:inline;
font-size:10px;
}
div#newshub_content div.entry{
float:left;
width:600px;
margin:10px 10px 0 10px;
padding:2px 0 13px 0;
border-bottom:1px dashed #777;
}
div#newshub_content div.entry h3{
margin:0;
}
div#newshub_content div.entry p{
margin:5px 0 0 0;
padding:0;
}
div#newshub_content .navigation{
float:left;
width:600px;
margin:20px 10px 20px 10px;
}
div#newshub_content .post {
float:left;
width:100%;
margin: 0;
padding:0;
text-align: left;
}
div#newshub_sidebar{
position:relative;
top:-41px;
}


/* JOBS PAGE */
div.jobs_content{
float:left;
position:relative;
top:-30px;
}
div.jobs-more{
float:right;
position:relative;
top:-5px;
overflow:visible;
height:0px;
margin:0 5px 0 0;
}


/* FLOW / FLICKR PAGES */
#headerFlow{
background-image:url(/wp-content/themes/message/images/headerBack.png);
background-repeat:repeat-x;
margin: 0;
padding: 0;
height: 110px;
width: 100%;
}
div#flow, div#flickr{
z-index:1;
}
#headerShadow{
position:absolute;
top:109px;
height:10px;
width:100%;
background:url(/wp-content/themes/message/images/headerBack.png) repeat-x bottom;
z-index:3;
}
#headerFlow #donateImg{
top:56px;
}




/*################
##################
SAFARI FIXES
##################
################*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#subheader #searchsubmit {
position:relative;
top:-3px;
left:-18px;
}
#subheader #subscribesubmit {
position:relative;
top:-3px;
left:-28px;
}
#searchform input:focus, #subscribeform input:focus {
outline: 0;
}
}