/*
Theme Name: thaomusic
Theme URI: http://thaomusic.com
Description: A custom theme just for thaomusic.com
Author: Adam Shearer <info@weinlandcreative.com>, Ammon Morris <likesalmon@gmail.com>
Author URI: http://www.weinlandcreative.com
Template: thematic
Version: 1.0
.
This theme is a child theme of the excellent Thematic theme 
(http://themeshaper.com/), but the layout and images are all 
custom and copyright of WEINLANDcreative and thaomusic.com.  
Sorry, you can't use them.
.
*/




/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }


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

    Typography
    
---------------------------------------------------------------*/

/* Text elements
-------------------------------------------------------------- */

p {
    margin-bottom:18px;
}
ul {
	margin: 0 0 18px 2.5em;
}
ol {
	margin: 0 0 18px 2.5em;
}
ul {
	list-style:none;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}
dl	{
    margin:0 1.5em;
}
dt {
    font-weight:bold;
}
dd {
	margin-bottom:18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
pre {
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;
}
code {
	font:11px Monaco, monospace;
}
abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
ins {
	text-decoration:none;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left:0;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:20px;
	margin-right:0;
	text-align: left;
	width: 33%;
}



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

    Default
    
---------------------------------------------------------------*/

p, ul, ol, dd, pre {
    margin-bottom:22px;
}
pre, code {
	font:14px Monaco, monospace;
	line-height:22px;
}
blockquote {
    font-style:italic;
}
table {
    border:1px solid #ccc;
    border-width:1px 1px 0 1px;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}
caption {
    text-align:left;
}
tr {
    border-bottom:1px solid #ccc;
}
th, td {
    padding: .7em 1.25em;
}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:22px;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 18px 0;
}
#comments-list {
    padding:0 0 18px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin:0;
}
#comments-list ol {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 18px 0;
}
#comments-list li {
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:18px 1.5em 0 1.5em;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    background:#FFFFCC;
}
#comments-list ul li {
    border:1px solid #ccc;
    margin:0 0 18px 0;
}
#comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:36px;
    height:36px;
}
#comments-list .comment-author {
    font-weight:bold;
    padding:9px 0 0 46px;
}
#comments-list .comment-meta {
    color:#666;
    font-size:11px;
    padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #FF4B33;
}
.comment-reply-link {
    font-size:11px;
    padding:0 0 18px 0;
    text-align:right;
}
.comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #FF4B33;
}
.comment-navigation {
    font-weight:bold;
    padding:0 0 18px 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #FF4B33;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-9000px;
}
#respond {
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:18px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#FF4B33;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
}
.form-section input {
    margin:0 0 18px 0;
    width:98%;
}
.form-section textarea {
    width:99%;
}
#form-allowed-tags p {
    color:#666;
    font-size:11px;
    margin:0;    
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    line-height:normal;
}
.form-submit {
    padding:18px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:18px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}























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

    thaomusic Styles

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




/* BODY */

body {
    font-family: serif;
    font-size: 12px;
    color: #ccc;
    line-height: 18px;
    background: transparent url('images/Vintage05.jpg') repeat top left;
font-family: helvetica, Arial, sans-serif;
}

.hidden {
    display: none;
}


#main {

}



/* ANCHORS */

a:link {
  color: #ccc;
  text-decoration:none;
  font-weight: bold;
  }
  
a:visited {
  color: #ccc;
  text-decoration:none;
  font-weight: bold;
  }
  
a:hover {
  color: #405a6a;
  text-decoration:underline;
  font-weight: bold;
  }
  
a img {
  border: 0;
}

a.current_page_item {
    color: #405a6a;
}



/* WRAPPER */
#wrapper { 
    width: 1000px;
    margin: 0 auto;
    background:url(http://thaomusic.com/images/back_white.png) center top repeat-y;
}




/* HEADER */

#header {
    text-indent: -999999px;
    width: 1000px;
    height: 300px;
    background: transparent url('images/thao_header_1.jpg') no-repeat top left;
    cursor: pointer;
    margin-top: 5px;
}





/* MAIN */

#main {
    background: transparent url('images/back_white.png') repeat top left;
    margin-top: 5px;
}


/* CONTAINER */

#container {
    width: 700px;
    float: left;
    padding: 10px;
}



/* PAGE TITLES */
h1.entry-title {
    visibility: hidden;
}

#primary #text-8 h3.widgettitle {
    background: url('images/youremail.png') no-repeat top left;
    height: 21px;
    text-indent: -999999px;
    margin-bottom: 10px;
}

