/*  
Theme Name: Vitality Vibe Two Column
Theme URI: http://www.vibrationmachine.biz
Description: A WordPress theme designed for Vitality 4 Life.
Version: 1.2
Author: Rohan
*/


/*-------------------------------------------------
  Begin Typography & Colors
-------------------------------------------------*/

body {
	margin: 5px 0 20px 0;
	/*background-color: #EBAD68;*/
	background: white url('images/bg.gif') repeat;
	font-family: Arial, Tahoma, Verdana,sans-serif;
	font-size: 12px;
	color: #333;
}
a:link, a:visited {
	color: #FF6600;
}
a img{
  border:0;
}
ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
#flags {
	width: 950px;
	margin: 0px auto;
	text-align: right;
	height: 25px;
}
#page{
	width: 950px;
	margin: 0px auto;
	background: white;
	border: 2px solid #c3c3c3;
}


/*-------------------------------------------------
  Page Header
-------------------------------------------------*/
#header {
	width: 950px;
	position: relative;
	height: 151px;
	z-index: 50;
	}
#headertitle {
	position: absolute;
	top: 15px;
	width: 420px;
	margin-top: 0;
}

#headerimg 	{ 
	position: absolute;
	top: 0;
	right: 0;
	background: white url('images/header_bg.jpg') no-repeat top right;
	margin: 0; 
	height: 151px; 
	width: 380px; 
	}
.description{
	color: #333;
	font-size: 11px;
	text-align: center;
	
}
.shadow { background-color: #FFFFFF; }

/*-------------------------------------------------
  Navigation Area
-------------------------------------------------*/
.menu-left{
	display: block;
	width: 20px;
	height: 30px;
	float:left;
}
.menu-right{
	display: block;
	width: 20px;
	height: 30px;
	float:right;
}
#navbar{
	padding-bottom:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

/* Begin CSS Drop Down Menu */
#menuh-container
	{
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	top: 121px;
	width: 950px;
	height:30px;
	background: url('images/menu_bg.gif') no-repeat top left;
	padding: 3px 0 7px 0;
	}
#menuh {}

#menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 5px 12px 6px 8px;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #666666;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:10em;	 width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/*  for IE7 */
    vertical-align: bottom; /*  for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 5px;
	font-size: 12px;
	margin:0;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	color: #999999;
	width: 145px;
	}
#menuh ul ul li a:link, #menuh ul ul li a:visited
	{
	color: #666666;
	text-align: left;
	}
#menuh ul ul li a:hover
	{
	color: #666666;
	background-color: #F5F5F5;
	}
div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */

.pagenow {
	background-color: #666666;
}


/*-------------------------------------------------
  Search Form
-------------------------------------------------*/
#searchform-top {
	position: absolute;
	top: 130px;
	right: 14px;
	background:  url("images/search-bg.gif") no-repeat right bottom;
	height: 30px;
	width: 165px;
}
#searchform-top #s-top{
	position:absolute;
	background: #fff;
	height: 14px;
	width: 115px;
	top:6px;
	margin: 0px 0px 0px 1px;
	padding: 2px 5px 2px 3px;
	color: #999999;
	border: none;
	font: 1em normal Arial, Helvetica, sans-serif;
	left:30px;
}
#searchform-top #searchsubmit-top { 
	position:absolute;
	background:  url("images/search-button.gif") no-repeat left top;
	height: 30px;
	width: 25px;
	border: none;
	text-indent: -50px;
	line-height: 0px;
	margin-top: 0px;
}
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	}

LEGEND {
	font-size: 13px;
	font-weight: bold;
	padding: 0.5em;
	color: #333333;
	}
LABEL.inputLabel {
	font-size: 12px;
	width: 13em;
	float: left;
	}
input {
	margin-bottom: 4px;
	}
.clearBoth {
	clear: both;
	}

