/*
Theme Name: Samuel Blatter
Theme URI: http://samuelblatter.com
Description: Custom Wordpress Theme for www.samuelblatter.ch
Version: 1.0
Author: Andris Linz
Author URI: http://andrislinz.ch
Tags: 
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

/* ------------------------- MAIN ------------------------- */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; line-height:18px;}

a {color:#b30b0b;}

h2 {/*text-transform:uppercase; font-weight:normal; margin:0 0 30px 0;*/font-family: 'Nobile', arial, serif; font-size:22px; margin:0 0 15px 0; font-weight:normal; color:#b30b0b;}

h3 {font-family: 'Nobile', arial, serif; font-size:18px; margin:0 0 15px 0; font-weight:normal; color:#b30b0b;}

p {margin:0 0 15px 0;}

#wrapper {width:960px; margin:0 auto;}

#content {margin:30px 0 0 0;}

#left {width:240px; height:auto; float:left;}

#middle {width:120px; height:auto; float:left; }

#main {position:relative; width:570px; float:left; padding:60px 12px 0 30px;}

#footer {margin:30px 0 0 270px; width:600px; border-top:#ccc 1px dotted; padding:30px 0 0 0;}

#footer p, #footer p a {color:#ccc;}

table.live tr td {border-bottom:#dedede 1px dotted; padding:5px 5px 5px 0;}

/* ------------------------- NAVIGATION ------------------------- */

ul#nav {list-style:none; width:840px; margin:30px 0 0 120px;}

ul#nav li {float:left;}

ul#nav li a:hover, ul#nav li a.current {background-position:0 -120px;}

#btn_news {background:url(images/btn_news.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_bands {background:url(images/btn_bands.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_composition {background:url(images/btn_composition.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_live {background:url(images/btn_live.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_photos {background:url(images/btn_photos.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_biography {background:url(images/btn_biography.gif); width:120px; height:120px; text-indent:-9999px; display:block;}
#btn_contact {background:url(images/btn_contact.gif); width:120px; height:120px; text-indent:-9999px; display:block;}

#left {width:240px; float:left; display:block; margin:60px 0 0 0;}

#left.bands {background:#e6e3dd;}
#left.biography {background:#def1f3;}
#left.composition {background:#f6ebe9;}
#left.live {background:#fbfad8;}
#left.photos {background:#e9f7d3;}
#left.contact {background:#eaece2;}
#left.news {background:#ebedf3;}

img#skizze {margin:-60px 0 0 0;}

#left ul {min-height:300px; width:120px; float:left;}

#left ul li {line-height:20px; text-align:right;}

#left ul li a {font-family: 'Nobile', arial, serif; text-decoration:none; padding:3px; font-size:14px; color:#000;}

#left ul li a:hover {color:#b30b0b;}

#left ul li.current_page_item a {color:#b30b0b;}

p#titel {text-align:right; color:#fff; width:240px; position:absolute; top:430px; z-index:99; font-size:25px; font-weight:bold; line-height:25px;}