/*  
Theme Name: Bristol Sounds - v2 (beta)
Version: 2
Description: Designed by Sam Downie at <a href="http://www.dsoundz.co.uk">Dsoundz Media</a>.
Author: Sam Downie / Dsoundz Media
Author URI: http://www.dsoundz.co.uk
*/
 
/* Default styles */
@import "reset.css";
 
/* Styles for rounded corners are located in css/effects.css */
 
/*-----------------------------------------------
 
INDEX:
 
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
 
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-down menus
-2.4 Intro
-2.5 Content
-2.6 Sidebar
-2.7 Footer
 
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 PageNavi
 
4. WIDGETS
-4.1 Social Media Box
-4.2 Tabber
 
5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form
 
6. GENERAL STYLES
 
-----------------------------------------------*/
 
 
 
/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/
 
/* 1.1 Defaults */
 
body  {
	font: 14px Arial,Helvetica,Sans-serif;
	line-height: 1.2;  /*unitless for proper inheritance*/
}
 
h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
 
h1  {font-size: 38px} h2  {font-size: 36px} h3  {font-size: 30px}
h4  {font-size: 24px} h5  {font-size: 18px} h6  {font-size: 12px}
 
p  {margin: 18px 0;}
 
/* 1.2 Hyperlinks */
 
a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }
 
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
	color: #000000;
}
 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}
 
 
 
/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/
 
/* 2.1 Containers */
 
.inner  { position: relative; width: 940px; margin: 0 auto; }
#bg  { height: 100%; }
#container  {
	width: 1000px;
	margin: auto;
}
 
/* 2.2 Header */
 
#header  {
	background-image: url(images/headerbg.jpeg);	
}
#header h1, #header h2  { display: none; }
 
#logo { display: inline-block; margin: 15px 0; }
 
#left  { float: left; width: 500px; }
 
/* 2.3 Navigation */
 
#navigation  {
	height: 34px;
	margin: 0 0 15px 0;
	background: #222 url(images/navtile.png) repeat-x left top;
	width: inherit;
}
 
#nav, #nav ul {
	z-index: 100;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
 
#nav li {
	float: left;
	position: relative;
}
 
#nav a:link, #nav a:visited {
	z-index: 100;
	display: block;
	padding: 0 13px;
	line-height: 34px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

#nav .current_page_item a, #nav a:hover  {
	text-decoration: none;
}
 
#subscribe  {
	position: absolute;
	top: 0;
	right: 0;
}
 
#subscribe a:link,
#subscribe a:visited  {
	padding: 0 0 0 20px;
	line-height: 39px;
	text-transform: uppercase;
	color: #fff;
	background: url(images/ico-rss.png) no-repeat left center;
}
 
#subscribe a:hover  {}
 
/* 2.3 Drop-down menus */
 
#nav li ul {
	position: absolute;
	width: 170px;
	left: -999em;
}
 
#nav li ul li { width: 170px; line-height: 18px; margin: 0 0 1px 0; border-style: solid; background-color: #444444;	background: rgba(52, 49, 49, 0.6); }
#nav li ul li a:link, #nav li ul li a:visited { display: block; width: 160px; padding: 5px 5px; line-height: 18px; font-size: 12px; }
#nav li ul ul {	margin: -23px 0 0 170px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */ 
 
/* 2.5 Content */
 
#main  {
	float: left;
	padding: 30px;
	background-color: #FFFFFF;
}
 
#content  { float: left; width: 615px; margin: 0 25px 0 0; overflow: hidden; }
#content.fullwidth  { width: 915px;  }
 
#content.fullwidth img { max-width: 840px; }
 
 
/* 2.6 Sidebar */
 
#sidebar  { float: left; width: 300px; overflow: hidden; }
 
/* 2.7 Footer */
 
#extended_footer {
	width: 940px;
	padding: 30px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #302D2D;
	border-bottom: 1px solid #363232;
}
 
#extended_footer .col1, 
#extended_footer .col2,
#extended_footer .col3 { float: left; overflow: hidden; width: 280px; margin: 0 20px 0 0; }
 
#extended_footer .col1, #extended_footer .col2  { width: 279px; border-right: 1px solid #424242; }
#extended_footer .col3 { margin-right: 0px !important; }
 
#extended_footer .widget  { margin: 0 0 30px 0; }
#extended_footer .widget h3  { background: none; padding: 15px 0!important; }
#extended_footer .widget ul li  { background: none; }
#extended_footer .widget ul li a:hover  { color: #a1a1a1!important; }
#extended_footer .widget ul li a:link, #extended_footer .widget ul li a:visited  { padding: 2px 0 2px 0!important; border-bottom: 0!important; background: none!important; }
 
