/*
Theme Name: BMW Faces of Joy
Description: Theme for BMW Faces of Joy
Author: Thomas Gigold, Sebastian Schuster, vi knallgrau
Author URI: http://www.knallgrau.at/
*/

body{
	margin: 0;
	padding: 0 0 20px 0;
	
	font-size: 12px;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}
div, a, img{
	border: none;
}
h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}
a:link, a:visited{
	text-decoration: underline;
	color: #000000;
}
a:hover, a:active{
	text-decoration: none;
}
.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

div#bodyWrapper{
	width: 899px;
	margin: 0 auto;
	text-align: left;
}

/* start HEADER __ */
div#lineHeader{
	height: 237px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
}
div#lineHeader h1{
	position: absolute;
	margin:16px 0 0 10px;
	padding:0;
	font-size:74px;
	line-height: 58px;
	text-transform: uppercase;
	letter-spacing: 0px;
	background-color: #fbcb1f;
	font-weight: bold;
}
div#lineHeader h1 a:link, div#lineHeader h1 a:visited{
	text-decoration: none;
	color: #000000;
	background-color: #fbcb1f;
	display: inherit;
	padding:3px 4px 1px 0;
}
.opera div#lineHeader h1 a{
	padding:4px 4px 0 0;
}
div#lineHeader h1 a:hover, div#lineHeader h1 a:active{
	text-decoration: none;
	color: #fbcb1f;
	background-color: #000000;
}
div#lineHeader h2{
	position: absolute;
	margin: 93px 0 0 10px;
	padding: 2px 4px;
	font-size: 19px;
	line-height: 21px;
	text-transform: uppercase;
	background-color: #000000;
	color: #ffffff;
}
div#lineHeader h2 strong{
	display: block;
	font-weight: normal;
}
div#lineHeader h2 span{
	color: #fbcb1f;
	padding: 0 0 0 20px;
}
div#lineHeader div#lhPresented{
	position: absolute;
	margin:0 0 0 655px;
}
div#lineHeader div#lhHighscore{
	position: absolute;
	margin: 143px 0 0 749px;
	width: 150px;
	text-align: right;
}
div#lineHeader div#lhHighscore div#lhhHighscore{
	margin:3px 0;
	padding:2px 0;
	font-size: 19px;
	text-transform: uppercase;
	overflow: hidden;
}
.opera div#lineHeader div#lhHighscore div#lhhHighscore{
	padding:4px 0 2px 0;
	font-size: 19px;
	text-transform: uppercase;
	overflow: hidden;
}
div#lineHeader div#lhHighscore div#lhhHighscore span{
	padding: 2px;
	background-color: #fbcb1f;
}
div#lineHeader div#lhHighscore div#lhhCounter{
	padding: 2px;
	margin:3px 0;
	font-size: 34px;
	line-height: 30px;
	background-color: #000000;
	color: #ffffff;
}
div#lineHeader div#lhWin{
	position: absolute;
	z-index: 9;
	margin: 87px 0 0 390px;
}
a#frst, a#scnd, a#thrd{
	display: block;
	width: 326px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999px;
}
a#frst{
	background-image: url(images/prize_aa.png);
	-background-image: url(images/prize_aia.png);
	height: 40px;
}
a#frst:hover, a#frst:active{
	background-image: url(images/prize_ab.png);
	-background-image: url(images/prize_aib.png);
}
a#scnd{
	background-image: url(images/prize_ba.png);
	-background-image: url(images/prize_bia.png);
	height: 38px;
}
a#scnd:hover, a#scnd:active{
	background-image: url(images/prize_bb.png);
	-background-image: url(images/prize_bib.png);
}
a#thrd{
	background-image: url(images/prize_ca.png);
	-background-image: url(images/prize_cia.png);
	height: 52px;
}
a#thrd:hover, a#thrd:active{
	background-image: url(images/prize_cb.png);
	-background-image: url(images/prize_cib.png);
}

/* __ end HEADER */

/* start WEBLOG __ */
div#lineWeblog{
	padding:18px 0;
}
/* __ end WEBLOG */

