/* http://www.alistapart.com/articles/howtosizetextincss 
*/



/*Whole page	*/
		html { /* to forcescrollbar to avoid page shift: http://www.communitymx.com/content/article.cfm?cid=528a0 */
			min-height: 100%; 
			margin-bottom:1px; 
			overflow-y:scroll;
		}		

		body {
			background-color: #DFE0FF;
			color: #000000;
			/*http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml*/
			/*font: 100%/1.2 Verdana;*/
			font-family: Verdana, Tahoma, Helvetica;
			font-size:100%;
			margin-top:0.3em;
			margin-bottom:0.3em;
			margin-right:0.7em;
			margin-left:0.7em;						
		}

		a {
			text-decoration: none;
			font-weight:normal;
		}
    
    a:visited {
      color:#8123AD;    
    }         

		.frame {
			font-size: 62.5%;
			margin-left:auto;
			margin-right:auto;
			width:80em;
			border:0px solid #000000;
			float:top;
		}

/*Banner	*/
		#bannerframe {
			height:8em;
			overflow:hidden;
      margin-top:1em;
			background-color:#ffffff;
		}

    #bannerbackground{
      width:80em;
      height:8em;
      position:relative;
      z-index:1;
      border:0px solid #000000
    }
    
    #bannercontent{
      z-index:2;
      position:relative;
      top:-8em;
      margin:1em;
      font-size:1em; /* so 10px is 1 em */
      display:block;
      border:0px solid #000000;
    }
    
    .bannericon{
      height:2.4em;
      padding-left:0.4em;
      padding-right:0.7em;
      border:0px solid #000000;    
    }

/* Main		*/

		#mainframe {
			background-color: #ffffff;
      height:auto;
			overflow-y:hidden;
			border:0px solid #000000;
			margin-top:0em;
		}

		.content {
			margin-bottom:0em;
			margin-top:1em;
			margin-right:2em;
			padding-left:3em;
			width:54em;
			float:left;			
			border:0px solid #000000;
			overflow-x:hidden;
			line-height:1.8em;
		}
  
      .leftImage{
        float:left;
        padding:0;
        margin-top:0em;
        margin-right:2em;
        margin-left:0;
        margin-bottom:1em;
        height:15em;
        border:1px solid #000000;
      }

      .rightImage{        
        float:right;
        padding:0;
        margin-top:0em;
        margin-right:0;
        margin-left:2em;
        margin-bottom:1em;
        height:15em;
        border:1px solid #000000;
      }
      		
		#headlines {
			margin:0em;
			padding:1.5em;
			padding-top:2em;
			padding-bottom:3em;
			width:17em;
			height:auto;
			background-color:#f3e4f3;
			float:right;
			border:0px solid #000000;
		}

   		.usersonline {
        border:0px solid #000000;
        float:right;
        margin-right:-0.4em;
        margin-top:-1.5em;
        color:#BB66BB;
      }
      .usersonlinemargin{
        clear:both;
        height:0.4em;
        border:0px solid #000000;
      }
       
   		.headlineitem {
  			margin:0em;
  			padding:0em;
  			padding-bottom:1em;
        border:0px solid #000000;  			
  		}

  		.headlinetitle {
  			font-weight:bold;
        border-bottom: 1px solid #AAAAAA;
        padding-right:0.5em;        
  		}
  		
  		/*
         iframes van facebook en hyves specificeren de grootte in pixels, dus
  		   voor consistentie worden de social styles allemaal in pixels gedefinieerd
  		*/   
  		
      .fblike {
        border:0px solid #000000; 
        overflow:hidden; 
        height:22px;
        float:left;
      }
  		
  		.fbshare {
        border:0px solid #FF0000;
        float:left;
        clear:both;
        margin-top:0.2px;
        margin-left:1px;
      }
      
      .hvrespect{
        border: 0px solid #000000; 
        overflow:hidden; 
        width2:150px; 
        height:22px;
        margin:0px;
      }
      
      .hvlid_main,.hvlid_main:visited{
        text-decoration:none;
        color:#000000;
        border:1px solid #AAAAAA;
        display:block;
        height:18px;
        width:91px;
      }
      
      .hvlid_logo{
        background-image:url('../images/hyves_lid1.png');
        height:18px;
        width:21px;
        float:left;
        border:none;
      }
      
      .hvlid_text{
        background-image:url('../images/hyves_lid2.png');
        background-repeat:repeat-x;
        width:64px;
        height:17px;
        float:left;
        padding-top:2px;
        padding-left:6px;
        font-size:11px;
      }

    #footer {
        border-top:0px solid #aaaaaa;
        margin-top:0.5em;
        padding:0em;
        padding-left:2em;
        padding-bottom:1em;
        background-color:#FFFFFF;
			  overflow:hidden;
			  wrap:nowrap;
    }
    
    hr.footerruler{
        padding:0;
        margin:0;
        margin-bottom:0em;
        padding-bottom:0em;
        border-top:1px solid #aaaaaa;
        overflow:hidden;            
    }

		.footeritem {
		  margin:0;
      padding:0;
      margin-left:0.5em;
      margin-right:0.5em;
      margin-top:0.4em;
			float:right;
			border:0px solid #FF0000;
			color:#888888;
			font-size: 1.0em;
			line-height:1.2em;
      text-align:center;
			text-decoration: none;			
		}

    .footeritem:visited {
			color:#888888;    
    }
    
		
    .footerseperator{
    	width:0.0001em;
      float:right;
      text-align:center;
		  border-left:1px solid #888888;
		  height:1.0em;
		  margin-top:0.6em;
    }

    .footerbrowsercompatibility{
      color:#888888;
			float:left;
      width:25em;
      border:0px solid #000000;
      text-align:left;
      line-height:1.2em;

    }
    				
