/*
Theme Name: Oceanarium
Theme URI: http://oceanarium.com.pl/
Description: Wygląd dla oceanarium
Version: 1.0
Author: Jan Kraus, Floatnet
Author URI: http://floatnet.pl/

*/

html,body,h1,h2,h3,ul.nav,ul.nav li,p,form,fieldset,input,textarea,select{
  margin:0;
  padding:0;
}

html{
  background: #063f6f url('images/background.png') 0 -17px repeat-x;
}

body{
  background: transparent url('images/header.png') -50px -17px repeat-x;
  color: #fff;
  font-family: "Lucida Grande", "Trebuchet MS", Lucida, Trebuchet, sans-serif;
  font-size: 12px;
  line-height:1.5;
}

#wrapper{
  background:url('images/footer.png') 50% 100% repeat-x;
}


a:link,a:visited{
  color:#f8c300;
  text-decoration:underline;
}

a:hover,a:active{
  color:#fff;
  text-decoration:none;
}


a img{
  border:none;
}

img#wpstats{
	position:absolute;
	top:5px;
	right:5px;
}

#header,#content,#footer{
  width:960px;
  margin:0 auto;
}

#content{
  min-height:300px;
  padding:0 0 20px 0;
}

/* Header section */

#header{
  padding:25px 0 0 0;
  position:relative;
  height:210px;
}

#header h1{
  width:650px;
  height:155px;
  position:relative;
  z-index:99;
  background:url('images/logo.png') 0 0 no-repeat;
}


#header h1 a{
  display:block;
  width:650px;
  height:148px;
  text-indent:-9999px;
  outline:none;

}

#header ul.nav{
  display:block;
  position:absolute;
  left:0;
  top:175px;
  width:961px;
  background:url('images/menu.png') 0 0 no-repeat;
  overflow:hidden;
  padding:1px 1px 1px 2px;
}

#header ul.nav li{
  float:left;
  position:relative;
  z-index:2;
	list-style:none;
  
}

#header ul.nav li a{
  float:left;
  padding:25px 0px 10px 0px;
  font-size:13px;
  text-decoration:none;
  font-weight:900;
  color:#342626;
  border-left:1px solid #ffe344;
  border-right:1px solid #f2bc00;
  height:27px;
  width:100%;
  text-align:center;
}

#header ul.nav li a:hover{
  color:#fff;
  background:#f2bc00;
}

#header ul.nav li#n1 a{
  border-left:0;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-radius:4px;
  -webkit-border-radius:4px;
}

#header ul.nav li#n5{
  border-right:1px solid #ffe344;
  background:url('images/menu.png') -10px -1px no-repeat;  
}



body.home #header ul.nav li#n1 a,
body.page-id-6 #header ul.nav li#n2 a,
body.page-id-13 #header ul.nav li#n3 a,
body.page-id-15 #header ul.nav li#n4 a,
body.page-id-17 #header ul.nav li#n5 a{
  background:url('images/menu-active.png') 50% 0 no-repeat;
  height:37px;
  border:none;
  color:#fff;
  text-shadow:1px 1px 5px #333
}

body.home #header ul.nav li#n1 a{
  background:url('images/menu-active-left.png') 0 0 no-repeat;
}

body.page-id-17 #header ul.nav li#n5{
  border:none;
}



#header ul.nav li#n1{width:130px}
#header ul.nav li#n2{width:110px}
#header ul.nav li#n3{width:90px}
#header ul.nav li#n4{width:80px}
#header ul.nav li#n5{width:80px}

#header div.description{
	display: none;
}

/* content section */

#content{
  position:relative;
}


div.gallery{
  width:473px;
  height:484px;
  background:url('images/gallery.jpg') 0 0 no-repeat;
  position:absolute;
  right:-40px;
  top:-201px;
  z-index:1;
}

html* div.gallery,* html div.gallery{
	background:url('images/gallery-ie.jpg') 0 0 no-repeat;	
}

div.page div.gallery{
  width:353px;
  height:387px;
  background:url('images/gallery-small.jpg') 0 0 no-repeat;
  position:absolute;
  right:-50px;
  top:-201px;
  z-index:1;
}

div.primary{
  width:540px;
  float:left;
  padding:20px 0 20px 0;
	margin-bottom:20px;
}

