/*
Theme Name: Gold Medal Gymnastics Club
Description: Created by Tynan Szvetecz and Chris Golaszewski for Commerce Kitchen
Author URI: http://www.commercekitchen.com/
Version: 1.0
*/

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #394695; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #052363; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #394695; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer;}
.btn * { font-style: normal; background-image: url("images/btn2.png"); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }

.btn.register { background: #2ae;padding:8px;}
.btn.register i { background-position: top left; position: absolute; margin-bottom: -8px; top: 0; left: 0; width: 8px; height: 8px; }
.btn.register span { background-position: bottom left; left: -8px; padding: 0 0 8px 16px; margin-bottom: -8px; }
.btn.register span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 16px; height: 100%; top: 0; }
.btn.register span span { background-position: top right; position: absolute; right: -16px; margin-left: 16px; top: -8px; height: 0; }

.btn:hover { background-color: #052363;color:#fff; }
.btn:active { background-color: #2ae; }
.btn[class] { background-image: url("images/shade.png"); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

body { margin: 0; padding: 0; color:#333; font-family: Arial, Verdana, serif; font-size: 80%; background: #2c7bca url("images/background3.jpg") fixed center top; }

a { color: #a10304;font-weight:bold;text-decoration:underline; }
a:hover { color: #333;text-decoration:none; }
a:active { outline: none; }

img.border { padding: 1px; border: 1px solid #d80000; }
img.size-full { padding: 1px; border: 1px solid; }
img.size-thumbnail { padding: 1px; border: 1px solid; }
img.size-medium { padding: 1px; border: 1px solid; }
img.size-large { padding: 1px; border: 1px solid; }
a img.border { border-color: #d80000; }
a:hover img.border { padding: 0; border: 2px solid; }
img.alignright {float:right;}

h1, h2, h3, h5, h6 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: bold; color:#00235d;}
h1 { font-size: 2.2em;font-weight:bold;color:#999;border-bottom:4px solid #a10100}
h2 { font-size: 1.5em;font-weight:bold;color:#333;border-top:4px solid #a10100}
h3 {font-size:1.2em;border-top:3px solid #ccc}
h4 { padding: 0; font-size:1.2em; margin: 0 0 0 0; line-height: 1em; font-weight: bold; color:#333;}
h6 { font-size: 1.25em; }
p img, p img.right { margin-top: 0px; }

.site-border {padding:20px 0px 0 20px;}	

#logo {background:url("images/logo.jpg") no-repeat top left;font-family:georgia;color:#00235d;text-align:right;padding:0 0 0 0em;height:150px;}
#logo h1 {display:none;}
#logo p {}	
#home-of {color:#333;font-size:1.3em;font-family:georgia;text-align:right;padding:2.6em 0 0 0;font-weight:bold;}
#home-of a {color:#a10304;font-size:.8em;}
.red {color:#a10304;}

#locations { margin: 0 0 0 49px; padding: 0; width: 558px; }
ul#locations-drivers { margin: 0; padding: 0; text-align: left; }
ul#locations-drivers li { margin: 0 2px 0 0; padding: 1px 0 0 0; list-style: none; line-height: .8em; float: left; width: 184px; height: 32px; text-align: center; background: url("images/locations-bg.gif") no-repeat; }
ul#locations-drivers li a { margin: 0; padding: 0; color: #fff; text-decoration: none; font-weight: normal; font-size: .8em; line-height: .8em; }

#home-contact {width:263px;height:274px;color:#fff;margin-left:15px;}
#home-contact p {font-size:1.3em;}
ul#home-drivers { margin:0; padding:0; text-align:left;}
ul#home-drivers li { list-style: none; list-style: none; text-align:left;padding: 0 0 .4em 0;margin:0;}
	
/* BEGIN Override superfish.css */
.sf-menu { margin-bottom: 0;position:relative; z-index: 3000; }
.sf-menu a {  padding: .7em 3.1em; background: transparent; color: #fff; font-size:.9em; }
.sf-menu a:hover { color: #fff; background-color: #99c3e9; }
.sf-menu a,
.sf-menu a:visited { color: #fff; }
.sf-menu li { background: transparent; }
.sf-menu li li,
.sf-menu li li li { color: #fff; background-color: #1070c1; }
.sf-menu li li a,
.sf-menu li li li a { border: 1px solid #fff; border-bottom: none; color:#fff; padding: .7em .5em; width: 200px; background-color: #1070c1; }
.sf-menu li li:last-child a,
.sf-menu li li li:last-child a { border-bottom: 1px solid #fff; }
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { color: #fff; background-color: #99c3e9; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 2.2em; }
.sf-menu a.sf-with-ul { padding-right: 3.3em; }
/* END Override superfish.css */

#global-menu-container { margin: 0px 0 12px 0; padding: 0; background: url("images/menu-bg.gif") repeat-x top left; height: 29px; width: 926px;position:relative; z-index: 3000;}
ul#global-menu { margin:0; padding:0; text-align:left;}
ul#global-menu li { list-style: none; float: left; list-style: none; line-height:2em; text-align:left;padding: 0 2em;border-right:1px solid #fff;}
ul#global-menu li a { margin: 0; padding: 0em 0em; text-decoration: none;color:#fff;font-weight:normal;font-size:.8em;text-transform:uppercase;}
ul#global-menu li a:hover {text-decoration:underline;}	

#home-swf-outer-container { width: 560px; float: left; text-align: center; margin-bottom: 5px; position: relative; z-index:1;}
#home-swf-container {}

ul#drivers { margin:0; padding:0; text-align:left;}
ul#drivers li { list-style: none; float: left; list-style: none; line-height:2em; text-align:left;padding: 0 1.1em 0 0;}
#content {}
#content table {border:1px solid #ccc;background:#eee;}
#content table td {padding:8px;text-align:center;border-bottom:1px solid #ccc;}
#content table tr {}

ul#blist { margin:0 0 0 0; padding:0; text-align:left;}
ul#blist li { list-style:none;float:left;text-align:left;padding: 0;margin:0 .5em 1.5em 0;}

div.team {}
div.team h1 { margin-bottom: 0; padding-bottom: 0; font-size: 2.5em; font-weight: normal; color: #333; border: none; }
div.team h2 { clear: both; }
div.team h3 { color: #333; border: none; }
div.team ul.team-submenu { margin: 0 0 1em 0; padding: 2px 0 0 0; position: relative; text-align: right; height: 1.5em; border-bottom: 4px solid #069; }
div.team ul.team-submenu li { margin: 0; padding: 0; display: inline; list-style: none; }
div.team ul.team-submenu li a { margin: 0 1px; padding: 0.25em 1em 2px 1em; line-height: 1em; color: #069; text-decoration: none; background-color: #eee; border: 1px solid #069; border-bottom: 4px solid #069; }
div.team ul.team-submenu li a:hover { background-color: #fff; }
div.team ul.team-submenu li.active a { background-color: #fff; border-bottom: 4px solid #fff; }
div.team div.image-gallery { margin: 0 0 1em 0; padding: 10px; background-color: #eee; float: left; }
div.team div.image-gallery ul { margin: 0; padding: 0; float: right; right: 50%; position: relative; }
div.team div.image-gallery ul li { margin: 0; padding: 0; float: left; list-style: none; left: 50%; position: relative; }
div.team div.image-gallery ul li p { margin: 0; padding: 0; }
div.team div.image-gallery ul li p a img { margin: 0 4px; border-color: #666; }
div.team ul.team-director-info { margin: 0; padding: 0; }
div.team ul.team-director-info li { margin: 0; padding: 0 10px 0 0; list-style: none; float: left; }
div.team ul.team-director-info li ul li { margin: 0; padding: 0; list-style: disc; float: none; }

#calendar { color: #333; }
#calendar h2 { margin-bottom: 0; border: none; color: #333; font-size: 1em; }
#calendar h3 { border: none; color: #333; font-size: 0.9em; }
.feature { margin-right: 18px; background: url("images/calendar-bg.gif") no-repeat; width: 353px; height: 197px; float: left; }
ul.feature-list { margin: 0; padding: 10px 10px 0 0; text-align: left; width: 313px; height: 120px; overflow: auto; border-top: 1px solid #333; border-bottom: 1px solid #ccc; }
ul.feature-list li { margin: 0 0 0.5em 0; padding: 0; list-style: none; text-align: left; font-size: 0.8em; }
ul.feature-list li a { margin: 0; padding: 0; text-decoration: none; color: #093da5; font-weight: bold; font-size: 1.2em; }
ul.feature-list li a:hover { text-decoration: underline; }
.cal-link { margin: 0; padding: 0; text-decoration: none; color: #093da5; font-weight: bold; font-size: 0.8em; }
.feature-box { margin: 0 0 15px 0; padding: 10px; width: 160px; float: left; border: 1px solid #e3e2e2; border-bottom: 15px solid #e3e2e2; }
.feature-box p { font-size: 0.8em; }
.feature-box h3 { border: none; color: #333; font-size: 0.9em; }
.pad { padding: 10px 15px 0 15px; }
p.link-right { float: right; }

#sidebar {padding-left:4px;padding-top:5px;margin:0 0 0 18px;}
#sidebar img {margin:0 0 20px 0;}


.block h3 {font-size:1.1em;color:#8c0b05;border-bottom:1px solid #00235d;}
.block p {font-size:.8em;font-style:italic;}
.testimonial-name {font-size:.8em;font-weight:bold;color:#00235d;font-style:normal;}


#footer {text-align:center;font-size:.9em;line-height:1em;padding:40px;}
#footer p {line-height:1.4em;}
ul#footer-menu { clear: both; margin: 0 0 30px 190px; padding: 0; background-color: transparent;}
ul#footer-menu li { list-style: none; float: left; list-style: none; line-height: 1.3em; }
ul#footer-menu li a { margin: 0; padding:0 1em; color: #394695; font-size: .9em; text-decoration: none; }
ul#footer-menu li a:hover { color: #052363;text-decoration:underline;}

.images  { vertical-align: bottom }
.center { text-align: center; }

label { font-weight: normal; }
input.text { width: 92%; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }