/*

Theme Name:	Music - 2Column - Big Top Pic 
Theme URI:	http://blogigs.com
Description:	2 Column theme with clean typography modded from the original Neoclassical Theme by Chris Pearson. Wordpress 2.9 compatible version
Version:	1
Author:		Double Down Productions
Author URI:	
*/

body { background: #EEE; color: #333; font-size: 65%; font-family:Arial, sans-serif}

* { padding: 0; margin: 0; }

/*---:[ core layout elements ]:---*/

#container { width: 930px; margin: 0 auto; padding: 0 0; }

#page { } /* for use with custom styles */

#masthead { width: 930px; margin: 0; padding: 0; text-align: left; background: #C30}
#content_box { width: 930px; padding: 0px 0px 0px 20px; background: none; text-align: left;  border-bottom: 1px solid #ddd;}
#left_box { width: 630px; float: left; }
#content { width: 620px; padding: 10px 10px 0px 0px; float: left;  border-right: 1px solid #ddd; }
#content_inner { width: 520px; padding: 0 0px; }
.sidebar { width: 300px; float: right; }

#left_bar { width: 900px; float:left; padding: 0; margin-bottom: 10px; list-style: none; display:inline; }

#right_bar {width: 135px; float:left; padding: 0 0px 0 10px; border-top: 1px solid #ddd;margin-bottom: 10px; }
#sidebox { width: 280px; float: right; padding: 10px 10px 0px 0px;  }
#footer { padding: 5px 0px 0px 0px; margin: 1px 15px 10px 15px; text-align: center }
#no_sidebar { width: 820px; padding:0px 0px 10px 10px; overflow: visible; float:left;font-size:1.3em;}
/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font-family: "Arial Narrow", Arial, sans-serif;
				}