#extended_footer .textwidget, #extended_footer #latest-video .wrap, #extended_footer #flickr .wrap, #extended_footer #searchform, #extended_footer .widget_tag_cloud div, #extended_footer .widget ul, #extended_footer #adwidget .adwrap  {
	padding: 0!important;
	background-color: transparent;
}
 
#extended_footer .widget_recent_comments li  { padding: 2px 0 2px 0!important; border-bottom: none!important; background: none; }
#extended_footer #searchform #s  { width: 195px; }
 
#footer  {
	float: left;
	width: 940px;
	margin: 0 0 30px 0;
	padding: 15px 30px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #292626;
}
 
#footer a:link,
#footer a:visited  {
	color: #fff;
}
 
#footer .copyright  { float: left; margin: 0; }
#footer .credit  { float: right; margin: 0; }
#footer .credit img  { vertical-align: middle; }
 
 
/*-----------------------------*/
/* 3. POSTS */
/*-----------------------------*/
 
#breadcrumbs  {
	padding: 10px 30px;
	color: #000000;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#breadcrumbs p  { margin: 0; }
 
h3.catheading  { margin: 0 0 20px 0; text-transform: uppercase; font-size: 20px; }
 
.post  {
	margin: 0 0 30px 0;
	border-bottom: 1px dotted #c2c2c2;
	font-family: Arial, Helvetica, sans-serif;
}
 
.meta  { margin: 0 0 20px 0;}
 
.meta span  {
	margin: 0 3px 0 0;
	padding: 6px 8px;
	font-size: 11px;
	color: #000000;
	background-color: #373434;
}
 
.meta .date  {
	padding-left: 27px;
	background: #999999 url(images/ico-date.png) no-repeat 5px center;
}
 
.meta .comments a:link,
.meta .comments a:visited  {
	padding-left: 25px;
	color: #fff;
}
 
.post h2.title  { margin: 0 0 18px 0; line-height: 34px; }
.post h2.title a:link, .post h2.title a:visited  {}
.post h2.title a:hover { text-decoration: none; }
 
.post .video {
	margin: 0 0 20px 0;
	border: 5px solid #e0e0e0;
}
 
.entry  {
 
}
 
.post .tags  {
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
	color: #373434;
}
 
.tags a:link,
.tags a:visited  {
	
}
 
/* 3.1 Typographic Elements */
 
.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}
 
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	margin: 0 0 18px 0;
}
 
.entry p  { margin: 0 0 18px 0; }
 
.entry blockquote  { padding: 10px 30px; margin: 0 0 18px 0; color: #666; }
.entry blockquote p  { margin: 0; }
 
.entry ul  { margin: 0 0 18px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  { list-style-type: circle; }
.entry ul li ul li  { list-style-type: disc; }
 
.entry ol  { margin: 0 0 18px 0; padding: 0 0 0 30px; }
.entry ol ol  {	margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }
 
/* 3.2 Images */
 
.entry img  {
	max-width: 520px;
}
 
.entry .wp-caption {
	padding: 1px;
	background:#F8F8F4;
	border: solid 1px #e6e6e6; 
	text-align:center;
}
 
.entry .wp-caption img { border: none; }
 
img.wp-smiley  {
	padding: 0;
	border: none;
}
 
.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}
 
.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}
 
.entry .aligncenter  {
	text-align: center;
}
 
/* 3.3 PageNavi */
 
div.Nav  {
	margin: -20px 0 0 0;
	padding: 0 0 7px 0;
	text-align: center;
	border-bottom: 1px dotted #c2c2c2;
}
 
.Nav strong.on  {
	padding: 5px 10px 5px 10px;
}
 
.Nav a:link, .Nav a:visited  {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	background-color: #e6e6e6;
}
 
/*-----------------------------*/
/* 4. WIDGETS */
/*-----------------------------*/
 
 
/* 4.1 Social Media Box */
 
#social  {	
	margin: 0 0 30px 0;
	background-color: #292626;
}
 
#social li  { padding: 20px 25px; border-bottom: 1px solid #1e1e1e; border-top: 1px solid #333030; }
#social li img  { float: left; margin: 0 10px 0 0; }
#social li a span  { display: block; line-height: 16px; }
#social li a span.site  { font-size: 18px; color: #989898; font-weight: bold; }
#social li a span.url  { font-size: 12px; color: #989898; }
#social li a:hover span.url  { color: #ffffff; }
#social:hover { text-decoration: none; }

 
/* 4.3 General Widgets */
 
.widget  { margin: 0 0 30px 0; }
 
.widget h3  {
	margin: 0;
	padding: 15px 20px;
	font-size: 22px;
	color: #fff;
	background: #292626 url(images/widgettitle.jpg) repeat-x left top;
}
 
 
.widget ul  { padding: 0!important; }
 
.widget ul li  { background: url(images/widgetli.jpg) repeat-x left top; }
 
