/*
 * pbw.css
 *
 * @author: Martin Bean <martin@mcbwebdesign.co.uk>
 * @copyright: http://www.mcbwebdesign.co.uk
 * @created: 19 January 2009
 */

body {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background: #191919;
}

a:link, a:visited {
	color: #c0c0c0;
	text-decoration: underline;
}
a:hover, a:active {
	color: #d90404;
	text-decoration: underline;
}

address {
	font-style: normal;
}

form fieldset dt {
	display: block;
	padding-bottom: 0.5em;
}
form fieldset dd {
	clear: both;
	display: block;
	padding-bottom: 1em;
}

#masthead {
	background: url('../img/masthead.jpg') no-repeat 50% 0;
	height: 235px;
}
#masthead #logo {
	float: left;
	padding: 8px 0 0 7px;
}
#masthead #logo a {
	display: block;
}
#masthead #upcoming-event {
	float: right;
}

#container {
	text-align: left;
	width: 770px;
	margin: 0 auto;
}

#navigation {
	float: left;
	width: 200px;
	padding: 18px 0 0;
}
#navigation li {
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: right;
}
#navigation li a {
	color: #f2f2f2;
	text-decoration: none;
	display: block;
	height: 1%; /* gives IE6 'hasLayout' to display negative margins correctly */
	margin: -1em 0 0 0;
	padding: 1em 2.5em 1em 0;
}
#navigation li a:hover, #navigation li.selected a {
	color: #fff;
}
#navigation li a:hover {
	text-decoration: none;
	background: #191919 url('../img/navigation.jpg') no-repeat 100% 0;
}

#content {
	font-size: 1.1em;
	width: 555px;
	float: right;
	padding-bottom: 1em;
}
#content h2 {
	font-size: 1.2727em;
	font-weight: bold;
	background: url('../img/heading.jpg') no-repeat 0 0;
	text-transform: uppercase;
	padding: 1.3em 0 2em 0;
}
#content h3 {
	color: #d90404;
	font-size: 1.0909em;
	font-weight: bold;
	padding: 1em 0em 0.8em;
}
#content p, #content li {
	line-height: 1.4545em;
}
#content p {
	padding-bottom: 1em;
}
#content ol, #content ul {
	margin: 0 0 1em 2em;
}
#content ul li {
	list-style: square;
	padding-bottom: 0.5em;
}
#content address {
	line-height: 1.4545em;
	padding-bottom: 1em;
}

/* lists over-rides */
#content #home-plugs {
	margin: 14px 0 0 0;
}
#content .news-list, #content .events-list, #content .roster, #content .merch-list {
	margin-left: 0;
}
#content .news-list li, #content .events-list li, #content .roster li, #content .merch-list li {
	list-style: none;
	padding-bottom: 0;
}

#home-plugs li {
	display: inline;
	float: left;
	width: 150px;
	height: 175px;
	padding: 25px 15px 0 15px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#home-plugs h4 {
	font-size: 1.0909em;
	padding-bottom: 0.4em;
}
#home-plugs a {
	color: #e0e0e0;
	text-decoration: none;
}
#home-plugs a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}
#home-plugs #bebo {
	background-image: url('../img/plug-bebo.jpg');
}
#home-plugs #dvd {
	background-image: url('../img/plug-dvd.jpg');
}
#home-plugs #myspace {
	background-image: url('../img/plug-myspace.jpg');
}
#home-plugs #youtube {
	background-image: url('../img/plug-youtube.jpg');
}
#home-plugs #merch {
	background-image: url('../img/plug-merch.gif');
}
#home-plugs #shows {
	background-image: url('../img/plug-shows.gif');
}

#footer {
	clear: both;
	overflow: auto;
	padding: 12px 10px;
	border-top: solid 1px #333;
}
#footer li {
	color: #666;
	font-size: 1.1em;
}
#footer li#copyright {
	float: left;
}
#footer li#credit {
	float: right;
}
#footer li#credit a {
	color: #797979;
	text-decoration: none;
}
#footer li#credit a:hover {
	color: #d90404;
}

#social {
    height: 20px;
    float: left;
    padding-top: 10px;
    clear: both;
}
#social li {
    display: inline;
    float: left;
}
#social li a {
    text-indent: -9999em;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}
#social li a:hover {
    background-position: 0 -20px;
}
#social li a img {
    display: block;
}
#social li#facebook a {
    width: 99px;
    background-image: url('../img/facebook.gif');
}
#social li#twitter a {
    width: 91px;
    background-image: url('../img/twitter.gif');
}
#social li#myspace a {
    width: 80px;
    background-image: url('../img/myspace.gif');
}
#social li#bebo a {
    width: 58px;
    background-image: url('../img/bebo.gif');
}
#social li#youtube a {
    width: 49px;
    background-image: url('../img/youtube.gif');
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
}

.errors, .errors li {
	color: #d90404;
}

.roster li {
	background: #222;
	display: inline;
	float: left;
	width: 100px;
	margin: 0 4px 4px 0;
	padding: 2px;
	border: solid 1px #333;
}
.roster a:link, .roster a:active, .roster a:visited {
	color: #e1e1e1;
	text-decoration: none;
}
.roster a:hover {
	color: #d90404;
	text-decoration: none;
}
.roster .thumb {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.roster .thumb img {
	display: block;
	width: 100px;
}
.roster .title {
	text-align: center;
	display: block;
	margin: 0;
	padding: 4px 0 2px 0;
	border-top: solid 1px #d90404;
}

.profile-stats {
	padding: 0 0 1em 0;
	overflow: auto;
}
.profile-stats dt {
	clear: both;
	font-weight: bold;
	display: inline;
	float: left;
	padding: 0em 0.5em 0.5em 0em;
}
.profile-stats dd {
	display: inline;
	float: left;
}

.news-list {
	margin-bottom: 1em;
}
.news-list li a {
	text-decoration: none;
	display: block;
	padding: 1em;
	border-bottom: dashed 1px #333;
}
.news-list li a:hover {
	color: #f2f2f2;
	background: #222;
}
.news-list li a .title, .news-list li a .more {
	display: block;
}
.news-list li a .title {
	color: #d90404;
	font-size: 1.0909em;
	font-weight: bold;
	line-height: 1.8em;
	display: inline;
	float: left;
	width: auto;
}
.published {
	color: #777;
	text-transform: uppercase;
}
.news-list li a .published {
	text-align: right;
	display: inline;
	float: right;
	width: 100px;
	padding-top: 0.2em;
}
.news-list li a .more {
	clear: both;
}

.pagination {
	color: #777;
}
.pagination .current {
	color: #777;
}
.pagination a {
	color: #c0c0c0;
	text-decoration: none;
}
.pagination a:hover {
	color: #d90404;
	text-decoration: none;
}

.frame {
	padding: 1px;
	border: solid 1px #333;
}

#upcoming-event {
	text-align: right;
	padding: 1.8em 6.5em 0 0;
}
#upcoming-event h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 1em 0;
}
#upcoming-event p {
	font-size: 1.1em;
	line-height: 1.4545em;
}

#content .merch-list li {
	text-align: center;
	background: #222;
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0.8em 0.8em 0em;
	padding: 0.4em 0.4em 1.4em 0.4em;
	border: solid 1px #333;
}
.merch-list li:hover {
	background: #222;
	border-color: #444;
}
.merch-list li img {
	display: block;
	width: 140px;
	height: 200px;
	margin: 0 auto;
	border: none;
}
.merch-list li h3 {
	color: #ddd;
	display: block;
	height: 2.3em;
	padding: 0;
}
.merch-list li:hover h3 {
	color: #fff;
}

.results-wrapper {
	margin-bottom: 1em;
	border-bottom: dashed 1px #444;
}

#content .title-history {
	margin-left: 0;
}
#content .title-history li {
	color: #d90404;
}
#content .title-history li ul {
	margin: 0.7em 0 1.2em 3em;
}
#content .title-history li ul li {
	color: #fff;
	padding-bottom: 0.1em;
}

.event-details {
	line-height: 1.4em;
	margin-bottom: 1em;
	overflow: auto;
}
.event-details dt {
	font-weight: bold;
	display: inline;
	float: left;
	padding-bottom: 0.2em;
	clear: both;
}
.event-details dd {
	display: inline;
	float: left;
	padding-left: 0.4em;
}


#content .albums-list {
	margin: 0;
}
#content .albums-list li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
}
#content .albums-list li a {
	text-decoration: none;
	display: block;
	width: 150px;
	padding: 2px;
	border: solid 1px #444;
}
#content .albums-list li a .thumb {
	text-align: center;
	display: block;
	width: 148px;
	height: 100px;
	overflow: hidden;
	border: solid 1px #fff;
}
#content .albums-list li a .thumb img {
	text-align: center;
	display: block;
	margin: 0 auto;
}
#content .albums-list li a .title {
	text-align: center;
	display: block;
	height: 36px;
	padding-top: 4px;
}

#content .images-list {
	margin: 0;
}
#content .images-list li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
}
#content .images-list li a {
	text-decoration: none;
	display: block;
	padding: 2px;
	border: solid 1px #444;
}
#content .images-list li a:hover {
	border-color: #d90404;
}
#content .images-list li a .thumb {
	text-align: center;
	display: block;
	width: 100px;
	height: 75px;
	overflow: hidden;
}

#sponsor {
    float: right;
}