@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background-image:url(images/background-yellow.jpg);
background-repeat:repeat;
}

#background {
background-image:url(images/background-gradient.jpg);
background-repeat:repeat-x;
background-position: top left;
overflow:auto;
}

#wrapper-content {
margin: 0 auto;
width:792px;
overflow:auto;
}

#content-left {
float:left;
width:392px;
}

#logo {
}

#background-strip {
background-color:#eddbb6;
width:340px;
margin: 0 0 0 53px;
}

#strip-bottom {

margin: 0px 0 40px 52px;
}

#content-right {
float:left;
width:400px;
}

#menu {

}

#menu-left {
float:left;
width:188px;
margin: 30px 0 13px 20px;
}

#menu-right {
float:left;
width:212px;
margin: 30px 0 25px -35px;
}


#author-header {
width:300px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}



#quote {
margin:30px 0 0 40px;
padding:0;
}


#book-order {
margin: 20px 0 0px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
width:300px;
}

#book-order p {
margin: -10px 0 13px 21px;
line-height:21px;
font-size: 16px;
}




#footer {
clear:both;
background-image:url(images/footer-background.jpg);
background-repeat:repeat-x;
background-position:top;
overflow:auto;
background-color:#130202;

}

#footer-wrapper {
margin: 0 auto;
width:920px;
}

#footer-left {
float:left;
margin: 40px 15px 0 45px;
width:240px;

}

#footer-middle {
float:left;
width:280px;
margin: 85px 40px 0 10px;
}

#footer-right {
float:left;
width:230px;
margin: 122px 0px 0 10px;
}

#footer-bottom {
clear:both;
padding: 60px 0 40px 0;
border-top: 1px solid 3333;
font-family:Arial, Helvetica, sans-serif;
color:#666;
text-align:center;
text-transform:uppercase;
font-size:11px;
letter-spacing:6px;
font-weight:bold;
}

#footer-bottom a {
color:red;
text-decoration:underline;
}

#footer-bottom a:hover {
color:#999;
text-decoration:none;
}

#posts {
margin: 0 0 0 24px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 17px;
}


.tweet {
margin: 0 0 0 24px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 17px;
text-indent: 0;
}


/* -----------------FORM SLIDER ---------------------*/

#audio-form {
width: 314px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a:focus {
	outline: none;
}
#panel {
	background: #666;
	height: 214px;
	display: none;
	padding:10px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 0 auto;
}

table {
width:310px;
/*border: red solid 1px;*/
margin-left:5px;
}

td {
padding: 5px 0 5px 0px;
}

input {
background-color:#CCCCCC;
}

fieldset {
padding: 0 0 0 8px;
border:none;
width:215px;
}

br.5px {
margin-top:5px;
padding-top:5px;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #333;
	background: url(/wp-content/themes/typebased/images/button-getaudio.png) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}


/* -----------------IMAGES ---------------------*/

img.spacer {
margin: 14px 0 14px 0;
}

img.twitter {
margin: -5px 0 0 27px;
}

img.footer-logo-left {
margin: -5px 0 0 58px;
}

img {
border:none;
}


/* ----------------- TEXT ------------------   */

h1.yes-logo {
 	width: 392px; 
	height: 357px;
	background: url("images/main-logo.png");
	text-indent: -9999px;
	}

h2.field-tested {
 	width: 340px; 
	height: 104px;
	background: url("images/field-tested.jpg");
	text-indent: -9999px;
	margin: 0 0 0 52px;
	}

p.yes-intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 33px;
	letter-spacing:0px;
	width:286px;
	padding: 17px 0 0 23px;
	text-align:justify;
	color:#111;
}

p.yes-intro-small {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 20px;
	letter-spacing:0px;
	width:286px;
	padding: 5px 0 8px 23px;
	text-align:justify;
	color:#111;
}

p.white {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#FFFFFF;
padding: 9px 0 9px 0;
border-bottom:solid 1px #333;
line-height:19px;
}

p.white a {
color:white;
line-height:20px;
text-decoration:none;
}

p.white a:hover {
text-decoration:underline;
}

p.blue {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#6bc2eb;
}

p.red {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#f00606;
margin: 9px 0 0 0;
}

strong.red {
color:red;
}

.description {
padding:6px 0 0 0;
font-size:12px;
line-height:13px;
display:block;
}


/*
------------TWITTER STYLES --------------

* ul.twitter: the main ul (if list is activated)
* li.twitter-item: the ul items (if list is activated)
* p.twitter-message: each one of the paragraphs (if msgs > 1)
* .twitter-timestamp: the timestamp span class
* a.twitter-link: the tweet link class
* a.twitter-user: the @username reply link class


*/

p.twitter-message {
color;#fff;
padding:11px 0 14px 0;
border-bottom:solid 1px #333;
}

.twiiter-timestamp {
padding:9px 0 13px 0;
}

a.twitter-link {
color:#FFFF99;
}

a:hover.twitter-link {
text-decoration:none;
}


/* --------------TWEET STYLES ------------------------ */

.tweet {
font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff; }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
background-color:#130202; }
    .tweet .tweet_list li {
      overflow: auto;
      padding: 13px 0 13px 0;
	  border-bottom:solid 1px #333;  }
      .tweet .tweet_list li a {
        color: #3399cc; text-decoration:none; text-indent:0; }
		
      .tweet .tweet_list li a:hover {
        text-decoration:underline;  }		
		
   /* .tweet .tweet_list .tweet_even {
      background-color: #003333; }  */
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

li.tweets {
}


p.tweet {
text-transform:uppercase;
font-size:11px;
color:#3399cc;
text-indent:0;
margin: -2px  0 6px 0px;
letter-spacing: 3px;
}


strong.right a {
margin:8px 0 0 160px;
color: red!important;

}


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

li.footer-posts  {
    list-style-type: none;
    margin: 0;
    padding: 11px 0 12px;
	color: white;
	border-bottom:solid 1px #333; 
}

li.footer-posts a {
	color: white;
	text-decoration:none;
}

li.footer-posts a:hover {
	color: white;
	text-decoration:underline;
}



/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: 20px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 30px;
			background: transparent url(images/bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #A1D40A url(images/bubbleMid.gif) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 13px;
			background: transparent url(images/bubbleBtm.gif) no-repeat;
		}