/* admin styles */

.admin {
 width: 430px;
}

/* messages */
.message {
  width: 430px;
  background-color: #FFEC03;
  border: 1px solid #FF7006;
  color: #A21A1A;
  padding: 0.2em 0.8em 0.15em 34px;
  background: url("http://www.iaablog.com/static/icon_message_24.gif") 2px -1px no-repeat #FFEC03;
  margin: 1em 0;
}

div.admin ul li {
  list-style: none;
  background: url("http://www.iaablog.com/static/bg_listicon16.gif") 0 0px no-repeat;
  padding: 0 0 5px 22px;
}

div.admin ul {
  margin: 0 0 1em 0;
  padding: 0;
}

.listItem ul.taskList li {
  background: url("http://www.iaablog.com/static/bg_listicon16_simple.gif") 0 2px no-repeat;
}

.listNavigation {
  margin-top: 1.5em;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 2px;
  padding-left: 7px;
}

.listNavigation span {
  color: #ffffff;
}

.listNavigation a.active {
  font-weight: bold;
}

div.admin small, 
div.admin .small {
  font-size: 11px;
  color: #999999;
}

/* lists */

div.pageNav {
  margin: 5px 0 13px 0;
}

div.pageNavSummary {
  /* float: left; */
}

div.pageNavBar {
  /* float: right; */
  text-align: right;
}

span.pageNavItem,
span.pageNavSelItem  {
  margin-left: 3px;
  margin-right: 3px;
}

table.listItem td.leftCol {
  width: 70%;
  vertical-align: top;
}

table.listItem td.rightCol {
  width: 30%;
  vertical-align: top;
}


/* forms */

div.admin fieldset {
  padding: 8px;
  border: 1px solid #cccccc;
}

div.admin fieldset legend {
  font-weight: bold;
  font-size: 1em;
  left: 1em;
  padding: 0 0.6em;
  color: #444444;
}

div.admin fieldset.formList {
  padding: 0 1em 0 1.5em;
}

div.admin .formList p {
  border-bottom: 1px solid #333333;
  margin-top: 0.5em;
  padding-bottom: 0.8em;
}

div.admin label {
  font-size: 1em;
  font-weight: bold;
  font-color: #999999;
}

div.admin .formTitle, .addComment .formTitle {
  width: 430px;
}

div.admin .formText, .addComment .formText {
  width: 430px;
}

.addComment .formText {
  height: 100px;
}

div.admin .intend {
  display: block;
  margin-left: 1.8em;
}

p.buttons {
  margin-top:1em;
  text-align: right;
  clear: both;
}

p.buttons input {
  padding: 0 1em;
  text-align: center;
}


/*
 DEFAULT
 -------------------------------------- */
body{
  margin:0;
  padding:0;
  background-color:#EBF2F4;
  color:#262626;
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/bg_black-top.gif);
  background-repeat:repeat-x;
  background-position:top center;
  font-size:14px;
  line-height:1.2em;
  text-align:center;
  font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;  
  }
h1, h2, h3, h4, h5{
  margin:0;
  padding:0;
  font-weight:normal;
  }
a:link, a:visited{
  color:#0080B3;
  text-decoration:underline;
  }
a:hover, a:active{
  text-decoration:none;
  }
a img, img{
  border:none;
  }

/*
 MAIN PAGE - Layout
 -------------------------------------- */
div#page{
  width:841px;
  margin:0 auto;
  text-align:left;
  padding:0 122px 0 10px;
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/design-header-1.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  }
div#lineMain{
  width:841px;
  margin:0;
  padding:30px 0;
  }
div#lineHeader{
  width:841px;
  height:201px;
  overflow:hidden;
  }
div#panelContent {
  float:left;
  width:559px;
  }
div#panelSidebar {
  float:left;
  width:254px;
  padding:0 0 0 28px;
  overflow:hidden;
  }
div#lineFooter{
  clear:both;
  padding:25px 0 0 0;
  }

/*
 HEADER
 -------------------------------------- */
div#iaablogLogo{
  position:absolute;
  margin:58px 0 0 0;
  }

div#iaablogLogo h1{
  text-indent:-9000px;
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/logo_iaablog-png.png);
  background-position:top left;
  background-repeat:no-repeat;
  width:322px;
  height:57px;
  }