/* start CONTENT __ */
div#colContent{
	width:620px;
	margin:0 34px 0 0;
	float:left;
}
div#ccMain{
	padding:36px 0 0 0;
}
div#ccTeaser{
	padding:20px 0 10px 0;
	margin:0 0 16px 0;
	width:620px;
	height:373px;
	overflow: hidden;
	border-bottom:12px solid #fbcb1f;
}
div#ccTeaser div#teaserimage{
	position: absolute;
	display: block;
	height:373px;
	background-color: #000000;
}
div#ccTeaser div#teaservideo{
	position: absolute;
        left: -10000px;
	width:620px;
	height:373px;
	background-color: #000000;
}

div#ccTeaser div#errormessage{
	position: absolute;
        display:none;
	width:620px;
	height:173px;
        padding: 100px 0;
	background-color: #ffffff;
}

div#ccMain div.post,
div#ccMain div.page{
	padding:0 0 38px 0;
}
div#ccMain div.post h2,
div#ccMain div.page h2{
	padding:0 0 6px 0;
	color: #6a6a6a;
	text-transform: uppercase;
	font-size: 32px;
	padding:0 0 10px 0;
}
div#ccMain div.post h2 a:link, div#ccMain div.post h2 a:visited,
div#ccMain div.page h2 a:link, div#ccMain div.page h2 a:visited{
	text-decoration: none;
	color: #6a6a6a;
}
div#ccMain div.post h2 a:hover, div#ccMain div.post h2 a:active,
div#ccMain div.page h2 a:hover, div#ccMain div.page h2 a:active{
	text-decoration: underline;
}
div#ccMain div.post div.postDate,
div#ccMain div.page div.postDate{
	font-size: 10px;
	color: #6a6a6a;
	text-transform: uppercase;
}
div#ccMain div.post div.postEntry,
div#ccMain div.page div.postEntry{
	line-height: 1.3em;
}
div#ccMain div.post div.postEntry strong,
div#ccMain div.page div.postEntry strong{
	text-transform: uppercase;
	background-color: #fbcb1f;
}
div#ccMain div.post div.postMeta,
div#ccMain div.page div.postMeta{
	clear: both;
	border-top: 1px solid #e7e7e7;
	padding:5px 3px;
	font-size: 10px;
	color: #6a6a6a;
}
div#ccMain div.page div.postMeta{
	border-top: none;
}
div#ccMain div.post div.postMeta a:link, div#ccMain div.post div.postMeta a:visited,
div#ccMain div.page div.postMeta a:link, div#ccMain div.page div.postMeta a:visited{
	font-size: 10px;
	color: #6a6a6a;
	font-weight: bold;
	text-transform: uppercase;
}
div#ccMain div.post div.postMeta a:hover, div#ccMain div.post div.postMeta a:active,
div#ccMain div.page div.postMeta a:hover, div#ccMain div.page div.postMeta a:active{
	color: #6a6a6a;
}
div#ccMain div.post div.postMeta span#pmTags a,
div#ccMain div.page div.postMeta span#pmTags a{
	font-weight: normal;
}
div#ccMain div.prizecontentdiv{
	padding: 0 0 20px 0;
}
div.ccNavigation{
	background-color: #e7e7e7;
	padding:5px 12px 4px 12px;
	margin:0 0 20px 0;
	text-transform: uppercase;
	font-size: 10px;
	color: #bbbbbb;
	font-weight: bold;
}
div.ccNavigation a:link, div.ccNavigation a:visited{
	color: #6a6a6a;
}
div.ccNavigation a:hover, div.ccNavigation a:active{
	color: #6a6a6a;
}
div.alignright{
	float:right;
}
div.alignleft{
}
/* __ end CONTENT */