/* poll */

		.polltitle {
			font-size: 1.2em;
			padding: 0px 0px 0px 0px;
			font-weight: normal;
			text-align:left;
			margin:0;
			margin-bottom:1em;
		}

		.pollquestion {
      font-size: 1.0em;
			margin:0;
      padding:0;
      padding-left:0.5em;
      float:left;
      width:12.5em;
      border:0px solid #000000
		}
		
		.pollanswers {      
      font-size: 1.0em;
			margin:0;
      padding:0;
      float:right;
      width:2em;
      border:0px solid #000000
    }  
		
		.pollpercentagebar {
      font-size:1.0em;
			clear:both;
      float:left;
      border:0px solid #000000;
      margin:0;
      padding:0;
      padding-left:0.5em;      
      margin-bottom:0.0em;      
    }  
    
    .pollquestionmargin{
      font-size: 1.0em;
			clear:both;
      border:0px solid #000000;
      padding-bottom:0em;
    }
    
		.pollnrvotes {
      font-size: 1.0em;
			float:left;
      width:15.5em;
      border:0px solid #000000; 
		  padding:0;
		  margin-top:0.5em;
      margin-bottom:0.5em;
      text-align:center;
    }

		.pollform {
			width:15.5em;
      border:0px solid #000000; 
		  padding:0;
		  margin: 0em;
		}

    .pollformradio{
      float:left;
      width:2.5em;
      height:1.7em;
      overflow:hidden;
      margin:0;
      padding:0;
      border:0px solid #000000;
    }
    
    .pollformquestion{
      padding-top:0.3em;
      float:left;
      width:12.5em;
      border:0px solid #000000;
      
    }
    
    .pollformquestionmargin{
      clear:both;
      border:0px solid #000000;
      padding-bottom:0.3em;
    }

    .pollformsubmit {
      float:left;
      width:15em;
      border:0px solid #FFFFFF; 
		  padding:0;
		  margin-top:0.5em;
      margin-bottom:0.5em;
      text-align:center;
    }

    .pollblockframe {
    	padding:0;
      margin-top:0em;
    	margin-left:0em;
      margin-right:0em;
    	margin-bottom:0em;
      FLOAT: left; 
    	WIDTH: 17em;
    }
    
    .pollblockheader {
    	DISPLAY: block; 
    	MARGIN-LEFT: auto; 
    	WIDTH: 17em; 
    	MARGIN-RIGHT: auto;
    }
    .pollblockcontent {
    	MARGIN-BOTTOM: 0em;
      MARGIN-TOP: 0em;  
    	MARGIN-LEFT: auto; 
    	MARGIN-RIGHT: auto; 
    	PADDING-RIGHT: 0.5em; 
    	PADDING-LEFT: 0.5em; 
    	PADDING-BOTTOM: 0em; 
    	PADDING-TOP: 0em; 
    	WIDTH: 15.8em;
    	TEXT-ALIGN: left; 
    	TEXT-DECORATION: none;
    }
    
    .pollblocktext{
      margin:0em;
      font-weight:lighter;
      font-style:italic;
    	word-wrap: break-word;
    }
    
    .pollblockfooter {
    	DISPLAY: block; 
    	MARGIN-LEFT: auto; 
    	WIDTH: 17em; 	
    	MARGIN-RIGHT: auto; 
    }
    
    .polloverviewlink{
      margin:1em;
      text-align:center;
    }

/*Some global*/
		H1 { 
			font-size: 2em; 
			margin: 0.67em;
		}
		
	
		H2 { 	
      font-size: 1.5em; 			
			margin: 0.83em 0;
		}
		
		H3 { 				
			font-size: 1.2em; 
			margin: 1em 0;
			font-weight:normal;
		}
		
		H4{ 	
			font-size: 1.0em; 
			margin: 1em 0;
			font-weight:normal;
		}
		
		.CompensateFontsForH1 {
			font-size: 0.5em; 
			margin: 1.492537em; 			
		}

/*bullets*/
.bullet {
  height:1.5em;
  float:left;
  margin-right:1em; 
  margin-bottom:2em; 
}

.bullet2 {
  height:1.5em;
  float:left;
  margin-right:1em; 
  margin-bottom:0em; 
}

/* twitter/hyves/etc button */
.socialbutton {
  border:0px;
  width:36px;
  height:36px
}

/* binpolls */

.binpoll_paragraph {
  margin-bottom:0em;
}

.binpoll_paragraphfooter{
  border:0px solid #000000;
  border-top:1px solid #BBBBBB;
  margin:0;
  margin-top:0.5em;
  margin-bottom:3.0em;
  font-size:0.75em;
  height:2em;
}

.binpoll_frame{
  float:left;
  border:0px solid #000000;
}

.binpoll_title{
  float:left;
  margin-right:1em;
}

.binpoll_question{
  border:0px solid #0000FF;
  float:left;
  display:none;  
}

.binpoll_option1{
  border:0px solid #FF0000;
  float:left;
  margin-right:0.5em;
}
.binpoll_option2{
  border:0px solid #00FF00;
  float:left;
  margin-right:0.5em;
}
.binpoll_answer1{
  border:0px solid #FF00FF;
  float:left;
  margin-right:2em;
}
.binpoll_answer2{
  border:0px solid #FF00FF;
  float:left;
}

.binpoll_commentaar {  
  float:right;
}