/*  
Theme Name: Treelines
Description: 
Version: 2.0
Author: Matthew Lockhart
Author URI: http://www.treelinesmusic.com
Changes: fixed sidebar to remove theme-switcher is now located in sidebar.php
and fixed images in post
*/

* {margin: 0; padding: 0;}
body { background-color: #654435; background-image: url(images_new/backgroundimg.jpg); background-position:center; background-repeat: repeat-y; font-family:Lucidia Sans, Helvetica, Arial, sans-serif; font-size: 90%; margin: 0 0 0 0; padding: 0; }
#wrap { width: 1200px; margin: 0px auto; padding: 0; background:transparent; }

#head { height: 260px; width: 1200px; padding: 0; background-image: url(images_new/header-1.png); display: block;}
.headwrap { height: 100px; width: 400px; padding-left: 675px; padding-top: 115px; }

#title a:link, #title a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent }
#title a:hover { color: #FFFFFF; background-color: transparent; text-decoration: none; }
#desc { padding: 0px 20px 0px 10px; margin: 0 10px; text-align: left; }

#leftwrap {width: 300px; margin: 0 0 0 0; padding: 0 0 0 0; background-image: url(images_new/sidebar-1.png); display: block;}

#left { width: 250px; margin: 0 0 0 0; padding: 180px 0 0 0; position: relative;}
#left h2 { margin: 0; padding: 10px; font-size: 1.35em; text-transform: uppercase; background-color: transparent; color: #FFFFFF; }
#left a:link, #left a:visited {font-family: Helvetica, Arial, sans-serif; color: #654435; background-color: transparent; font-size: .75em; font-weight: bold; text-decoration: none; }
#left a:hover { color: #FFFFFF; background-color: transparent; text-decoration: none;}
#left ul { margin: 0 0 0 0; padding: 5px 5px 10px 5px; }
#left ul li { list-style-type: none; margin: 0 0 0 0; padding: 0; }
#left ul ul li { list-style-type: none; color: #FFFFFF; margin:0 0 0 0; padding: 0; }
#left ul.children { margin: 0 0 0 0; padding: 0; }
#left ul.children li { margin: 0 0 0 0; padding: 0; }

#mailing { width: 300px; margin: 20px 0 0 0; background-image: url(images_new/mailinglist.png); display: block}
#mailing .table {padding: 50px 0 30px 35px; }

#contentwrap {float: right; width: 900px; margin: 0 0 0 0; padding: 0 0 0 0;}

#content { float: right; width: 810px; margin: 0 15px 0 35px; background: rgba(101, 68, 53, 0.2); padding: 20px 20px 0 20px; } 
#content .post p { padding: 10px 0 15px 0; color: #FFFFFF; }
#content .post blockquote { padding-top: 0px; padding-bottom: 0px; color: #FFFFFF; }
#content ul { margin: 0px; padding: 0 5px 0 40px; color: #FFFFFF: }
#content li { list-style-type: disc;  color: #FFFFFF; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content ol { margin: 0px; padding: 0 5px 0 40px; }
#content ol li { list-style-type: none;  color: #FFFFFF; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content img { display: inline; border:1px solid #654435; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }


#foot { clear: both; width: 1200px; height: 30px; background-image: url(images_new/footer.jpg);} 
#foot p { font-size: 0.75em; font-weight: bold }

#commentlist { color: #654435; margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin: 10px 0px 10px 0px; padding: 5px 15px 0px 15px; border: 1px solid #654435; color: #654435; }
#commentlist p { color: #FFFFFF; margin: 0px; padding: 10px 5px; }
#commentlist .commentmeta { color: #FFFFFF; font-weight: bold; margin-bottom: 5px; font-size: 0.75em; }
#commentlist .alt {  border-color: #FFFFFF; }
#commentlist blockquote { border: 1px solid #654435; }
#commentlist .alt blockquote { border-color: #654435; }
#commentform p { color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0px; }
#commentform textarea { color: #FFFFFF; width: 350px; }

.mailing {padding: 400px 0 0 0; }


.meta { margin: -2px 0px 0px 0px; padding: 0; font-size: 0.75em; font-weight: bold; }

.postmetadata { color: #654435; font-size: 0.75em; font-weight: bold; text-align: center; border-bottom: 1px dotted #654435;  }

p {color: #FFFFFF;}
a:link, a:visited { color: #654435; background-color: transparent; text-decoration: none; }
a:hover {  color: rgba(101, 68, 53, 0.2); }
blockquote { background-color: transparent; color: transparent; margin-left: 10px; margin-right: 15px; padding: 5px 20px 5px 30px; }
h1 { font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase; margin: 0; padding: 2px 0 2px 0; background-color: transparent; color:#654435;  font-size: 1.35em; }
h1 a:link, h1 a:visited { color: #654435; background-color: transparent; text-decoration: none;}
h1 a:hover { color: rgba(101, 68, 53, 0.2); text-decoration: none; background-color: transparent; }
h2 { background-color: transparent; color:#654435;  font-size: 1.0em; font-family:Helvetica, Arial, sans-serif; } 
h3 { background-color: transparent; color:#FFFFFF;  font-size: 1.0em; font-family:Helvetica, Arial, sans-serif;} 
h4 { background-color: transparent; color:#654435;  font-size: 1.0em; font-family:Helvetica, Arial, sans-serif;}
h5 { background-color: transparent; color:#654435;  font-size: .80em; margin-top: 4px; font-family:Helvetica, Arial, sans-serif;}
form { color: #654435; margin: 0px; padding: 0px; }
form input, form textarea, form submit { color: #654435; border: 1px solid #654435; background-color: #654435; }


img.centered {display:block; margin: 0 auto 5px auto; padding:2px; }

img.alignright { display: inline; border:1px solid #654435; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.alignleft { display: inline; border:1px solid #654435; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.border { border:1px solid #654435; padding:2px; }

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

.alignright { float:right; text-align:right; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fright {float: right;}





#social {float: right; width: 900px; height: 25px; padding-top: 0px;  background-image: url(images_new/content-1.png); }

/*SOCIAL MENU*/
#social li { list-style-type: none; float: right; position: relative; }

a.facebook { position: relative; display: block; width: 25px; height:25px; background-image: url(images_new/social.png); background-position: 0px 0px; }
a:hover.facebook { position: relative; display: block; width: 25px; height:25px; background-position: 0px -25px; } 

a.myspace { position: relative; display: block; width: 25px; height:25px; background-image: url(images_new/social.png); background-position: 100px 0px; }
a:hover.myspace { position: relative;display: block; width: 25px; height:25px; background-position: 100px -25px; }

a.twitter { position: relative; display: block; width: 25px; height:25px; background-image: url(images_new/social.png); background-position: 75px 0px; }
a:hover.twitter { position: relative; display: block; width: 25px; height:25px; background-position: 75px -25px; }

a.youtube { position: relative; display: block; width: 25px; height:25px; margin-right: 15px; background-image: url(images_new/social.png); background-position: 50px 0px; }
a:hover.youtube { position: relative; display: block; width: 25px; height:25px; margin-right: 15px; background-position: 50px -25px; }


#menu {float: right; width: 900px; height: 40px; padding-top: 0px; background-image: url(images_new/content-2.png); }

/*NEW NAVIGATION MENU*/
#nav li {display: inline; list-style-type: none; float: right; position: relative; }

li.home a { position: relative; display: block; width: 157px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 0px 0px; }
li.home a:hover { position: relative; display: block; width: 157px; height: 40px; background-position: 0px -40px; }
li.home a.active { position: relative; display: block; width: 157px; height: 40px; background-position: 0px -40px; }

li.music a { position: relative; display: block; width: 134px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 693px 0px; } 
li.music a:hover { position: relative; display: block; width: 134px; height: 40px; background-position: 693px -40px; } 
li.music a.active { position: relative; display: block; width: 134px; height: 40px; background-position: 693px -40px; } 

li.photos a { position: relative; display: block; width: 134px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 559px 0px; } 
li.photos a:hover { position: relative; display: block; width: 134px; height: 40px; background-position: 559px -40px; } 
li.photos a.active { position: relative; display: block; width: 134px; height: 40px; background-position: 559px -40px; } 

li.videos a { position: relative; display: block; width: 134px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 425px 0px; } 
li.videos a:hover { position: relative; display: block; width: 134px; height: 40px; background-position: 425px -40px; } 
li.videos a.active { position: relative; display: block; width: 134px; height: 40px; background-position: 425px -40px; } 

li.store a { position: relative; display: block; width: 134px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 291px 0px; } 
li.store a:hover { position: relative; display: block; width: 134px; height: 40px; background-position: 291px -40px; } 
li.store a.active { position: relative; display: block; width: 134px; height: 40px; background-position: 291px -40px; } 

li.info a { position: relative; margin-right: 15px; display: block; width: 157px; height: 40px; background-image: url(images_new/navmenu-1.png); background-position: 163px 0px; } 
li.info a:hover { position: relative; margin-right: 15px; display: block; width: 157px; height: 40px; background-position: 163px -40px; }
li.info a.active { position: relative; margin-right: 15px; display: block; width: 157px; height: 40px; background-position: 163px -40px; }


acronym { cursor: help; }




/*GIGPRESS Styles*/

/* By default this is an h3 that appears above each artist's list of shows */
h3.gigpress-artist-heading  {	
}

/* This span contains the RSS and iCal links for the artist */
span.gigpress-artist-subscriptions {
	margin-left: 5px;
	float: right;
}

/* Default wrapper for the year/month menu */
.gigpress-menu-container {
	padding: 5px 0;
	text-align: right;
}

/* Meet the table that displays our shows */
.gigpress-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 0.5em 0 1em 0;
}

/* This is for the main header cells containing the column labels */
tr.gigpress-header th {
	font-weight: bold;
	font-size: 1.15em;
}

/* Generic class for the table header cells */
.gigpress-table th {
	padding: 15px 0px;
	vertical-align: middle;
	text-align: left;
}

/* This is for the tour name header cells */
th.gigpress-heading {
	background-color: #EEE;
}

/* This is for the tour name headings, whichever one you're using */
th.gigpress-heading h1, th.gigpress-heading h2, th.gigpress-heading h3, th.gigpress-heading h4, th.gigpress-heading h5 {
	margin: 0;
}

/* Applies to all cells in the table */
.gigpress-table td {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
}

/* Applies to the first row of each show listing */
.gigpress-row td {
	border-top: 1px dotted #FFF;
}

/* To set an alternating row style */
tr.gigpress-alt { 
}

/* Individual classes for the label header cells that start the table */
th.gigpress-date { color: #FFFFFF; font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase;
}

th.gigpress-artist {  color: #FFFFFF; font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase;
}

th.gigpress-city {  color: #FFFFFF; font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase;
}

th.gigpress-venue {  color: #FFFFFF; font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase;
}

th.gigpress-country {  color: #FFFFFF; font-family: "Palatino Linotype", Palatino, serif; text-transform: uppercase;
}

/* Likewise, individual classes for the content cells */
td.gigpress-date {  color: #FFFFFF;
}

td.gigpress-artist {  color: #FFFFFF;
}

td.gigpress-city {  color: #FFFFFF;
}

td.gigpress-venue {  color: #FFFFFF;
}

td.gigpress-country {  color: #FFFFFF;
}

/* Style for rows within a tour */
tr.gigpress-tour td {
	
}

/* Style for the first row after a tour ends in the list */
tr.divider.gigpress-row td {
	border-top: 2px solid #FFF;
}

/* The secondary row for each show, contains time, admission, etc */
tr.gigpress-info td {
	font-size: 90%;
	color: #FFF;
}

/* Fix for themes that hide .description */
tr.gigpress-info td.description {
	visibility: visible;
}

/* Greys-out cancelled shows */
tr.gigpress-row.cancelled, tr.gigpress-info.cancelled, tr.cancelled span.gigpress-info-label, tr.cancelled span.gigpress-info-item {
	color: #999;
}

/* This wraps each of the bits of info in the "info" cell */
span.gigpress-info-item {
}

/* For the labels for address, admission, etc in the "info" cell */
span.gigpress-info-label {
	color: #FFF;
	font-size: .85em;
}

/* In case you want to style the "Buy Tickets" link */
a.gigpress-tickets-link {
	font-weight: bold;
	text-transform: uppercase;
}

/* Notices for Cancelled or Sold Out shows */
strong.gigpress-cancelled, strong.gigpress-soldout {
	text-transform: uppercase;
	font-weight: bold;
	padding: 1px;
	color: #111;
	background: #fffdeb;
	border: 1px solid #EEE;
	background: #111;
	color: #FFF;
	border: none;
}

/* In case you want to style the Googlefied address link */
a.gigpress-address {
}


/* These styles control the peek-a-boo "add" links to iCal and Google Calendar. Behaviour dictated by a separate jQuery script. */
td.gigpress-links-cell {
	vertical-align: top;
}

.gigpress-calendar-add {
	position: relative;
}

a.gigpress-links-toggle {
	display: block;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	background: transparent url(../images/calendar-toggle.png) no-repeat left top;
	cursor: pointer;
}

a.gigpress-links-toggle:hover {
	background-position: -11px 0px;
}

a.gigpress-link-active {
	background-position: -33px;
}

a.gigpress-link-active:hover {
	background-position: -22px;
}

div.gigpress-calendar-links {
	display: none;
	position: absolute;
	left: 20px;
	top: -1.2em;
	width: 15em;
	padding-left: 7px;
	background: transparent url(images_new/calendar-links-bg.png) no-repeat left center;
}

.gigpress-calendar-links-inner {
	background-color: #F3F3F3;
	padding: 6px 8px;
	font-size: .85em;
	line-height: 16px;
	border: 1px solid #FFF;
	border-width: 1px 1px 1px 0;
}

div.gigpress-calendar-links span {
	display: block;
}

/* These are for the RSS/iCal subscribe links */
p.gigpress-subscribe {
	text-align: left;
	color: #999;
}

p.gigpress-subscribe a {
	display: inline-block;
	text-indent: -9999px;
	width: 12px;
	margin: 0 3px;
}

a.gigpress-rss, a.gigpress-rss:hover {
	background: transparent url(images_new/feed-icon-12x12.png) no-repeat left center;	
}

a.gigpress-ical, a.gigpress-ical:hover {
	background: transparent url(images_new/icalendar-icon.gif) no-repeat left center;	
}




/* These styles are for the SIDEBAR listing */

/* This is the unordered list that holds the dates */
ul.gigpress-listing {
}

/* Generic styles for the list items within */
.gigpress-listing li { font-size: 0.85em;
}

/* For artist headings in the sidebar */
h3.gigpress-list-artist-heading {
}

/* For tour headings in the sidebar */
span.gigpress-list-tour-heading {	
	font-weight: bold;
	font-size: 110%;
}

/* So if you like you can style each alternating list item differently */
li.gigpress-alt {
}

/* So if you like you can style the date differently */
span.gigpress-sidebar-date {
	font-weight: bold;
	display: block;
	font-size: 110%;
	padding-top: 5px;

}

/* Sold Out shows in the sidebar */
ul.gigpress-listing strong.gigpress-soldout {
	display: block;
}


/* These styles control the Related Show list that appears in the body of Related Posts */
ul.gigpress-related-show {
	margin-bottom: 2em;
}

.gigpress-related-label {
	font-weight: bold;
}

.gigpress-related-item {
}


/* This is just to include data for hcalendar support, but hide it from view */
.hide {
	display: none;
}

/* Stop Firefox from underlining our abbreviated dates */
abbr {
	border: none;
	text-decoration: none;
	font-size: 100%;
}