/*  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 a {	text-align: center;}
#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 .notice p {
		border-top: 1px solid #8acef3;
		border-bottom: 1px solid #8acef3;
		padding: 5px 0px;
		font-size: 12px;
		margin: 1px;
	}

	#content .notice {
		border-top: 1px solid #2d7cb9;
		border-bottom: 1px solid #2d7cb9;
		margin-bottom: 20px;
	}

    #content .post {
		float: left;
		position: relative;
		width: 100%;
		margin-left:0px;
	}

	#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.4em;
		color:#ED0000;
	}

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

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

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

	#content .post img {
		max-width: 680px;
		max-height: 248px;
	}     

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

	#content .post a img {
	}

	#content .post ul {

		margin-left: 20px !important;

	}

	#content .post ul li {
		list-style-type: disc !important;
	}
	
	#content .post ul li a {

	}
	
	#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 ol.commentlist {
		margin-top: 10px;
	}

	

		#content ol.commentlist li {
			border-top: 1px solid #333;
			margin-bottom: 10px;
		} 

			#content ol.commentlist li .commentTitle {
				width: 100%;
				padding: 5px 10px 5px 0px;
				margin-top: 6px;
			}
			#content ol.commentlist li .commentTitle a{
				color:#FE0000;
			}

			

			#content ol.commentlist li .commentTitle strong

			{

				padding:  0px 10px 0px 0px;

			}

			

			#content ol.commentlist li .commentMeta {
				width: 120px;
				float: left;
				padding: 5px 0px 5px 0px;
			} 

				

			#content ol.commentlist li .commentMeta span {

				display: block;

			}			              

				

			#content ol.commentlist li .commentText {

				font-size: 12px;

			}

			

			#content ol.commentlist li .commentText a {

				color:#ED0000;

				}


	#content #commentform input {

		padding: 5px;

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

	}

	

	#content #commentform textarea {

		width: 410px;

		padding: 10px;

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

	}

	

	#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 .adBrite {

		display: block;

		margin-bottom: 20px;

		border: 1px solid #333;

	}

	

	#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;

}



#sitemeter {

	text-align: center;

	width: 160px;

		font-size: 11px;

		color:white;

		background-color:black;

}

#sitemeter img{

	padding-bottom: 8px;

	padding-top: 8px;

}


	.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; margin-bottom: 2px; margin-top: 8px; border-top:2px solid #1F1B1B; border-bottom:2px solid #1F1B1B;}
	.sidebar h3 {color:#A6A6A6;font-weight:bold;font-size: 13px;text-decoration:none;text-align:left;}
	.sidebar li {color:white; background-color:#242424; font-size: 13px;}
	.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;}	
	.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 li:hover {color:white;background-color:#333333;}
	.sidebar li:hover a{color:white;background-color:#333333;}	
	.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;}
			
	#content .sidebar2 {
		color:white;
		background-color:#242424;
		width: 100%;
		float: none;
		text-align: left;	
	}
	
	#content .sidebar2 h2 {
				color:#ED0000;
				background-color: #242424;
				font-weight: bold;
				font-size: 16px;
				padding-left: 4px;
			}
			
	#content .sidebar2 h2 a{
				white-space: nowrap;
				overflow: hidden;
				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:6px;
				margin-bottom:0px;
	}
	
	#content .sidebar2 h3 {

		color:#A6A6A6;

		font-weight:bold;

		font-size: 11px;

		text-align:left;

	}

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

	#content .sidebar2 li {

		color:white;

		background-color:#242424;

		font-size: 11px;

		padding-left: 4px;

	}

	

	#content .sidebar2 li a {

		color:white;

		text-decoration:none;

	}

			

	#content .sidebar2 li:hover {

		color:white;

		background-color:#333333;

	}

	

	#content .sidebar2 li:hover a{

		color:white;

		background-color:#333333;

	}

			

	.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;
}

/* Sample 1*/
#box1{
	position:absolute;
	display:block;
	width:4872px;
	height:244px;
}
#box1 span{
	display:block;
	float:left;
}

/* ********************************** */

.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
}

.mask1{
	display:block; margin-left:auto; margin-right:auto;
	margin-top:auto;margin-bottom:auto;
	position:relative;
	width:348px;
	height:244px;
	overflow:hidden;
}
.mask2{
	display:block; margin-left:auto; margin-right:auto;
	margin-top:auto;margin-bottom:auto;
	position:relative;
	width:696px;
	height:244px;
	overflow:hidden;
}
.mask3{
	display:block; margin-left:auto; margin-right:auto;
	margin-top:auto;margin-bottom:auto;
	position:relative;
	width:1044px;
	height:244px;
	overflow:hidden;
}

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