/*

Theme Name: Dave Matthews Blog

Theme URI: http://www.davematthewsblog.com/

Description: Dave Matthews Blog is a Dave Matthews and Dave Matthews Band resource.

Version: 1.0

Author: Rahul Bansal

Author URI: http://rtcamp.com

Tags: "Dave Matthews Blog"

*/



/*

	IMPORTANT

==================

Dependencies ::

	1. Breadcrumb NavXT Plugin - http://wordpress.org/extend/plugins/breadcrumb-navxt/

	2. Paged Navigation - http://wordpress.org/extend/plugins/wp-pagenavi/

	3. Clean Gallery Wordpress Plugin - http://justintadlock.com/archives/2008/04/13/cleaner-wordpress-gallery-plugin



Other Supported Plugins ::

	1. Subscribe to comments - http://wordpress.org/extend/plugins/subscribe-to-comments/



Wordpress Settings::

	1. Dashboard >> Settings >> Media >> Large Size >> Max Width = 620px

	

Color Palette:

	Link colors: #0298FF; 

	gray-shade-light: #EAEAEA;

	gray-medium-dark: #666666;

*/



/* RESET */

/* ----------------------------------------- */



/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

q:before, q:after { content:''}



/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight: bold }

em { font-style: italic }

a img { border:none } /* Gets rid of IE's blue borders */



/* TYPOGRAPHY */

/* ----------------------------------------- */

a{color: #0298FF; text-decoration: none;}

	a:hover{}



/* headings	 */

h1{font-size: 180%;}

h2{font-size: 160%;}	

h3{font-size: 140%;}

	

p, ul, ol, em, strong, h2, h3, h1{line-height: 160%;}

input{padding: 2px 5px;}



/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.aligncenter { display:block; margin:0 auto; text-align: center }

.alignleft { float:left }

.alignright { float:right }

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }



/* You might find the following useful */

.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this class to clear your floated columns */



/* LAYOUT */

/* ----------------------------------------- */

body{background: transparent url(images/background.jpg) no-repeat fixed center center; font-family: Verdana, Arial, sans-serif;font-size: 75%;margin: 0px auto 0px;}

	#outline{width: 960px; margin: 20px auto;}

		#wrapper{clear: both; margin: 20px 0; overflow: hidden}

			#content{float: left;width: 620px;clear:both;}

			#sidebar{float: right; width: 320px;}

		#footer{clear:both;width: 960px;margin-top: 20px;}	



/* HEADER, Breadcumb & Navbar */

/* ----------------------------------------- */



#header{position: relative; background:transparent url(images/black.png); width: 940px; height: 90px; padding: 0 10px}

	#title {float: left;}

		#title h1{font-size: 300%; font-weight: bold}

			#title h1 a{color: #fff; text-decoration: none} 

			#title h1 a:hover{color: #fff;}

		#title p{color: #fff; font-size: 120%}	 

	#banner {float: right;}

	

#navbar{margin: 10px; bottom: 0; clear: both; float: left; overflow: hidden; font-size: 100%; width: 940px}

	#navbar ul {float: left; margin: 5px 0}

		#navbar ul li {background: url(images/headtabwhite.png) no-repeat;float:left; margin-right:10px;text-align:center;width:100px;color: #000; height: 21px}

			#navbar ul li a {text-decoration: none;font-weight: bold;color: #000;}

			#navbar ul li a:hover {text-decoration: none;color: #00A8E7;}

			#navbar #searchbox{float: right}





/* SEARCH FORM */

/* ----------------------------------------- */

input#s {background: #fff !important;-moz-border-radius:5px; font-weight:bold; margin:0 10px; width:160px; padding: 5px; font-size: 110%}

#searchsubmit {border:none;outline:none;background:url(images/lens.png) no-repeat;height:22px;width:22px;cursor: pointer}

#searchsubmit:hover {opacity: 0.8;}

	



/* rouded corners */

#header-wrap-top,

#header-wrap-bot{width: 960px; height: 10px; clear: both}



#header-wrap-top-mid{width: 950px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#header-wrap-top-right{width: 10px; height: 10px; float: left; background: url(images/blackright10.png) no-repeat}



#header-wrap-bot-left{width: 10px; height: 10px; float: left; background: url(images/blackleftbot10.png) no-repeat}

#header-wrap-bot-mid{width: 940px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#header-wrap-bot-right{width: 10px; height: 10px; float: left; background: url(images/blackrightbot10.png) no-repeat}







/* POST */

/* ----------------------------------------- */

