/*  
Theme Name: Fitness Mojo
Theme URI: http://www.fitnessmojo.net
Description: Custom theme for Fitness Mojo.
Version: 1.0
Author: Matt Engel
Author URI: http://www.missilesilo.com/

*/

/*
Color Guide
--------------

Base Colors:
#ffffff - White
#000000 - Black
#302020 - Deep Reddish Brown
#473636 - Dark Reddish Grey
#624e4e - Medium Reddish Grey
#c00000 - Intense Red

Additional Colors:
#a19595 - Medium Warm Grey
#b2a8a8 - Light Warm Grey
#e0dcdc - Faint Warm Grey
*/

html, body, #wrapper {
  margin: 0;
  padding: 0;
}

body {
  background: #ffffff url(images/background_tile.png) 0px 0px repeat;
  font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
  background: url(images/background_fade.png) 0px 0px repeat-x;
}

img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1 {
  margin-bottom: 12px;
}

.post_head h1 {
  margin-bottom: 2px;
}

h2 {
  font-size: 18px;
  color: #624e4e;
  font-weight: normal;
}

h3 {
  font-size: 16px;
  color: #000000;
  font-weight: normal;
}

h4 {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

h5 {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

a {
  color: #c00000;
}

acronym {
  cursor: help;
}

.clearboth {
  clear: both;
}

.highlight {
  background: #fff468;
}

.expandlink {
  color: #c00000;
  text-decoration: underline;
  cursor: pointer;
}

.hovertip {
  border-bottom: 1px dotted #000000;
  cursor: help;
}

.hovertip_box {
  margin: 0;
  padding: 0 10px 0 10px;
  width: 350px;
  border: 1px solid #624e4e;
  background: #e0dcdc;
  font-size: 12px;
  color: #000000;
  -moz-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  -webkit-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  -khtml-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
}

.hovertip_header {
  margin: 0;
  padding: 5px 10px 5px 10px;
  width: 350px;
  border: 1px solid #624e4e;
  border-bottom: none;
  background: #624e4e;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  -moz-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  -webkit-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  -khtml-box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
  box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;
}

.acronym_initial {
  text-decoration: underline;
}

#main_wrapper {
  width: 924px;
  margin: 0 auto 0 auto;
  padding: 0;
}

#logo {
  padding: 20px 0 2px 27px;
}

/* header search */
#header_search {
  margin: -25px 7px 0 0;
  float: right;
  width: 180px;
}

#header_search label {
 display: none;
}

#header_search #s {
  margin: 0;
  display: block;
  float: left;
  border: 1px solid #a19595;
}

#header_search #searchsubmit {
  display: block;
  float: right;
  margin: 0 0 0 3px;
  padding: 22px 0 0 0;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url(images/button_search_small.png) 0px 0px no-repeat;
}

#page_top {
  width: 924px;
  height: 14px;
  background: url(images/page_top.png) 0px 0px no-repeat;
}

#page_wrapper {
  margin: 0;
  padding: 0;
  width: 924px;
  background: url(images/page_bg.png) 0px 0px repeat-y;
}

/* forms */
form {
  margin: 0;
  padding: 0;
}

.field {
  margin: 0;
  padding: 3px;
  width: 240px;
  border: 1px solid #624e4e;
  background: #efebeb;
}

.errorfield {
  margin: 0;
  padding: 3px;
  width: 240px;
  border: 1px solid #dd0000;
  background: #ffeded;
}

#errorblock, #statusblock {
  margin: 10px 0 10px 0;
  padding: 0 5px 0 7px;
  font-size: 12px;
  width: 500px;
}

#errorblock {
  color: #990000;
  border: 1px solid #dd0000;
  background: #ffeded;
}

#statusblock {
  color: #056e14;
  border: 1px solid #09b320;
  background: #f2fff4;
}

#errorblock ul, #statusblock ul {
  padding-left: 1.5em;
}

#errorblock ul li, #statusblock ul li {
  padding: 0.25em 0 0.25em 0;
}

.required {
  padding-right: 7px;
  font-size: 11px;
  font-style: italic;
  color: #c00000;
}

p.note {
  margin: 3px 0 0 0;
  padding: 0;
  font-size: 11px;
  font-style: italic;
  color: #808080;
  text-align: right;
}

.formtable {
  margin: 0;
  width: 98%;
  font-size: 14px;
  border: none;
}

.formtable th {
  padding: 15px 20px 8px 0;
  width: 25%;
  text-align: right;
  font-weight: normal;
  vertical-align: top;
}

.formtable td {
  padding: 10px 0 8px 0;
  text-align: left;
}