h1 { font-size: 1.8em; line-height: 1.11111em; padding: 0 10px; color: #111; }
.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; text-align: center; }
.page h1 { margin: 0 0 3px 0; }
h2 { font-size: 1.8em; line-height: 1.11111em; padding: 10px 10px 0 0px; border-top: 1px dotted #ddd; color: #111; }
h2 a, h2 a:visited { color: #b52025; }
h2 a:hover { color: #FC0; text-decoration: none; }
h2.top { padding-top: 0; border-top: none; }
.sidebar h2 {width: 85%; font-weight: bold; color: #EEE; font-size: 1.2em; margin: 0.5em 0 0.5em 0; line-height: 1em; padding: 10px 0 10px 0px; text-transform: uppercase; letter-spacing: 2px; border-top: 0; }
.ie .sidebar h2 {color: #999} /*works with css_browser_selector.js to modify based on browser limitations-- in this case that IE doesn't do text-shadow and disappears our H2s*/

h3 { font-size: 1.4em; line-height: 1.25em; color: #111; }
.format_text h3 { margin: 1.875em 0 0.625em 0; }
.format_text h3.top { margin: 0 0 0.625em 0 !important; }
h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; } 
#content_box h1, h2, h3 {color: #FC0;
				text-shadow: #666 1px 1px 1px;}
h2.widgettitle  {text-shadow: #666 1px 1px 1px;}
.ie h2.widgettitle {color: #999} /*works with css_browser_selector.js to modify based on browser limitations-- in this case that IE doesn't do text-shadow and disappears our H2s*/
/*---:[ global elements ]:---*/

hr { /*display: none;*/ }
a, a:visited { color: #b52025; text-decoration: none; }
a:hover { color: #b52025; text-decoration: underline; }
a img { border: none; }
blockquote { font-family:Arial, sans-serif; color: #b52025; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }
abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }
sub, sup { line-height: 1.0em; }
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #b52025; }
pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { padding: 0 20px; font-size: 1.3em; }

/*---:[ #masthead styles ]:---*/

#masthead #logo { font-weight: bold; font-size: 3.2em; font-family:Arial, sans-serif; letter-spacing: -1px;  }
#masthead #logo a, #masthead #logo a:visited { color: #111; }
#masthead #logo a:hover { color: #b52025; text-decoration: none; }
#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Arial, sans-serif; padding: 0; color: #999; text-align: left; }


/*---:[ top navigation menu ]---*/

ul#nav {
	margin: 60px 0 1.3em 0;
	padding: 0 5px 2px 0px;
	}

ul#nav li {
	text-align: center;
	float: left;
	font: 14pt "Impact", "Charcoal", Arial Black, sans-serif;
	width: auto;
	display: block;
	padding: 0;
		
}

ul#nav li a, ul#nav li a:visited { display: block; padding: 10px 6px 0px 10px; color: #666; text-decoration: none; border-bottom: #EEE solid 8px;  }

ul#nav li a:hover {border-bottom: #f0dc00 solid 8px; color: #EEE; text-shadow: #333 1px 1px;  }

.ie ul#nav li a:hover, .ie ul#subnav li a:hover {color: #999;background:url(images/bullet_text.gif) no-repeat; background-position: left } /*works with css_browser_selector.js to modify based on browser limitations-- in this case that IE doesn't do text-shadow and disappears our hovers*/

.gecko ul#nav li a:hover, .gecko ul#subnav li a:hover{background:url(images/bullet_text.gif)no-repeat; background-position: left;}/*works with css_browser_selector.js to modify based on browser limitations-- in this case that mozilla disappears our hovers because of positioning*/

ul#nav li:hover{background:url(images/bullet_text.gif) no-repeat 18px left}

ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #6bbe45; text-decoration: none; }

ul#nav li.rss { height: 12px; padding: 0.5em 0 0.5em 0;}

ul#nav li.rss a { margin: 0; padding: 0 18px 0 0; background: url('images/icon-rss.gif') 100% 50% no-repeat; }


ul#subnav, ul#subnav li {display:inline; font: 10pt "Impact", "Charcoal", Arial Black, sans-serif;
	color: #EEE; padding: 0 5px 20px 5px; margin-bottom: 20px}

ul#subnav li a, ul#subnav li a:visited {padding: 10px 6px 0px 10px; color: #666; text-decoration: none; border-bottom: #EEE solid 8px;}

ul#subnav li a:hover {border-bottom: #f0dc00 solid 8px; color: #EEE; text-shadow: #333 1px 1px; background:url(images/bullet_text.gif) no-repeat 18px left;}

/*---:[ content styles ]:---*/
.post_author { font-size: 1.2em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 10px; color: #999; }
.post_author a, .post_author a:visited { color: #999; text-decoration: none; }
.post_author a:hover { color: #999; text-decoration: underline; }
.format_text { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px; }
.format_text a { color: #b52025; text-decoration: none; }
.format_text a:visited { color: #b52025; text-decoration: none; }
.format_text a:hover { color: #b52025; text-decoration: underline; }
.format_text blockquote { }
.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
.format_text p { margin: 0 0 1.53846em 0; }
.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }
.format_text ol { margin: 0 0 1.53846em 20px; }
.format_text li { }
.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
.format_text dl { margin: 0 0 1.53846em 0; }
.format_text dt { font-weight: bold; }
.format_text dd { margin: 0 0 1.53846em 1.53846em; }
.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }
.format_text img { }
.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
.format_text img.stack { clear: none !important; }
.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; }
.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }
.navigation { width: 425px; padding: 0.69231em 19px 0.76923em 19px;  font-size: 1.3em; line-height: 1.53846em; clear: both; }
.navigation p { text-align: right; }
.older { padding: 0 20px 0 0; float: left; }
.previous { text-align: left; }

/*---:[ image styles ]:---*/	

img.alignright { margin: 0 0px 2px 7px; }
img.alignleft { margin: 0 7px 2px 0px; }
.alignright { float: right; }
.alignleft { float: left; }
.clear {clear:both;}


/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Arial, sans-serif; color: #999; clear: both; }
  .to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
  .to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
  .to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

.navigation { width: 490px; padding: 0.69231em 19px 0.76923em 19px;  font-size: 1.3em; line-height: 1.53846em; clear: both; }
     .navigation p { text-align: left; }
     .older { padding: 0 20px 0 0; float: left; }
      .previous { text-align: left; }

/*---:[ sidebar styles ]:---*/
ul.sidebox_list { list-style: none; }
 ul.sidebox_list li.widget, ul.sidebox_list li.linkcat { width: 300px; margin: 0 0 1em 1em; font: normal 1.2em/1.33333em Arial, sans-serif; float: left; }

ul.right_bar_list { list-style: none; }
      ul.right_bar_list li.widget, ul.right_bar_list li.linkcat { width: 135px; margin: 10px 0; font: normal 1.2em/1.33333em Arial, sans-serif; float: right; }

ul.left_bar_list { list-style: none; }
ul.left_bar_list a{ color: #333 }
      ul.left_bar_list li.widget, ul.left_bar_list li.linkcat { width: 45%; margin: 15px 0; font: normal 1.2em/1.33333em Arial, sans-serif; float: left; text-align:center }

.left_bar_list li {padding: 5px 20px;}

       li.widget p { margin: 0; }
       li.widget ul, li.linkcat ul { list-style: none; }
       li.widget ol { margin: 0; }
       li.widget li, li.linkcat li { margin: 0; }
            li.widget li br { display: none; }
                li.widget li ul, li.linkcat li ul { margin: 0; }

/*---:[ calendar widget ]:---*/

#calendar_wrap { width: 90%; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family:Arial, sans-serif; }
table#wp-calendar { width: 85%; border-collapse: collapse; }
table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }
table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }
table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }

/*---:[ search widget ]:---*/

#search { padding: 0.1em 0; border: none; border-width: 1px 0; text-align: right; }
#search #s { width: 90%; padding: 5px; color: #333; background: #f2f2f2; font: normal 0.91667em Arial, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }
#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font-weight: bold; font-size: 1.0em; font-family;Arial, sans-serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
#search input[type="submit"]:hover { color: #2a65b5; }

/*---:[ default search form styles ]:---*/

#search_form { padding: 0 0 5px 0; }
#search_form .search_input { width:175px; padding: 5px; color: #333; background: #f2f2f2; font: normal 0.91667em Arial, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }


/*---:[ footer styles ]:---*/

#footer p { font: normal 1.1em/1.63636em Arial, sans-serif; color: #333; text-align: right; padding:0 15px 0 15px;}
#footer a, #footer a:visited { color: #333; border-bottom: 1px solid #ddd; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: none; }

/*---:[ comment styles ]:---*/

#comment {width:450px; padding:10px;}
.commentlist li ul li {background-color: #eee; font-size: 1.0em; border:1px solid #ccc; padding:10px 10px 10px 10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: #aaa; -moz-border-radius: 10px;
					-webkit-border-radius: 10px; border-left: #aaaaaa 2px solid}
li.bypostauthor  { background-color: #ccc!important; -moz-border-radius: 10px;
					-webkit-border-radius: 10px; border-left: #aaaaaa 2px solid}
.commentlist li, #commentform input, #commentform textarea { font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: normal; font-size: 1.1em; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.2em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; font-size: 1.0em;}

/*---:[ comment form styles ]:---*/

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px;}
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit { margin: 0 0 5px auto; float: right;}

/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0; padding: 10px;}
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist p { margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p { margin: 5px 0;}
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }


/* End Comments */



/*---:[ special classes ]:---*/

.brown { background: #f9f7e4; padding: 12px 3px 12px 20px; clear: both; width: 97%; margin-top: 5px; margin-bottom: 5px; 
border: 1px dotted #ccc; font-size: 12px; line-height: 17px; color: #272727; font-weight: 500; }
.blue { background: #e3f0f2; padding: 5px 0px 5px 10px; clear: both; width:90%;
margin-top: 5px; margin-bottom: 5px; border: 1px solid #ccc; font-size: 14px; line-height: 17px; color: #272727; font-weight: 500; }
.yellow{ background: #ffffa0; padding: 12px 3px 12px 20px; clear: both; width: 90%; margin-top: 5px; margin-bottom: 5px; border: 1px solid #ccc; font-size: 14px; line-height: 17px; color: #272727; font-weight: 500; }

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }