/*
Theme Name: Sproing Ver 2.0
Theme URI: http://www.swept.co/
Description: Fitness-oriented
Author: Michael Brumm
Version: 2.0
Tags: minimal, clean, centered, 960-grid

*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}


@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('css/fonts/ProximaNova-Reg-webfont.eot');
    src: url('css/fonts/ProximaNova-Reg-webfont.eot?iefix') format('eot'),
         url('css/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('css/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('css/fonts/ProximaNova-Reg-webfont.svg#webfonttLdMzI8n') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* HTML ELEMENTS */
body { background-color:#fff; font-size: 12px; color: #333; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; min-width: 980px;  }
a { color: #f47704; text-decoration: none; }
a:hover { color: #333;  }
a img {border: none; }

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:500px; width: 100%; }
#headerbackground { height:500px; width: 100%; background-image:url("images/background.jpg"); position:absolute; z-index: -400; } 
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height: 500px; position:absolute; z-index: -100;  }

#headerblog { height:100px; width: 100%; }

#tagline {width: 100%; height: 32px;}
#tagline p {width: 940px; background-color: #f47704; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; font-size: 16px; padding: 10px 0 6px; color: #fff; margin: 0 auto; text-align:center;}
#tagline span {font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;}



/* NAVIGATION */
#nav-outer { height:78px; width: 960px; margin: 0 auto; padding-top:0; position:relative; top:0;  }
h1#logo { height:78px; width:139px; margin:0 0 0 8px; display:block; float: left; }


/* MENU */
ul#menu-main, .categorynav ul { list-style:none; float: right; padding: 30px 0 0; }
ul#menu-main li, .categorynav ul li { display:inline; font-size:14px; padding: 6px 10px; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; letter-spacing: 1px; background-image:url(images/button-bg.png);  }
ul#menu-main li a, .categorynav ul li a { color: #333; text-decoration:none; }

ul#menu-main li a:hover, 
ul#menu-main li.current-menu-item a, 
ul#menu-main li.current-page-item a, 
ul#menu-main li.current-post-ancestor a,
ul#menu-main li.current-menu-parent a,
ul#menu-main li.current-post-parent a,
.categorynav ul li a:hover, 
.categorynav ul li.current-page-item a, 
.categorynav ul li.current-menu-item a { 
	color: #f47704; 
}
ul#menu-main li:last-child {padding-right: 0;}
.categorynav ul { padding-right: 20px; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:40px;  }
#firstline {  color: #333; width: 310px; font-size: 44px; padding:4px 0 7px; float:right; display:block; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; }
#secondline {  color: #333; width: 310px;text-decoration:none; font-size:18px; line-height: 1.5; padding:0 0 10px; float: right; display:block; clear:both; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;}
#secondline span {  color: #333; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;}
#secondline a { color: #f47704; text-decoration: none; font-size: 14px; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif}

.pictured {  width: 310px; color: #333; font-size:12px; padding:9px 0; text-transform:uppercase; float:right; display:block; clear:both; }
.pictured a, #homepagetable a { font-size:12px; letter-spacing:0; text-transform:none; color:#f47704; text-decoration:none; }
.pictured a:hover, #homepagetable a:hover { text-decoration:underline; }

#homepagetable {
	width: 310px; padding:9px 0; float:right; display:block; clear:both;
}

/* CONTROLS */




.btn { height:32px; width:32px; cursor:pointer; }
#back { 
	background-image:url("images/btn_back.png");
	background-repeat: no-repeat;
	background-position:center left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 500px;
	/* background-color: #efefef; */
	 }
#next { background-image:url("images/btn_next.png");
	background-repeat: no-repeat;
	background-position:center right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	height: 500px;
	/* background-color: #efefef; */
	 }
	
	#control { background-image:url("images/btn_pause.png");
position: absolute;
	right: 33px;
	top: 234px;
	z-index: 300; }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#headernav { margin: 0 auto; width:96px;  }

/* CONTENT */
#content { color: #333; background-color:#fff; }
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

.boxed {
	margin: 20px 0 0;
	border: 1px solid #e7e7e7;
	padding: 22px 30px 30px;
}

.homebox, .bigbox, .videobox {
	margin: 20px 0 0;
	border: 1px solid #e7e7e7;
	padding: 22px 30px 30px;
}

.categorycontainer {
	margin: 20px 0 0;
	border: 1px solid #e7e7e7;
	width: 100%;
}

.categorynav {
	border-bottom: 1px solid #e7e7e7;
}

.noborder {
	border-bottom: none;
}


