/*
Theme Name: Stretchaflex
Theme URI: 
Description: 
Version: 1.0
Author:
Author URI: 
Tags: 
*/

/* ------------------------------------------------------

	 Stretchaflex - Index Stylesheet
   
------------------------------------------------------ */
/*
	Filename:					index.css
	Content:					Main website stylesheet
	Creation Date:				
	Last Modification Date:		
	Author:						
	Copyright:					
*/

	@import "reset.css";
	
/* Selectors
----------------------------------------------------- */

	
	body {
		font:12px/21px verdana, arial, helvetica, sans-serif;
		color:#333;
		background:url("images/bg-body.png") repeat-x top #c4c6c7;
	}
	
/* Type 
----------------------------------------------------- */
	
	a { color:#c1272d; text-decoration:underline; }
	a:visited { color:#680b0e; }
	a:hover { color:#29a8e6; }
	a img { border:none; }
	
	p { margin:14px 0; }
	
	ul { margin:14px 0 14px 20px; list-style:disc; padding:10px 0; list-style:disc; }
	ol { margin:14px 0 14px 30px; }
	
	
	h1 { font:bold 24px/1.3 verdana, Arial, Helvetica, sans-serif; color:#c1272d; }
	h2 { color:#c1272d; font-size:18px; font-weight:bold; line-height:1.2; clear:both; margin:20px 0 14px 0; }
	h3 { font:bold 16px/1.3 verdana, Arial, Helvetica, sans-serif; color:#c1272d; clear:both; }
	h4 { font:bold 14px/1.3 verdana, Arial, Helvetica, sans-serif; color:#c1272d; }
	h5 { font:bold 12px/1.3 verdana, Arial, Helvetica, sans-serif; color:#c1272d; }
	h6 { font:bold 11px/1.3 verdana, Arial, Helvetica, sans-serif; color:#c1272d; }

/* Common 
----------------------------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }
	.center, .aligncenter { text-align:center; }
	.ordernowwrap { background:#ebebeb; border:1px solid #d6d6d6; margin:13px 0 20px 0; padding:10px 10px 20px 10px; }
	.width100 { width:100%; }
	.alignright { text-align:right; }
	.secure { margin:0 76px 0 0; }
	img.alignleft { float:left; margin:0 10px 18px 0; }
	img.alignright { float:right; margin:0 0 18px 10px; }
	.sizes { width:100%; margin:26px 0 0 0; background:#e3e3e3; border:1px solid #d0d0d0; }
	.sizes td { width:50%; }
	.sizeheading { margin:15px 0 0 0; }	
	.aligncenter,dl.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; }
	.alignleft { float: left; }
	.alignright { float: right; }
	.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
	.wp-caption img { margin: 0; padding: 0; border: 0 none; }
	.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

	

/* Layout 
----------------------------------------------------- */

	#bodywrapper { background:url("images/bg-bodywrap.png") no-repeat 50% top; }
	#wrapper { width:1002px; margin:0 auto; background:url("images/bg-wrapper.png") repeat-y; }
	#logo { float:left; margin:22px 0 2px 31px; }
	#search { width:270px; height:50px; margin:24px 22px 0 0; padding:10px; float:right; background:#f0f0f0; border:1px solid #e8e8e8; -moz-border-radius:5px; -webkit-border-radius:5px; }
	#cse-search-box { margin:13px 0 0 0; }
	#cse-search-box #q { width:160px; padding:3px; margin:0 10px; } 
	#cse-search-box  #sa { cursor:pointer; }
	#cse-search-results iframe { width:630px; }
	#nav { clear:both; background:#d7d7d7; border:1px solid #bcbcbc; margin:0 22px; }
	#nav ul { margin:0; list-style:none; padding:0; }
	#nav ul li { float:left; }
	#nav ul li a { width:89px; display:block; height:53px; text-indent:-9999px; background:url("images/bg-nav.png") no-repeat -1px top; }
	#nav li.page-item-5 a { width:99px; background-position:-90px top; } /* What is stretchaflex */
	#nav li.page-item-7 a { width:95px; background-position:-471px top; } /* About the creator */
	#nav li.page-item-9 a { width:94px; background-position:-284px top; } /* Types of stretches */
	#nav li.page-item-11 a { width:93px; background-position:-378px top; } /* Benefits of stretches */
	#nav li.page-item-13 a { width:94px; background-position:-566px top; } /* Key questions */
	#nav li.page-item-15 a { width:95px; background-position:-189px top; } /* Who is it for */
	#nav li.page-item-17 a { width:94px; background-position:-660px top; } /* Testimonials */
	#nav li.page-item-19 a { width:94px; background-position:-754px top; } /* Order today */
	#nav li.page-item-21 a { width:97px; background-position:-848px top; } /* Contact */
	#nav li a:hover { background-position:left bottom }
	#nav li.page-item-5 a:hover { background-position:-90px bottom; } /* What is stretchaflex */
	#nav li.page-item-7 a:hover { background-position:-471px bottom; } /* About the creator */
	#nav li.page-item-9 a:hover { background-position:-284px bottom; } /* Types of stretches */
	#nav li.page-item-11 a:hover { background-position:-378px bottom; } /* Benefits of stretches */
	#nav li.page-item-13 a:hover { background-position:-566px bottom; } /* Key questions */
	#nav li.page-item-15 a:hover { background-position:-189px bottom; } /* Who is it for */
	#nav li.page-item-17 a:hover { background-position:-660px bottom; } /* Testimonials */
	#nav li.page-item-19 a:hover { background-position:-754px bottom; } /* Order today */
	#nav li.page-item-21 a:hover { background-position:-848px bottom; } /* Contact */
	
	.page-item-59 { display:none !important; } /* Hide search page */
	
	
	#breadcrumbs { margin:5px 22px 5px 12px; color:#808080; font-size:10px; }
	#header { height:272px; background:url("images/bg-header.png") no-repeat top left; margin:0 22px; position:relative; }
	#header #ordernow { width:294px; height:122px; display:block; float:right; background:url("images/bg-ordernow.png") no-repeat; color:#000; text-decoration:none; text-align:center; font-size:11px; line-height:1.2; padding:15px 0 0 0; }
	#header #ordernow img { display:block; margin:8px auto; }
	
	#header #guarantee { width:294px; height:129px; display:block; float:right; background:url("images/bg-guarantee.png") no-repeat; text-indent:-9999px; clear:right; }
	#header #banner { width:648px; height:255px; overflow:hidden; position:relative; float:left; margin:7px 0 0 5px; }
	#header #banner img { display:none; }
	#header #banner a { text-decoration:none; color:#fff; font-style:normal; }
	#header blockquote { width:265px; height:128px; margin:0; padding:15px; color:#fff; font-size:19px; font-style:normal; position:absolute; right:-295px; top:40px; line-height:1.3; font-size:1.4em; background:url("images/bg-header-quote.png") no-repeat; display:block; }
	#header blockquote p { margin:0; }
	#header blockquote p cite { font-size:10px; display:block; margin:7px 0 0 0; }
	#content { margin:10px 22px; }
	#content ul { margin-left:30px; }
	#content ul li { /*background:url("images/li.gif") no-repeat left 5px;*/ padding:0;  }
	#polaroids { width:938px; height:228px; background:url("images/splits-stretch-footer.jpg") no-repeat bottom; clear:both; margin:0 auto; padding:0; }
	#polaroids a { width:938px; height:228px; display:block; }
	#copy { width:655px; float:left; }
	#copy blockquote{margin:1em;}
	#side { width:250px; float:right; margin:0 20px 0 0; }
	.side { background:url("images/bg-sidebar.gif") repeat-y right top; }
	
	.home { background:url("images/bg-youtube.gif") repeat-y left top; }
	#youtube { width:360px; float:left; }
	#youtube h2 { margin:15px }
	#video { margin:0 0 0 17px; }
	.home #copy { width:345px; margin:0 0 0 15px; float:right; }
	#copyinner { float:left; }
	.home #pad { width:210px !important; min-height:338px; float:right; background:url("images/bg-pad.png") no-repeat top left; }	
	#pad #sidebar { width:160px; line-height:1.2; margin:100px 0 0 36px; }
	#pad ul, #side ul { margin:0; list-style:none; }
	#pad ul li, #side ul li { padding:0; background:none; list-style:none; }
			
	#footer { width:100%; background:url("images/bg-footer.gif") repeat-x top #dc0010; color:#fff; text-align:center; padding:20px 0; }
	#footer p { margin:0; }
	#footer ul { width:915px; list-style:none; margin:0 auto; }
	#footer ul li { display:inline; border-right:1px solid #fff; padding:0 9px 0 0; margin:0 5px 0 0; }
	#footer ul li.page-item-19 { border-right:none; }
	#footer ul li a { text-transform:uppercase; text-decoration:none; color:#fff; }
	#footer ul li a:hover { text-decoration:underline; }
	#footer ul li.noborder { border-right:none !important; }
	#footer a { color:#fff; }
	#footer a:hover { text-decoration:underline; }
	
	.textwidget blockquote { font-style:normal; padding:0; margin:0; }
	
	
/* Search
-------------------------------------------------- */

	#search .gsc-input { width:230px; padding:4px; }
	#search .gsc-clear-button { display:none; }
	
/* Comments 
-------------------------------------------------- */

	#comment { width:100%; }