/*-------------------------------------------------
  Content
-------------------------------------------------*/
#content{
	float: left;
	width: 100%;
	background: #FFFFFE url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/main_bg.gif) no-repeat;
}
#vibe-left {
	float:left;
	border-top: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	padding-right: 10px;
	margin-top: 10px;
	width: 295px;
}
#vibe-right {
	float: left;
	border-top: 1px dotted #cccccc;
	padding-left: 15px;
	margin-top: 10px;
	width: 295px;
}
#vibe-left h2, #vibe-right h2 {
	font-size: 20px;
	color: #333333;
	margin-top: 10px;
}
#vibe-left h2 a, #vibe-right h2 a {
	font-size: 20px;
	color: #333333;
	text-decoration: none;
}
.post{
	margin: 0 10px 15px 215px;
	position: relative;
}
.homepost{
	margin: 0 10px 15px 310px;
}
.no-nav {
	margin: 0 10px 15px 10px;
}
#photolrg {
	float: left;
	margin: 0 0 15px 0;
}
.post a:link, .post a:visited {
	color: #0000B6;
	text-decoration: none;
}
.post a:hover {
	color: #0000E6;
	text-decoration: none;
}
.greyText{
	color: #999999;
	font-size: 10px;
}
.redText{
	color: #CC0000;
}
.redText a:link, .redText a:visited {
	color: #CC0000;
	text-decoration: none;
}
.redText a:hover {
	color: #990000;
	text-decoration: none;
}
.entry {
	padding: 0 7px 0 7px; 
	color: #333;
}
.entry-title {
	padding: 5px 0 5px 0px;
	margin-bottom: 15px;
	color: #afafaf;
}
.cart-title-page {
	width: 380px;
	text-align: left;
}
.entry-title h1, .entry-title h1 a:link, .entry-title h1 a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0;
	/*border-bottom: #CCCCCC 1px solid;*/
	color: #F88300;
}
.entry-title-page h1, .entry-title-page h1 a:link, .entry-title-page h1 a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	color: #F88300;
}
.entry a:link, .entry a:visited {
	color: #FF6600;
	text-decoration: none;
}
.entry a:hover{
	color: #FF9900;
	text-decoration: underline;
}
.post-content a:link, .post-content a:visited {
	color: #FF6600;
	text-decoration: none;
}
.post-content a:hover{
	color: #FF9900;
	text-decoration: underline;
}
.post-cat-date{
	float:left;
}
.post-comm{
	float:right;
}
.entry-bot {
	height:10px;
}
.post-calendar {
	letter-spacing: 0.2em;
	margin: 0 ;
	padding: 5px 0 3px 10px;
	font: 100%/100% Arial, Tahoma, Verdana;
	color: #A0A0A0;
	background-color: #FFFFFF;
}
.post-content {
	clear: both;
	margin-top:6px;
	padding: 1px 3px;
	/*font: normal 105%/140% Arial, Tahoma, Verdana;*/
	color: #666666;
}
.home-content {
	margin-top:6px;
	padding: 1px 3px;
	/*font: normal 105%/140% Arial, Tahoma, Verdana;*/
	color: #666666;
}
.post-content p {
	margin: 7px 0 7px 0;
}
.postmetadata{
	margin: 10px 0 0 0;
}
.blockquote{
	margin: 5px 10px 5px 10px;
	padding: 3px 5px 3px 5px;
	color: #444;
	text-align:justify;
}
.pagetitle {
	margin: 0px 215px 0px 215px;
	clear: both;
	color:#505050;
	font: bold 1.2em/180% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}


/*-------------------------------------------------
  Side Bars
-------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 195px;
	font: 100%/150% Arial, Tahoma, Verdana;
}
.left-sidebar {
	margin-left: -945px;
	margin-bottom: 15px;
	padding: 20px 0 0 0;
}
.right-sidebar {
	float: left;
	width: 170px;
	font: 100%/150% Arial, Tahoma, Verdana;
}
.right-sidebar{
	margin-left: -170px;	
	margin-bottom: 15px;
	padding: 20px 0 0 0;
}
.side-box {
	margin-bottom:5px;
	/*background-color:#FFFFFF;*/
}
.side-box h3 {
	padding: 3px 0 0 0;
	margin: 0;
	font: bold 1.1em/150% Arial, Tahoma, Verdana;
	color: #333;
}
.side-box .sidebox-bottom {
	height:5px;
	margin-bottom:12px;
}
#categories {
margin-top:15px;
	
}
#sidebar {
margin-top:10px;
	
}
#sidebar a:link, #sidebar a:visited {
	font-size: 12px;
	color: #777;
	text-decoration:none;
}
#sidebar a:hover {
	color: #333;
	text-decoration:none;
}
#sidebar ul{
	list-style: none;
	margin: 0 ;
	padding: 0 0 3px 5px;
	
}
#sidebar ul li {
	padding: 3px 0 3px 0;
	border-bottom: solid #CCCCCC 1px;
}
#sidebar ul li ul li {
	border-bottom: none;
	line-height: 15px;
	padding-left: 20px ;
}

