/*  
Theme Name: st joes band
Theme URI: http://purposemakers.net
Description: st joes band
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



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

* div  {
  background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
  color:#eee;
  font-size:70%;
  font-family: Verdana, Arial, sans-serif;
  background: #111 url(img/grad_header_bg_01.gif) repeat-x left top;   
}

/* This class sets the width and position for all rows */
.inside{
  width:1000px;
  margin:0 auto;
}

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

a:hover { 
  color:#cc0033;
}

h1, h2, h3, h4{
  font-family: Georgia, "Times New Roman", Serif;
  font-size:20px;
  color:#cbaa6f;
  font-weight:normal;
  padding-top:10px;
  margin:0 0 20px 0;  
}

h2, h3{
  font-size:1.8em;
}

h4{
  font-size:1.5em;
  margin:0;
}

p{
  line-height:1.5em;
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 15px;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #555;
  color: #555;
  height:1px;
  border:0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header{
}

#header .inside{
  background: transparent url(img/header_bg_01.jpg) no-repeat right top;
}

#header h2, #header h4{ 
  font-size:2.25em;
  margin:0;
  padding:0;
  float:left;
}
#header h2 a { 
  text-decoration:none; 
  display:block;
  float:left;
  width:200px;
  height:220px;
  z-index:-10;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/st_josephs_logo_01.gif) no-repeat left top;
}

#header h4 a { 
  text-decoration:none; 
  display:block;
  float:left;
  width:70px;
  height:75px;
  margin:70px 0 0 0;
  z-index:-10;
  border:0;
  text-indent:-10000px;
}

#header h3{ 
  margin:40px 0 0 0;
  font-size:1.3em;
  font-weight:bold;
  padding:0;
  color:#ccc; 
}

#subscibe_form {
  float:right;
}

/*-----------------------------------------------------------------------------------------------
  Nav Styles
-----------------------------------------------------------------------------------------------*/

#navigation {
  height:20px;
  margin:190px 0 20px 20px; 
  width:780px;
  padding:0 0 5px 0;    
  float:left;
  background-color:#000;     
}

#navigation ul {

}

* html #navigation ul {
  width:780px;
}

#navigation li {
  float:left;
  margin:0 5px 0 0;
  padding:0;
  list-style:none;
}

#navigation a {
  display:block;
  color:#fff;  
  padding:7px 26px;
  font-weight:bold;
  background-color:#222;   
}

#navigation .no_sep { 
  padding:7px 15px 7px 10px;
} 

#navigation a:hover  {
  color:#cc0033;  
  background-color:#333;
}

#navigation li.current_page_item, #navigation li.current_page_parent {

}

#navigation li.current_page_item a, #navigation li.current_page_parent a {
  color:#cc0033;  
  background-color:#333;
}

#sub_nav {
  height:30px;  
}

#sub_nav li {
  float:left;
  margin:0;
  padding:10px;
  list-style:none;
}

#sub_nav li.current_page_item a {
  padding:0 0 0 10px;
  color:#ccc;  
}

#breadcrumb {
  padding:5px 0;
  clear:both;
}

#contact_info {
  float:right;
  padding:0;
  margin:25px 0 0 0; 
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
  text-align: left;

}

#primary .home {
  float:left;
  width:500px;
  padding:0 20px 20px 0;
}

* html #primary .home {
  width:480px;
}


#primary .primary {
  float:left;
  width:760px;
  padding:0 20px 20px 0;
}

* html #primary .primary {
  width:740px;
}

#primary .primary h1 a {
  font-weight:normal;
}

#primary .post{
  padding:0 0 1em 0;
}

#primary .entry img {
  padding:0 0 20px 20px;
}

#news_meta {
  padding:0.5em;
  margin:0 0 5em 0;
  background-color: #444;  
}

p.postmetadata {
  background-color: #444;
  padding:10px;
  font-weight:bold;
  font-family:Arail, Verdana, sans-serif;
  font-size: 90%; 
}

table.ec3_schedule {
  float:right;
}

li.alt {
  background-color: #343434;
  padding:10px 10px 0 10px;   
}

