/*  Theme Name: Spirit Gymnastics Based on Sliding Door theme by Wayne Connor (http://mac-host.com/slidingdoor/)
Description: Custom theme for Spirit Gymnastics, MN.
Author: Matthew Hansen (mattimeo.com),mhansen.ce@gmail.com Web Developer*/
* { margin: 0; padding: 0; list-style: none; }

body 
{
	text-align: center;
	color: #FFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #000;  /* Change to alter background color */
}

body h1 
{
	font-size: 1.8em;
	text-align: left;
	text-indent: 10px;
	background: url(img/bg_caption.gif) left top;
	height: 40px;
	color: #FFFFFF;
	border:6px solid #242424;
	padding-top:8px;
	padding-bottom:4px;
}

body h2 a {color:#ED0000;}

#upperBar {height: 0px;background: #01bcff;}
#wrapper {width: 940px;margin: 0 auto;text-align: left;position: relative;}
#welcomeheading {text-align: center;}
.description {text-align: center;font: normal 14px Verdana, Helvetica, Sans-serif;color: #FFF;padding-bottom: 20px;}  
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}

#content {float: right;text-align: left;width: 81%;margin-top: 0px;}
#content .post h1 {background: url(img/bg_caption.gif) left top;}
#content h2 a {color:#ED0000;}
#content p a {color:#ED0000;}
#content p a:hover {color:#FF3833;} 

#content .post {
	float: left;
	position: relative;
	width: 100%;
}

#content .rtop, .rbottom{display:block; background:black;}
#content .rtop *, .rbottom *{display: block; height:1px; overflow: hidden; background-color:#242424;}
#content .r1{margin: 0 5px}
#content .r2{margin: 0 3px}
#content .r3{margin: 0 2px}
#content .r4{margin: 0 1px; height: 2px}	
	
#content .post p {
	margin-top:6px;margin-bottom:6px;
}

#content .post hr {
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}

#content .post a {
	margin-bottom: 1.2em;
	color:#ED0000;
}

#content .post h3 {
	font-size: 16px;
	font-weight: bold;
	color:white;
}

#content .post h3 a {
	color:#FF3300;
}              

#content .post h3 a:hover {
	text-decoration: none;
	color:#FF3833
}

#content .post-details {
	bottom: 20px;
	position: absolute;
	right:  0px;
	width: 120px;
}

#content p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 10px;
	color:white;
	background-color:black;
	text-align: center;
}

#content .post ul {margin-left: 7px;}
#content .post ul li {list-style-type: none;}
#content .post li {margin-top: 4px;margin-bottom: 4px;}
#content .post td a{color:#CC0000;text-decoration:underline;}

#content p,
#content .post ul li {
	font: normal 14px/20px Verdana, Helvetica, Sans-serif;
	margin-bottom: 4px;
	margin-top: 4px;
	text-align: justify;
	margin-right: 6px;
}

#content blockquote {
	margin-left: 10px;
	border-left: 3px solid #333;
	padding-left: 10px;
}

#content address { 
	font-family: Times, Sans-serif;
	text-decoration:none; 
	margin-top:2px;
	margin-bottom:2px;
	margin-left:64px;
}

#content small {
    margin: 0 auto;
    text-align: center;
    display: block;
    border-top: 3px solid #333;
    border-bottom: 1px solid #333;
    font-size: 11px;
	color:white;
	background-color:black;
}

#content ol {line-height: 1.6;}

#content h3 {
	color:white;
}

#content .nextprevious {
	height: 40px;
	display: block;
} 

#content .nextprevious a {
	color:#FE0000;
	background-color:black;
}               

#content .nextprevious .left {float: left;}              
#content .nextprevious .right {float: right;}

#content table tbody tr td a {Color: #000000}

#footer {
	width: 100%;
	float:right;
	vertical-align:bottom;
	padding-top: 8px;
	text-align: center;
	color:white;
	background-color:black;
}

#footer a {
	width: 100%;
	float:right;
	vertical-align:bottom;
	text-align: center;
	color:#ED0000;
	background-color:black;
}

#footer a:hover {
	color:#FF3833;
}