.formtable td.right {
  text-align: right;
}

/* contact page, giveaway page */
#contact_form, #giveaway_form {
  margin-top: -20px;
}

#contact_form #first_name, #contact_form #last_name, #contact_form #city, #giveaway_form #first_name, #giveaway_form #last_name, #giveaway_form #friend_one_first_name, #giveaway_form #friend_one_last_name, #giveaway_form #friend_two_first_name, #giveaway_form #friend_two_last_name {
  width: 150px;
}

#contact_form #last_name, #contact_form #state, #contact_form #zip, #giveaway_form #last_name, #giveaway_form #friend_one_last_name, #giveaway_form #friend_two_last_name, {
  margin-left: 5px;
}

#contact_form #address, #contact_form #email, #contact_form #phone, #contact_form #comments, #giveaway_form #phone, #giveaway_form #email, #giveaway_form #friend_one_email, #giveaway_form #friend_one_phone, #giveaway_form #friend_two_phone, #giveaway_form #friend_two_email {
  width: 317px;
}

#contact_form #phone, #contact_form #zip, #giveaway_form #phone, #giveaway_form #friend_one_phone, #giveaway_form #friend_two_phone {
  margin-bottom: 5px;
}

#contact_form #state {
  width: 75px;
  padding: 2px 3px 2px 3px;
}

#contact_form #zip {
  width: 66px;
}

#contact_form #city, #contact_form #state, #contact_form #zip {
  margin-top: 10px;
}

#contact_form p.note {
  margin: 0 95px 0 0;
}

#contact_form .button_submit, #giveaway_form .button_submit {
  margin: 0 95px 0 0;
  padding: 0;
  width: 126px;
  height: 35px;
  border: none;
  background: url(images/button_bg_01.png) 0px 0px no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

#sidebar.contact_sidebar {
  padding-bottom: 25px;
}

.contact_sidebar p {
  margin: 0 0 2em 15px;
  font-size: 12px;
  line-height: 1.5em;
}

/* main menu (top) */

#main_menu {
  margin: 0 27px 45px 27px;
  padding: 8px 0 0 0;
  text-align: right;
}

#main_menu a {
  margin: 0 0 0 25px;
}

/* content */

#content {
  margin: 0 0 0 27px;
  padding: 0;
  float: left;
  width: 570px;
}

.post .entry, .page_post .entry {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.post .entry p, .page_post .entry p, .post .entry ul li, .page_post .entry ul li, .post .entry ol li, .page_post .entry ol li {
  line-height: 1.4em;
}

.post .entry ul li, .page_post .entry ul li, .post .entry ol li, .page_post .entry ol li {
  padding-bottom: 0.75em;
}

.imagebox {
  margin: 12px 0 15px 0;
  padding: 0;
  width: 568px; /* plus border = 570 */
  height: 140px; /* plus border = 142 */
  border: 1px solid #b2a8a8;
}

.imagebox img {
  margin: 0;
  padding: 0;
  border: 4px solid #ffffff;
  width: 560px;
  height: 132px;
}

/* home page */

#content.home_page {
  margin: 0 27px 0 27px;
  padding: 0;
  float: left;
  width: 870px;
}

#video_block {
  clear: both;
}

#video_player {
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
  /*width: 380px;
  height: 250px;*/
  background: #808080;
}

#content_block {
  float: right;
  width: 450px;
}

#video_block h1 {
  margin: 1em 0 0.5em 30px;
  padding: 0;
  float: left;
  width: 460px;
  color: #624e4e;
  font-weight: normal;
  font-size: 18px;
}

#video_block p {
  margin: 0.5em 0 0.5em 30px;
  padding: 0;
  float: left;
  width: 460px;
  font-size: 16px;
}

#video_block .clearboth {
  margin: 0;
  border: 14px solid #473636;
  border-width: 0 0 14px 0;
}

.row_1 {
  margin: 13px 0 0 0;
  padding: 9px 0 0 0;
  height: 233px;
  float: left;
}

.row_1 p {
  float: left;
  margin: 7px 0 20px 0;
  width: 125px;
  height: 138px;
  font-size: 12px;
}

.row_1 .button {
  display: block;
  float: left;
  clear: left;
  width: 126px;
  height: 25px;
  background: url(images/button_bg_01.png) 0px 0px no-repeat;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding-top: 10px;
}

#item_1, #item_2 {
  margin-right: 15px;
  width: 279px;
  border-right: 1px solid #473636;
}

#item_1 {
  background: url(images/photo-01.png) right bottom no-repeat;
}

#item_2 {
  background: url(images/photo-02.png) right bottom no-repeat;
}

#item_3 {
  background: url(images/photo-03.png) right bottom no-repeat;
  width: 280px;
}

.row_2 {
  margin: 27px 0 0 0;
  padding: 12px;
  float: left;
  width: 256px;
  height: 104px;
  color: #ffffff;
}

.row_2 a {
  color: #ffffff;
  text-decoration: none;
}

.row_2 a:hover {
  text-decoration: underline;
}

.row_2 h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 16px;
}

.row_2 p {
  margin: 0;
  padding: 0;
  width: 165px;
  font-size: 11px;
}

#item_4 {
  background: url(images/bg_item_4.png) 0px 0px no-repeat;
}

#item_5 {
  background: url(images/bg_item_5.png) 0px 0px no-repeat;
}

#item_6 {
  background: url(images/bg_item_6.png) 0px 0px no-repeat;
}

#item_4, #item_5 {
  margin-right: 15px;
}

/* testimonials page */
#content.testimonial_page {
  width: 870px;
}

#content.testimonial_page .entry {
  width: 570px;
}

#video {
  margin: 20px 0 0 0;
}

#text_testimonials {
  height: 330px;
  border: 1px solid #b2a8a8;
  margin: 10px 0 -12px 0;
  padding: 5px 20px 15px 20px;
}

#text_testimonials .testimonial {
  margin-bottom: 35px;
}

#text_testimonials p {
  font-size: 13px;
  line-height: 1.4em;
  text-align: justify;
}

#text_testimonials p.author {
  text-align: right;
  font-size: 12px;
  font-style: italic;
}

#text_testimonials img {
  float: left;
  margin: 0 15px 0 0;
}

#text_testimonials .left {
  float: left;
  width: 46%;
}

#text_testimonials .right {
  float: right;
  width: 46%;
}

#pagination {
  width: 100%;
}

/* instructor page */
.instructor {
  margin-top: 80px;
  float: left;
  clear: both;
  width: 570px;
}

.instructor .expandlink {
  margin: 0 0 2em 0;
  font-weight: bold;
}

.instructor h3 {
  font-size: 16px;
  font-weight: bold;
  color: #624e4e;
}

.instructor h4 {
  margin-bottom: 2em;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.instructor li {
  margin-top: 0;
  margin-bottom: 0;
}

.instructor img {
  float: left;
  margin: 0 25px 0 0;
}

.instructor .summary {
  float: left;
  margin: 0;
  padding: 0;
  width: 400px;
}

.instructor .summary p {
  margin: 0;
}

.instructor .summary ul {
  margin: 0.5em 0 1.5em 2em;
  padding: 0 0 0 0;
}

.instructor .summary ul li {
  margin: 0.25em 0 0 0;
  padding: 0 0 0 0;
}

.instructor .description {
  float: left;
  clear: both;
  width: 570px;
  margin: 0;
  padding: 0;
}

/* erik's bio */
#bio_timeline_table {
  margin: 10px 0 0 0;
}

#bio_timeline_table th, #bio_timeline_table td {
  padding: 5px;
}

#bio_timeline_table th {
  text-align: right;
}

#bio_timeline_table tr.alt th, #bio_timeline_table tr.alt td {
  background: #e0dcdc;
}

#erik_photo, .summary {
  float: left;
}

#erik_photo {
  margin-right: 25px;
}

/* blog posts */
.post, .page_post {
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.post {
  border-bottom: 1px solid #302020;
}

.post_head .by_line {
  font-size: 11px;
  margin: -0.5em 0 0 0;
}

.post_head .cat_line {
  font-size: 11px;
  margin: 0 0 2em 0;
}

.sub_post_links {
  font-size: 11px;
}

.comments-template {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #b2a8a8;
  font-size: 12px;
}

.comments-template h3 {
  font-size: 12px;
  font-weight: bold;
  color: #302020;
}

.commentlist {
  margin-bottom: 2em;
}

.commentlist li {
  margin: 0;
  padding: 10px;
  background: #e0dcdc;
}

.commentlist li.alt {
  background: none;
}

#commentform #comment, #commentform input {
  border: 1px solid #302020;
}

#commentform #submit {
  background: #c00000 url(images/button_bg_02.png) 0px 0px no-repeat;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 0;
  width: 150px;
  height: 35px;
  cursor: pointer;
}

/* RSS link */
#sidebar #rss {
  margin-bottom: 15px;
}

/* site map */

.ddsg-wrapper {
  margin: 15px 0 0 0;
}

/*.ddsg-wrapper p {
  visibility: hidden;
}*/

.ddsg-wrapper ul {
  padding: 0 0 0 2em;
}

/* side menu */

#sidebar {
  margin: 0 7px 0 0;
  padding: 0;
  float: right;
  width: 245px;
  border: 1px solid #302020;
  border-width: 0 0 0 1px;
}

#sidebar #menu, #sidebar #menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar #menu li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
}

#sidebar #menu a {
  color: #624e4e;
  text-decoration: none;
  display: block;
  margin: 3px 0 3px 0;
  padding: 6px 20px 0 35px;
  height: 22px;
  font-size: 14px;
}

#sidebar #menu a:hover {
  color: #c00000;
}

#sidebar #menu li li a {
  padding: 4px 20px 0 50px;
  height: 18px;
  font-size: 12px;
}

#sidebar #menu .current_page_item a, #sidebar #menu .current_page_item a:hover {
  background: #c00000 url(images/side_menu_selected.png) 0px 0px no-repeat;
  color: #ffffff;
}

#sidebar #menu .current_page_item li a {
  background: none;
  color: #624e4e;
}

#sidebar #menu .current_page_item li a:hover {
  background: none;
  color: #c00000;
}

#sidebar #menu li li.current_page_item a {
  background: #c00000 url(images/side_menu_selected.png) 0px -4px no-repeat;
  color: #ffffff;
}

#sidebar #menu li li.current_page_item a:hover {
  background: #c00000 url(images/side_menu_selected.png) 0px -4px no-repeat;
  color: #ffffff;
}

/* blog sidebar widgets */
#widgets {
  margin: 20px 20px 0 10px;
  padding: 0;
  list-style: none;
  font-size: 12px;
}

#widgets .widget {
  margin: 0 0 30px 0;
}

#widgets .widget h2 {
  margin: 0 0 10px 0;
  padding: 7px 10px 0 10px;
  background: #624e4e url(images/bg_widget_title.png) 0px 0px no-repeat;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  height: 23px;
}

#searchform {
  text-align: right;
}

#s {
  border: 1px solid #624e4e;
  padding: 2px;
}

#searchsubmit {
  margin: 10px 0 0 0;
  padding: 0;
  width: 96px;
  height: 27px;
  background: url(images/button_bg_search.png) 0px 0px no-repeat;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}


/* social media icons */
#home_icons {
  margin: 0 auto 0 auto;
  clear: both;
  font-size: 14px;
  text-align: center;
  border: 0;
  border-spacing: 0;
}

#home_icons .icon {
  padding: 25px 0 0 0;
}

#home_icons .icon a {
  display: block;
  text-align: center;
  margin: 0 12px 3px 12px;
}

#sidebar_icons {
  margin: 20px 0 0 32px;
  font-size: 14px;
}

#sidebar_icons .icon td {
  padding: 0 5px 15px 0;
}


/* footer */

#footer {
  margin: 0 7px 0 7px;
  padding: 25px 0 0 0;
  clear: both;
  height: 84px;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  background: url(images/footer_bg.png) 0px bottom no-repeat;
}

#footer .content {
  margin: 35px 0 0 0;
}

#footer a {
  color: #ffffff;
}

#footer p {
  margin: 0.5em 0 0.5em 0;
}

#page_bottom {
  width: 924px;
  height: 14px;
  background: url(images/page_bottom.png) 0px 0px no-repeat;
}

/* catfish */
div#catman-catfish {
  background: url(images/catfish_bg_01.png) bottom left repeat-x;
}

div#catman-catfish div#catman-inner {
  height: 127px;
  background: url(images/catfish_img_01.png) bottom center no-repeat;
}

div#catman-catfish div#catman-inner p {
  width: 360px;
  margin: 0 auto 0 auto;
  padding: 65px 0 0 0;
  font-size: 14px;
}

/* twi form */
#content.twi {
  width: 700px;
}

#content.twi h2 {
  margin: 2.5em 0 0.5em 0;
  border-bottom: 1px solid #624e4e;
}

#content.twi h3 {
  margin: 1em 0 0.5em 0;
  padding: 0.5em;
  font-weight: bold;
  background: #e0dcdc;
}

#content.twi p {
  margin: 1em 0 1em 1em;
  line-height: 1.5em;
  font-size: 14px;
}

#content.twi .formtable th {
  width: 200px;
}

#twi_form .button_submit {
  margin: 0;
  padding: 0;
  width: 126px;
  height: 35px;
  border: none;
  background: url(images/button_bg_01.png) 0px 0px no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}