/*-------------------------------------------------
  boxText
-------------------------------------------------*/

.boxText {
	background-color: #A1BDEC;
	margin: 0 20px 0 10px;
	padding: 10px;
}
/*-------------------------------------------------
  Layered Navigation 
-------------------------------------------------*/

.layered-nav * {
margin:0;
padding:0;
}
.layered-nav .head {
    margin:0;
    background:url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/layered_nav_head_bg.png) no-repeat;
    height:24px;
	line-height: normal;
    }
.layered-nav .border-creator { border-style:solid; border-color:#a0b3c3; border-width:0 1px 1px 1px; margin: 0; padding:0; }
.layered-nav .narrowed-category li { background:url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/narrow_category_bg.gif) repeat-x 0 100% #fff; padding:4px 6px 4px 10px;}
.layered-nav .narrowed-category li .label {
    background:url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/narrow_by_li_by.gif) no-repeat 0 .2em;
    padding-left:20px;
    font-weight:bold;
    text-transform:uppercase;
    }
.narrow-by dl {
    background: #E7F1F4;
	padding:0 0 1em 0;
	margin: 0;
    }
.narrow-by dt {
    margin:0;
    padding:7px 10px 0 28px;
    background:url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/narrow_by_set.gif) no-repeat 9px .9em;
    color:#2f2f2f;
    text-transform:uppercase;
    }
.narrow-by dd {
    background:url(http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/images/narrow_by_dd_bg.gif) repeat-x 0 100%;
    padding:0 12px .8em 12px;
    }
.narrow-by dd li { margin-bottom:.3em; line-height:1.3em;}
.narrow-by dd.last { background:none;}
#sidebar .narrow-by a:link, #sidebar .narrow-by a:visited , #sidebar .narrow-by a:hover {
	color: #1E7EC8;
	text-decoration: underline;
	font-weight: bold;
}

/*-------------------------------------------------
  Widgets
-------------------------------------------------*/

.textwidget {
padding: 2px 7px;
margin:0;
}


/*-------------------------------------------------
  Comments
-------------------------------------------------*/
h3#comments, h3#respond {
	padding: 10px 0 0 10px;
	font: bold 1em/100% Arial, Helvetica, sans-serif;
	clear: both;
}
#commentform {
	margin: 10px 10px 0 10px;
}
#commentform p.notice {
	border: #a0a0a0 1px solid;
	padding: 5px 5px 5px 5px;
	background-color:#cfcfcf;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #5f5f5f;
	font-size: 90%;
}
#commentform input {
	font: 100% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 2px 2px 2px 5px;
	border: 1px solid #000;
}
#commentform textarea {
	font: 100% Arial, Helvetica, sans-serif;
	width: 365px;
	height: 140px;
	border: 1px solid #666;
	padding: 2px 2px 2px 5px;
}
#commentform #submit {
	font: 12px/100% Arial, Helvetica, sans-serif;
	color: #666;
	border: none;
	width: 125px;
	height: 25px;
	padding-top: 1px;
	margin-left: 240px;
}
#commentform #submit:hover {
	color:#333;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #0000ff;
}


/*-------------------------------------------------
  Comment List
-------------------------------------------------*/
.commentlist {
	margin: 5px 0 10px 5px;
	padding-left: 5px;
	font-size: 95%;
	line-height: 130%;
	width: 95%;	
	list-style: none;
}
.commentlist li {
	padding: 3px 10px 3px 10px;
	margin-bottom:5px;
	background-color:#d5d5d5;
}
.commentlist .alt {
	background-color: #E4E4E4;
}
.commentlist cite, .commentlist cite a:link, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 95%;
	color: #0000B6;
	text-decoration:none;
}
.commentlist cite a:hover {
	color: #0000E6;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: .9em;
}


