/*
Theme Name: No Decline Booking
Theme URI: http://nodeclinebooking.org
Description: Wordpress Theme for NoDeclineBooking.com.
Version: 1.5
Author: Marv
Tags: abgefahren, nodecline
*/

* {
margin:0px;
padding:0px;
text-decoration: none;
outline:none;
list-style: none;}

body {
background:#001e22;
font-family:Georgia, serif;
font-size:14px;}

a {color:#008ba0;}
a:hover {text-decoration:underline;}

p {line-height:20px;margin-bottom:10px; color:#333;}

p b, p strong {
font-family:Arial, Verdana, sans-serif;}

p em {font-family:Georgia, serif;}

#page {width:750px;margin:0px auto;}

/* MENU */

#menu {
font-size:12px;
border-bottom:3px solid #008ba0;
background:url(images/menu.jpg);
position:relative;
height:46px;}

#menu .inner {right:0px;position:absolute;}

#menu li {display:inline;}

#menu a {
font-family:Arial, Verdana, sans-serif;
color:#fff;
background:url("images/menu.jpg");
padding:16px 10px;
float:left;
font-weight:bold;
text-transform: uppercase;
display:block;}

#menu li.current_page_item a, #menu a:hover {color:#fcecb4;text-decoration:none;}

#menu li.current_page_item a {background:#008ba0;}

/* HEADER */

#header {
position:relative;
height:230px;
border-bottom:3px solid #008ba0;}

/* RECENT NEWS */

.recent {
z-index:9999;
right:0px;
top:30px;
position:absolute;}

.recent h1 {
font-family:Arial, Verdana, sans-serif;
float:right;
display:block;
color:#fcecb4;
font-size:10px;
text-transform:uppercase;}

.recent ul {
margin-top:20px;}

.recent li {
clear:right;
display:block;}

.recent a {
opacity:0.8;
margin-top:2px;
float:right;
display:block;
background:#000;
color:#fcecb4;
font-size:10px;
text-transform:uppercase;
padding:10px;}

.recent a:hover {background:#008ba0;text-decoration:none;}

/* NEWS */

#content h1 {
font-family:Arial, Verdana, sans-serif;
color:#008ba0;
font-size:16px;
margin-bottom:10px;
text-transform: uppercase;}

a.button {
font-family:Arial, Verdana, sans-serif;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
color:#fcecb4;
padding:5px 10px;
font-size:10px;
text-transform: uppercase;
background:#008ba0;}

a.button:hover {text-decoration:none;background:#000;}

.imgleft {
width:270px;
float:left;
border:2px solid #008ba0;
margin-right:20px;
margin-bottom:5px;}

.imgright {
float:right;
border:2px solid #008ba0;
margin-left:20px;
margin-bottom:5px;}

/* BANDS */

.bandoverview {
display:block;
position:relative;
width:216px;
height:100px;
float:left;
margin-right:20px;
margin-bottom:20px;
border:none;}

.bandoverview:hover { text-decoration:none;}

.bandoverview:hover span {
opacity:1.0;}

.bandoverview span {
padding:5px;
background:#008ba0;
opacity:0.7;
width:210px;
display:block;
color:#fcecb4;
position:absolute;
bottom:5px;
left:0px;
z-index:10;}

.bandoverview .bandpic {
position:absolute;
width:216px;
border:2px solid #000;
z-index:9;}

/* LOGO */

.logo {
position:absolute;
left:10px;
opacity:0.7;;
z-index:9999;
top:30px;
border:none;}

.logo:hover {opacity:1.0;}

/* PAGE TITLE */

.pagetitle {
font-family:Arial, Verdana, sans-serif;
position:absolute;
left:20px;
top:200px;
z-index:9999;
color:#fcecb4;
text-transform: uppercase;}

/* FADE */

.fade {width:750px; height:230px; overflow:hidden;}

/* CONTENT */

#content {
position:relative;
background:url("images/paper.png");
padding:20px;
border-bottom:3px solid #008ba0;}

/* FOOTER */

#footer {
font-family:Arial, Verdana, sans-serif;
padding:10px;
color:#008ba0;
font-size:12px;
background:url(images/menu.jpg) 10px -15px;}

#footer span {float:right;}

/* SLIDER LIST */

#slider, #slider li { width:710px; overflow:hidden; }

#slider li { padding-bottom:5px;}

/* ENTER */

.hello {color:#fcecb4;}

/* PAGINATION BUTTONS */

#nextBtn a{
position: absolute;
background:#008ba0;
width:30px; height:30px;
color:#fcecb4;
font-size:20px;
text-align: center;
z-index:100;
top:50px;
right:-30px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;}

#prevBtn a{
position: absolute;
top:50px;
left:-30px;
font-size:20px;
text-align: center;
background:#008ba0;
width:30px; 
height:30px;
color:#fcecb4;
z-index:100;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;}

#prevBtn a:hover, #nextBtn a:hover { text-decoration:none; background:#000;}

/* CLEAR */

.clear {clear: both;}