/*
Wordpress Layout NAME: Fitness 4Her Version 1
DESCRIPTION: Custom Layout for Fitness 4Her by DaddyDesign.com
VERSION: 1
AUTHOR: Daddy Design
AUTHOR URI: http://www.daddydesign.com/
*/

/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('images/bg.png') repeat-x top center #000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: normal;
color: #333;
}

p { margin-bottom: 15px; line-height:16px; }

ul, ol{ margin: 15px 0; padding: 0 0 0 40px; }

a{ color: #db00af; text-decoration: none; font-weight: bold; font-style: italic; }
a:hover{ text-decoration: underline; }
a{ outline: none; }

a.more-link{ float: right; margin: 15px 0 0 0; font-style: italic; }

h1 {
font-size: 25px;
font-weight: bold;
font-style: italic;
color: #333;
}

/* Container */
#container{ 
width: 1000px;
margin: 0 auto;
background: url('images/bg.png') repeat-x top center;
}

/* Header */
#header{ width: 1000px; float: left; position: relative; }

#header_top{ width: 1000px; height: 48px; float: left; }

#daily_motivation_wrapper{
width: 710px;
height: 48px;
float: left;
margin-top: -14px;
}
#daily_motivation{
width: 710px;
height: 40px;
display: table-cell;
vertical-align: middle;
font-size: 12px;
color: #db00af;
padding-top: 0px;

}
#daily_motivation p{ margin: 0; line-height: 14px; }

/* Search */
.search {
width: 260px;
height: 30px;
background: url('images/search_bg.png') no-repeat center;
float: right;
margin-top: 8px;
}

.search .s {
float: left;
margin: 6px 0 0 10px;
border: 0;
width: 210px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #db00af;
}

.search .go {
width: 25px;
height: 20px;
float: right;
padding: 5px 10px 0 0;
outline: none;
}

#karen{
	width: 254px;
	height: 296px;
	position: absolute;
	top: 63px;
	right: -1px;
	z-index: 1;
}

#logo{
width: 530px;
float: left;
margin: 40px 0 15px 0;
padding: 0 0 0 15px;
}

#karen_info{
width: 270px;
float: left;
text-align: center;
color: #000;
margin-top:63px;
}
span.karen_name{ display: block; font-size: 14px; font-weight: bold; font-style: italic; margin-bottom: 2px; }
span.karen_sub_info{ display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; }

#menu{
width: 1000px;
height: 45px;
float: left;
background: url('images/menu_bg.png') no-repeat top center #000;
}

#menu ul{ width: 100%; float: left; margin: 0; padding: 0; }
#menu li { float: left; list-style: none; border-right: 2px solid #232323; }

#menu li a, #menu li a:hover{ 
height: 20px;
font-size:14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 13px 13px 12px;
float: left;
z-index: 9;
position: relative;
}
#menu li a:hover { color: #db00af; }

#empower_section{
width: 940px;
height: 85px;
float: left;
background: url('images/empower_section_bg.png') no-repeat top center #000;
padding: 35px 30px 0;
color: #fff;
}
#empower_section p{ width: 680px; font-size: 12px; line-height: 15px; margin: 10px 0 0 0; }

