/*
Theme Name: Events Microsite
Theme URI: http://events.digitalbirmingham.co.uk/
Description: Digital Birmingham events microsites theme, customised to integrate with their website
Version: 1.0
Author: IE
Author URI: http://www.iedesign.co.uk
Tags: digital bitmingham, custom header, fixed width, two columns, widgets

*/

@import url('/css/core.css');
@import url('/css/content.css');


img, div { behavior: url(/img/iepngfix.htc) }

.main{ position:relative; }

.mainPanelWrapper{ width:762px; }
.mainContentWrapper{ /*width:556px;*/width:753px; }

em{ font-style:italic; }
.pd{ clear:both; }

.headingWrapper{ 

height:137px; 
_position:relative;

}



.headingWrapper .logo{ 
float:right; 
width:58px; 
height:58px; 
background-image:url(/img/db-logo-small.png); 
background-position: left;
    margin-top: 23px; margin-right: 29px;}

.headingWrapper .logo a{ width: auto; }
.headingWrapper .event_logo{ width:190px; height:110px; position:absolute; z-index:100; left:16px; top:15px; }

.headingWrapper #eventinfo{ 
_position:absolute;
float:left; 
margin-left:218px; 
margin-top:24px; 

}

.headingBackground{ display:block; width:991px; height:74px; position:absolute; background:url('/img/top-gradient.jpg') no-repeat top; top:63px; z-index:-1;}

#eventinfo h1{ color:#333333; font-size:24px; font-weight:bold; }
#eventinfo h2{ color:#666666; font-size:13px; font-weight:bold; }
#eventinfo h3{ color:#798E17; font-size:24px; font-weight:bold; margin-top:7px; }

.contentWrapper{ padding-bottom:10px; }

.footerWrapper .bcc{ width:auto; text-align:center; }
.footerWrapper .bcc a{ margin-right: 26px; }

.poweredby{ font-size: 77%; clear:left; text-align:center; padding-top:3px; }
.poweredby a{ color:#000000; }

.leftNavWrapper{ height:auto; }
.leftNav{ padding-left: 7px; width: 183px; }
.leftNavHeading{ height:auto; margin-bottom: 3px; }
.leftNavHeading h2{ color:#ffffff; padding: 10px 11px 7px; font-size:15px; text-transform:uppercase; }

.widget{ padding:0 5px; border-top:3px solid #000000; }
.widget ul{ font-size:93%; list-style-image: url('http://www.digitalbirmingham.co.uk/img/bullet_black.jpg');  margin:0 0 0 17px; padding:0 0 17px; }
.widget ul li{ clear:left; color:#666666; letter-spacing:-1px; margin:0; padding:2px 0 0; }
.widget ul li a{ color:#666666; text-decoration:none; }
.widget ul li a:hover{ text-decoration:underline; }
.widget ul li.recentcomments a{ text-decoration:underline; }

.widget h2.widgettitle{ clear:both; margin-top:0px; padding-top:4px; padding-bottom:7px; font-size:12px; font-weight:bold; text-transform:uppercase; }

.twitter-tracker ol li{ font-size: 10px; color:#333333; border-bottom: 1px dashed #cccccc; margin-bottom:3px; width:173px; overflow:hidden; }
.twitter-tracker ol li a{ color:#333333; }
.twitter-tracker .twitter-follow a { display:block; font-size: 11px; color:#333333; padding-left: 22px; background:url('/img/twitter_logo.jpg') no-repeat left; }

li#search{ background:#EFEFEF; height:23px; padding-top:7px }
#blogsearchform .keyword{ float:left; height:20px; padding-left:0; padding-top:1px; width:144px; margin-bottom:10px;}
#blogsearchform .inputtext { font-size:77%; width:138px;}

.rssFeedWrapper a{ float:right; padding-right:7px; color:#666666; font-size:77%; padding-top:10px;}

.item, .first-item{ padding-bottom:5px; width:753px;}
.postmetadata{ padding-bottom:0; font-size:77%;}

.item img, .first-item img{ display:block; max-width:100%; margin-bottom:5px; border:1px solid #CCCCCC;}

.page#post-38 .first-item p{ clear:left;  }
.page#post-38 .first-item img{ float:left; margin-right:7px; margin-bottom:10px;}
.page#post-38 .first-item .author-img{ display:block; padding-top:90px; }
.page#post-38 .first-item .author{ font-weight:bold; }
.page#post-38 .first-item .job_title{ color:#999999; }


.page .first-item{ margin-top:10px; /*width:556px;*/width:750px;}
.page .first-item .wp-caption{ border:1px solid #CCCCCC; float:left; margin-right:7px;}
.page .first-item .wp-caption img{ border:none; padding:5px 5px 3px; }
.page .first-item .wp-caption-text{ padding: 0 5px 5px; color:#999999; font-style:italic }

.share-this{ background: url(images/share_this_button.jpg) no-repeat right; padding-right:20px; padding-top:0px; height:15px; float:right; color:#666666; }

.navigation .alignleft{ float:left; }
.navigation .alignright{ float:right; }

.date{
color:#999999;
font-size:108%;
}

.post h1{ margin-bottom:0; }
h2.date{ padding-top:3px; padding-bottom: 15px; color:#999999; font-size:93%;}
.item h2, .first-item h2{ font-size:116%; }

h3#comments, h3#respond{ clear:both; padding-top: 10px; }

.commentlist li{ background: #F2F2F2; padding:7px; margin-bottom:3px;}
.commentlist cite{ float:left;}
.commentlist .commentmetadata{ float:right; }

.commentlist p{ padding-top:5px; padding-bottom:0; }

textarea#comment{ width:528px; }

#author_wrapper{ height:125px; border-bottom:1px dashed #DDDDDD; }
#authors{  }
#authors .author{ float:left; width:74px; margin-right:6px;}
#authors .author.last{ margin-right:0px;}
#authors .author p{ font-weight:normal; font-size:85%; padding-top:3px; text-align:center}
#authors .author p .job_title{ color:#666666; font-weight:normal; }


html .mainContentWrapper {
_padding-left:0;
}


.vid-wrap{
margin-top:10px;
/*padding:10px;*/
padding-left:10px;
padding-top:10px;
background:transparent url(images/vid-top.jpg) no-repeat;
height:385px;
width:742px;
}

.vid-wrap .vid{
float:left;
margin-top:10px;
margin-left:10px;
}

.vid-wrap .intro{
float:left;
color:#fff;
width:270px;
margin-left:25px;
_margin-left:10px;
margin-top:15px;
}

.vid-wrap h3{
font-size:161.6%;
color:#fff;
}

.event-item a{
color:#000000;
text-decoration:underline;
}
.event-item a:hover{
text-decoration:none;
}

.event-item .entry a{
    color:#879F1A;
    text-decoration: underline;
}
.event-item .entry a:hover{
    text-decoration: none;
}


.event-item .item h2, .event-item .first-item h2 {
color:#999999;
font-size:108%;
}
.eb{
color:#000000;
font-size:161.6%;
}