/*

THEME NAME: Sandbox

THEME URI: http://www.plaintxt.org/themes/sandbox/

DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists

VERSION: 1.6.1

AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>

AUTHOR URI:

TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer

*/



/* Two-column with sidebar on left from the /examples/ folder  */

@import url('examples/2c-r.css');
@import url('inlineplayer.css');




/* TYPOGRAPHY */

body {

background-color:#60575E;

background-attachment: fixed;

font-family: Helvetica, Arial, sans-serif;

}



p {

font-size: 11px;

font-weight: normal;

line-height: 17px;

letter-spacing: .6px;

margin-bottom: 0px;

color: #636467;

}



h2 {

font-size: 20px;

font-weight: bold;

line-height: 14px;

letter-spacing: -.5px;

margin-bottom: 4px;

color: #AAA88F;

}



div#social-networking h3, h3 a, ul.gigpress-listing {

font-size: 14px;

font-weight: bold;

line-height: 15px;

letter-spacing: 0px;

margin-bottom: -6px;

color: #636467;

position: static;

}

h3#past_shows {

font-size: 14px;

font-weight: bold;

line-height: 15px;

letter-spacing: 0px;

margin-bottom: -6px;

color: #636467;

position: static;

}



h4 {

font-size: 12px;

font-weight: bold;

line-height: 18px;

letter-spacing: -.25px;

color: #4D4D4D;

}



.entry-date {

font-size: 12px;

font-weight: bold;

line-height: 18px;

letter-spacing: -.25px;

color: #4D4D4D;

}





/* LINKS */

a {

font-size: 11.5px;

font-weight: normal;

line-height: 17px;

letter-spacing: .6px;

text-decoration: none;

color: #C84F00;

color: #4D4D4D;

}



a:hover,

h2 a:hover {

text-decoration: underline;

}



.entry-title a {

font-size: 12px;

font-weight: bold;

line-height: 18px;

letter-spacing: -.5px;

text-transform:uppercase;

text-decoration: none;

color: #4D4D4D;

}



p a {

font-weight: bold;

}



a img {

border:0;

}



.comments-link a {

font-size: 8pt;

font-weight: bold;

}





/* MAIN CONTENT */

body {

height:100%;

}



div#wrapper,

div#container,

div#content {

min-height: 100%;

height: auto !important;

height: 100%;

}



div#header,

div#menu,

div.skip-link,

li#categories,

li#archives,

div#secondary,

div#footer {

display:none;

}


div#content {

background-color:#fff;

position:absolute;

width:400px;

left:176px;

top:176px;

padding: 5px 20px 5px 20px;

}



div#content .page {

padding-top: 20px;

padding-bottom: 20px;

}



div#social-networking {

padding-bottom:20px;

}



.social_icon {

position:relative;

top:3px;

}



div#social-networking,

div#gigs {

border-bottom:3px double #636467;

margin-bottom:4px;

}



div#gigs {

padding-bottom:20px;

}



.news-heading {

margin-bottom:10px;

}



.entry-date,

.post,

.entry-title,

.entry-content {

display:inline;

}



.post .entry-content p {

display:inline;

}



.author,

.cat-links,

.edit-link,

.meta-sep {

display:none;

}



.entry-meta {

border-bottom:1px solid #636467;

padding:0px 0px 13px 0px;

margin-bottom:17px;

}













/* NAV */

#title {

position:absolute;

left:633px;

top:176px;

width:52px;

height:267px;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/title.png');

}



#navhome {

width: 111px;

height: 30px;

border-color: none;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/home.png');

background-position:left top;

}



#navhome:hover{

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/home.png');

background-position:left bottom;

}



#pages li a {

height:30px;

width:111px;

display:block;

}



#pages li a span {

position:absolute;

left:-10000px;

}







/* EMAIL FORM */

.phplist {

background-color:#AAA88F;

width:430px;

position:fixed;

left:176px;

top:0px;

height:34px;

padding: 10px 5px 0px 5px;

}



.required { 

font-size: 11px;

font-weight: normal;

letter-spacing: .6px;

margin-bottom: 0px;

color: #fff;

padding-right: 5px;

}



#contactsubmit,
#at_a_loss_form_submit {

border:1px solid #636467;

height: 25px;

width: 50px;

}

#contactsubmit {
	position: relative;
	left: 379px;
	top: -24px;
}



/* shown when confirmation message appears */

h3 {

color:#fff;

position: relative;

left: 180px;

}


.at_a_loss_form {
	
}

.at_a_loss_form_label {
	font-size: 12px;

	font-weight: bold;
	
	line-height: 18px;
	
	letter-spacing: -.25px;
	
	color: #4D4D4D;

}

#at_a_loss_form_submit {
	border:1px solid #636467;
	height: 24px;
	width: 36px;
}




/*SHOWS page*/

.page-item-2 {

width: 111px;

height: 30px;

border-color: none;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/shows.png');

background-position:left top;

}



.page-item-2:hover{

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/shows.png');

background-position:left bottom;

}















/*MUSIC page*/

.page-item-10 {

width: 111px;

height:30px;

border-color: none;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/music.png');

background-position:left top;

}



.page-item-10:hover{

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/music.png');

background-position:left bottom;

}

.pageid-10 h4 {

font-size: 12px;

font-weight: bold;

line-height: 18px;

letter-spacing: -.5px;

text-transform:uppercase;

text-decoration: none;

color: #4D4D4D;
}

.pageid-10 table {

margin-top: 12px;

}