/* start COMMENTS __ */
div#comments h3{
	color: #6a6a6a;
	font-size: 23px;
	padding:0 0 10px 0;
	text-transform: uppercase;
}
div#comments ol{
}
div#comments ol li{
}
div#comments ol li em.moderate{
	background-color: #fbcb1f;
	color: #000000;
}
div#comments ol li div.commentmeta{
	text-align: right;
}
div#comments ol li div.commentmeta span.medraschAuthor{
	background-color: #fbcb1f;
	padding: 0 5px 0 3px;
	font-weight: bold;
}
div#comments form{
	width: 580px;
	margin: 0;
	padding: 10px 20px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fbcb1f;
	background-color: #000000;
}
div#comments form label small{
	text-transform: none;
}
div#comments form a:link, div#comments form a:visited,
div#comments form a:hover, div#comments form a:active{
	color: #fbcb1f;
}
div#comments input, div#comments textarea{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	border: none;
	padding: 2px 5px;
}
.ie6 div#comments input,.ie6 div#comments textarea,
.ie7 div#comments input, .ie7 div#comments textarea{
	padding: 2px 0;
}
div#comments form input{
	margin: 0 10px 0 0;
}
div#comments form textarea#comment{
	width:570px;	
}
div#comments form p.commentadvice{
	color: #ffffff;
}
div#comments form input#submit{
	background-color: #fbcb1f;
	text-transform: uppercase;
	font-size: 18px;
}
#facebookConnect div#fbc_login{
	background-color:#ffffff;
	border:3px solid #fbcb1f;
	color:#000000;
	padding:5px;
	float:right;
	width:200px;
	font-size: 10px;
	text-transform: uppercase;
}
#facebookConnect div.fbc_login span{
}
#facebookConnect div.fbc_login span small{
}
#facebookConnect div.fbc_login div.dark{
	float:right;
}
div#formData{
	padding:2px 0;
	width:300px;
}
/* __ end COMMENTS */

/* start SIDEBAR __ */
div#colSidebar{
	width:245px;
	float:left;
}
div#colSidebar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #848484;
}
div#colSidebar ul li{
	clear: both;
	padding: 0 0 20px 0;
}
div#colSidebar .widget{
	padding:10px 0 0 0;
}
div#colSidebar h2{
	font-size: 34px;
	line-height: 1em;
	padding: 0 0 5px 0;
	color: #000000;
}
div#colSidebar .widget h1, div#colSidebar .widget h2, div#colSidebar .widget h3, div#colSidebar .widget h4{
	font-size: 16px;
	color: #848484;
	text-transform: uppercase;
}
div#colSidebar a:link, div#colSidebar a:visited{
	color: #848484;
	text-transform: uppercase;
}
div#colSidebar a:hover, div#colSidebar a:active{
}
div#colSidebar li#facebook-fan-box{
}
div#colSidebar li.widget_twitter{
}
div#colSidebar li.widget_twitter ul li{
	padding: 4px 0 0 0;
}
div#colSidebar li.widget_twitter h2 a:link, div#colSidebar li.widget_twitter h2 a:visited{
	text-decoration: none;
	text-transform: none;
	color: #ffffff;
}
div#colSidebar li.widget_twitter h2 a:hover, div#colSidebar li.widget_twitter h2 a:active{
	text-decoration: none;
}
div#colSidebar li.widget_twitter span.entry-content{
	font-style: italic;
	font-size: 12px;
	display: block;
	padding: 0 0;
}
div#colSidebar li.widget_twitter span.time-meta{
	display: block;
	font-weight: bold;
	font-size: 9px;
	padding:0 0 10px 0;
}
div#colSidebar li.widget_twitter span.time-meta a:link, div#colSidebar li.widget_twitter span.time-meta a:visited{
	text-decoration: none;
}
div#colSidebar li.widget_twitter span.time-meta a:hover, div#colSidebar li.widget_twitter span.time-meta a:active{
	text-decoration: underline;
}
div#colSidebar li.widget_twitter span.from-meta{
	display: none;
}
div#colSidebar li.youtube_widget{
}
div#colSidebar li.youtube_widget h2,
div#colSidebar li.flickr_widget h2,
div#colSidebar li.widget_twitter h2{
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
	color: #ffffff;
	font-size: 1px;
	height: 38px;
	display: block;
}
div#colSidebar li.flickr_widget h2 a,
div#colSidebar li.widget_twitter h2 a{
	color: #ffffff;
}
div#colSidebar li.youtube_widget h2{
	height:45px; 
	background-image: url(images/sidebar_youtube.gif);
}
div#colSidebar li.flickr_widget h2{
	background-image: url(images/sidebar_flickr.gif);
}
div#colSidebar li.widget_twitter h2{
	background-image: url(images/sidebar_twitter.gif);
}
div#colSidebar li.widget_twitter h2 a,
div#colSidebar li.flickr_widget h2 a{
	display: block;
	width: 245px;
	height: 36px;
}
div#colSidebar li.widget_twitter{
	clear: both;
}
div#colSidebar li.widget_twitter ul li a{
	text-transform: none;
}
div#colSidebar li.flickr_widget img{
	float: left;
	margin: 3px;
}
div#colSidebar li.widget ul{
	padding: 6px 0 0 0;
}
div#colSidebar li.widget ul li{
	padding: 2px 0;
	font-size: 10px;
}
/* __ end SIDEBAR */


