/*
Theme Name: Exercise Party
Theme URI: http://exerciseparty.com
Description: Custom theme
Version: 2 (WP2.6.2)
Author: Randy Federighi - Prop14 Web Design with Rockridge Productions
Author URI: http://prop-14.com
Tags: Custom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: #fff url(style/bg_images/bg_stripes.gif) repeat scroll;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	text-align: center;/*this is in place to center in older browsers*/
	
	letter-spacing:1px;
}

a img,:link img,:visited img { border:none }

a {outline:none;}

.hidden { display:none; }

a.button:link, a.button:visited  {
	background:#8A92C0;
	padding:6px 10px;
	color:#8C95C5;
	font-size:12px;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.button:hover {
	background:#F3777B;
}

/* ----------------------------- common colors 

	EVERYWHERE:
	red bg			#EF3A41;
	pink			#F3777B;
	pink stripes	#FBE2EC;
	links			#FE8252;(orange)
	AGAINST RED BG:
	yellow			#F7DC81;
	white			#fff;
	AGAINST WHITE BG:
	light blue		#8C95C5;
	
*/


/* ---------------------------------------------------------------- TYPOGRAPHY */

/* 
	p    	all posts etc.
	h1 		all paragrahs, posts, comments, etc. 
	h2		titles: 404 Error, Archives for, Search Rsults, Sidebar headings
	h3		Comments: How many replies, leave reply  ALSO  Permalink title on search page,
	h4 		Slogan 
*/

p {
	font-size:14px;
	color:#8C95C5;
	padding:10px 0px;
	text-align:left;
}

p.meta {
	color:#8C95C5;
	text-align:left;
	padding:0px 0px 10px 0px;
	font-size:12px;
}

#latest-blog-post p.meta {
	color:#8C95C5;
	text-align:left;
	padding:0px 0px 10px 0px;
	font-size:12px;
}

/* makes registered Trademark smaller in headings */
span.rt {
	font-size:14px;
	position:relative;
	top:-15px;
}

h1,h2,h3,h4,h5,h6 {
	text-align:left;
	font-weight:normal;
}

h2 {
	color:#8C95C5;
	font-size:40px;
	padding:10px 0px 20px 0px;
}

h3 {
	color:#8C95C5;
	font-size:30px;
	padding:10px 0px 10px 0px;
}

h4 {
	color:#8C95C5;
	font-size:24px;
	padding:10px 0px 0px 0px;
}

a:link, a:visited {
	color:#FE8252;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* form response styling */
div.wpcf7-response-output {
	color:#EF3A41;
}




/* ------------------------------------------------------------------------------- LAYOUT */

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	width:960px;
	height:166px;
	position:relative;
	background:url(style/bg_images/bg_header.jpg) no-repeat;
}

/* top log in area */
#header #log-in {
	float:left;
	color:#8C95C5;
	width:200px;
	height:60px;
	font-size:12px;
	padding:10px 0px 0px 80px;
}

#header #log-in a:link, #log-in a:visited {
	color:#8C95C5;
	text-decoration:none;
}

#header #log-in a:hover {
	text-decoration:underline;
}

#header #follow-rss {
	float:right;
	color:#8C95C5;
	width:200px;
	height:60px;
	text-align:left;
	background:url(style/bg_images/rss_icon.png) no-repeat;
	font-size:12px;
	padding:10px 60px 0px 30px;
}

#header #follow-rss a:link, #follow-rss a:visited {
	color:#8C95C5;
	padding-left:0px;
	text-decoration:none;
}

#header #follow-rss a:hover {
	text-decoration:underline;
}

#header #top-cloud {
	position:absolute;
	bottom:-10px;
	left:30px;
	width:884px;
	height:53px;
	background:url(style/bg_images/top_cloud.gif) no-repeat;
	z-index:10;
}

#header h1 {
	width:113px;
	height:90px;
	text-indent:-9999px;
}

/* links */
#header h1 a {
	position:absolute;
	top:45px;
	left:100px;
	background:url(style/bg_images/logo.gif) no-repeat;
	width:113px;
	height:90px;
	display:block;
}

/* balloon nav */

#header a#home {
	position:absolute;
	text-indent:-9999px;
	top:42px;
	left:325px;
	background:url(style/bg_images/nav/home.jpg) no-repeat;
	width:69px;
	height:89px;
	display:block;
}

#header a#home:hover {
	background:url(style/bg_images/nav/home_o.jpg) no-repeat;
}