div#iaablogLogo h1 a{
  display:block;
  width:322px;
  height:57px;
  }
div#navigationTabs{
  margin:159px 0 0 0;
  }
div#navigationTabs ul{
  margin:0;
  padding:0;
  list-style-type:none;
  }
div#navigationTabs ul li{
  margin:0 5px 0 0;
  padding:0;
  float:left;
  font-size:16px;
  line-height:3em;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height:2.8em;
  background: #000000 url(http://www.iaablog.com/static/iaablog/layouts/iaa09/button_tab_ia-bg.png) no-repeat top right;
  }


div#navigationTabs ul li a{
  display:block;
  padding:0 14px;
  }

div#navigationTabs ul li a{
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/button_tab_ia-li.png);
  background-repeat:no-repeat;
  background-position:top left;
  color:#ffffff;
  text-decoration:none;
  }
div#navigationTabs ul li a:hover{
  background-image:none;
  background-color:#EBF2F4;
  color:#000000;
  text-decoration:none;
  }
div#navigationTabs ul li a.activetab{
  background-image:none;
  background-color:#EBF2F4;
  color:#000000;
  text-decoration:none;  
  }
div#twitterTab{
  position:absolute;
  width:500px;
  top:117px;
  margin:0 0 0 205px;
  }
div#twitterBird{
  float:left;
  width:60px;
  height:50px;
  }
div#twitterBubble{
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/icon_twitterbubble-png.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding:0 0 0 31px;
  margin:24px 0 0 60px;
  }
div#twitterBubble span{
  background-color:#0F0E11;
  text-transform:uppercase;
  font-size:12px;
  font-weight:light;
  letter-spacing:2px;
  padding:2px 4px;
  color:#ffffff;
  }
div#presentedByBMW{
  float:right;
  }

/*
 CONTENT
 -------------------------------------- */
div#panelContent h2 {
  margin: 0 0 1em 0;
  }
div#lineFeature{
  width: 100%;
overflow: hidden;
  padding: 0 0 40px 0;
  }
div.featureItem{
  width:176px;
  margin:0;
  padding:1px;
  border:1px solid #C9D5D7;
  }
div#featureA, div#featureB, div#featureC{
  width:180px;
  padding:0 4px 4px 0;
  float:left;
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/bg_feature-png.png);
  background-repeat:repeat-y;
  background-position:bottom right;
  }
div#featureA{
  margin:0;
  }
div#featureB{
  margin:0 0 0 5px;
  }
div#featureC{
  position:absolute;
  margin:0 0 0 378px;
  }
div.featureContent{
  width:170px;
  padding:2px 3px;
  background-color:#D3DFE2;
  font-size:13px;
  }
div.featureContent h4{
  font-size:16px;
  line-height:1.6em;
  }
div.featureContent h4 a:link, div.featureContent h4 a:visited{
  text-decoration:none;
  }
div.featureContent h4 a:hover, div.featureContent h4 a:active{
  text-decoration:underline;
  }
div.story{
  clear:both;
  padding:0 0 50px 0;
  }
div.searchview div.story{
  clear:both;
  padding:25px 0 25px 0;
  }
div.searchview div.story div.storyContent{
  padding:10px 0 10px 0;
  }
h3.storyTitle{
  font-size:22px;
  line-height:1.4em;
  }
h3.storyTitle a:link, h3.storyTitle a:visited{
  text-decoration:none;
  }
h3.storyTitle a:hover, h3.storyTitle a:active{
  text-decoration:underline;
  }
div.storyDate{
  text-transform:uppercase;
  color:#5D5D5D;
  font-size:11px;
  }
div.storyDate a:link, div.storyDate a:visited{
  text-decoration:none;
  }
div.storyDate a:hover, div.storyDate a:active{
  text-decoration:underline;
  }
div.storyDate span.iaa05{
  padding:0 3px;
  color:#ffffff;
  background-color:#EC001E;
  }
div.storyDate span.iaa07{
  padding:0 3px;
  color:#ffffff;
  background-color:#009BEA;
  }
div.storyDate span.iaa09{
  padding:0 3px;
  color:#ffffff;
  background-color:#274A2A;
  }
div.storyContent{
  padding:20px 0 10px 0;
  font-size:14px;
  line-height:1.5em;
  border-bottom:1px solid #C8D1D3;
  }