.contactform {
  margin:0 0 30px 0;
}

.contacterror {
  border:2px solid #F00;
}

.contacttext {
  float:left;
}

.ladies_link {
  padding:0 10px 0 10px;
  margin-top:-20px;
}

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#primary .secondary{
  float:right;
  width:250px;
  padding:0 0 20px 0;
  display:inline;
}

* html #primary .secondary{
  width:240px;
}

.secondary h1 {
  padding:0;
  margin:0;
}

.secondary h2 {
  padding:20px 0 0 0;
  margin:0;
}

.secondary ul {
  list-style-type:none;
  margin:0 0 20px 0;
}

.secondary ul li {
  list-style-type:none;
  margin:0;
  padding:0.8em 0;
  border-bottom:1px solid #eee;
}

#primary .secondary li.current_page_item a {
  color:#cfd0d2;
  background-color:#2f2f2f;
  padding:3px;
}

.grad_top_container {
  padding:0 0 20px 20px;
  margin:0;
}

.grad_top_container a {
  font-weight:normal;
}

.grad_top_container h1 a {
  color:#cbaa6f;
}

/*-----------------------------------------------------------------------------------------------
  Asides
-----------------------------------------------------------------------------------------------*/

#primary .asides{
  float:left;
  width:185px;
  padding:0 3em 20px 0;
  display:inline;
}

.asides h2 {
  margin:0;
}

.asides h3 {
  font-size:1em;
  padding:0;
  margin:15px 0 0 0;
}

.asides h3 a {
  text-decoration:none; 
  display:block;
  float:left;
  width:185px;
  height:30px;
  padding:8px 10px 5px 10px;  
  color:#000;
  background: #111 url(img/grad_bg_gold_01.gif) no-repeat left top;
}

.asides ul{
  margin:5px 0 5px 0;
}


/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  font-size:90%;
  clear:both;
  margin:0;  
  padding:20px 0 20px 30px;   
  border-top:1px solid #cbaa6f;
}

#footer a, #footer a{
  color:#fff;
  text-decoration:none;
}
#footer a:hover, #footer a:hover{
  color:#ccc;
}

#footer h5 {
  font-size:100%;
  padding:0 0 5px 0;  
}

#footer p {
  margin:0;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

a.rss {
  padding:0 0 5px 16px;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 1px;
}


/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

table {
  padding: 0;
  margin: 0 0 20px 0;
  border-collapse:collapse; 
  float:left;
  border-top: 1px solid #000;
  border-left: 1px solid #000;  
}

table.players {
  margin: 0 40px 40px 0;
}

* html table.players {
  margin: 0 20px 40px 0;
}


th {
  color: #eee;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  text-align: left;
  padding: 5px 5px 5px 10px;
  background-color: #444;
}

td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #333;
  padding:5px;
  color: #fff;
}

#primary .primary td h2 {
  margin-bottom:0;
}

#primary .primary td img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#wp-calendar table {
  font-family:Arail, Verdana, sans-serif;
  font-size:80%;
  padding: 0;
  margin: 0;
  width:100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-collapse:collapse; 
}

#wp-calendar table a:link, #wp-calendar table a:visited {
  font-weight:bold;
  color: #fff;  
}

#wp-calendar caption {
  font-size: 120%;
  padding:0 0 15px 0;
  text-align:left;
}



#wp-calendar table a.eventday:link  {
  color:#fff;
  padding:2px 4px;
  background-color: #cbaa6f;
  text-decoration:none;
  font-weight:bold; 
}

#wp-calendar table a.eventday:visited  {
  color:#fff;
  padding:2px 4px;
  background-color: #000;
  text-decoration:none;
  font-weight:bold; 
}

#wp-calendar table a.eventday:hover  {
  color:#fff;
}

#wp-calendar #today {
  background-color: #555;
}

#wp-calendar #today a:link, #wp-calendar #today a:visited {
  text-decoration:underline;  
  color:#fff;
  font-weight:bold;  
}

.contactleft {
  margin:15px 0 5px 0;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}