* { padding: 0; margin: 0;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url("images/bkg.jpg") top repeat-x #c1d8a6;
}

/* --------- GENERAL ------------*/


.title {
 font-family:Georgia; 
 font-weight:bold;
 font-size:1.2em;
 color:#000000;
 text-transform:uppercase;
 text-decoration:none;
 }

 a {
 text-decoration: underline;
 color:grey;
 }
 
 a:hover {
 text-decoration: none;
 }
 
 p {
  color:#000000;
  }

#logo img {border:0;}

.more {
  color:#CC0099;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  font-size:0.8em;
  }

.small {
	font-size: 0.8em;
	color: #cccccc;
	text-transform: lowercase;
}

.sfforumlink {
	float: left;
	margin-top:12px;
}

.sfforumlink a img {
	border:none;
	margin-right:2px
}

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

#outerwrapper { 
 margin: 0 auto;
 width: 100%;
 background: url("images/outerwrapper.png") top left repeat-x;
 }


#wrapper { 
 margin: 0 auto;
 width: 1080px;
 background:url(images/wrapper_bkg.gif) repeat-y;
}

#leftcolumn { 
 color: #333;
 border:0;
 padding: 10px;
 min-height:100%;
 width: 171px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 background: #fff;
 padding: 10px;
 min-height:100%;
 width: 644px;
 display: inline;
}

#rightcolumn { 
 color: #333;
 padding:10px;
 min-height:100%;
 width: 205px;
 float: left;
 margin-top:-24px;
}

#footer { 
 width: 1080px;
 clear: both;
 color: #333;
 background: #000000;
 margin:0;
 padding: 10px 0;
}


/* ---------- SPEECH BUBBLE HEADINGS ------------- */


