/*
Theme Name: DBBM
Theme URI: http://www.dbbm.co.uk/
Description: Designed exclusively for Danny Brittain Band Management.
Version: v2.0
Author: Adrian Burns

The CSS, XHTML and design is exclusively owned by DBBM and must not
be reproduced in any form without express permission of the owner.
*/




/* -------------------- LAYOUT -------------------- */

body {
font-size: 70%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
background-color: #eee;
color: #404040;
text-align: center;
margin: 0 0 30px 0;
}

#page {
width: 800px;
margin: 0 auto;
background: #fff url('images/bg-content.png') repeat-y top center;
padding: 0;
}

#header {
width: 100%;
height: 120px;
background: #babdb6 url('images/bg-header-tile.png') repeat-x top center;
padding: 0;
margin: 0;
text-align: center;
}

#header-img {
width: 800px;
height: 120px;
padding: 0;
margin: 0 auto;
display: block;
}

#content {
float: right;
overflow: hidden;
width: 500px;
margin: 0;
padding: 30px 30px 0 30px;
font-size: 1.2em;
text-align: justify;
}

#content-right {
float: right;
overflow: hidden;
width: 220px;
margin: 0;
padding-left: 30px;
text-align: justify;
line-height: 20px;
}

#sidebar {
float: left;
display: block;
overflow: hidden;
width: 240px;
margin: -3px !important;
padding: 0 !important;
font-size: 1.2em;
text-align: left;
}

#sub-footer {
width: 800px;
height: 50px;
background: url('images/bg-sub-footer.png') no-repeat bottom center;
margin: 0;
padding-top: 50px;
text-align: center;
clear: both;
}

#footer {
width: 800px;
height: 56px;
background: #000 url('images/bg-footer.png') no-repeat bottom center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 28px 0 0 0;
text-align: center;
clear: both;
color: #ddd;
}




/* -------------------- NEWS LIST PAGE -------------------- */

#news-list-container {
float: left;
width: 100%;
margin: 15px 0 20px 0;
border-top: 1px dotted #ddd;
clear: both;
}

.news-list {
float: left;
overflow: hidden;
margin: 0;
padding: 0;
clear: both;
}

.news-list a, .news-list a:visited {
width: 480px;
height: 17px;
overflow: hidden;
text-decoration: none;
font-weight: bold;
padding: 9px 10px 8px 10px !important;
display: block;
border-bottom: 1px dotted #ddd;
color: #9b9b9b !important;
background: url('images/bg-band-list.png') no-repeat top right;
}

.news-list a:hover {
color: #f67a00 !important;
background: url('images/bg-band-list-hover.png') no-repeat top right !important;
}




/* -------------------- FUNCTION BUTTONS -------------------- */

#function-button-container {
float: right;
width: 320px;
height: 26px;
margin: 16px 0 0 0;
padding-right: 31px;
font-size: 0.90em;
color: #fff;
}

.function-button {
float: left;
width: 64px;
line-height: 25px;
padding: 0;
}

.function-button a, .function-button a:visited {
color: #fff !important;
display: block;
height: 26px;
}

#fb1 a, #fb1 a:visited {
background: url('images/bg-button-grey.png') no-repeat top left;
}

#fb2 a, #fb2 a:visited {
background: url('images/bg-button-blue.png') no-repeat top left;
}

#fb3 a, #fb3 a:visited {
background: url('images/bg-button-green.png') no-repeat top left;
}

#fb4 a, #fb4 a:visited {
background: url('images/bg-button-orange.png') no-repeat top left;
}

#fb5 a, #fb5 a:visited {
background: url('images/bg-button-purple.png') no-repeat top left;
}

#fb1 a:hover {
background: url('images/bg-button-grey-hover.png') no-repeat top left;
}

#fb2 a:hover {
background: url('images/bg-button-blue-hover.png') no-repeat top left;
}

#fb3 a:hover {
background: url('images/bg-button-green-hover.png') no-repeat top left;
}

#fb4 a:hover {
background: url('images/bg-button-orange-hover.png') no-repeat top left;
}