.pageid-10 table, 
.pageid-10 table a {

font-size: 11px;

font-weight: normal;

line-height: 17px;

letter-spacing: .6px;

margin-bottom: 0px;

color: #636467;
	
}

.pageid-10 table a {

font-weight: bold;

}

.musicTableText {

padding-left: 12px;

}



/*CONTACT page*/

.page-item-15 {

width: 111px;

height:30px;

border-color: none;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/contact.png');

background-position:left top;

}



.page-item-15:hover{

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/contact.png');

background-position:left bottom;

}


/* ABOUT PAGE */

.page-item-25 {

width: 111px;

height:30px;

border-color: none;

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/about.png');

background-position:left top;

}

.page-item-25:hover{

background-image: url('http://www.citystatesmusic.com/wp-content/themes/sandbox/images/about.png');

background-position:left bottom;

}


/* EVENED OUT PAGE */

.page-item-67 {
	display: none;
}

.pageid-67 p {
	margin-bottom: 12px;
}

a.continue {
	color: #00acee;
}






/* SIDEBAR */

div.sidebar {

padding-left:90px;

position:absolute;

left:614px;

top:176px;

width:111px;

height:150px;

}



div.sidebar h3 {

display:none;

}



div.sidebar ul {

list-style:none;

}



div.sidebar ul ul li {

list-style:none;

margin:0;

}



div.sidebar ul ul li a {

color:#ffffff;

text-decoration:none;

text-transform:uppercase;

}



div.sidebar ul ul li a:hover {

text-decoration:underline;

}

.entry-title,.entry-meta {

clear:both;

}



#nav-below {

width: 625px;

}



.nav-next {

float:right;

}







/* SPLASH PAGE */

.page-template-splash-php .sidebar, 

.page-template-splash-php #title,

.page-template-splash-php .phplist {

display:none;

}



.page-template-splash-php #lyrics {

background-color:transparent;

padding:0px;

margin:0px;

position:fixed;

left:176px;

top:173px;

}









/* PAGE */

.page #content {

padding-top:0;

}









/* SINGLE */

.single #nav-above {

margin-top: 14px;

border-top:3px double #636467;

padding:12px 0px 20px 0px;

}



.single #nav-above.nav-previous {

float:left;

}



.single #nav-above.nav-next {

float:right;

}



.single .post h2 {

display:block;

margin-bottom: 20px;

}



.single .entry-content {

margin-top:10px;

}



.single.post {

}



.single #nav-below {

display:none;

}



.single .entry-meta {

display:none;

}



.single #comments {

margin-top: 14px;

border-top:3px double #636467;

padding-top: 14px;

}



.single .meta-sep {

display:inline;

}







/* COMMENTS */

div.comments ul li {

font-size: 11px;

font-weight: normal;

line-height: 17px;

letter-spacing: .6px;

color: #636467;

border-bottom:1px solid #636467;

padding:0px 0px 0px 0px;

list-style: none;

}



#comments ul {

border: 0px 0px 0px 0px;

padding: 0px 10px 0px 10px;

}



#comments p {

font-size: 10.5px;

font-weight: normal;

line-height: 15px;

letter-spacing: .6px;

padding-bottom: 0px;

color: #636467;

padding: 0px 0px 13px 0px;

margin:-1px 0px 13px 0px;

border-bottom:1px solid #636467;

}



.avatar {

display:none;

}



.comment-author,

.comment-meta,

.comment-meta a {

display: inline;

font-size: 10.5px;

color: #AAA88F;

}



#comments h4 {

margin: 0px 0px -16px 20px;

}



#respond h4 {

margin: -3px 0px -1px 20px;

}



.comment-author a {

font-weight: bold;

}



.unapproved {

display: block;

}



form#commentform p {

color: #636467;

border: none;

margin: 0px 20px 10px 20px;

}



form#commentform a {

color: #636467;

font-weight: normal;

border: none;

margin-bottom: 10px;

}



form#commentform .form-label {

font-size: 11px;

font-weight: normal;

line-height: 17px;

letter-spacing: .6px;

padding-bottom: 0px;

color: #636467;

margin:1em 0 0;

}



form#commentform span.required {

background:#fff;

color:#c30;

}



form#commentform,form#commentform p {

padding:0;

}



input#author,input#email,input#url,textarea#comment {

padding:0.2em;

}



textarea#comment {

height:13em;

margin:0 0 0.5em;

overflow:auto;

width:98%;

}











/* GALLERY */

div.gallery {

clear:both;

height:180px;

margin:1em 0;

width:100%;

}



.alignright,img.alignright{

float:right;

margin:1em 0 0 1em;

}



.alignleft,img.alignleft{

float:left;

margin:1em 1em 0 0;

}



.aligncenter,img.aligncenter{

display:block;

margin:1em auto;

text-align:center;

}



p.wp-caption-text{

font-style:italic;

}



div.gallery dl{

margin:1em auto;

overflow:hidden;

text-align:center;

}



div.gallery dl.gallery-columns-1 {

width:100%;

}



div.gallery dl.gallery-columns-2 {

width:49%;

}



div.gallery dl.gallery-columns-3 {

width:33%;

}



div.gallery dl.gallery-columns-4 {

width:24%;

}



div.gallery dl.gallery-columns-5 {

width:19%;

}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {

float:left;

}



div#header,div#footer {

text-align:center;

}



input#author,input#email,input#url,div.navigation div {

width:50%;

}



div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {

margin:0;

padding:0;

}