.categorynav h2, .videobox h2 {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #333;
	margin: 0;
	padding: 18px 30px;
}

.categorynav h2 {float: left; clear:both;}


.videobox h2 {
	padding-bottom: 0;
}

.categorycontainer ul { list-style:none; float: left; }
.categorycontainer ul li {
	float: left;
	overflow: hidden;
}
.categorycontainer ul li, .categorycontainer ul li a {
	border-right: 1px solid #e7e7e7;
	width: 187px;
	text-align: center;
	height: 180px;
	display: block;
	
}

.categorycontainer ul li:last-child a {
	border-right: none;
}


.categorycontainer ul li.movementcardio a {
	background-image:url(images/workouts-thumb-cardio.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top: 148px;
	
}

.categorycontainer ul li.movementpower a {
	background-image:url(images/workouts-thumb-power.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top: 148px;
}

.categorycontainer ul li.movementstability a {
	background-image:url(images/workouts-thumb-stability.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top: 148px;
}

.categorycontainer ul li.movementstrength a {
	background-image:url(images/workouts-thumb-strength.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top: 148px;
}

.categorycontainer ul li.movementstretch a {
	background-image:url(images/workouts-thumb-stretch.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding-top: 148px;
}

.categorycontainer ul li:nth-child(n+5) {
	border-right: none;
	width: 168px;
}

.categorycontainer ul li a { color: #333; text-decoration:none; }
.categorycontainer ul li a:hover, .categorycontainer ul li.current-menu-item a { color: #f47704; }

.videobox {
	padding: 0;
}



.homebox h2, .boxed h2, .bigbox h2 {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #333;
	margin: 0 0 16px 0;
}

.bigbox h3 {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #333;
	margin: 14px 0 4px;
	padding: 18px 0 10px;
	border-top: 1px solid  #e7e7e7;
}

.homebox p, .boxed p, .bigbox p {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0 0 12px 0;
	line-height: 1.5;
}

.lessimpacted p {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 10px;
}

.homebox p {
	width: 230px;
}



.homebox img {
	float: right;
}

.bigbox ul {
	padding: 10px 0 0px;
	margin: 0px;
}

.bigbox ul li {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 18px;
	padding: 0 0 12px 1px;
	line-height: 1.4;
	
}

.bigbox ul.research li {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 18px;
	padding: 0 0 8px 1px;
	line-height: 1.4;
	
}

.hfitness {
	background-image:url(images/homebox_fitness-small.jpg);
	background-position:right;
	background-repeat: no-repeat;
	height: 170px;
}

.hrehab {
	background-image:url(images/homebox_rehab-small.jpg);
	background-position:right;
	background-repeat: no-repeat;
	height: 170px;
}

.hbottom {
	background-color: #fafafa;
	padding: 22px 22px 30px 22px;
	height: 100px;
}

.hbottom h2 {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #333;
	margin: 0 0 12px 0;
}


.hbottom ul{
	list-style:none;
	padding-top: 6px;
}

.hbottom ul li{
	font-size: 13px;
	margin: 0 0 4px;
}

.hbottom ul li a{
	color: #333;
}

.hbottom ul li a:hover{
	color: #f47704;
}

#footer {
	margin: 0 auto;
	padding: 16px 0;
	color: #ccc;
	font-size: 10px;
	height: 16px;
}

span.for {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 14px;
}

#contact p{
	font-size: 11px;
	margin-top: 0;
	padding-top: 0;
}

a.phonenumber {
	font-size: 24px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

a.phonenumber:hover {
	color: #f47704; text-decoration: none;
}

#graybox {
	background-image:url(images/graybox-sproing.jpg);
	background-position:right;
	background-repeat: no-repeat;
}


.goodform, #runsoftone {
	background-image:url(images/good-form-after.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
    height: 416px;
}

#grouptraining {
	background-image:url(images/group-training-background.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
    height: 416px;
}

#runform, #runsofttwo {
	background-image:url(images/good-form-before.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 470px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 10px;
}

#runsoftone {
	background-image:url(images/run-soft-one.jpg);
}

#runsofttwo {
	background-image:url(images/run-soft-two.jpg);
	width: 440px;
}

#runformtext, #grouptext {
	width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
    left: 0;
	z-index: 20px;
}

#runformtext p, #grouptext p{
	width: 320px;
	padding: 40px 0 0 540px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#grouptext p{
	width: 340px;
	padding-top: 0;
	font-size: 19px;
}

#runformtext p.videodemo, #grouptext p.videodemo {
	width: 320px;
	padding: 12px 0 0 540px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}


