/*  
Theme Name: TubeSound
Theme URI: http://tubesound.com
Version: 1.0
Author: Bob Putnak
Description: Themey.com is author of original template, completely revised by Bob Putnak.  Permission granted by Simon Pilkington, Themey.com, September 15, 2007.
*/

*{margin:0;padding:0;}
body{margin:0;padding:0;font-size:62.5%;
/* Resets 1em to 10px */
font-family:Arial,Helvetica,Sans-serif;background:#E6BD7F url('images/headbg.jpg') repeat-x top;color:#000;text-align:center;}
#page{background:#D39348 url('images/pagebg.jpg') repeat-y center;text-align:left;margin:0px auto;padding:0;width:830px;position:relative;}
.headerimg{margin:0;background:url('images/headerbg.jpg') no-repeat top center;height:132px;
/* width:782px;*/
width:100%;}
.headbg{position:absolute;width:25px;height:355px;margin:0;top:0;}
#grad1{width:25px;left:0;background:url('images/left.jpg') no-repeat top center;}
#grad2{width:25px;right:0;background:url('images/right.jpg') no-repeat top center;}
#content{font-size:1.2em;}
.clearleft{clear:left;  margin:0px;}
.narrowcolumn .entry{line-height:1.4em;
/* font-size:0.95em;*/
font:12px Verdana,Arial,sans-serif;padding:0 8px 0 8px;}
.alt{background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
small{font-family:Arial,Helvetica,Sans-Serif;font-size:0.9em;line-height:1.5em;}
h1,h2,h3{font-family:Arial,Helvetica,Sans-Serif;font-weight:bold;}
h1{font-size:3em;}
.headerimg .description{font-size:1.4em;text-align:center;font-weight:bold;}
h2{font-size:1.6em;}
h2.pagetitle{font-size:1.6em;}
h3{font-size:1.3em;}
h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description{text-decoration:none;color:black;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#BA6905;}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{text-decoration:none;}
.entry p a:visited{color:#000;}
.commentlist li,#commentform input,#commentform textarea{font:0.9em Arial,Helvetica,Sans-serif;}
.commentlist li{font-weight:bold;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;color:#000;}
.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p{font-family:Arial,Helvetica,Sans-serif;}
.commentmetadata{font-weight:normal;}
small,.nocomments,blockquote,strike{color:#000;}
div .textwidget{padding:5px 11px 5px 11px;color:#ECCEA1;}
code{font:1.1em 'Courier New',Courier,Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;}
h2 a:hover,h3 a:hover{color:#BA6905;text-decoration:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em Arial,Helvetica,Sans-serif;text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
/* End Typography & Colors */
/* Begin Structure */
#header{background-color:#416715;margin:0;padding:0;height:132px;width:830px;}
.narrowcolumn{float:right;padding:0;margin:0px 40px 0px 0px;width:563px;position:relative;}

.widecolumn{background:#D39348 url('images/widecolumn_bg.jpg') repeat-y center;padding:10px 0px 0px 20px;margin:0px 0 0 30px;width:730px;position:relative;}
.post{margin:0 0 10px 0;padding-bottom:10px;
/* text-align:justify;*/
font:12px Verdana,Arial,sans-serif;}
.post hr{display:block;}
.post p{margin-bottom:10px;}
.postmetadata{background:#CE853F;font:bold 0.9em Arial,Helvetica,Sans-serif;color:#fff;padding:4px 8px 2px 8px;margin:0px 0px 10px 0px;text-align:left;}
.postmetadata2{background:#CE853F;font:bold 1em Arial,Helvetica,Sans-serif;color:#fff;padding:4px 0 2px 5px;margin:0 0 10px 0;text-align:left;}
.h2meta,.h3meta{background:url('images/commentmetabg3.gif') no-repeat bottom right;margin-bottom:0;margin-left:0;}
.postmetadata2 a{color:#fff;text-decoration:none;}
.postmetadata2 a:hover{color:#fff;text-decoration:underline;}
.postmetacomment{position:absolute;
/* changed margin from 470 to 370,added width element,and changed text-align from right to center */
margin:-22px 0 0 376px;width:180px;text-align:center;color:#AB630F;}
.postmetadata a{color:#fff;}
.postmetacomment a,.postmetacomment a:hover{color:#AB630F;text-decoration:none;}
#footer{background:#D39348 url('images/footerbg.jpg') no-repeat;padding:0;margin:0 auto;width:830px;height:20px;clear:both;}
#footer a{color:#FEE19B;text-decoration:none;}
#footer a:hover{color:#FEE19B;text-decoration:underline;}
#footer p{font:1.1em Arial,Helvetica,Sans-serif;margin:0 0 0 35px;padding:3px 0 0 7px;text-align:left;color:#FEE19B;}
.footerrss{margin-left:30px;}
.commentmetabg{position:absolute;margin:-16px 0 0 385px;}
* html .commentmetabg{margin-top:-21px;}
*:first-child+html .commentmetabg{margin-top:-21px;}
/* End Structure */
/*Begin Headers */
h1{padding-top:50px;margin:0;}
h2{margin:20px 0 5px 8px;}
h2.pagetitle{margin-top:30px;text-align:center;}
h3{padding:0;margin:20px 0 5px 8px;}
h3.comments{padding:0;margin:40px auto 20px;}
/* End Headers */
/*Header menu*/
.menu{position:absolute;margin:106px 0 0 20px;padding:4px 20px 0 12px;width:auto;height:20px;text-align:center;}
.menu li{float:left;text-align:center;width:101px;margin:0px 5px 0px 5px;background:url('images/commentmetabg.gif') no-repeat center;
/*background:url('images/widecolumn_bg.jpg') repeat-y;*/
list-style:none;top:0;}
.menu a{text-decoration:none;font:bold 1.2em arial,helvetica,sans-serif;
/* color:#ECCEA1;*/
color:#BA6905;}
.favorite{position:absolute;margin:110px 0 0 625px;list-style:none;}
.favorite a{font:bold 1.2em Arial,Helvetica,Sans-serif;color:#ECCEA1;text-decoration:none;position:absolute;}
.favorite li{float:left;}
.favorite li img{position:relative;}
/* End menu */
/* Begin Images */
p img{padding:0;max-width:100%;}
/*Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than usingalign="center",being much more futureproof (and valid) */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left}
/* End Images */
/* Begin ListsSpecial stylized non-IE bulletsDo not work in Internet Explorer,which merely default to normal bullets. */

.entry li{clear:left;padding:0px 0px 10px 0px;}
.entry ul, ol{margin:0px 0px 0px 30px;}


/* End Entry Lists */
/* Begin Form Elements */
#searchform{position:absolute;margin:43px 0 0 600px;padding:0;text-align:center;width:130px;}
.widget_search #searchform{position:relative;padding:0;margin:0;width:142px;}
.widget_search #searchform #s{width:125px;height:16px;}
#s{width:112px;height:17px;padding:0px;font-family:Arial,Helvetica,Sans-Serif;font-size:1.2em;border:1px solid #2A3155;}
#searchsubmit{position:absolute;margin-left:3px;}
.entry form{
/* This is mainly for password protected posts,makes them look better. */
text-align:center;}
select{width:130px;}
#commentform input{width:150px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#commentform #submit{margin:0;float:right;}
/* End Form Elements */
/* Begin Comments*/
.alt{margin:10px 0 0 0;padding:10px;color:#000;position:relative;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}
.commentlist p{margin:10px 5px 10px 0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}
.commentmetadata a{color:#000;}
/* End Comments */
/* Begin Sidebar */
#sidebar{padding:5px 3px 0px 3px;margin:0 0 0 40px;width:158px;position:relative;font:bold 1.1em Arial,Helvetica,Sans-serif;}
#sidebar ul ul li,#sidebar ul ol li{color:#ECCEA1;}
#sidebar h2{margin:5px 0 0;padding:0;color:#ECCEA1;font:bold 1.3em Arial,Helvetica,Sans-Serif;}
#sidebar a{color:#ECCEA1;}
#sidebar p{font-weight:normal;}
#sidebar ul,#sidebar ul ol{margin:0;padding:0;}
#sidebar ul li{padding:5px 5px 10px 8px;list-style-type:none;list-style-image:none;margin-bottom:10px;background:#CB8040;position:relative;}
#sidebar ul p,#sidebar ul select{margin:5px 0 8px;}
#sidebar ul ul,#sidebar ul ol{margin:5px 0 0 10px;}
#sidebar ul ul ul,#sidebar ul ol{margin:0 0 0 10px;}
ol li,#sidebar ul ol li{list-style:decimal outside;}
#sidebar ul ul li,#sidebar ul ol li{margin:3px 0 0;padding:0;background:url('images/bullet.gif') no-repeat 0 3px;padding-left:15px;}
* html #sidebar{margin-left:20px;}
#sidebar form{margin:0;}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar{empty-cells:show;margin:5px auto 0;width:140px;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar a{padding:0;margin:0;display:block;}
#wp-calendar caption{text-align:center;width:100%;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{
/* Doesn't work in IE */
background-color:#fff;}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid red;}
blockquote cite{margin:5px 0 0;display:block;}
.center{text-align:center;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin:20px 0 20px 0;padding-bottom:20px;position:relative;}
.navigation a{font:bold 1.2em Arial,Helvetica,Sans-serif;color:#CE853F;padding:10px;text-decoration:none;}
/* 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;}
/* End captions */
/* WP 2.5 Gallery css */
.gallery{margin:auto;}
.gallery-item{float:left;margin-top:10px;text-align:center;
/*width:{$itemwidth}
%;This line was in wp-includes/media.php,cant pass variable so set to fixed 33% */
width:33%;}
.gallery img{border:2px solid #cfcfcf;}
.gallery-caption{margin-left:0;}
/*<!-- see gallery_shortcode() in wp-includes/media.php -->*/
/* end Gallery css */
/* End Various Tags & Classes*/