div.storyContent img{
  border:1px solid #C9D5D7;
  padding:1px;
  margin:0 0 10px 0;
  }
div.storyLinks{
  border-top:1px solid #ffffff;
  padding:5px 0 0 0;
  text-transform:uppercase;
  color:#5D5D5D;
  font-size:11px;
  }
div.storyLinks a:link, div.storyLinks a:visited{
  text-decoration:none;
  }
div.storyLinks a:hover, div.storyLinks a:active{
  text-decoration:underline;
  }

/*
 SIDEBAR                             
 -------------------------------------- */
div#panelSidebar{
  color:#666666;
  font-size:11px;
  }
div#panelSidebar h5{
  font-size:16px;
  text-transform:uppercase;
  padding:0 0 11px 0;
  }
div.sidebarItem{
  clear:left;
  padding:25px 0 0 0;
  }
div.sidebarItem a:link, div.sidebarItem a:visited{
  color:#666666;
  }
div.sidebarItem a:hover, div.sidebarItem a:active{
  }
div.sidebarItem img.button{
  margin:0 0 11px 0;
  }
div#sidebarAuthor{
  padding:0;
  }
div#sidebarAuthor img{
  float:left;
  margin:0 5px 5px 0;
  }
div#sidebarSearch{
  }
div#sidebarSearch form{
  margin:0;
  padding:0;
  }
div#sidebarSearch input.searchbox {
  height:14px;
  font-size:14px;
  color:#666666;
  border-top:1px solid #6E7A7C;
  border-right:1px solid #C2CED1;
  border-bottom:1px solid #C2CED1;
  border-left:1px solid #6E7A7C;
  background-color:#D2DEE1;
  float:left;
  width:212px;
  margin:1px 5px 0 0;
  padding:4px 2px;
  }
div#sidebarTopics{
  }
div.topics{
  padding:0 0 12px 0;
  }
div.topics h4{
  color:#ffffff;
  padding:0 3px;
  margin:0 0 3px 0;
  font-size:1em;
  line-height:1.2em;
  display:inline;
  }
h4#topics2005{
  background-color:#EC001E;
  }
h4#topics2007{
  background-color:#009BEA;
  }
h4#topics2009{
  background-color:#274A2A;
  }
div#sidebarTwitter{
  }
div#sidebarLinkToTwitter{
  padding:10px 0 0 0;
  font-size:14px;
  }
div#sidebarLinkToTwitter a{
  color:#0070AB;
  }
div.historyItem{
  }
div.historyItem a{
  }
div.historyItem div.small{
  color:#999999;
  }
  
/*
 footer
 -------------------------------------- */
div#footerWrapper{
  border-top:1px solid #C8D1D3;
  padding:10px;
  font-size:11px;
  color:#999999;
  }
div#footerWrapper a:link, div#footerWrapper a:visited{
  color:#999999;
  }
div#footerWrapper a:hover, div#footerWrapper a:active{
  }
/*
 styles for external services (flickr, facebook)
 -------------------------------------- */
#flickr_badge_uber_wrapper{
  text-align:center;
  width:250px;
  }
#flickr_badge_wrapper{
  }
.flickr_badge_image{
  }
.flickr_badge_image img{
  border:none;
  float:left;
  margin:4px;
  }
#flickr_badge_source{
  }
#flickr_badge_icon{
  }
#flickr_www{
  }
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:visited{
  }
#flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active{
  }
#flickr_badge_wrapper {
  }
#flickr_badge_source {
  }


#sidebarFacebook {

border-bottom: 1px solid #94A3C4;
margin: 0 4px 0 0;
  }


/*
 Kommentarliste
 -------------------------------------- */
div#lineComments, .searchview .comments {
  font-size:12px;
  line-height:1.6em;
  }
h4.hComments{
  font-size:18px;
  padding:0;
  text-transform:uppercase;
  }
div.comments{
  padding:20px 0 0 0;
  border-bottom:1px solid #ffffff;
  }
div.reply{
  padding:20px 0 0 35px;
}
div.comments a:link, div.comments a:visited{
  color:#262626;
  text-decoration:underline;
  }
div.comments a:hover, div.comments a:active{
  text-decoration:none;
  }
