/*
Theme Name: Blix
Theme URI: http://www.kingcosmonaut.de/blix/
Description: Hmmm...
Version: 0.9.1
Author: Sebastian Schmieg
Author URI:
*/

@import "layout.css";
@import "petrobras.css";

/* mobile */

@media screen and (width:320px){
       /* header */
	   #header{
			background-image: url("images/header-mobile.jpg");
			height:118px;
			position:relative;
	   }
	   #header h1{position:absolute; left:220px !important; top:0px !important; width:90px; height:20px;}
	   
	   #header h2{position:absolute; left:0px !important; top:0px !important; width:150px; height:30px;}
	   
	   /* fim header */
	   
	   
	   #container{
			padding:0 5px;
			width:310px;
		}
	   
	   /* navigation */
	   
	   #navigation{
			background:#fff;
			margin:4px 0 0;
		}
	   
	   #navigation ul {
			margin:0;
			padding:0;
		}

		#navigation li {
			float:left;
			border:none;
			padding:0;
			margin:0 4px 0 0;
		}
		
		#navigation li a{
			background:#9FB13D;
			border:1px solid #B3C165;
			padding:0 15px;
			display:nlock;
			height:20px;
			line-height:20px;
			width:none;			
		}
		#navigation li a.selected,
		#navigation li a:hover{background:#D0DF7F;}
		
		/* fim navigation */
	   
	   /* content --------------------------------------------------*/
		
		#content {
			float:left;
			width:310px;
			padding-top:32px;
		}
		
		#content img{width: 100%; max-width: 320px;}
		
		#content iframe{height:236px; width:100%;}

		#sidebar,
		#navigation form{
			display:none;
		}
}

@media screen and (width:480px){
       /* header */
	   #header{
			background-image: url("images/header-mobile-470.jpg");
			height:146px;
			position:relative;
	   }
	   #header h1{position:absolute; left:370px !important; top:0px !important; width:100px; height:20px;}
	   
	   #header h2{position:absolute; left:0px !important; top:0px !important; width:150px; height:30px;}
	   
	   /* fim header */
	   
	   
	   #container{
			padding:0 5px;
			width:470px;
		}
	   
	   /* navigation */
	   
	   #navigation{
			background:#fff;
			margin:4px 0 0;
		}
	   
	   #navigation ul {
			margin:0;
			padding:0;
		}

		#navigation li {
			float:left;
			border:none;
			padding:0;
			margin:0 4px 0 0;
		}
		
		#navigation li a{
			background:#9FB13D;
			border:1px solid #B3C165;
			padding:0 15px;
			display:nlock;
			height:20px;
			line-height:20px;
			width:none;			
		}
		#navigation li a.selected,
		#navigation li a:hover{background:#D0DF7F;}
		
		/* fim navigation */
	   
	   /* content --------------------------------------------------*/
		
		#content {
			float:left;
			width:470px;
			padding-top:32px;
		}
		
		#content img{position:static; width: 100%; max-width: 470px;}
		
		#content iframe{height:236px; width:100%;}

		#sidebar,
		#navigation form{
			display:none;
		}
}

@media screen and (min-width:530px) and (max-width:540px){
       /* header */
	   #header{
			background-image: url("images/header-mobile-520.jpg");
			height:146px;
			position:relative;
	   }
	   #header h1{position:absolute; left:420px !important; top:0px !important; width:100px; height:20px;}
	   
	   #header h2{position:absolute; left:0px !important; top:0px !important; width:150px; height:30px;}
	   
	   /* fim header */
	   
	   
	   #container{
			background:#fff;
			padding:0 5px;
			width:520px;
		}
	   
	   /* navigation */
	   
	   #navigation{
			background:#fff;
			margin:4px 0 0;
		}
	   
	   #navigation ul {
			margin:0;
			padding:0;
		}

		#navigation li {
			float:left;
			border:none;
			padding:0;
			margin:0 4px 0 0;
		}
		
		#navigation li a{
			background:#9FB13D;
			border:1px solid #B3C165;
			padding:0 15px;
			display:nlock;
			height:20px;
			line-height:20px;
			width:none;	
		}
		#navigation li a.selected,
		#navigation li a:hover{background:#D0DF7F;}
		
		/* fim navigation */
	   
	   /* content --------------------------------------------------*/
		
		#content {
			float:left;
			width:520px;
			padding-top:32px;
		}
		
		#content img{width: 100%; max-width: 520px;}
		
		#content iframe{height:236px; width:100%;}

		#sidebar,
		#navigation form{
			display:none;
		}
}

/* end mobile */