div.intro{
  font-size:17px;
  padding:0 0 0 10px;
  text-shadow:1px 1px 4px #333;
  overflow:hidden;
  height:100%;
  width:490px;
}

div.intro h2{
  font-size:32px;
  letter-spacing:0px;
  font-weight:100;
}

div.intro p{
  padding:10px 0 15px 120px;
  font-size:20px;
  background:url('images/fish1.png') 0px 5px no-repeat;
}

div.intro span.address{
  display:block;
  float:left;
  width:190px;
}

div.intro span.contact{
  float:right;
  width:280px;
}

div.news{
  padding:30px 10px 20px 10px;
}

div.news h3{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:24px;
  border-bottom:1px solid #08487d;
  padding:20px 5px 15px 65px;
  margin:0 0 10px 0;
  line-height:1;
  font-weight:100;
  background:url('images/fish2.png') 0px 0px no-repeat; 
  text-shadow:1px 1px 4px #333;   
}

div.news ul{
  margin:0;
  padding:0;
  list-style:none;
}

div.news ul li{
  display:block;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:1px solid #08487d;
}

div.news li h4{
   display:block;
   font-size:25px;
   padding:5px 3px;
   margin:0; 
   font-weight:900;
   letter-spacing:-1px;
}

div.news li h4 a{
   color:#f8c300;
   text-decoration:none;
}

div.news li h4 a:hover{
  border-bottom:1px solid #08487d;
  color:#fff;
}

div.news li p{
  padding:0 5px 5px 5px;
  text-align:justify;
  line-height:2;
  font-size:13px;
}

div.news li blockquote{
	margin:0;
	padding:0;
}

div.news li div.meta{
  font-size:10px;
  color:#eaf4f7;
  text-align:right;
  background:#042e52;
  padding:5px;
  -moz-border-radius:5px;
  position:relative;
  margin:5px 5px 0 5px
}

div.news li div.meta a.read-more{
  position:absolute;
  left:7px;
  top:3px;
  font-size:12px;
  font-weight:900;
}

div.secondary{
  width:375px;
  float:right;
  margin-top:260px;
  margin-bottom:20px;	
  border-left:1px solid #08487d;
  padding:0px 20px 10px 20px;
}

dl.informations{
  margin:0;
  padding:0 0px;
}

dl.informations dt{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:24px;
  border-bottom:1px solid #08487d;
  padding:20px 5px 15px 70px;
  margin:15px 0 5px 0;
  line-height:1;
  font-weight:100;
  text-shadow:1px 1px 4px #333;   
}

dl.informations dt.open-hours{
  background:url('images/fish567.png') -5px -0px no-repeat;
}

dl.informations dt.ticket-prices{
  background:url('images/fish567.png') -5px -119px no-repeat;
  margin-top:20px;
  padding-top:12px;
}

dl.informations dd{
  padding:5px;
  margin:0;
  font-size:13px;
  position:relative;
  border-bottom:1px solid #08487d;
}

dl.informations dd span{
  position:absolute;
  left:180px;
  font-weight:900;
}

dl.informations dd em{
  padding:5px 0 0 0;
  display:block;
  font-size:11px;
}

div.partners{
  padding:0px 0 10px 0;
}

div.partners h3{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:24px;
  border-bottom:1px solid #08487d;
  padding:20px 5px 15px 70px;
  margin:15px 0 5px 0;
  line-height:1;
  font-weight:100;
  text-shadow:1px 1px 4px #333;   
  background:url('images/fish567.png') -5px -60px no-repeat; 
}

div.partners ul{
  padding:10px 10px 5px 10px;
  background:#fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin:5px 0;
}

div.partners ul li{
  display:inline;
  list-style:none;
}

/* Content (subpage) */

div.page div.primary{
  width:610px
}

div.page div.secondary{
  width:300px;
  margin-top:140px;
}

div.entry{
  padding:10px;
}

div.entry h2{
   display:block;
   font-size:25px;
   padding:5px 0px;
   margin:0; 
   font-weight:900;
   letter-spacing:-1px;
   color:#f8c300;  
}

div.entry p{
  padding:10px 0px 10px 0px;
  text-align:justify;
  line-height:2;
  font-size:13px;
}

