/*
Theme Name: Agama Wspin Theme
Theme URI: http://divbox.com
Description: Stworzone na potrzeby AgamaWspin.pl
Author: Grzegorz Sędkowski (Suriv)
Author URI: http://divbox.com
Version: 1.0
*/

@IMPORT url('border-radius.htc');
 
#body{
	margin: 0px;
	background-image: url('img/bg_01.jpg');
  background-repeat: no-repeat;
	background-position: top center;
  background-color: #000000;
  
	color:#00203b;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
	text-align:left;
}

#content{
	position: relative;
	width:980px;
	margin: 0 auto;
	text-align: left;

} 
#top{
  width:980 px;
  height: 380px;
  position: relative;
  background-image: url('img/bg_top.png');
}
#mid{
  width:980 px;
  min-height: 500px;
  position: relative;
	background-image: url('img/mid_top.png');
  background-repeat: no-repeat;
	background-position: top center;
  background-color: #ffffff;
overflow:auto;
 height:auto
}
#bot{
  width:980 px;
  height: 47px;
  position: relative;
	background-image: url('img/bg_bot2.png');
  background-repeat: no-repeat;
	background-position: top center;
  color: #65777c;
  text-align:center;       
  clear:both;                        
}
#bot p{
  padding-top:80px;
}
#bot_bg{
  width:100%;
  height: 343px;
  position: absolute;
  margin-top: -150px;
	background-image: url('img/bg_bot.png');
  background-repeat: no-repeat;
	background-position: top center;
  z-index:-999;
}

#logo{	          
  width:379px;	
  height:208px;	
  position: absolute;	
  left: 30px;	
  top:80px;  
  display: block;	
  cursor:pointer;
	background-image: url('img/logo.png');
}
#logo a{	          
  width:209px;	
  height:202px;		
  position: absolute;	
  display: block;	
  cursor:pointer;
}
#menu{
  width:680px;
  height: 39px;
  position: absolute;
  top:336px;
  left:14px;
}
.nav{
  width:680px;
  height: 39px;
  top:336px;
  left:14px;
	display:block;
	float:left;
	position:relative;
	margin: 0px 0px 0px -35px;
}

.nav ul{
	list-style:none;
  margin:0px;
  padding-left:0px;
  position:absolute;
}

.nav li{
	list-style:none;
	float:left;
	position:relative;
  margin:0px;
}

.nav a{   

  padding: 10px 10px 0px 10px;         
  height:29px;
  display: block;	
  cursor:pointer; 
  text-decoration:none;
  color:#ffffff;
	font-size: 12px;
	line-height: 18px;
  text-shadow: 0px 1px 1px #000000;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;  
}

.nav ul ul{
	list-style:none;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	float:left;
	z-index:99999;
	background: #003345;

  
}

.nav ul ul ul{
	list-style:none;
	top: 0%;
	left:100%;
	background: #343434;
}

.nav ul ul a{
	height:auto;
	line-height:1em;
	padding:10px;
	width:130px;

}

.nav li:hover > a,.nav ul ul:hover > a{
  background-color: #24424d;
}

.nav ul li:hover > ul{
	display:block;
}


.m1 {
  height:28px;
  float:left;
  z-index:9999;
}
.m1 a{  
  z-index:9999;
  padding: 10px 10px 0px 10px;         
  height:28px;
  display: block;	
  cursor:pointer; 
  text-decoration:none;
  color:#ffffff;
	font-size: 12px;
	line-height: 18px;
  text-shadow: 0px 1px 1px #000000;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;  
}
.m1 a:hover{     
  height:28px;  
  background-color: #24424d;
  display: block;	
  cursor:pointer;
  z-index:9999; 
}
.m1 ul{
  z-index:9999;
	list-style:none;
  padding:0px;
  margin:0px;
}

.m1 li{
  z-index:9999;
	float:left;
	position:relative;
  padding:0px;
  margin:0px;
}

#agama{	          
  width:359px;	
  height:240px;	
  position: absolute;	
  left: 591px;	
  top:218px;  
	background-image: url('img/agama.png');
  z-index:999;
}
#content_lewa{
  width:590px;
  margin: 30px 30px 30px 30px; 
  float:left;
}
#content_prawa{
  width:300px;
  margin: 30px 30px 30px 0px;
  float:left;
 
}
.icona{
  border: 1px solid #d9d9d9;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}
.thumbnail{
  margin: 0px 10px 0px 0px;
}

.thumbnail img{
  border:10px solid #ececec;

}
.alignleft {
  float: left;
}
.icona2{
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius:5px; /* pozostałe przeglądarki */
  behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}
.aktualnosc{
  margin-top: 20px;

}
#branding {
border-top: 2px solid #bbb;
padding-bottom: 10px;
position: relative;
z-index: 9999;
}
.temat{
  font-family: 'Roboto Condensed', Arial, Verdana, Geneva,  Helvetica, sans-serif;
  font-size:20px;
  text-decoration:none;
  color:#97b900;
}
p.temat a{
  color:#97b900;
}
a .komentarze{
  
}
.autor, a.autor{
color: #ee4f00
}

.data{
  color: #b8b8b8;
  margin-top: -10px;
}
p.data a{
  color: #505050;
}
.aktualnosc a{
  color:#ee4f00;
}
.link{
  color: #e82c00;
  text-decoration: none;
}
.grafik{
  position: relative;
  width:294px;
  height:175px;
  background-image: url('img/grafik.png');
}
.graf_dzien{
  margin:30px 5px 5px 5px;;
  width:32px;
  height:145px;
  float:left;
  text-align:center;
}
.graf_sekcja{
  width: 32px;
  font-size: 9px;
  color:#ffffff;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
  margin-bottom: 3px;
}