#index-top ul {
    margin: 0px;
}

.home #index-top h1.entry-title {
    background: url('images/inothernews.png') no-repeat top left;
    text-indent: -999999px;
    height: 31px;
}

.home #index-top {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}


.slug-about h1.entry-title {
    background: url('images/gettoknowus.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-contact h1.entry-title {
    background: url('images/wecanbereached.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-lyrics h1.entry-title {
    background: url('images/lyrics.png') no-repeat top left;
    text-indent: -999999px;
}


.slug-lyrics #knowbetter {
    background: url('images/knowbetter.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-lyrics #webrave {
    background: url('images/webrave.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-records h1.entry-title {
    background: url('images/recordings.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-tour h1.entry-title {
    background: url('images/wetravel.png') no-repeat top left;
    text-indent: -999999px;
}

.slug-we-support h1.entry-title {
    background: url('images/thesearethecauses.png') no-repeat top left;
    text-indent: -999999px;
}

/* CONTENT */

#content {
    padding-right: 70px;   
}

#content h2, h1.entry-title {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
    color: #405a6a;
    font-family: helvetica, Arial, sans-serif;
}

#content h2 a {
    color: #ffffff;

}

#content h3, #content h4, #content h5, #content h6 {
    color: #405a6a;
}

#content h3 {
    font-size: 14px;
    margin-bottom: 15px;
}


.post {
    border-bottom: 1px dashed #ccc;
    border-width: 90%;
    margin-bottom: 2em;
    clear: both;
}

.entry-utility, .entry-meta {
    display: none;
}

.navigation {
    padding-bottom: 40px;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}

.entry-content a {
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
}

#about_photos {
    margin: 0;
}

#about_photos li {
    padding: 10px;
    background: url('images/back_white.png') repeat top left;
    float: left;
    width: 155px;
    height: 151px;
}

.record {
    border:1px dashed #885D75;
    margin-bottom:15px;
    overflow:hidden;
    width:100%; 
    padding: 10px;
}

.record img {
    border: 3px solid #FFFFFF;
    float: left;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
/*    margin-top: 21px;*/
}

.record p {
    margin: 10px 0;
}

.record ol {
    list-style: decimal inside none;
    margin: 0;
}

#causes {
    margin: 0px;
    width: 100%;
}

#causes li {
    float: left;
    padding: 20px;
}


#content div.opener {
    margin: 20px 0;
}

#content div.opener h3 {
    margin-bottom: 0px;
}

#content h2.album_title {
    font-style: italic;
    margin-top: 2em;
}


#nav-above {
    display: none;
}

#content hr {
    width: 90%;
}

#about_video {
    margin-bottom: 22px;
}


/* COMMENTS */

#respond {
    background: transparent;
}

#form-allowed-tags {
    display: none;
}

#commentform input, #comment, #comments-list li.alt, #comments-list li {
    background-color: #405A6A;
    color: #fff;
}

#comments-list li.alt, #comments-list li {
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

#comments-list ol {
    border: none;
}

#comments-list .comment-meta, #comments-list .comment-meta a {
    color: #ccc;
}




/* PRIMARY ASIDE */

#primary {
    width: 260px;
    float: left;
    padding: 10px;
}

#primary ul {
    margin: 0;
}

#email_form {
    border: 1px solid #fff;
    padding-bottom: 5px;
    padding-left:7px;
    padding-top:10px;
}

#email_form p {
    margin: 0;
}

.wpcf7-text {
    width: 237px;
}

#flexipages-6, #text-9 {
    display: none;
}


#flexipages-6 {
    margin-top: 10px;
}

#text-9 {
    margin-top: 22px;
}

#flexipages-6 ul li a:link, #flexipages-6 ul li a:visited,
#text-9 div ul li a:link, #text-9 div ul li a:visited {
    font-family: "Arial Narrow", arial, sans-serif;
    font-size: 24px;
    font-weight: bold; 
    color: #fffeff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
}

#flexipages-6 ul li a:active, #flexipages-6 ul li a:hover,
#text-9 div ul li a:active, #text-9 div ul li a:hover {
    color: #405a6a;
    text-decoration: none;
    
}


/* SECONDARY ASIDE */

#secondary {
    clear: both;
    width: 1000px;
    text-indent: -999999px;
    height: 0px;
}

#secondary ul {
    margin: 0;
}




/* FOOTER */

#footer {
    clear: both;
    width: 1000px;
    margin-bottom: 55px;
    background-image:url("images/back_bottom.png");
}

#footer ul {
    margin: 0;
}