#fb5 a:hover {
background: url('images/bg-button-purple-hover.png') no-repeat top left;
}




/* -------------------- IMAGES -------------------- */

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 0 0 10px 10px;
display: inline;
}

img.alignleft {
margin: 0 10px 10px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}




/* -------------------- TYPOGRAPHY & LINKS -------------------- */

p {
margin: 0 0 20px 0;
line-height: 20px;
}

p.edit {
margin: 20px 0 5px 0;
text-align: center;
line-height: 20px;
}

#footer p {
margin: 0;
line-height: 15px;
}

small {
font-size: 0.75em;
}

h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
color: #980000;
margin: 0 0 21px 0;
letter-spacing: -1px;
padding: 0;
}

h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #980000;
margin: 0 0 22px 0;
letter-spacing: -1px;
}

#sidebar h2{
font-weight: normal;
font-size: 1.8em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
margin: 0 0 1px 0;
letter-spacing: -1px;
padding: 34px 0 8px 15px;
clear: left;
border-bottom: 1px solid #eee;
}

#sidebar h2 a, #sidebar h2 a:visited {
color: #e3dcbd;
text-decoration: none;
line-height: 30px;
}

#sidebar h2 a:hover {
color: #60615d;
text-decoration: none;
}

a, a:visited {
color: #006c9f;
text-decoration: none;
}

a:hover {
color: #590089;
}

#sidebar a, #sidebar a:visited {
color: #b3b3b3;
text-decoration: none;
}

#sidebar a:hover {
color: #eee;
}

#footer a, #footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}




/* -------------------- FORMS -------------------- */

form {
margin: 0px;
padding: 0px;
}




/* -------------------- LISTS -------------------- */

ul {
margin: 0 0 20px 0;
padding: 0;
list-style: disc;
line-height: 20px;
}

ul li {
margin-left: 40px;
padding-left: 3px;
}

ol {
margin: 0 0 20px 0;
padding: 0;
list-style: decimal;
line-height: 20px;
}

ol li {
margin-left: 43px;
padding: 0;
}

#bands-list {
margin: 35px 0 25px 0;
border-top: 1px dotted #ddd;
}

#bands-list li {
float: none;
width: 100%;
list-style: none;
border: 0;
padding: 0;
margin: 0;
}

#bands-list .page_item a {
height: 20px;
text-decoration: none;
font-weight: bold;
padding: 7px 0 7px 10px;
letter-spacing: 0px;
display: block;
border-bottom: 1px dotted #ddd;
color: #9b9b9b;
background: url('images/bg-band-list.png') no-repeat top right;
}

#bands-list .page_item a:hover {
color: #f67a00;
background: url('images/bg-band-list-hover.png') no-repeat top right;
}

/* sidebar list level 1 */
#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

/* sidebar list level 2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}

#sidebar ul li ul li {
border-bottom: 1px solid #eee;
}


#sidebar ul li ul li a, sidebar ul li ul li a:visited {
text-decoration: none;
padding: 3px 0 3px 15px;
display: block;
}

#sidebar ul li ul li a:hover {
text-decoration: none;
color: #462518;
}

/* sidebar list level 3 */
#sidebar ul li ul li ul li {
padding: 2px 0 0 15px !important;
border: none;
}




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

#nav-container {
width: 100%;
overflow: hidden;
height: 36px;
margin: 0;
padding: 0;
background: #000 url('images/bg-nav.png') no-repeat bottom left;
border: 0;
}

#nav {
width: 100%;
height: 36px;
margin: 0;
padding-left: 19px;
font-size: 1.2em;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
border: 0;
}

#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
height: 36px;
line-height: 35px;
list-style: none;
margin: 0;
border-right: 1px dotted #555;
}

#nav .current_page_item a, #nav .current_page_item a:visited {
color: #fff;
text-decoration: none;
}

#nav .page_item a {
color: #fff;
text-decoration: none;
margin: 0;
display: block;
padding-left: 18px;
padding-right: 20px;
}

#nav .page_item a:hover {
color: #fd9f42;
text-decoration: none;
}