div.commentDate  {
  font-size:11px;
  text-transform:uppercase;
  color:#5D5D5D;
  }
div.commentDate a:link, div.commentDate a:visited{
  color:#0080B3;
  text-decoration:none;
  }
div.commentDate a:hover, div.commentDate a:active{
  text-decoration:underline;
  }
div.comments h4{
  font-size:1em;
  font-weight:bold;
  }
div.commentEnds {
  height:1px;
  overflow:hidden;
  clear:both;
  border-bottom:1px solid #C8D1D3;
}

div.commentLinks{
  font-size:11px;
  letter-spacing:1px;
  padding:15px 0 15px 0;
  text-transform:uppercase;
  }
div.commentLinks a:link, div.commentLinks a:visited{
  color:#0080B3;
  text-decoration:none;
  }
div.commentLinks a:hover, div.commentLinks a:active{
  text-decoration:underline;
  }
  
/*
 Kommentarformular
 -------------------------------------- */
div#addComment{
  padding:25px 0 30px 0;
  }
div#addComment form{
  padding:20px 0 0 0;
  }
div#addComment label{
  width:550px;
  clear:both;
  padding:4px 0;
  line-height:24px;
  display:block;
  }
div#addComment label input.text,
div#addComment label input.formTitle{
  font-size:14px;
  color:#666666;
  border-top:1px solid #6E7A7C;
  border-right:1px solid #C2CED1;
  border-bottom:1px solid #C2CED1;
  border-left:1px solid #6E7A7C;
  background-color:#D2DEE1;
  float:left;
  width:212px;
  margin:1px 10px 0 0;
  padding:2px 2px;
  font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;  
  }

div#addComment label textarea{
  height:120px;
  width:550px;
  font-size:14px;
  color:#666666;
  border-top:1px solid #6E7A7C;
  border-right:1px solid #C2CED1;
  border-bottom:1px solid #C2CED1;
  border-left:1px solid #6E7A7C;
  background-color:#D2DEE1;
  margin:1px 0 0 0;
  padding:2px 2px;
  font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; 
  }
div#commentCaptcha{
  clear:both;
  padding:4px 0 0 0;
  }
div#commentCaptcha img.modJCaptcha{
  }
div#commentCaptcha small{
  }
div#commentCaptcha small a{
  }
div#commentButtons{
  padding:20px 0 0 0;
  }
div#commentButtons input{
  height:28px;
  width:198px;
  overflow:hidden;
  background-image:url(http://www.iaablog.com/static/iaablog/layouts/iaa09/bg_button_blue-png.png);
  background-position:top right;
  border:none;
  font-size:14px;
  line-height:24px;
  padding:0 0 8px 0;
  text-align:center;
  text-transform:uppercase;
  color:#ffffff;
  }

div#twitter{
  }
ol#timeline{
  margin:30px 0 0 0;
  padding:0;
  list-style-type:none;
  }
ol#timeline li{
  margin:0 0 18px 0;
  }
div#twitter span.twitterMeta{
  display:block;
  padding:3px;
  font-size:11px;
  color:#5D5D5D;
  text-transform:uppercase;
  }
ol#timeline li span.twitterMeta a:link, ol#timeline li span.twitterMeta a:visited{
  text-decoration:none;
  }
ol#timeline li span.twitterMeta a:hover, ol#timeline li span.twitterMeta a:active{
  text-decoration:underline;
  }
ol#timeline li span.twitterWrap{
  display:block;
  padding:3px 0 0 0;
  background-image:url(img/bg_bubble-gif.gif);
  background-repeat:no-repeat;
  background-position:top left;
  }
ol#timeline li span.twitterText{
  display:block;
  -height:48px;
  min-height:48px;
  padding:8px;
  clear:left;
  background-color:#DDE8EB;
  font-size:14px;
  line-height:1.6em;
  }
ol#timeline li span.twitterImg{
  float:left;
  margin:0 8px 0 0;
  }
ol#timeline li span.twitterImg a{
  }
ol#timeline li span.twitterImg a img{
  }

.pagelinkTop {
  margin: 0 0 1.5em 0;
  }

.pagelinkBottom {
  margin: 1.5em 0 1.5em 0;
  }

div#video{
width:425px;
padding:5px 65px;
border:1px solid #cbcbcb;
margin:5px 0;
background-color:#ffffff;
}