/* start NAVIGATION top __ */
div#lineNavigation{
	padding: 12px 0 0 0;
}
.ie6 div#lineNavigation,
.ie7 div#lineNavigation{
	padding: 0;
}
div#lineNavigation ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
div#lineNavigation ul li{
	float: left;
	margin:0 8px 0 0;
	font-size: 23px;
	text-transform: uppercase;
}
.ie6 div#lineNavigation ul li a,
.ie7 div#lineNavigation ul li a{
	line-height: 29px;
}
div#lineNavigation ul li a.active:link, div#lineNavigation ul li a.active:visited{
	background-color: #fbcb1f;
	color: #000000;
	text-decoration: none;
}
div#lineNavigation ul li a:link, div#lineNavigation ul li a:visited{
	padding:2px 4px 0 4px;
	background-color: #000000;
	color: #fbcb1f;
	text-decoration: none;
}
div#lineNavigation ul li a:hover, div#lineNavigation ul li a:active{
	background-color: #fbcb1f;
	color: #000000;
	text-decoration: none;
}
/* __ end NAVIGATION top */

/* start FOOTER __ */
div#lineFooter{
	color: #000000;
	height: 32px;
	margin: 20px 0 0 0;
	padding: 6px 12px 24px 12px;
	background-color: #fbcb1f;
}
.ie6 div#lineFooter{
	padding:24px 12px 0 12px;
}
.ie7 div#lineFooter{
	padding:12px;
}
div#lineFooter div#lfPresented{
	float:right;
}
div#lineFooter p{
	text-transform: uppercase;
	font-size:11px;
	line-height: 32px;
	font-weight: bold;
}
div#lineFooter img{
	float: left;
	margin:0 5px 0 0;
}
div#lineFooter span{
	float: left;
	display: block;
	padding:0 5px 0 0;
}
/* __ end FOOTER */



/* start GALLERY __ *//* __ end GALLERY */

/* __ Sebastian Schuster __ */
/* highscore widget __ */
  ul.highscore_widget li{
    width: 242px;
    height: 58px;
    background: #000000;
    position: relative;
    margin: 0 0 4px;
    padding: 0 !important;
    overflow: hidden;
    color: #ffffff;
  }
  ul.highscore_widget {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
  }
  .left {
    float: left;
  }
  ul.highscore_widget .score {
    height: 39px;
    font-size: 36px;
    width: 149px;
    overflow: hidden;
    text-align: right;
    font-weight: bold;
    padding: 0 2px;
    line-height: 36px;
  }
  ul.highscore_widget .identify {
    height: 15px;
    width: 149px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
  }

ul.highscore_widget .identify a:link, ul.highscore_widget .identify a:visited, ul.highscore_widget .identify span{
    color: #000000 !important;
    text-decoration: none !important;
    background: #fbcb1f;
    height: 15px;
    width: 149px;
    display: block;
    padding: 2px;
}
ul.highscore_widget .identify a:hover, ul.highscore_widget .identify a:active{
    text-decoration: underline !important;
}

  ul.highscore_widget .rank {
    position: absolute;
    top:0;
    left: 0;
    background: #fbcb1f;
    width: 27px;
    height: 17px;
    color: #000000;
    font-size: 16px;
    line-height: 16px;
    z-index: 2;
    padding: 0 2px;
  }

/* __ highscore widget */

/* page - top100 __ */

ul.top-hundred {
     list-style-type: none;
     margin: 0;
     padding: 0;
     width: 602px;
     overflow: hidden;
}