#header a#products {
	position:absolute;
	text-indent:-9999px;
	top:52px;
	left:415px;
	background:url(style/bg_images/nav/products.jpg) no-repeat;
	width:76px;
	height:87px;
	display:block;
}

#header a#products:hover {
	background:url(style/bg_images/nav/products_o.jpg) no-repeat;
}

#header a#host {
	position:absolute;
	text-indent:-9999px;
	top:43px;
	left:508px;
	background:url(style/bg_images/nav/host_party.jpg) no-repeat;
	width:73px;
	height:85px;
	display:block;
}

#header a#host:hover {
	background:url(style/bg_images/nav/host_party_o.jpg) no-repeat;
}

#header a#about {
	position:absolute;
	text-indent:-9999px;
	top:43px;
	left:608px;
	background:url(style/bg_images/nav/about.jpg) no-repeat;
	width:63px;
	height:89px;
	display:block;
}

#header a#about:hover {
	background:url(style/bg_images/nav/about_o.jpg) no-repeat;
}

#header a#career {
	position:absolute;
	text-indent:-9999px;
	top:63px;
	left:680px;
	background:url(style/bg_images/nav/your_career.jpg) no-repeat;
	width:75px;
	height:86px;
	display:block;
}

#header a#career:hover {
	background:url(style/bg_images/nav/your_career_o.jpg) no-repeat;
}

#header a#contact {
	position:absolute;
	text-indent:-9999px;
	top:54px;
	left:776px;
	background:url(style/bg_images/nav/contact.jpg) no-repeat;
	width:73px;
	height:86px;
	display:block;
}

#header a#contact:hover {
	background:url(style/bg_images/nav/contact_o.jpg) no-repeat;
}


/* ------------------------------------------------------------------ HOME PAGE */

/* sliding content area */
#sliding-panels-wrapper #loopedSlider {
	width:960px;
	height:240px;
	background:url(style/bg_images/bg_white_body.jpg) repeat-y;
}

#sliding-panels-wrapper #loopedSlider a.previous {
	position:absolute;
	top:100px;
	left:9px;
}

#sliding-panels-wrapper #loopedSlider a.next {
	position:absolute;
	top:100px;
	right:21px;
}

#sliding-panels-wrapper #loopedSlider .container {
	width:821px;
	height:235px;
	margin:0 auto;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

#sliding-panels-wrapper #loopedSlider .slides {
	position:absolute;
	top:0;
	left:0;
}

#sliding-panels-wrapper #loopedSlider .slides div {
	position:absolute;
	top:0;
	width:821px;
	display:none;
}

/* page mid section */
#page-divider {
	width:960px;
	height:61px;
	background:url(style/bg_images/bg_page_divider.jpg) no-repeat;
}

#slogan {
	width:960px;
	padding:20px 0;
	background:url(style/bg_images/bg_red_body.jpg) repeat-y;
}	

#slogan h4 {
	font-size:20px;
	text-align:left;
	padding:0px 0px 3px 80px;
	color:#fff;
	font-weight:normal;
}

#more-info {
	width:960px;
	padding:20px 0;
	background:url(style/bg_images/bg_red_body.jpg) repeat-y;
	overflow:hidden;
}

#more-info #box-1 {
	float:left;
	width:270px;
}

/* larger blue buttons */
#more-info #box-1 a#schedule-button {
	width:203px;
	height:72px;
	display:block;
	text-indent:-9999px;
	margin:20px 0px 10px 40px;
	background:url(style/bg_images/nav/schedule_party.jpg) no-repeat;
}

#more-info #box-1 a#opportunity-button {
	width:203px;
	height:72px;
	display:block;
	text-indent:-9999px;
	margin:20px 0px 10px 40px;
	background:url(style/bg_images/nav/your_opportunity.jpg) no-repeat;
}

#more-info #box-2 { /* removed for mp3 player */
	float:left;
	width:220px;
}

#more-info .box-3 {
	float:left;
	width:630px;
	padding:5px 40px 0px 20px;
}

#more-info .box-3 h4 {
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:5px 0;
}

#more-info .box-3 p {
	color:#fff;
	text-align:left;
	font-size:13px;
	padding:5px 0;
}

/* separating the lower page */
#bubbles {
	position:relative;
	width:960px;
	height:54px;
	clear:both;
	background:url(style/bg_images/bg_page_bubbles.jpg) no-repeat;
}

/* positions twitter icon */
#bubbles a {
	position:absolute;
	top:-18px;
	right:45px;
	z-index:10;
}