#runformtext ul, #grouptext ul {
	padding: 12px 70px 0 540px;
}

#runformtext h2, #grouptext h2 {
	padding: 18px 30px;
}

 #grouptext h2 {
	padding: 18px 30px 0 30px;
}


/*****************************************************************
Fitness
*****************************************************************/
.versatility {
	background-image:url(images/fitness-versatility.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 250px;
}

.versatility p{
	text-align: center;
	padding-top: 180px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.fitnessthree {
	height: 320px;
}

.sproingthree {
	height: 570px;
}


	

/*****************************************************************
Rehab
*****************************************************************/

#lessimpact p {
	font-size: 13px;
	margin: 0 0 8px 0;
}

#lessimpact p.legal {
	font-size: 10px;
	color: #ccc;
	margin-bottom: 2px;
	padding-bottom: 0;
}


#lessimpact ul {
	list-style-type:none;

	margin: 0 0 12px 0;
	padding: 0;
}

#lessimpact ul li {
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}


#lessimpact ul li span {
	color: #f47704;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
}


div.tubepress_container {
	border-top: 1px solid #e7e7e7;
	margin: 20px auto 0;
	padding: 20px 150px 0;
	width: 640px;
	background-color: #fafafa;
}

div.tubepress_embedded_title {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}

ul.gray {
	padding: 10px 0 0px;
	margin: 0px;
	list-style:none; 
}

ul.gray li {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 0;
	padding: 12px 14px;
	line-height: 1.3;
	background-color: #fafafa;
	border: 1px solid #e9e9e9;
	border-bottom: none;
}

ul.gray li.pdf {
	background-image: url(images/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 0;
	padding: 12px 14px 12px 38px;
	line-height: 1.3;
	background-color: #fafafa;
	border: 1px solid #e9e9e9;
	border-bottom: none;
}

ul.gray li:last-child {
	border-bottom: 1px solid #e9e9e9;
}


span.orange {
	color: #f47704;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

dl.tubepress_meta_group > dd.tubepress_meta{
	font-weight: normal;
	padding-top: 2px;
}

#console ul li {
	padding-bottom: 2px;
}

ul.videothumbs {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.videothumbs li {
	text-align: center;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}

ul.videothumbs li.last {
	padding: 0;
}

ul.photothumbs {
	width: 960px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.photothumbs li {
	float: left;
	padding: 0 12px 6px 0;
	margin: 0;
}

.testimonials blockquote {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 1.4;
	margin-bottom: 10px;
	text-indent: -0.5em;
}


.testimonials p {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.rehabs {
	height: 530px;
}

/*** form ***/
input.wpcf7-text, textarea.wpcf7-textarea {
	border: 1px solid #e0e0e0;
	background-color: #fafafa;
	width: 350px;
	padding: 6px;
	font-size: 12px;
}

select.wpcf7-select {
	font-size: 12px;
}

input.wpcf7-submit {
	padding: 8px 14px;
	font-size: 12px;
	color: #fff;
	background-color: #f47521;
	border: 1px solid #ed7120;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}

#socialbar {width: 100%; }
#socialbarsub {width: 940px; height: 28px; background-color: #fff; font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; font-size: 17px; padding: 10px 0; color: #333; margin: 20px auto 0; text-align:left; border: 1px solid #e7e7e7; }
#socialbarsub p {padding: 5px 112px 0 30px; float: left;}
#socialbarsub div.g-plusone {padding: 8px 4px 0 0; float: left;}
#socialbarsub iframe {padding-top: 4px; float: right;}
#socialbar span {font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;}
	
div.tweet {
	border-top: 1px solid #efefef;
	padding-top: 10px;
	margin-bottom: 10px;
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}

p.posted {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	margin-top: 22px;
	padding: 8px;
	margin-bottom: 18px;
	background-color: #fafafa;
}

div.twitter p {
	border-top: 1px solid #e7e7e7;
	padding-top: 20px;
	margin-top: 14px;
}

div.blogged h3 {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-top: 1px solid #e7e7e7;
	margin: 26px 0 0 0;
	padding: 12px 0 4px 0;
}

div.blogposts ul {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 14px 0;
	margin: 0 0 22px 0;
}

div.blogposts ul li {
	border-top: 1px solid #e7e7e7;
	padding: 16px 0 0 0;
	margin: 14px 0 0 0;
	list-style: none;
}


h2.archives {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 14px 0;
	margin: 0 0 22px 0;
}
	

blockquote {
	font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
  	margin: 10px 0;
  	padding: 14px;
  	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background-color: #fafafa;
	font-style: italic;
}