.post{clear: both; padding:10px;background: #fff; margin-bottom: 20px; -moz-border-radius: 10px; font-size: 110%;position: relative}
.post-search{clear: both; padding:10px;background: #fff; margin-bottom: 20px; -moz-border-radius: 10px;position: relative}
/* 	breadcumb */

	#breadcumb{padding-bottom: 10px; border-bottom: 1px solid #EAEAEA; margin-bottom: 10px; font-size: 90%}

	/* images */

	.post img{margin: 0 5px 5px 5px; overflow: hidden}



	/* headings */

	.post .title{margin: 10px 0px; font-weight: bold; font-size: 180%}

		.post .title a{color: #000; border-bottom: 2px solid  #EAEAEA; text-decoration: none;}

		.post .title a:hover{color: #0298FF; text-decoration: none; border-color: #0298FF}

	



	/* formatting */

	.post h2{ font-size: 150%;font-weight: bold;}

	.post h3{ font-size: 135%;font-weight: bold;}



	.post p, .post ul, .post ol, .post em, .post strong, .post h2, .post h3, .post h1, .post li{line-height: 160%;position: relative}

	.post blockquote{display: block;border-left: 5px solid #000;margin: 5px 0 5px 40px;background-color: #EAEAEA;padding-left: 5px;}

	.post cite{font-size: 90%;font-style: italic;}

	

	.post a{text-decoration: underline}



	/* lists */

	.post ul,

	.post ol{padding-left: 40px;}

		.post ul li{list-style-type: disc;}

		.post ol li{list-style-type: decimal;}



	/* post meta */

	.post-meta{clear: both;	width: 580px; margin: 10px 0;padding: 0px 10px;color: #666666;font-size: 90%;background: #EAEAEA;}

	.post-date{float: left;}

	.post-tags{float: right;}





/* COMMENT */

/* ----------------------------------------- */

.comments-div{clear: both; overflow: hidden;padding: 10px; background: #fff; -moz-border-radius: 10px}

	/* 	Comment Listing */

	.commentlist{padding: 10px 0px;border-bottom: 1px solid #EAEAEA;}

	.comment{font-size: 105%;clear: both;padding: 5px 5px;overflow: hidden;}

		.comment .vcard img{padding-right:10px; float: left;}

		.comment .vcard cite{font-weight: bold;float: left;padding-right: 10px; }

		.comment .vcard span{float: left;}

		.comment .comment-meta{float: right;font-size: 86%;}

		.comment p{padding: 20px 10px 5px 80px;}

		.comment .reply{clear: both;float: right;}

	.even{ background: #EAEAEA; }

	.odd { background: #fff; }

	

	/* 	Comment Form */

	.postcomment {padding: 10px;}

		.postcomment input#author,

		.postcomment input#email,

		.postcomment input#url {width: 250px;height: 18px;margin: 2px;}

		.postcomment textarea#comment {width: 550px;height: 100px;}





/* SIDEBAR */

/* ----------------------------------------- */

/* rouded corners */

#sidebar-wrap-top,

#sidebar-wrap-bot{width: 320px; height: 10px; clear: both}



#sidebar-wrap-top-left{width: 10px; height: 10px; float: left; background: url(images/blackleft10.png) no-repeat}

#sidebar-wrap-top-mid{width: 300px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#sidebar-wrap-top-right{width: 10px; height: 10px; float: left; background: url(images/blackright10.png) no-repeat}



#sidebar-wrap-bot-left{width: 10px; height: 10px; float: left; background: url(images/blackleftbot10.png) no-repeat}

#sidebar-wrap-bot-mid{width: 300px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#sidebar-wrap-bot-right{width: 10px; height: 10px; float: left; background: url(images/blackrightbot10.png) no-repeat}



#sidebar-main{background:transparent url(images/black.png); padding: 0 10px; color: #fff; width: 300px}



/* sidebar widgets */

.sidebar-widget{padding-bottom:10px;}

	.sidebar-widget h2{padding: 2px 5px; background: #EAEAEA; color: #000; font-size: 110%; font-weight: bold; margin-bottom: 5px;}

/* .textwidget{color: #000;} */



/* links */

#sidebar {color: #EAEAEA;}

	#sidebar a{color: #EAEAEA;}

		#sidebar a:hover{color: #0298FF;}		



/* lists */

	#sidebar ul,

	#sidebar ol{padding-left: 20px;}

		#sidebar ul li{list-style-type: disc;}

		#sidebar ol li{list-style-type: decimal;}





/* Sidebar tabs styles */

/* ----------------------------------------- */

/* reset padding */

#sidebar #tabs ul,

#sidebar #tabs ol{padding-left: 0px;}

#sidebar #tabs li{list-style:none}



/* tab list */

.ui-tabs ul.ui-tabs-nav{background: #EAEAEA;font-weight: bold;font-size: 110%;width: 300px; height: 30px;}

	.ui-tabs ul.ui-tabs-nav li{float: left;padding: 5px 15px 5px 5px;}

	.ui-tabs ul.ui-tabs-nav li a{color: #666666 !important}

	.ui-tabs ul.ui-tabs-nav li a:hover{color: #0298FF !important;}

	.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a{color: #000 !important}



/* tab content */

.ui-tabs .ui-tabs-panel{}

	.ui-tabs .ui-tabs-panel ul{clear: both;}

	.ui-tabs .ui-tabs-panel li{margin: 1px 0;padding: 5px 20px;}

	.ui-tabs .ui-tabs-panel li a{color:#000;}

	.ui-tabs .ui-tabs-panel li a:hover{font-weight: bold;}



.ui-tabs .ui-tabs-hide{display: none;}	





/* Gallery */

/* ----------------------------------------- */



p.attachment{text-align:center;border-bottom: 1px solid #eaeaea;padding: 0 0 12px 0;}



div.navigation{width:600px;height: 170px;}

	div.navigation img{border:2px solid #fff;}

	div.navigation a{display:block;}

	div.navigation a:hover img{opacity:0.9;}

	div.navigation .alignleft{float:left;text-align:left;}

	div.navigation .alignright{float:right;text-align:right;}

	div.navigation .alignright a{background:transparent url(images/gallery-arrow-next.jpg) no-repeat scroll right center;padding-right:36px;}

	div.navigation .alignleft a{background:transparent url(images/gallery-arrow-prev.jpg) no-repeat scroll left center;padding-left:36px;}



/* FOOTER */

/* ----------------------------------------- */

#footer-wrap-top,

#footer-wrap-bot{width: 960px; height: 10px; clear: both}



#footer-wrap-top-left{width: 10px; height: 10px; float: left; background: url(images/blackleft10.png) no-repeat}

#footer-wrap-top-mid{width: 940px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#footer-wrap-top-right{width: 10px; height: 10px; float: left; background: url(images/blackright10.png) no-repeat}



#footer-wrap-bot-left{width: 10px; height: 10px; float: left; background: url(images/blackleftbot10.png) no-repeat}

#footer-wrap-bot-mid{width: 940px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#footer-wrap-bot-right{width: 10px; height: 10px; float: left; background: url(images/blackrightbot10.png) no-repeat}



#footer-main{background:transparent url(images/black.png); padding: 0 10px;color:#fff;padding:10px;font-size: 90%;height: 30px;}



/* Slide Show */

/*-------------*/

#slide-wrap-top,

#slide-wrap-bot{width: 960px; height: 10px; clear: both}

#slide-wrap{margin-bottom: 30px; position: relative; width: 960px; height: 360px;}

#slide-wrap-top-left{width: 10px; height: 10px; float: left; background: url(images/blackleft10.png) no-repeat}

#slide-wrap-top-mid{width: 940px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#slide-wrap-top-right{width: 10px; height: 10px; float: left; background: url(images/blackright10.png) no-repeat}



#slide-wrap-bot-left{width: 10px; height: 10px; float: left; background: url(images/blackleftbot10.png) no-repeat}

#slide-wrap-bot-mid{width: 940px; height: 10px; float: left; background: url(images/black.png) repeat-x}

#slide-wrap-bot-right{width: 10px; height: 10px; float: left; background: url(images/blackrightbot10.png) no-repeat}



#slide-show{position: relative; clear: both; background:transparent url(images/black.png); color: #fff;width:940px;height: 350px;overflow: hidden; padding: 0 10px}

		div.slide{position:relative !important; }

		div.slide h2{position: absolute; top: 300px; left: 0px; width: 920px; height: 50px; background: transparent url(images/black.png) repeat; font-size: 250%; padding: 0 10px}

			div.slide h2 a{color: #fff;}

			div.slide h2 a:hover{color: #0298FF;}	



#controls {position:absolute; z-index:999;height:50px;right:10px;top:310px;width:270px;opacity:0.7;}

	#controls a span#prev{float:left; height:50px; width: 90px; background: url(images/controls.png) no-repeat -5px 0}

	#controls a span#prev:hover{background: url(images/controls.png) no-repeat -5px -50px}



	#controls span#play-pause{float:left; height:50px; width: 90px; background: url(images/controls.png) no-repeat -107px 0}

	#controls span#play-pause:hover{background: url(images/controls.png) no-repeat -107px -50px}



	

	#controls a span#next{float:left; height:50px; width: 90px; background: url(images/controls.png) no-repeat -207px 0}

	#controls a span#next:hover{background: url(images/controls.png) no-repeat -207px -50px}

ause:hover{background: url(images/controls.png) no-repeat -107px -50px}



	

	#controls a span#next{float:left; height:50px; width: 90px; background: url(images/controls.png) no-repeat -207px 0}

	#controls a span#next:hover{background: url(images/controls.png) no-repeat -207px -50px}