/*
Theme Name: Skiffle
Theme URI: http://wordpress.org/
Description: Michelle Perkins Kowaleski design for Skiffle Minstrels website
Version: 1.0
Author: Michele Perkins Kowaleski
Tags: fixed width, two columns


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: white;
	color: #000000;
	text-align: center;
	}

body {
	margin: 0 0 0 0;
	padding: 0;
	}

#page {
	background-color: white;
	padding: 0;
	width: 1004px;
	text-align:center;
	margin: 20px auto;
	}


#leftside {
background-color: white;
float:left;
width:310px;
text-align:right;



}



img {
border:none;
}


a {
text-decoration:none;
color:#000000;
font-weight:bold;
}

a:hover{
  text-decoration:underline;
  }

#rightsideheader{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float:left;
}

.song {
font-family:Arial, sans-serif;
font-size:1em;
 padding: 10px 0px 0px 0px;
 line-height:1.5;
 text-align:left;
 }
 
#reviews_table {
  width:600px;
 margin: 50px 0 20px 0;

}
 
.reviews_logo {
width: 115px;
align:left;
vertical-align:top; 

 
 
 }
 
.reviews_text {
width: 440px;
align:left;
vertical-align:top; 
 font-family:Arial, sans-serif;
font-size:1em;
 line-height:1.5;
 width:580px;
 padding-bottom:30px;
 
 }


#rightside {
  border-left:3px solid black;
	float:left;
	width:690px;

}
#content {
	margin: 0 0 0 0;
  width:600px;
	text-align:left;
	float:left;
  padding: 0px 0px 0px 30px;
 
  }
  
#blog_content {
	float: left;
	padding: 0px 0px 0px 30px;
	margin: 30px 0 0 0;
	width: 600px;
	text-align:left;


}
  

 
.trio {
width:660px;
padding:0 0 0 0;

}

.trio_pics{
margin: 6px 6px 6px 6px;
}  
.bio_wrapper {
font-family:Arial, sans-serif;
font-size:1em;
 padding: 15px 0px 0px 0px;
 line-height:1.5;
 text-align:left;
 } 
  
  
.bio_name {
  font-weight:bold;
  }
  
 .bio_role {
 font-style:italic;
 }
 
  


# {
	font-size: 1.2em
	}


.italic {
font-style:italic;
}




#calendar_content{
	float: left;
	padding: 0px 0px 0px 30px;
	margin: 30px 0 20px 0;
	width: 600px;
	text-align:left;
	height:600px;
  overflow:auto;

}

#calendar_content a {
text-decoration:underline;
color:rgb(86,7,28);

}

#calendar_content a:hover {
font-style:italic;

}

#admin_table{
	border-width:2px;
	border-color:rgb(86,7,28);
}

.date_cell{

	width:200px;
	border-width:2px;
	border-color:rgb(86,7,28);
	text-align:left;
	vertical-align:top;
}

.venue_cell{

	width:320px;
	border-width:2px;
	border-color:rgb(86,7,28);
	text-align:left;
	vertical-align:top;
}

.event_venue{
	color:rgb(86,7,28);
	font-size:12px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
}

.event_date{
	color:rgb(86,7,28);
	font-size:12px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;

}

.event_address{
	color:rgb(0,0,0);
	font-size:12px;
	font-family:Times New Roman, Times, serif;

	
}

.event_desc{
	color:rgb(86,7,28);
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	
}

.event_divider_cell{

}

.event_timeStr{
		color:rgb(0,0,0);
	font-size:12px;
	font-family:Times New Roman, Times, serif;

}
	

#calendar_table{
	cell-spacing:1px;
	cell-padding:5px;
	
}

.past_dates_header{
	font-size:18px;
	font-family:Arial, Verdana, sans-serif;
	color:#000000;
	text-decoration:underline;
	text-align:left;
	height:30px;
}

.form_label{
	width:150px;
	text-align:right;
}

.form_control{
	text-align:left;
}




#list_form  {text-align:left;
              width:400px;
               padding-top:30px;
                padding-bottom:30px;
                padding-left:12px;
                margin-left:12px;
                margin-top:30px;
                font-size:10px;
                border:1px solid black;}

table.list_form{
 
}
        
td.list_label {text-align:right;
            width:120px;
            font-size:12px;
            }
            
td.list_field {text-align:left;}

td.list_button  {text-align:center;
                  padding-top:10px;}
                  
                  
                  
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="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 */            
                  
            
            
 .postmetadata {
	text-align: center;
	clear:both;
	}
  
  
  .entry{

  clear:both;
  }
  
 .post {
	margin: 0 0 40px;
	text-align: justify;
	clear:both;

	}
  
  
#blog_content a{
color:#8a0202;

}
     
  
        
.navigation {
margin: 0 0 25px 0;

}