ul.top-hundred li, div.identify-image {
     margin: 0 1px 1px 0;
     width: 300px;
     height: 170px;
     position: relative;
}

ul.top-hundred li div.overlay, div.identify-image div.overlay {
     top:0;
     left:0;
     width: 70px;
     height: 66px;
     position: absolute;
     font-weight: bold;
}

ul.top-hundred li div.rank, div.identify-image div.rank {
     color: #000000;
     background: #fbcb1f;  
     width: 70px;
     height: 41px;
     font-size: 36px;
     text-align: center;
     line-height: 36px;
}

ul.top-hundred li div.score , div.identify-image div.score{
     color: #ffffff;
     background: #000000;  
     width: 69px;
     height: 25px;
     line-height: 24px;
     font-size: 24px;
     text-align: right;
     padding: 0 1px 0 0;
}


div.highscore-pagination {
      list-style-type: none;
      margin: 24px 0 0;
      padding: 0;
}

div.highscore-pagination p {
      text-align: center;
}

div.highscore-pagination span {
      font-size: 12px;
      margin: 0 6px;
}

div.highscore-pagination a {
      text-decoration: none;
}

div.highscore-pagination a, div.highscore-pagination a:active, div.highscore-pagination a:visited {
      color: #000000;
}



/* __ page - top 100 */

/* page - identify form */

	  
#identify-form {
	    width: 300px;
	    color: #fbcb1f;
	    background: #000000;
	    overflow: hidden;
	    font-weight: bold;
	    font-size: 10px;
}
	  
#identify-form input {
	    border: 0;
}

#identify-form .input-wrapper {
 width: 100%;
 overflow: hidden;
}
	  
#identify-form .semi-width input {
	    width: 128px;
}
	  
#identify-form .first-name {
	    margin: 5px 0px;  
	    width: 129px;
	    overflow: hidden;
}

#identify-form .last-name {
	    margin: 5px 0 5px 12px; 
	    width: 129px;
	    overflow: hidden;
}
	  
#identify-form label {
	    color: #fbcb1f;
	    text-transform: uppercase;
}
	  
#identify-form .full-width {
	    margin: 5px 0; 
	    width: 270px;
	    overflow: hidden;
}

#identify-form .full-width input{
  	    width: 270px;
}
  	
#identify-form .zip-code {
	    margin: 5px 0;  
	    width: 71px;
	    overflow: hidden;
}
	  
#identify-form .zip-code input{
  	    width: 70px;
}
  	
#identify-form .country {
  	  width: 187px;
  	  margin: 5px 0 5px 12px;
  	  overflow: hidden;
}
  	
#identify-form .country select{
  	  width: 185px;
}
  	
#identify-form .identify-form-inner {
      padding: 10px 14px 10px 16px;
      width: 270px;
      overflow: hidden;
}
    
#identify-form #terms {
      width: 12px;
      margin: 0 6px 0 0;
      vertical-align: middle;
}
    
#identify-form .terms-label {
      text-transform: none;
      font-weight: normal;
}
    
#identify-form a, #identify-form  a:visited, #identify-form  a:hover, #identify-form  a:active {
   color: #fbcb1f;
}
    
#identify-form a:hover {
      text-decoration: none;
}
    
#identify-form #send {
     width: 78px;
     text-transform: uppercase;
     background: #fbcb1f;
     font-weight: bold;
     font-size: 24px;
     line-height: 24px;
     text-align: center;
     padding: 0;
     cursor: pointer;
     vertical-align: middle;
     
}
  	
#identify-info {
  width: 270px;
  overflow: hidden;
  padding: 12px 16px;
}

#identify-info h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  margin: 0 0 8px;
  text-transform: uppercase;
}
#identify-info p {
  font-size: 14px;
  line-height: 15px;
}


#identify-status {
  text-transform: uppercase;
  padding: 0 0 0 6px;
  width: 186px;
  float: left;
}
  	
#identify-wrapper {
  background: #fbcb1f;
  width: 602px;
  overflow:hidden;
}
  	
.page-id-12 h1 , .page-id-3 h1 {
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 10px 0;
  font-weight: bold;
  text-transform: uppercase;

}