.widget a:link, .widget a:visited  { color: #6c6c6c; }
.widget ul li a:hover  {
	color: #000000;
}
 
.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	padding: 6px 0 6px 40px;
	border-bottom: 1px solid #d4d4d4;
}
 
.textwidget, #latest-video .wrap, #flickr .wrap, #searchform, .widget_tag_cloud div, .widget ul, #calendar_wrap, #adwidget .adwrap  {
	padding: 15px 20px;
	background-color: #FFFFFF;
}
 
.widget_recent_comments li  {
	display: block;
	padding: 6px 0 6px 20px;
	color: #6c6c6c;
	border-bottom: 1px solid #d4d4d4;
	background: none;
}
 
.widget_recent_comments li a:link,
.widget_recent_comments li a:visited  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
	background: none!important;
	border: none!important;
}
 
#searchform #s  { width: 180px; padding: 5px 0 5px 5px; border: 1px solid #898989; }
#searchform .submit  { padding: 3px 0 3px 0; text-transform: uppercase; }
 
#flickr .flickr_badge_image  { margin: 4px 7px;	float: left; }
#flickr .flickr_badge_image a  { display: block; border: 2px solid #bbb; }
#extended_footer #flickr .flickr_badge_image  { margin: 7px 18px; }
 
#latest-video .video { margin: 0 0 10px 0; }
 
#twitter li  { margin: 10px 0; }
#twitter a:link, #twitter a:visited  { display: inline; padding: 0; background-image: none; line-height: 18px; }
 
.widget_lifestream li  { margin: 0!important; padding: 8px 20px 8px 40px!important; border-bottom: 1px solid #d4d4d4; background-position: 10px 10px!important;}
 
#adwidget .adwrap img  { margin: 6px; }
 
/* CALENDAR */
#calendar_wrap  {  }
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption  { padding:0 0 10px 0; text-transform: uppercase; font-size: 14px; font-weight: bold }
#wp-calendar th,#wp-calendar td{text-align:center;border: 1px solid #999; padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
 
/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/
 
/* 5.1 Comments */
 
#comments  { float: left; }
#comments h3  { margin: 0 0 20px 0; }
#comments li  {	margin: 20px 0 0 0; }
 
#comments ul.children { margin: 0 0 0 0; }
#comments ul.children li  { padding: 0 0 0 25px; }
 
#comments .comment-meta  { margin: 0 10px 10px 0; font-size: 12px;}
#comments .comment-meta img  { float: left; margin: 0 10px 0 0; }
#comments .comment-meta span  { line-height: 42px; color: #252525; }
#comments .comment-meta span.name  { font-weight: bold; color: #252525; }
#comments .comment-meta span.name a  { color: #252525; }
#comments .comment-meta span.date  { font-size: 11px; }
 
#comments .comment-entry  {
	padding: 10px 15px;
	background-color: #e6e6e6;
}
 
#comments .comment-entry p  { margin: 0 0 10px 0; }
 
.reply a, .cancel-comment-reply a  { text-transform: uppercase; font-weight: bold; font-size: 11px; }
 
h3#pings  { margin: 20px 0 10px 0; }
ol.pinglist li  { margin: 0 0 15px 20px!important; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 0; }
.pinglist li .pingcontent p  { margin: 0; }
 
/* 5.2 Comments Form */
 
#respond  { float: left; }
#respond h3  { margin: 15px 0 0 0; }
 
#commentform  {	}
 
#commentform input.txt,
#commentform textarea  {
	padding: 4px 5px;
	border: 1px solid #ccc;
}
 
#commentform textarea  { width: 95%!important; }
 
#commentform #submit  {
	padding: 7px 12px 10px 7px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background: url(images/submit.png) no-repeat left top;
	border: none;
}
 
/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/
 
.floatl  {float: left;}
.floatr  {float: right;}
 
.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}
 
/* http://sonspring.com/journal/clearing-floats */
 
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
 
#top-wrap {
	width: 100%;
	background: #000 url(images/bg_top.png) repeat;
	border-bottom: 1px solid #333;
	margin: 0px auto;
	height: 30px;
}
#top-wrap-inside {
	width: 940px;
	margin: 0px auto;
}
 
#top-section-right-1 {
	float: right;
	color: #fff;
	font-size: 11px;
	margin-top: 7px;
	margin-right: 5px;
}
#top-section-right-2 {
	float: right;
	margin-top: 3px;
}
 
#top-section-right-2 li {
	display: inline;
	padding: 0px 3px 0px 3px;
}
#top-section {
	float: left;
	color: #fff;
	font-size: 11px;
	margin: 7px 0px 0px 10px;
}
#top-section a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#top-section a:hover {
	color: #00aeef;
}
#top-section li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #333;
}