/* white bottom section */
#bottom-section {
	width:960px;
	float:left;
	overflow:auto;
	background:url(style/bg_images/bg_white_body_bottom.jpg) repeat-y;
}

#bottom-section h2 {
	color:#8C95C5;
	text-align:left;
	padding:0px 0px 10px 0px;
}

/* post titles */
#bottom-section h2 a {
	color:#8C95C5;
	text-align:left;
	font-size:18px;
	text-decoration:none;
}

#bottom-section p {
	color:#8C95C5;
	text-align:left;
	padding:0px 10px 10px 0px;
	font-size:14px;
}

#bottom-section h3 {  /* the titles */
	color:#EF3A41;
	font-size:28px;
	font-weight:normal;
	padding:10px 0px 10px 0px;
}

/* ---------------- featured product area */

#featured-product {
	width:520px;
	float:left;
	margin-left:40px;
}

#product-wrapper {
	width:500px;
}

#product-thumb {
	padding:10px;
	width:225px;
	height:170px;
	overflow:hidden; /* in case image is too large */
	float:left;
}

#product-summary {
	width:230px;
	padding:10px;
	margin-left:250px;
}

/* ---------------- latest post area */

#blog-wrapper { 
	width:360px;
	float:left;
	background:url(style/bg_images/bg_verticle_bubbles.jpg) no-repeat;
}

#latest-blog-post {
	width:300px;
	margin-left:60px;
}

/* specific bottom rounded for home page only */
#bottom-wrap {
	width:960px;
	height:54px;
	clear:both;
	background:url(style/bg_images/bg_page_bottom.jpg) no-repeat;
}



/* --------------------------------------------------------------------------------- SEARCH FORM */

form #searchform {
	width:200px;
	height:30px;
	margin:10px 0px 0px 0px;
}

/* text input area */
form#searchform input#s {
	width:150px;
	color:#F3777B;
	height:16px;
	padding:5px;
}

/* search button or icon */
form#searchform #searchsubmit {
	position:relative;
	top:8px;
	width:26px;
	height:26px;
}



/* ---------------------------------------------------------------------------------- ALL PAGES TEMPLATE */

#content-wrapper {
	width:960px;
	overflow:auto;
	background:url(style/bg_images/bg_white_body.jpg) repeat-y;
}

#content {
	width:530px;
	margin-left:360px;
	overflow:hidden;
}

/* global bottom wrap is for the pages bottom since there is red involved */
#glogal-bottom-wrap {
	width:960px;
	height:55px;
	clear:both;
	background:url(style/bg_images/bg_global_page_bottom.jpg) no-repeat;
}


/* ---------------------------------------------------------------------------------------- POSTS */

.post h3 {
	padding:10px 0px 0px 0px;
}

#post-divider {
	width:464px;
	height:34px;
	padding:20px 0px;
	margin-top:20px;
	background:url(style/bg_images/post_bubble_separator.jpg) no-repeat;
}


/*---------------------------------------------------------------------------------------- SIDEBAR */

#sidebar {
	width:330px;
	float:left;
	color:#fff;
}

#sidebar-top {
	width:330px;
	height:200px;
}

/* area for a featured cartoon girl */
#sidebar-top img {
	text-align:auto;
	padding-top:20px;
}

#sidebar-divider {
	width:330px;
	height:43px;
	background:url(style/bg_images/global_sidebar_top.jpg) no-repeat;
}

/* where all listings go */
#sidebar-content {
	width:330px;
	background:url(style/bg_images/global_sidebar_body.jpg) repeat-y;
}

#sidebar-content ul {
	margin-left:50px;
	font-weight:bold;
	text-align:left;
	font-size:14px;
}

#sidebar-content ul.children {
	font-weight:normal;
}

#sidebar-content ul li {
	padding:3px 0px;
}

#sidebar a{
	color:#F7DC81;
}

#sidebar p {
	color:#fff;
	font-size:14px;
	padding:5px 20px 5px 40px;
}

#sidebar h2 {
	color:#fff;
	font-size:22px;
	text-align:center;
	margin-left:40px;
	padding:5px 20px 5px 0px;
	background:url(style/bg_images/sidebar_headings.jpg) no-repeat;
	width:229px;
	height:31px;
}

#sidebar h3 a {
	color:#F7DC81;
	font-size:18px;
	padding:5px 20px 5px 40px;
}