.sidebar {text-decoration:none; color:white;background-color:#242424;width: 18%;float: none;text-align: left;margin-top:5px;	} 
.sidebar a {text-decoration:none;}
.sidebar h2 
{
	color:white; 
	background:url('images/sidebar_h2.jpg'); 
	font-weight: bold; 
	font-size: 16px; 
	padding-left: 4px; 
	padding-top:3px; 
	padding-bottom:2px;
	margin-bottom: 2px; 
	margin-top: 8px; 
	border-top:2px solid #1F1B1B; 
	border-bottom:2px solid #1F1B1B;
}
.sidebar {text-decoration:none; color:white;background-color:#242424;width: 18%;float: none;text-align: left;margin-top:5px;	} 
.sidebar a {text-decoration:none;}
.sidebar h2 {color:white; background-color:#821A1A; font-weight: bold; font-size: 16px; padding-left: 4px; padding-top:3px; padding-bottom:2px;margin-bottom: 2px; margin-top: 8px; border-top:2px solid #1F1B1B; border-bottom:2px solid #1F1B1B;}
.sidebar a h2:hover {background-color:#922626;}
.sidebar h3 {color:#A6A6A6;font-weight:bold;font-size: 13px;padding-top:2px; padding-left:4px;}
.sidebar li {color:white; background-color:#242424; font-size: 12px;}
.sidebar li a {color:white; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-left:4px; margin-top:0px; margin-bottom:2px; padding-right:2px;border-style:solid;border-width:1px;border-color:#242424}	
.sidebar a li {color:white; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-left:4px; margin-top:0px; margin-bottom:2px; padding-right:2px;}
.sidebar span {border-style:solid; border-width:1px; border-color:#242424; display:block;}
.sidebar span:hover {border-style:solid; border-width:1px; border-color:#821A1A; display:block;}
.sidebar li:hover {color:white;background-color:#333333;}
.sidebar li:hover a{color:white;background-color:#333333;border-style:solid;border-width:1px;border-color:#821A1A;}	
.sidebar span a:hover{color:white;background-color:#333333;}
.sidebar a:hover {color:white;background-color:#333333;}
.sidebar span:hover {color:white;background-color:#333333;}
.sidebar span:hover a{color:white;background-color:#333333;}
.sidebar span li:hover{color:white;background-color:#333333;}
.sidebar span:hover li a{color:white;background-color:#333333;}
.sidebar span:hover h3{background-color:#333333;}
.sidebar span:hover h3 a{background-color:#333333;}
.sidebar span h3:hover{background-color:#333333;}
.sidebar span h3:hover a{background-color:#333333;}
.sidebar span:hover li{color:white;background-color:#333333;}
.sidebar span:hover li a{color:white;background-color:#333333;}
.sidebar span li:hover{color:white;background-color:#333333;}
.sidebar span li:hover a{color:white;background-color:#333333;}
.sidebar a img{display:block;}

#content .sidebar2 li {
	color:white;
	background-color:#242424;
	font-size: 11px;
	padding-left: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#242424;
}

#content .sidebar2 li a {
	color:white;
	text-decoration:none;
	display:block;
	margin-bottom:0px;
}

#content .sidebar2 li:hover {
	color:white;
	background-color:#333333;
	border-style:solid;
	border-width:1px;
	border-color:#821A1A;
}

#content .sidebar2 li:hover a{
	color:white;
	background-color:#333333;
}

#content .sidebar2 li a {
	color:white;
	text-decoration:none;
	display:block;
	margin-bottom:0px;
}

#content .sidebar2 li:hover {
	color:white;
	background:url('images/sidebar_lihover.jpg');
	border-style:solid;
	border-width:1px;
	border-color:#821A1A;
}

.sidebar a img{display:block;}

#content .sidebar2 {
	color:white;
	background-color:#242424;
	width: 100%;
	float: none;
	text-align: left;
}

#content .sidebar2 h2 a{
	overflow: hidden;
	white-space: nowrap;
	display:block;
	color:white;
	width:99%;
	background: url(img/bg_caption.gif) left top;
	text-decoration:none;
	border-left:2px solid #242424;
	border-top:4px solid #242424;
	border-bottom:4px solid #242424;
	color:#FFFFFF;
	font-size:1.8em;
	padding-bottom:4px;
	padding-top:8px;
	text-align:left;
	text-indent:10px;
	margin-bottom:0px;
}

#content .sidebar2 h2 {
	color:#ED0000;
	font-weight: bold;
	font-size: 18px;
	margin-left:8px;
	padding-left: 4px;
	border-top-style:solid;
	border-bottom-style:dotted;
	border-right-style:none;
	border-left-style:none;
	border-width:1.5px;
	border-color:#767676;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
	margin-bottom:3px;
}

#content .sidebar2 h3 {
	color:#ED0000;
	font-weight:bold;
	font-size: 15px;
	margin-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}

#content .sidebar2 h4 {
	color:#8F8F8F;
	font-weight:lighter;
	font-size: 14px;
	margin-left:10px;
	padding-left:16px;
	border-top-style:solid;
	border-bottom-style:dotted;
	border-right-style:none;
	border-left-style:none;
	border-width:1px;
	border-color:#767676;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
	margin-bottom:3px;
}

#content .sidebar2 h5 {
	color:#ED0000;
	font-weight:bold;
	font-size: 13px;
	margin-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

#content .sidebar2 h6 {
	color:#EDEDED;
	font-size: 12px;
	margin-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

#content .sidebar2 p {
	padding-left:10px;
}

#content .sidebar2 p a{
	text-decoration:none;
	}

.rtop, .rbottom{display:block; background:black;}
.rtop *, .rbottom *{display: block; height:1px; overflow: hidden; background-color:#242424;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.clearfix {clear: both;}

.ctc {
	text-align: center;
	text-decoration: none;
	line-height: 80%;
	background-color: #000;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.ctc a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	margin: 4px;
	border: thin none #060606;
}

.ctc a:hover{
	color:white;
	background-color:black;
	margin: 3px;
	border: thin solid #8acef3;
}

[disabled] {
	color:#000;
	border-color:#dddddd!important;
	background:none!important;
}

 #upperBox {
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	right: 0;
	padding-top: 5px;
}

 #upperBox a img {
	display: block;
	margin: 0 auto;
	border: none;
}

 #upperBox p {
	margin: 5px 0;
	font-size: 10px;
	text-align: center;
}

 #upperBox input {
	height: 18px;
	padding: 5px 5px 5px 25px;
	background: url(img/upperBox_search.png) top left no-repeat;
	border: 0;
	width: 100px;
	color: #FFF;
	margin-top: 5px;
}

 #upperBox input:focus {
	color:white;
	background-color:black;
}

table {
	width: 100%;
	border:1px solid #000000;
	border-spacing: 0px; 
}

table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

table caption {
	font-size: 1.8em;
	text-align: left;
	text-indent: 100px;
	background: url(img/bg_caption.gif) left top;
	height: 40px;
	color: #FFFFFF;
	border:1px solid #000000; 
}

thead th {
	background: url(img/bg_th.gif) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
}

tbody tr {	background: #ffffff; }
tbody tr.odd {	background: #f0f0f0; }

tbody th {
	background: url(img/arrow_white.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; 
}

tbody tr.odd th {
	background: url(img/arrow_grey.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; 
}

tbody th, tbody td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 4px;
	border-bottom: 1px solid #800000;
 }

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

tbody a:hover {
	color: #ffffff;
	text-decoration: underline; 
}

tbody tr:hover th {
	background: #FFFFFF url(img/arrow_red.gif) left center no-repeat;
	background-position: 5px;
	color: #000000; 
}

tbody tr.odd:hover th {
	background: #000000 url(img/arrow_black.gif) left center no-repeat;
	background-position: 5px;
	color: #ffffff; 
}

tbody tr td a{color:#000000;}

tbody tr:hover th a, tr.odd:hover th a	{color: #000000;}
tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background:#D8D8D8;
	color: #000000;
}

tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;
}

tfoot th, tfoot td {
	background: #ffffff url(img/bg_footer.gif) repeat-x bottom;
	font-size: 0.8em;
	color: #ffffff;
	height: 21px;
}

.fancy-table table {
	width: 100%;
	border-width:14px;
	border-style:solid;
	border-color:#242424;
	background-color:#242424;
	border-spacing: 0px; 
}

.fancy-table table a, table, tbody, tfoot, tr, th, td {font-family: Arial, Helvetica, sans-serif;}

.fancy-table table caption {
	font-size: 1.8em;
	text-align: left;
	text-indent: 100px;
	background: url(img/bg_caption.gif) left top;
	height: 40px;
	color: #FFFFFF;
	border:1px solid #000000;
}

.fancy-table thead th {
	width:100%;
	background: url(img/bg_th.gif) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; 
}

.fancy-table tbody tr {background: #ffffff;}
.fancy-table tbody tr.odd {background: #f0f0f0; }
.fancy-table tbody th {
	background: url(img/arrow_white.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important; 
}

.fancy-table tbody tr.odd th {
	background: url(img/arrow_grey.gif) left center no-repeat;
	background-position: 5px;
	padding-left: 40px !important;
}

.fancy-table tbody th, tbody td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 4px;
	border-bottom: 1px solid #800000;
 }

.fancy-table tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; 
}

.fancy-table tbody a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.fancy-table tbody tr:hover th {
	background: #FFFFFF;
	background-position: 5px;
	color: #000000; 
}

.fancy-table tbody tr.odd:hover th {
	background: #000000 url(img/arrow_black.gif) left center no-repeat;
	background-position: 5px;
	color: #ffffff; 
}

.fancy-table tbody tr td a{color:#000000;}

.fancy-table tbody tr:hover th a, tr.odd:hover th a{color: #000000;}

.fancy-table tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background:#D8D8D8;
	color: #000000;
}

.fancy-table tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 
}

.fancy-table tfoot th, tfoot td {
	background: #ffffff url(img/bg_footer.gif) repeat-x bottom;
	font-size: 0.8em;
	color: #ffffff;
	height: 21px;
}

.fancy-table tbody p{color:#000000;}
.fancy-table tbody td{color:#000000;}

.info{
	width:348px;
	height:50px;
	background:#000;
	position:absolute;
	padding-left:12px;
	padding-right:12px;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{font-size:14px;}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

span img{
	display:block;
	border:none;
}

input#s {
  margin-left:8px;
  width:126px;
  border:2px solid #821A1A;
}