#user_info{ 
width: 964px; 
float: left; 
padding: 5px 8px; 
background: url('images/user_info_bg.png') no-repeat top center #000; 
border-left: 10px solid #000;
border-right: 10px solid #000;
}
span.user_status{ width: 55%; float: left; font-size: 11px; color: #db00af; }
span.user_links{ width: 40%; float: right; font-size: 12px; text-align: right; color: #db00af; }

/* Content */
#content{ 
width: 980px; 
float: left; 
background: url('images/content_bg.jpg') repeat-y top center #000; 
padding: 0 10px; 
}
#content_left{ width: 670px; float: left; }
#content_right{ width: 300px; float: right; }

/* Generic */
.section{
width: 100%;
float: left;
background-color: #fff;
border-top: 10px solid #000;
}

.section_title{
width: 100%;
height: 40px;
float: left;
background: url('images/title_bg.png') repeat-x top center #000;
}
.section_title h1 {
font-size: 17px;
color: #fff;
margin: 0;
padding: 8px 12px;
text-transform: uppercase;
}

.section_title li {
height:120px;
width:300px;
}

.section_content, .section_content_wide, .sidebar_content{
width: 620px;
float: left;
background: url('images/section_content_bg.png') repeat-x top center;
padding: 30px 25px 17px;
}
.section_content_wide{ width: 930px; }
.sidebar_content{ width: 250px; }

a.corner_link{ 
float: right;
display: block; 
font-size: 17px;
padding: 15px 20px; 
color: #fff;
background-color: #db00af;
}
a:hover.corner_link{ background-color: #00ccff; text-decoration: none; }

/* Home */
/* Slideshow */
#slideshow{
width: 670px;
height: 250px;
float: left;
background-color: #333;
color: #fff;
overflow: hidden;
border-top: 10px solid #000;
}

#slideshow_controls{ 
width: 670px; 
height: 30px;
float: left; 
background: url('images/slideshow_controls_bg.png') no-repeat top center #ccc;
}

.slide{ float: left; height: auto; }

#mySlides{
width: 670px;
height: 220px;
float: left;
}

#myController{ width: 600px; float: left; padding-left: 5px; }

#myController span{
float: left;
cursor:pointer;
font-size:15px;
font-weight: bold;
text-align:center;
padding:5px 3px;
color: #333;
z-index: 1;
position: relative;
}
#myController span:hover{ color: #db00af; }

#jFlowSlide{ float: left; }

#myController span.jFlowSelected { color: #db00af; }