.title-banner h3 { margin:0 0 0 12px; padding:4px 0; color:#ffffff;}
.Events {background:#40a670;} 
.Events-swatch, .Events-swatch a {color:#40a670;}
.Featured {background:#0092b1;} 
.Featured-swatch, .Featured-swatch a {color:#0092b1;}
.Releases {background:#325594;} 
.Releases-swatch, .Releases-swatch a {color:#325594;}
.Reviews {background:#d19d0e;} 
.Reviews-swatch, .Reviews-swatch a {color:#d19d0e;}
.News {background:#d06990;} 
.News-swatch, .News-swatch a {color:#d06990;}
.page {background:#000000;}
.Regulars {background:#c36634;} 
.Regulars-swatch, .Regulars-swatch a {color:#c36634;}
.Monkey {background:#c36634;} 
.Monkey-swatch, .Monkey-swatch a {color:#c36634;}
.Bands {background:#915d97;} 
.Bands-swatch, .Bands-swatch a {color:#915d97;}



.title-banner { position: relative; width: 100%; margin-bottom:12px; float:left;}
.banner-title { padding-left: 6px; }
.page-title h3 {color:#ffffff; font-family:Arial Black, Arial; font-size:1.5em; text-transform: uppercase; padding:3px 0; margin:0 0 0 16px;}

.News-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-pink.gif') no-repeat; font-size: 0%; }
.Releases-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-indigo.gif') no-repeat; font-size: 0%; }
.Featured-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-turquoise.gif') no-repeat; font-size: 0%; }
.Reviews-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-yellow.gif') no-repeat; font-size: 0%; }
.Events-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole.gif') no-repeat; font-size: 0%; }
.Bands-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-purple.gif') no-repeat; font-size: 0%; }
.Regulars-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-orange.gif') no-repeat; font-size: 0%; }
.Monkey-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-orange.gif') no-repeat; font-size: 0%; }
.page-banner { position: absolute; width: 15px; height: 15px; background: url('images/tadpole-black.gif') no-repeat; font-size: 0%; }

.tl { top: 0; left: 0; background-position: 0 0;}
.tr { top: 0; right: 0; background-position: -10px 0;}
.bl { bottom: -10px; left: 0; background-position: 0 -20px;}
.br { bottom: 0; right: 0; background-position: -10px -10px;}

.cat-item-13 {background: url('images/green_bubble.gif') no-repeat;}
.cat-item-12 {background: url('images/indigo_bubble.gif') no-repeat;}
.cat-item-9 {}
.cat-item-4 {background: url('images/pink_bubble.gif') no-repeat;}
.cat-item-7	{background: url('images/red_bubble.gif') no-repeat;}
.cat-item-6 {background: url('images/pink_bubble.gif') no-repeat;}
.cat-item-5 {background: url('images/orange_bubble.gif') no-repeat;}
.cat-item-3 {background: url('images/turquoise_bubble.gif') no-repeat;}
.cat-item-home {background: url('images/home_bubble.gif') no-repeat;}

/* --------- LEFT NAV ------------*/

.leftnav {}

.leftnav ul {
 display:block;
 list-style:none;
 margin:12px 0 0 2px;
 float:left;
 width: 100%;
}

.leftnav ul.catlist li, .leftnav ul.pagelist li {
 margin:-6px 0; 
 height:40px;
 line-height: 32px;
}

.leftnav ul.catlist li:hover {
 background:url(images/black_bubble.gif) no-repeat;
}

.leftnav ul li a, .leftnav .pagelist li a {
 color: #ffffff;	
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 font-size:1.2em;
 font-family:Arial Black, Arial;
 margin-left:12px;
}

.leftnav .catlist {

}

.leftnav .pagelist {
 display:block;
 list-style:none;
 margin:40px 0 20px 2px;
 width:100%;
}

.leftnav .pagelist li {
 margin:6px 0; 
 }
 

.page_item { background: url("images/black_bubble.gif") no-repeat;}
 
/* --------- CONTENT ------------*/

.ad {
 color: #333;
 width: 636px;
 float: left;
 clear:both;
 padding:2px;
 height:90px;
 margin:0 0 12px 0;
 border:1px solid grey;
}

#featured-main {
	float:left;
	margin:0;
	}

#featured-main:hover {
	}

#featured-main img {
	float:left;
	margin-right:22px;
	max-width:300px;
	}
	
.feature {
	padding:15px 0;
	}
	
#featured-main h3{
	font-size:1.4em;
	font-family:Arial Black;
	color:#FFFFFF;
	padding:3px 0 3px 0;
	text-transform:uppercase;	
}
	
#featured-main h3 a {
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 6px;
	}
	
#featured-main img{
	border:1px solid black;
	padding:1px;
	float:left;
	margin-right:8px;
	}
	
.featured-left {
	float:left;
	margin:15px 0 0 0;
	}

.featured-right {
	float:left;
	margin:15px 0 0 0;;
	}

.featured-left img, .featured-right img {
	max-width:250px;
	max-height:90px;
	padding:1px;
	border:1px solid #000000;
	margin-bottom:6px;
	}

.featured-left h3, .featured-right h3{
	background:url(images/list-small.gif) left no-repeat;
	color:#000000;
	font-size:1.4em;
	font-family:Arial Black;
	border-top:2px dotted black;
	border-bottom:2px dotted black;
	padding:3px 0 3px 24px;
	text-transform:uppercase;
	margin-bottom:12px;
	}
	

#featured-main p, .featured-left p, .featured-right p {
	margin:8px 0;
	}

#featured-main, .featured-left, .featured-right, .cat {
	padding-bottom:20px;
	border-bottom:3px solid #cccccc;
	width:100%;
	}

.cat-right {
	margin-left:8px;
	}

.cat, .cat-right {
	float:left;
	margin:15px 0 0 0;
	width:317px;
	}

 .cat p {
	padding:8px 0;
	}

.cat h3, .cat-right h3 {
	font-size:1.4em;
	font-family:Arial Black;
	color:#FFFFFF;
	padding:3px 0 3px 0;
	text-transform:uppercase;
	}
	
.cat h3 a, .cat-right h3 a {
	color: #ffffff;
	text-decoration: none;
}



.cat img, .cat-right img {
	float:left;
	height:95px;
	padding:1px;
	border:1px solid #000000;
	margin-bottom:4px;
	margin-right:8px;
	}

.middle-col-left {
	float:left;
	margin-right:10px;
	width:317px;
}

.middle-col-right {
	float:left;
	width:317px;
}

/* ------ SINGLE PAGE -------- */

/* single page styles apply to single.php and category.php pages */

.single-page-article {
	margin:4px 0 20px 0;
	float:left;
	clear:both;
	width:100%;
	}

.single-page-article-listing{
	margin:12px 0 8px 0;
	float:left;
	clear:both;
	width:100%;
	padding: 10px 0;
	border-top:3px solid #cccccc;
	border-bottom:3px solid #cccccc;
	}

.single-page-article h2{
	width:100%;
	line-height:1.3em;
}

.single-page-article img, .single-page-article-listing img {
	padding:2px;
	border:1px solid #000000;
	float:left;
	margin:0 12px 0 0;
	max-width:510px;
}

.single-page-title {
	margin:0;
}

.single-page-title-listing {
	margin-bottom:10px;
}

.single-page-title a, .single-page-title-listing a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#000000;
	text-decoration:none;	
	text-transform:uppercase;
	margin:12px 0;
	width:100%;
}

.date {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:4px;
	padding:8px 0 12px 0;
	border-top:3px solid #fff;
	color: #fff;
}

.date a {
	text-decoration: none;
	}

.cat-title h3 { /*also applied to style single page titles */
 	clear:both;
 	font-size:3em;
	font-family:Arial Black;
	margin-bottom:12px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0;
}

.wp-caption {
	float:left;
	padding-bottom:4px;
	margin-right:4px;
	font-size:0.8em;
	text-transform:uppercase;
}

.wp-caption img {
}

.wp-caption-text {
	font-size:0.8em;
	text-transform:uppercase;
	float:left;
	margin-top:6px;
}

/* ---------- LEFT SIDEBAR --------------------- */

#leftcolumn ul li {
	list-style:none;
}

#logo a img {
	border:0;
}

.textwidget img {
	margin-left:6px;
	margin-top:8px;
}

.textwidget a img {
	border:2px solid white;
}

.textwidget a img:hover {
	border:2px solid #ddd;
}

/* ---------- RIGHT SIDEBAR --------------------- */

#rightcolumn li {
	list-style-type:none;
}

#rightcolumn li ul li {
	list-style-type:none;
	background:none;
}

#rightcolumn li h2{
	clear:both;
 	font-size:1.2em;
 	border-top:12px solid #000000;
	font-family:Arial Black;
	padding:7px 0 0 0;
	margin:24px 0 12px 0;
	color:#000000;
	text-decoration:none;
	text-transform: uppercase;
}

/* Flickr Widget */

#flickr_badge_wrapper img {
	
	}
	
.flickr_photo {
	border:0;
	margin:8px;
	padding:2px;
	border:1px solid #cccccc;
}

.flickr_photo:hover {
	border:1px solid #000000;
}

.widget_quickflickr {
	text-align: center;
}