/*   
Theme Name: Gymworks 1
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {background:url(images/mid-bg.png) rgb(72,72,72);font-family:arial,helvetica,sans-serif;color:#fff}
a, a:link, a:hover, a:visited {color: #EEE;text-decoration:none;}
p a, p a:visited {border-bottom:1px dotted #FF7F00;color:#EEE;}
p a:hover {border-bottom: 1px solid #FF7F00;color: #FFF;}
h1,h3,h4, .entry-content h4 {font-family:"ff-netto-web-pro-1","ff-netto-web-pro-2",Arial,Helvetica,sans-serif;letter-spacing:0.05em;padding-bottom:5px;text-transform:uppercase;font-weight:normal;  }
h3 {font-size:2em;}
.form-header h3 {padding:10px 0 0;}
h4, h4 a:link, h4 a:visited, .entry-content h4 {color:#f8cb52;font-size:20px;padding:10px 0;-webkit-transition: color 0.2s ease-in-out;}
h4 a:hover {color: #FF7F00;}
a:link, a:active {text-decoration: none;}
#main,#container,#content {width:1000px}
#main{padding-top:28px;position:relative;z-index:100;background:url(images/mid-bg.png)}
.entry-content h5{margin-top:70px;font-family: "proxima-nova-1","proxima-nova-2",Arial,Helvetica,Sans-serif;color:#333;text-shadow:0 1px 1px #666;text-align:center;font-size:2em;line-height:2em;background:url(images/horiz-rule-80.png) no-repeat;height:80px;width:960px;padding:10px}
.entry-content h6 {background:url("images/quote-back.png") no-repeat top center,url("images/quote-back.png") no-repeat bottom center;color:#FFFFFF;font-family:Georgia;font-size:1.2em;font-style:italic;line-height:1.6em;margin:0 0 20px 0;padding:30px 20px 30px 40px;text-shadow:0 1px 3px #000000;} 
.entry-content{padding:10px 0 0 0;}
.entry-content img {margin:0 0 10px;}
.entry-title {display: none;}
#content{padding:0;margin:0}
#header {background:url(images/dark-bg.png) rgb(40,40,40);position:relative}
#branding {padding:32px 0 100px;width:1000px}
#blog-title {text-indent: -9999em;background:url(images/logo.png) no-repeat;float:left;width:250px;height:80px;margin-left:20px}
#blog-title:hover {;background:url(images/logo-hover.png) no-repeat;}
#blog-title a {width:165px;height:41px;display:block}
#access {border:none;width:730px;float:right}
.menu {width:680px;float:right;}
#content-heading{position:relative;bottom:0;background: url(images/top-fade.png) repeat-x;height:2.8em;z-index:10}
#content-heading-text{letter-spacing:0.05em;margin:0 auto;width:1000px;color:rgb(72,72,72);font-weight:bold;font-family: "proxima-nova-1","proxima-nova-2",Arial,Helvetica,Sans-serif;text-shadow:0 2px 4px #000;font-size:3.7em;height:2.8em;line-height:0.9em;padding:0 0 0 30px}
.aside {font-size: 100%;}
#page-bottom h5{margin-top:70px;font-family: "proxima-nova-1","proxima-nova-2",Arial,Helvetica,Sans-serif;color:#333;text-shadow:0 1px 1px #666;text-align:center;font-size:2em;line-height:2em;background:url(images/horiz-rule-80.png) no-repeat;height:80px;width:960px;padding:10px}
#content .aside {border: 0px;margin: 0px;padding: 0px;}
#content .aside ul {padding: 0;}
/*@media screen and (-webkit-min-device-pixel-ratio:0){
#content-heading-text{line-height:47px}
}*/
.sf-menu {border:none;padding-top:4px;float:right;}
.sf-menu a {letter-spacing: 1px;border:none;color:#DDD;text-transform:uppercase;font-family: "ff-netto-web-pro-1","ff-netto-web-pro-2",Arial,Helvetica,sans-serif;padding:6px 25px;font-size:1.2em;}
.sf-menu li {background:none;margin:0 10px;-webkit-transition: background 0.8s ease-out;}
.sf-menu a:visited {color:#fff}
.sf-menu li:hover, .sf-menu a:hover {color:rgb(255,127,0);background:none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:rgb(100,100,100);-moz-border-radius:3px;-webkit-border-radius:3px;background:rgba(100,100,100,0.2);-webkit-transition: background 0.1s ease-in-out;}
.sf-menu li.current_page_item {-moz-border-radius:3px;-webkit-border-radius:3px;background:rgb(20,20,20);background:rgba(0,0,0,0.3)}
.sf-menu li.current_page_item a:hover {-moz-border-radius:3px;-webkit-border-radius:3px;background:none;color:#fff;cursor:default}
.entry-content h1{padding-left:20px;color:#fff}
.entry-content p {color:rgb(179,179,179);padding-left:20px;margin-bottom:10px}
blockquote, .entry-content blockquote p {font-size:1.5em;line-height:1.75em;font-family: Georgia;font-style: italic}
.images { list-style-type: none;padding:0;margin:0}
.images p,.images h4 {padding-left:20px}
.images li {float:left;padding:0 30px;width:280px}
.images li.first {float:left;padding:0 30px 0 0}
.images li.last {float:left;padding:0 0 0 30px }
.images li.quote {width:320px;padding:0 10px 0 20px}
.images img {border:1px solid rgb(52,52,52);padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-color: rgba(0,0,0,0.2);background:rgb(62,62,62);background:rgba(0,0,0,0.1);}
.images img:hover {background:rgb(72,72,72);background:rgba(100,100,100,0.1)}
.images blockquote{font-size:.75em;line-height:1.25em;font-family: Georgia;font-style: italic;margin:0 2em}
.images blockquote p{padding:0}

.service-request-container{width:1000px;margin:0 auto;}
#servicerequest {color:#fff;float:left;position:relative;bottom:50px;left:0px;text-decoration:none;border:1px solid rgb(255,127,0);border-radius:5px;padding:10px;background:rgb(255,127,0)}
#service-form{margin-bottom: 60px;background:url(images/dark-bg.png);padding-top: 20px;position: relative;z-index:290}
#repair-form{display:none;margin-bottom: 60px;background:url(images/dark-bg.png);padding-top: 20px;position: relative;z-index:290}
.form-header{width:1000px;margin:0 auto;color:rgb(102,102,102);padding-left:30px}
#service-form .container,#repair-form .container{width:760px;margin:0 auto;padding:20px;}

input {background:rgb(102,102,102);background:rgba(170,170,170,0.1);border:0;padding:4px 10px;font-size:1.2em;color:rgb(40,40,40);color:rgba(255,255,255,0.1);font-family: Arial,Helvetica,sans-serif;margin:5px;width:270px;margin-left:10px;}
select {background:rgb(102,102,102);background:rgba(170,170,170,0.1);border:0;padding:4px;font-size:1.2em;color:rgb(255,255,255);font-family: Arial,Helvetica,sans-serif}
textarea {background:rgb(102,102,102);background:rgba(170,170,170,0.1);border:0;padding:4px;font-size:1.2em;color:rgba(255,255,255,0.1);font-family: Arial,Helvetica,sans-serif}
.form-col-1{width:350px;float: left}
.form-col-2{width:400px;float: left}
.add-item{color:#fff;padding:10px;border-radius:5px;background:rgb(255,127,0);margin:10px 0;text-decoration:none;margin:5px}
.add-item-button{background:#356F87;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;padding:5px 15px;font-size:1.2em;border:none;margin:3px 0 3px 0}
.add-item-button:hover{cursor:pointer}
/* #siteinfo{display:none} */
#service-form-button{text-decoration:none}
#form-button-container{float:right;padding-top:14px;}
#form-button-container a{padding:10px 20px;font-family: "ff-netto-web-pro-1","ff-netto-web-pro-2";color:rgb(255,127,0);font-size:1.2em;text-transform: uppercase;text-decoration:none}
#form-button-container a:hover{color:#fff;background:rgb(100,100,100);-moz-border-radius:3px;-webkit-border-radius:3px;background:rgba(100,100,100,0.2)}
.customer{float:right;margin:20px 80px 0 0}
.customer-name {font-family: "ff-market-web-1","ff-market-web-2";color:#fff;font-size:2em}

.button{background:none repeat scroll 0 0 #356F87;border:1px solid #356F87;margin:20px 0 30px 0;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 15px;font-size:1.2em;color:#eee; }
.home .button {font-size: 0.9em;}
.slug-maintenance .button, .slug-repairs .button {margin-left: 20px;}
.button:hover{cursor:pointer;background-color:#3D758C;color:#fff}
#footer{border:none}
.submit-button{background:rgb(255,127,0);border:1px solid rgb(255,127,0);-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;padding:5px 15px;font-size:1.2em;margin:10px 0 15px 10px}
.submit-button:hover{cursor:pointer}

.ui-dialog-titlebar-close{background:url(images/close.png) no-repeat;z-index:1100;position:relative;float:right}
.form-close {background:url(images/close.png) no-repeat;text-indent: -99999em;width:34px;height:34px;position:absolute;z-index:500;right:-15px;top:-16px}
.form-close:hover {cursor:pointer;background:url(images/close-hover.png) no-repeat;}
.gymworks-form{border:1px solid rgb(100,100,100)}
.ui-widget-overlay{background-color:#000;opacity:0.5}
label.error{color:rgb(255,127,0);margin:0 0 -5px 20px; padding:10px 0 0;display:block;width:250px;}
.loading{padding-top:110px;font-size:1.2em;width:250px;text-align: center;margin:50px auto;height:45px;color:rgb(255,127,0);-moz-border-radius:3px;-webkit-border-radius:3px;background: #363636 url(images/loading.gif) no-repeat center}
.gymworks-response {color:rgb(102,102,102);}
.disclaimer{color:#999;padding:0;margin:10px 0 0 10px;font-size:.8em}
.gymworks-response{padding:20px 0 0 30px};