/* larger blue buttons in SIDEBAR */
#sidebar a#schedule-button {
	width:203px;
	height:72px;
	display:block;
	text-indent:-9999px;
	text-align:center;
	margin:5px 0px 5px 20px;
	background:url(style/bg_images/nav/schedule_party.jpg) no-repeat;
}

#sidebar a#opportunity-button {
	width:203px;
	height:72px;
	display:block;
	text-indent:-9999px;
	margin:5px 0px 5px 20px;
	background:url(style/bg_images/nav/your_opportunity.jpg) no-repeat;
}

#sidebar-bottom {
	width:330px;
	height:27px;
	background:url(style/bg_images/global_sidebar_bottom.jpg) no-repeat;
}




/* ---------------------------------------------------------------------------- FOOTER */

#footer {
	width:960px;
	background:url(style/bg_images/bg_footer_stripes.jpg) repeat-y;
	text-align:center;
	color:#8C95C5;
}

#footer ul {
	width:100%;
	padding-bottom:10px;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	font-size:12px;
	color:#8C95C5;
	text-decoration:none;
}

#footer p {
	font-size:12px;
	color:#8C95C5;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#8C95C5;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p#copy {
	font-size:11px;
	text-align:center;
	padding-bottom:20px;
}




/* ---------------------------------------------------------------- Comments Template */

/* div that holds comment area */
#comments_template {
	width:500px;
	text-align:left;
	background-color:#fff;
	border:3px solid #8C95C5;	
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* leave reply text and comments text */
#comments_template h3 {
	padding:5px 20px;
	font-size:24px;
}

/* joe said... */
#comments_template h4 { 
	padding:5px 0px;
	font-size:18px;
	color:#8C95C5;
}

#comments_template input {
	padding:5px;
	color:#F3777B;
}

/* field input text */
#comments_template label {
	margin:5px 10px 5px 0px;
	font-size:12px;
	padding:5px;
}

button {
	font-size:14px;
	padding:3px 5px;
}

/* the whole form area */
form#commentform {
	margin:20px 0px;
	padding:0px 0px 10px 20px;
}

/* comment text area */
#comment {
	margin:10px 0px 0px 0px;	
}

/* each comment box */
#comments_template li {
	background:#fff;
	border:2px solid #FE8252;
	margin:8px 20px;
	padding:10px; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#comments_template .avatar {
	float: left;
	padding: 4px;
}

/* comment name and text left by user */
.main_comment {
	padding:0px 25px 20px 25px;
}



/* ------------------------------------------------------------------- PAGE SPECIFIC ITEMS */

/* small table on host a party page */
table#host-chart {
	border:3px solid #8C95C5;
	background:#fff;
	text-align:center;
}

th {
	background-color:#EF3A41;
	text-align:center;
	letter-spacing:3px;
	border:1px solid #8C95C5;
	padding:5px 0px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

td {
	background-color:#fff;
	width:33%;
	text-align:center;
	border:1px solid #8C95C5;
	color:#8C95C5;
	font-size:12px;
	padding:10px;
}

td.bottom-box {
	font-size:12px;
}

/* directors chart on your opportunity page */
table#directors-chart {
	width:500px;
	border:3px solid #8C95C5;
	margin-top:20px;
	background:#fff;
	text-align:center;
}

span.small {
	font-size:10px;
}

/* ----- products page catalog section */

/* holder for catalog */
#catalog {
	width:510px;
	height:240px;
	color:#fff;
	background-color:#8C95C5;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#catalog #loopedSlider {
	position:relative;
}

#catalog #loopedSlider .container {
	width:470px;
	height:180px;
	position:relative;
	top:20px;
	left:20px;
	overflow:hidden;
}

#catalog #loopedSlider .slides {
	position:absolute;
	top:0;
	left:0;
}

#catalog #loopedSlider .slides div {
	position:absolute;
	top:0;
	width:470px;
	display:none;
}

#catalog #loopedSlider .slides div img {
	float:left;
}

#catalog #loopedSlider p {
	font-size:12px;
	margin-left:250px;
	color:#fff;
	padding:5px 0px;
	text-align:left;
}

#catalog #loopedSlider h5 {
	font-size:18px;
	font-weight:bold;
	margin-left:250px;
	padding:0px 0px;
	color:#fff;
	text-align:left;
}

#catalog-navigation {
	color:#fff;
	width:200px;
	padding:3px 0px;
	position:absolute;
	bottom:-50px;
	left:160px;
	border:1px solid #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#catalog-navigation a, #catalog #loopedSlider a {
	color:#fff;
	font-size:14px;
	padding:5px 0px;
}