/*
Theme Name: The Rock 'n' Roll Society
Theme URI: http://www.therocknrollsociety.com/
Description: Designed exclusively for The Rock 'n' Roll Society.
Version: v1.0
Author: Adrian Burns (PEBCOM)
Author URI: http://www.pebcom.co.uk/

The CSS, XHTML and design is exclusively owned by The Rock 'n' Roll Society
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: #999 url('images/bg-body.png') repeat-y top center;
color: #333;
text-align: center;
margin: 0 0 30px 0;
}

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

#header {
width: 800px;
background: url('images/bg-header.png') no-repeat top center;
padding-top: 130px;
margin: 0;
}

#content-home {
width: 800px;
margin: 0;
}

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

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

#sidebar {
float: right;
display: block;
overflow: hidden;
width: 270px;
margin: 0;
padding: 87px 0 65px 0;
font-size: 1.2em;
text-align: left;
}

#footer {
width: 750px;
height: 67px;
background: url('images/bg-footer.png') no-repeat bottom center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 33px 25px 0 25px;
text-align: center;
border-top: 7px solid #000;
clear:both;
}




/* -------------------- 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;
}

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

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
font-weight: normal;
color: #cd0000;
margin: 0 0 22px 0;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.35em;
font-weight: normal;
color: #333;
margin: 0 0 22px 0;
}

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

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;
}




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

#nav-container {
width: 770px;
overflow: hidden;
height: 33px;
margin: 0;
padding-right: 30px;
display: block;
border-bottom: 7px solid #000;
}

#nav {
float: right;
height: 33px;
margin: 0;
padding: 0;
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: 33px;
line-height: 35px;
list-style: none;
margin-left: 9px;
padding-left: 9px;
background: url('images/bg-nav-left.png') no-repeat top left;
}

#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;
padding: 0;
display: block;
padding-left: 10px;
padding-right: 20px;
background: url('images/bg-nav-right.png') no-repeat top right;
}

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