/*-------------------------------------------------
  Next and Prev page navigation
-------------------------------------------------*/
.page-nav, .page-navigation {
	clear: both;
	height: 25px;
	margin: 0 215px 5px 215px;
}
.page-nav a:link, .page-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #d5d5d5;
	text-decoration: none;
}
.page-navigation a:link, .page-navigation a:visited {
	color: #000000;
	text-decoration: none;
}
.page-navigation a:hover {
	color: #555;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding: 5px 0 0 5px;
	margin-left: 10px;
}
.next-entries a {
	float: right;
	padding: 5px 0 0 5px;
	margin-right: 10px;
}

/*-------------------------------------------------
  Post navigation
-------------------------------------------------*/
.post-nav {
	clear: both;
	padding-bottom: 10px;
	margin: 5px 215px 10px 215px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #000000;
	text-decoration: none;
}
.post-nav a:hover {
	color: #999999;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
}
.post-nav .next a {
	float: right;
	text-align: right;
}
#no-dot ul {
	margin: 0;
	padding: 0;
}
#no-dot li {
	list-style: none;
	margin-left: -5px;
	padding-left: 0;
}
#archive li {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
}
#archive li a:link {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
#archive li a:hover {
	color: #333333;
	text-decoration: underline;
}
#archive li a:visited {
	color: #666666;
}
#archive .arch_exerpt {
	font-size: 12px;
	line-height: 13px;
}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footerbar{
	background: #F88300;
	clear: left;
	width: 950px;
	height: 3px;
	padding: 2px 0 0 0;
	margin: 0 auto;
}
.footer-container { width: 950px; margin:0 auto; }
.footer {
    width:950px;
    margin:0 auto;
    background-color: #292929;
    position:relative;
	color: #666666;
	font-size: 11px;
	text-align: left;
    }
.footer h3 { color: #666666; border-bottom: 1px dotted #666666; }
.footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; }
.footer .footer-box { float: left; width: 210px; padding: 8px; }
.footer .informational label { font-weight:bold; padding-right:3px; }
.footer .informational ul {}
.footer .informational li {
	border-bottom: 1px dotted #666666;
	line-height: 22px;
	list-style-image: url(../images/footer_li_bg.gif);
	list-style-position: inside;
    }
.footer .informational li.last { background:none; padding-right:0; }
.footer .footer-box .tagCloud li { 
	display: inline; border: none; padding-left: 4px; padding-right: 4px;}
.footer a { text-decoration:none; color: #666666;  }
.footer a:hover { text-decoration:none; color: #777777; }
.footer .legality {
    padding:13px 10px;
	font-size: 9px;
    text-align:left;
	background-color: #222222;
    }
.footer input { background-color: #666666 !important; color: #222222; border: none; background-image:url('http://www.vibrationmachine.biz/store/skin/frontend/default/vibe_style/css/../images/footer_newsletter_bg.jpg'); margin: 5px 0; padding: 3px;  } 
.form-button, .form-button-alt {
background:#F18200 none repeat scroll 0%;
border:1px solid #DE5400;
color:#FFFFFF;
cursor:pointer;
font-family:arial,sans-serif !important;
font-size:12px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:bold !important;
line-height:normal !important;
overflow:visible;
padding:1px 8px;
text-align:center;
vertical-align:middle;
width:auto;
}

/*-------------------------------------------------
  Headers
-------------------------------------------------*/
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #F88300;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	margin-top: 20px;
}
h1 a, h1 a:visited{
	color: #F88300;
	text-decoration: none;
}
h1 a:hover{
	color: #F88300;
	text-decoration: none;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 7px;
}
.subTitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF6600;
	font-weight: normal;
	margin: 0;
}
.error {
	color: #000000;
	margin: 5px 215px 10px 215px;
	font: normal 1.3em/100% Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
	text-align:center;
}
h2.error {
	color: #ff0000;
	font: bold 1.6em/100% Arial, Helvetica, sans-serif;
}

h3 {
	font: bold 1.2em/120% Arial, Helvetica, sans-serif;
	margin: 20px 0 10px 0;
}
h4, h5{
	/*font: normal 140%/100% Verdana, Arial;*/
	color: #333333;
	font-size: 1em;
}