div.entry blockquote{
	padding:20px;
	margin:10px;
	font-style:italic;
}

div.secondary div.contents{
  position:relative;
  z-index:11;
}

div.contents h3{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:24px;
  border-bottom:1px solid #08487d;
  padding:20px 5px 15px 60px;
  margin:15px 0 5px 0;
  line-height:1;
  font-weight:100;
  text-shadow:1px 1px 4px #333;   
  background:url('images/fish567.png') -5px -165px no-repeat;
}

div.contents ul{
  margin:0;
  padding:0 10px;
  list-style:none;
}

div.contents ul li{
  padding:5px 0;
  display:block;
  border-bottom:1px solid #08487d;
  font-size:15px; 
}

/* Footer */

#footer{
  padding:10px;
  height:105px;
  position:relative;
  clear:both;
}

#footer p.copy{
  position:absolute;
  left:100px;
  top:70px;
}

#footer ul.nav{
  position:absolute;
  left:100px;
  top:90px;
  list-style:none;
}

#footer ul.nav li{
  display:inline; 
  font-weight:900;
  padding:0 5px 0 0;
}

#footer span.design{
  position:absolute;
  right:0;
  top:70px;
  font-size:11px;
}

#footer span.valid{
  position:absolute;
  right:0;
  top:90px;
}

/* decorators */

.d1,.d2,.d3,.d4,.b1,.b2,.b3,.b4{
  display:block;
  position:absolute;
}

#footer span.d1{
  left:0;
  top:27px;
  width:97px;
  height:85px;
  background:url('images/fish4.png') 0 0 no-repeat;
}

#footer span.d2{
  right:160px;
  top:00px;
  width:57px;
  height:124px;
  background:url('images/fish3.png') 0 0 no-repeat;
}


#footer span.b1{
  background:url('images/bubbles/b7.png') 0 0 no-repeat;
  width:98px;
  height:116px;
  right:0;
  top:-50px;
}
#footer span.b2{
  background:url('images/bubbles/b8.png') 0 0 no-repeat;
  width:92px;
  height:78px;
  left:0;
  top:-50px;
}

#footer a:link,#footer a:visited{
	color:#fff;
}


#content .b1{
  width:60px;
  height:77px;
  background:url('images/bubbles/b5.png') 0 0 no-repeat;
  top:55px;
  left:455px;
}

div#content.page .b1{
  top:15px;
  left:600px;
}

#content .b2{
  width:102px;
  height:120px;
  background:url('images/bubbles/b6.png') 0 0 no-repeat;
  top:370px;
  right:15px;
  z-index:15;
}

div#content.page .b2{
  top:220px;
}

#header .b1{
  width:116px;
  height:96px;
  background:url('images/bubbles/b1.png') 0 0 no-repeat;
  top:-5px;
  left:105px;
  z-index:11;
}

#header .b2{
  width:102px;
  height:84px;
  background:url('images/bubbles/b2.png') 0 0 no-repeat;
  top:-5px;
  right:255px;
  z-index:11; 
}
#header .b3{
  width:82px;
  height:102px;
  background:url('images/bubbles/b3.png') 0 0 no-repeat;
  top:125px;
  left:-75px;
  z-index:11; 
}

#header .b4{
  width:146px;
  height:82px;
  background:url('images/bubbles/b4.png') 0 0 no-repeat;
  top:115px;
  left:320px;
  z-index:11; 
}

/* contact form */

form.wpcf7-form, form.comment-form{
	text-align:left;
}

form.wpcf7-form input[type=text],form.comment-form input[type=text]{
	padding:5px;
	font-size:15px;
	border:1px solid #333;
	width:300px;
	display:block;
}

form.wpcf7-form textarea,form.comment-form textarea{
	padding:5px;
	font-size:15px;
	border:1px solid #333;
	width:300px;
	height:250px;
}

form.wpcf7-form input[type=submit],form.comment-form input[type=submit]{
	padding:5px;
	font-size:15px;
}

form.fpcf7-form span.wpcf7-not-valid-tip{
	background-color:#c00
}

form.wpcf7-form{
	padding:0 20px 0 0;
}

div.form-side{
	padding:10px 20px;
}