.jFlowPrev, .jFlowNext{
float: right;
cursor: pointer;
font-size: 30px;
line-height: 15px;
color: #333;
text-align: center;
padding: 5px;
z-index: 1;
position: relative;
}
.jFlowPrev:hover, .jFlowNext:hover{ color: #db00af; }
/* END Slideshow */

/* Post */
.post, .post_search{
width: 100%;
float: left;
margin: 0 0 30px 0;
}
.post_search{ border-bottom: 1px solid #ccc; padding: 0 0 15px 0; }
.post h1, .post_search h1{ font-size: 19px; line-height: 22px; margin: 0; }
.post h1 a, .post_search h1 a{ color: #333; }

.post_preview_thumb{
width: 170px;
float: left;
margin-bottom: 15px;
}
.post_preview_thumb img{ width: 160px; height: 120px; border: 1px solid #dddddd; padding: 3px; }

.post_preview{
width: 430px;
float: right;
}
.post_preview h1{ font-size: 19px; line-height: 22px; margin: 0; }
.post_preview h1 a{ color: #333; }

span.date{ 
font-size: 12px; 
font-weight: bold; 
font-style: italic; 
display: block; 
margin: 0 0 5px 0; 
text-transform: uppercase; 
color: #db00af;
}

.posted_in{
width: 98%;
float: left;
border-top: 3px double #dddddd;
border-bottom: 3px double #dddddd;
padding: 4px 1%;
margin: 7px 0 0 0;
font-size: 12px;
}

/* Share Plugin Fix */
div.ilsb-parent, div.ilsb-child{ float: left; margin-top: 10px; }
/* END Share Plugin Fix */

.post_preview_bottom{
width: 98%;
float: left;
border-bottom: 3px double #dddddd;
padding: 4px 1%;
}
span.comment_number{ font-size: 12px; float: left; }
a.read_article{ font-size: 12px; float: right; }

.sidebar_thumb{
width: 300px;
float: left;
border-top: 10px solid #000;
}
.sidebar_thumb img{ width: 300px; height:252px; }

/* Singe Page Navigation*/
.single_nav {
width: 100%;
float: left;
background: url('images/title_bg.png') repeat-x top center #000;
}

.alignleft a, .alignright a{ 
float: left; 
font-size: 13px; 
text-align: left; 
color: #fff;
padding: 10px 12px;
}
.alignright a{ float: right; text-align: right; }
.alignleft a:hover, .alignright a:hover{ color: #db00af; text-decoration: none; }

/* Comments*/
.commentlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: justify;
}

.commentlist li.comment_main {
width: 100%;
float: left;
list-style: none;
}
.comment_left{ width: 17%; float: left; }
.comment_right{ width: 83%; float: right; }

.commentlist li.comment_info{
width: 98%;
float: left;
border-top: 3px double #dddddd;
border-bottom: 3px double #dddddd;
padding: 4px 1%;
list-style: none;
margin-bottom: 40px;
}

.avatar{ float: left; border: 1px solid #dddddd; padding: 3px; margin-bottom: 15px; }

#comment_form{ width: 100%; float: left; margin-bottom: 30px; }

span.form_label{
font-size: 13px;
font-weight: bold;
display: block;
margin: 5px 0;
}

.form_field, .form_field_comment{
width: 400px;
display: block;
background: #f5f5f5;
border: 1px solid #dddddd;
padding: 5px; 
margin: 0 0 15px 0;
color: #333;
}
.form_field_comment{ width: 600px; }

#submit{
width: auto;
height: auto;
display:block; 
border: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px; 
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #fff;
background-color:#000;
cursor: pointer;
padding: 12px 15px;
margin: 12px 0 0 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

#comment_form p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Sidebar */
.signup{
width: 282px;
height: 250px;
float: left;
background: url('images/signup_bg.jpg') no-repeat top center #fff;
padding: 0 0 0 18px;
border-top: 10px solid #000;
}
a.signup_button, a.login_button{ 
float: left;
display: block; 
font-size: 14px;
padding: 5px 8px; 
margin: 112px 5px 0 0;
color: #fff;
background-color: #db00af;
}
a.login_button{ margin: 112px 0 0 0; }
a:hover.signup_button, a:hover.login_button{ background-color: #00ccff; text-decoration: none; }

.programs{ width: 300px; float: left; border-top: 10px solid #000; }
.programs ul{ width: 100%; float: left; margin: 0; padding: 0; }
.programs li { width: 300px; float: left; list-style: none; border-top: 10px solid #000; }
.programs li img{ display: block; }
.programs li.programs_first{ border: 0; }

.follow{
width: 260px;
float: left;
background: url('images/section_content_bg.png') repeat-x top center;
padding: 20px;
}
.follow ul{ width: 100%; float: left; margin: 0; padding: 0; }
.follow li { width: 48px; height: 48px; float: left; list-style: none; padding: 2px; }
.follow li img{ display: block; }

.twitter_widget{ width: 100%; float: left; background-color: #333; border-top: 10px solid #000; }

.sidebar_content ul{ list-style: none; border-top: 3px double #dddddd; margin: 0 0 13px 0; padding: 0; }

.sidebar_content li{
padding: 6px;
border-bottom: 3px double #dddddd;
font-size: 14px;
color: #333;
font-weight: bold;
}

ul.children{ margin:5px 0 0 0; padding: 0 0 0 5px; border: 0; }
ul.children li{
font-size:12px;
padding:3px 5px;
border: 0;
}

#translation_bar{ margin: 0 0 13px 0; }

/* Footer */
#footer{ width: 1000px; float: left; position: relative; padding-bottom: 50px; border-top: 10px solid #000; }

#footer_info_container{
width: 980px;
float: left;
background: url('images/footer_info_container_bg.png') no-repeat bottom center #000;
padding: 0 10px;
}

#footer_info{
width: 890px;
float: left;
background: url('images/footer_info_bg.png') no-repeat bottom center #e12dbd;
padding: 35px 45px 50px;
}

#footer_info_left{ width: 420px; float: left; }
#footer_info_right{ width: 420px; float: right; }

#footer_info_left h1, #footer_info_right h1{ font-size: 22px; color: #fff; margin-bottom: 5px; }

#footer_info_left ul, #footer_info_right ul {
width: 100%;
margin: 0;
padding: 0;
border-top: 3px double #fff;
}

#footer_info_left li, #footer_info_right li {
list-style-type: none;
margin: 0;
padding: 0;
color: #fff;
padding: 10px 2%;
border-bottom: 3px double #fff;
}
#footer_info_left li { padding: 10px 2% 9px; }
#footer_info_right li a, #footer_info_left li a{ color: #fff; }
#footer_info_left li h1{ font-size: 15px; line-height: 18px; margin: 0 0 1px 0; }
#footer_info_left li span.date{ margin: 0; color: #fff; }

#about_karen{
width: 910px;
height: 188px;
float: left;
background: url('images/about_karen_bg.png') no-repeat top center #000;
padding: 32px 45px 0 45px;
}

.karen_thumb{
width: 200px;
height: 145px;
float: left;
background: url('images/karen_thumb_bg.png') no-repeat top center #000;
text-align: center;
overflow: hidden;
padding: 5px;
}
.karen_thumb img{ width: 200px; height: 145px; }

.karen_content{ width: 670px; float: right; color: #fff; margin-top: 8px; }
.karen_content h1{ color: #fff; }
.karen_content a.more-link, .karen_content a:hover.more-link{ color: #fff; }

#footer_bottom{
width: 980px;
height: 45px;
float: left;
background: url('images/footer_bottom_bg.png') no-repeat center #000;
padding: 0 10px;
}
#footer_bottom .search{ margin-top: 7px; }

#footer_rss{
width: 400px;
float: left;
padding-top: 10px;
color: #fff;
}
#footer_rss img{ float: left; }
span.footer_rss_title{ 
float: left;
font-size: 15px; 
font-weight: bold;
font-style: italic;
text-transform: uppercase; 
padding: 3px 0 0 10px;
}
a.footer_rss_link, a:hover.footer_rss_link{
float: left;
font-size: 13px; 
text-transform: uppercase; 
color: #fff;
padding: 5px 5px 0 8px;
}
a:hover.footer_rss_link{ color: #db00af; text-decoration: none; }

#sub_footer{
width: 1000px;
float: left;
text-align: center;
margin-top: 20px;
}

ul.footer_menu{ width: 100%; text-align: center; margin: 5px 0; padding: 0; }
ul.footer_menu li { list-style: none; display: inline; padding: 5px; }

ul.footer_menu li a, ul.footer_menu li a:hover{ 
font-size:14px;
color: #db00af;
text-transform: uppercase;
}

ul.footer_sub_menu{ width: 100%; text-align: center; padding: 0; margin: 0; }
ul.footer_sub_menu li { list-style: none; display: inline; padding: 3px; }

ul.footer_sub_menu li a, ul.footer_sub_menu li a:hover{ 
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #00ccff;
text-transform: uppercase;
}

span.credits{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #585858;
margin: 13px 0 8px 0;
}
span.credits a, span.credits a:hover{ color: #585858; font-style: normal; }

/* 
	smooth taste table styles
	written by Thomas Opp http://www.yaway.de
*/
.food table {
  border-collapse: collapse;
  border: 1px solid #38160C;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0;
  background: #641B35;
  }
.food caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
.food td, th {
  border: 1px dashed #B85A7C;
  padding: .8em;
  color: #F6ECF0;
  }
.food thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #000000;
  color: #F6ECF0;
  padding-top:6px;
  }
.food tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
.food tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.food tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
.food tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.food tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.food tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
 .odd {
  background: #222222;
  }
 .even {
  background: #db00af;
}
.food tbody tr:hover {
  background: #00ccff;
  }
.food tbody tr:hover th,
.food tbody tr.odd:hover th {
  background: #00ccff;
  }
.member_post_list	{
	font-size:13px;
	margin-left:25px;
}
span.member_date{ 
font-size: 11px; 
display: block; 
margin: 0 0 5px 25px; 
text-transform: uppercase; 
color: #db00af;
}
