/*



Theme Name: WP Squeezey Sales Pages Theme



Theme URI:  http://webthrust.com/wp-squeezey-salespages/



Description: A wordpress theme designed to create textual and video squeeze-pages and sales-pages





Version: 1.0



Author: Russell Hall



Author URI: http://webthrust.com/ 



Tags: fixed width, one column, valid XHTML, widgets, wordpress sales letter, wordpress sales page, wordpress salesletter template, wordpress video sales page, wordpress video squeeze page, wordpress Squeezey Sales Pages Theme



*/



/* begin Page */





body



{



  margin: 0 auto;



  padding: 0;



  background-color: #444444;

/* 

   default charcoal #444444;

   light gray #8193AB;

   white #FFFFFF;

   blue #5555FF;

   yellow #FFFF99;

   red #9E0200;

   gradient gray #6A6B6C;

*/

  

  background-image: /*url('images/bg-grad-black-6A6B6C.jpg');*/



  background-repeat: repeat-x;

  

  background-attachment: scroll;



  background-position: top left;





}





/*body-dark



{



  margin: 0 auto;



  padding: 0;



  background-color: #333333;



  background-image: url('images/Page-Bgdkgraded.jpg');



  background-repeat: repeat-x;



  background-attachment: scroll;



  background-position: top left;

  



}*/





.Main



{



  position: absolute;



  width: 100%;



  left: 0;



  top: 0;



}







.cleared



{



  float: none;



  clear: both;



  margin: 0;



  padding: 0;



  border: none;



  font-size:1px;



}











/* end Page */







/* begin Box, Sheet */



.Sheet



{



  overflow: hidden;



  min-width:23px;



  min-height:23px;



  margin: 0 auto;



  position: relative;



  z-index: 0;



  width: 800px;



}











.Sheet-body



{



  position: relative;



  z-index: 0;



  margin: 5px;



}







.Sheet-tl



{



  position: absolute;



  overflow: hidden;



  z-index: -1;



  top: 0;



  left: 0;



  width: 21px;



  height: 21px;



  background-image: url('images/Sheet-s.png');



}







.Sheet-tr



{



  position: absolute;



  overflow: hidden;



  z-index: -1;



  top: 0;



  right: 0;



  width: 21px;



  height: 21px;



}







.Sheet-tr div



{



  position: absolute;



  z-index: -1;



  top: 0px;



  left: -21px;



  width: 42px;



  height: 42px;



  background-image: url('images/Sheet-s.png');



}







.Sheet-bl



{



  position: absolute;



  overflow: hidden;



  z-index: -1;



  bottom: 0;



  left: 0;



  width: 21px;



  height: 21px;



}







.Sheet-bl div



{



  position: absolute;



  z-index: -1;



  top: -21px;



  left: 0;



  width: 42px;



  height: 42px;



  background-image: url('images/Sheet-s.png');



}







.Sheet-br



{



  position: absolute;



  overflow: hidden;



  z-index: -1;



  bottom: 0;



  right: 0;



  width: 21px;



  height: 21px;



}







.Sheet-br div



{



  position: absolute;



  z-index: -1;



  top: -21px;



  left: -21px;



  width: 42px;



  height: 42px;



  background-image: url('images/Sheet-s.png');



}







.Sheet-tc



{



  position: absolute;



  overflow:hidden;



  z-index: -1;



  top: 0;



  left: 21px;



  right: 21px;



  height: 21px;



}







.Sheet-tc div



{



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  width: 100%;



  height: 42px;



  background-image: url('images/Sheet-h.png');



}







.Sheet-bc



{



  position: absolute;



  overflow:hidden;



  z-index: -1;



  bottom: 0;



  left: 21px;



  right: 21px;



  height: 21px;



}







.Sheet-bc div



{



  position: absolute;



  z-index: -1;



  top: -21px;



  left: 0;



  width: 100%;



  height: 42px;



  background-image: url('images/Sheet-h.png');



}







.Sheet-cl



{



  position: absolute;



  overflow:hidden;



  z-index: -1;



  top: 21px;



  left: 0;



  width: 21px;



  bottom: 21px;



}







.Sheet-cl div



{



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  width: 42px;



  height: 100%;



  background-image: url('images/Sheet-v.png');



}







.Sheet-cr



{



  position: absolute;



  overflow:hidden;



  z-index: -1;



  top: 21px;



  right: 0;



  width: 21px;



  bottom: 21px;



}







.Sheet-cr div



{



  position: absolute;



  z-index: -1;



  top: 0;



  left: -21px;



  width: 42px;



  height: 100%;



  background-image: url('images/Sheet-v.png');



}







.Sheet-cc



{



  position: absolute;



  overflow:hidden;



  z-index: -2;



  top: 21px;



  left: 21px;



  right: 21px;



  bottom: 21px;



  background-image: url('images/Sheet-c.png');



}











.Sheet



{



  margin-top: 20px !important;



}



/* end Box, Sheet */







/* begin ContentLayout */



.contentLayout



{



  margin-bottom: 0px;



  width: 790px;



  position: relative;



}



/* end ContentLayout */







/* begin Box, Block */



.Block



{



  overflow: hidden;



  min-width:1px;



  min-height:1px;



  margin: 0 auto;



  position: relative;



  z-index: 0;



}











.Block-body



{



  position: relative;



  z-index: 0;



  margin: 0px;



}











.Block



{



  margin: 10px;



}







/* end Box, Block */







/* begin BlockHeader */



.BlockHeader



{



  position: relative;



  overflow: hidden;



  height: 30px;



  z-index: 0;



  line-height: 30px;



  padding: 0 7px;



  margin-bottom: 0px;







}







.BlockHeader-text



{



  white-space : nowrap;



  color: #000000;



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  font-style: normal;



  font-weight: bold;



  line-height: 30px;



}











.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div



{



  top: 0;



  position: absolute;



  z-index: -1;



  overflow: hidden;



  height: 30px;



}







.BlockHeader .l



{



  left: 0;



  right: 10px;



}











.BlockHeader .r



{



  right: 0;



  width: 10px;



}











.BlockHeader .r div



{



  width: 790px;



  right: 0;



}











.BlockHeader .l, .BlockHeader .r div



{



  background-position: left top;



  background-repeat: no-repeat;



  background-image: url('images/BlockHeader.png');



}















.header-tag-icon



{



  display:inline-block;



  background-position:left top;



  background-image: url('images/BlockHeaderIcon.png');



  padding:0 0 0 23px;



  background-repeat: no-repeat;



  min-height: 16px;



  margin: 0 0 0 5px;



}



















/* end BlockHeader */







/* begin Box, BlockContent */



.BlockContent



{



  overflow: hidden;



  min-width:1px;



  min-height:1px;



  margin: 0 auto;



  position: relative;



  z-index: 0;



}











.BlockContent-body



{



  position: relative;



  z-index: 0;



  margin: 7px;



}











.BlockContent-body



{



  color:#292929;



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  font-style: normal;



  font-weight: normal;



}







.BlockContent-body a:link



{



  color: #595959;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



}







.BlockContent-body a:visited, .BlockContent-body a.visited



{



  color: #949494;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



}







.BlockContent-body a:hover, .BlockContent-body a.hover



{



  color: #757575;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



}











.BlockContent-body ul



{



  list-style-type: none;



  color: #545454;



  margin:0;



  padding:0;



}







.BlockContent-body li



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  text-decoration: none;



}







.BlockContent-body ul li



{



  padding:0px 0 0px 16px;



  background-image: url('images/BlockContentBullets.png');



  background-repeat:no-repeat;



  margin:0.5em 0 0.5em 0;



  line-height:1.2em;



}







/* end Box, BlockContent */







/* begin Box, Post */



.Post



{



  overflow: hidden;



  min-width:1px;



  min-height:1px;



  margin: 0 auto;



  position: relative;



  z-index: 0;



}











.Post-body



{



  position: relative;



  z-index: 0;



  margin: 15px;



}











.Post



{



  margin: 15px;



}











/* Start images */



a img



{



  border: 0;



}







.article img, img.article



{



  border-style: solid;



  border-width: 0px;



  border-color: #C7C7C7;



  margin: 2px;



}







.metadata-icons img



{



  border: none;



  vertical-align: middle;



  margin:2px;



}



/* Finish images */







/* Start tables */







.article table, table.article



{



  border-collapse: collapse;



  margin: 1px;



  width:auto;



}







.article table, table.article .article tr, .article th, .article td



{



  background-color:Transparent;



}







.article th, .article td



{



  padding: 2px;



  border: solid 0px #737373;



  vertical-align: top;



  text-align:left;



}







.article th



{



  text-align:center;



  vertical-align:middle;



  padding: 7px;



}















/* Finish tables */



/* end Box, Post */







/* begin PostHeaderIcon */



.PostHeaderIcon-wrapper



{



  text-decoration:none;



  margin: 0.2em 0;



  padding: 0;



  font-weight:normal;



  font-style:normal;



  letter-spacing:normal;



  word-spacing:normal;



  font-variant:normal;



  text-decoration:none;



  font-variant:normal;



  text-transform:none;



  text-align:left;



  text-indent:0;



  line-height:inherit;



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 28px;



  font-style: normal;



  font-weight: bold;



  text-align: center;



  color: #F10E29;



}







.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 28px;



  font-style: normal;



  font-weight: bold;



  text-align: center;



  color: #F10E29;



}







/* end PostHeaderIcon */







/* begin PostHeader */



.PostHeader a:link



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



  text-align: left;



  color: #F10E29;



}







.PostHeader a:visited, .PostHeader a.visited



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



  text-align: left;



  color: #F10E29;



}







.PostHeader a:hover, .PostHeader a.hovered



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



  text-align: left;



  color: #F10E29;



}



/* end PostHeader */







/* begin PostContent */



/* Content Text Font & Color (Default) */



body



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  font-style: normal;



  font-weight: normal;



  color: #292929;



}







.PostContent



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 13px;



  text-align: justify;



  color: #292929;



}







/* Start Content link style */



/*



The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.



http://www.w3schools.com/CSS/css_pseudo_classes.asp



http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/



*/



a



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



  color: #595959;



}







/* Adds special style to an unvisited link. */



a:link



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



  color: #595959;



}







/* Adds special style to a visited link. */



a:visited, a.visited



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



  color: #595959;



}







/* :hover - adds special style to an element when you mouse over it. */



a:hover, a.hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



  color: #595959;



}







/* Finish Content link style */







/* Resert some headings default style & links default style for links in headings*/



h1, h2, h3, h4, h5, h6,



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover



h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited



{



  font-weight: normal;



  font-style: normal;



  text-decoration: none;



}











/* Start Content headings Fonts & Colors  */



h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 28px;



  font-style: normal;



  font-weight: bold;



  letter-spacing: -1px;



  text-align: left;



  color: #B61616;



}







h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 22px;



  font-style: normal;



  font-weight: bold;



  text-align: left;



  color: #757575;



}







h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 18px;



  font-style: normal;



  font-weight: bold;



  text-align: left;



  color: #D01619;



}







h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 16px;



  font-style: normal;



  font-weight: bold;



  text-align: left;



  color: #292929;



}







h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 14px;



  font-style: normal;



  font-weight: bold;



  text-align: left;



  color: #292929;



}







h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 14px;



  font-style: normal;



  font-weight: bold;



  text-align: left;



  color: #292929;



}



/* Finish Content headings Fonts & Colors  */







/* end PostContent */







/* begin PostBullets */



/* Start Content list */







ul



{



  list-style-type: none;



  color: #404040;



  margin:0;



  padding:0;



}







li



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



}















.Post ul li



{



  padding:0px 0 0px 19px;



  background-image: url('images/PostBullets.png');



  background-repeat:no-repeat;



  margin:0.5em 0 0.5em 0;



  line-height:1.2em;



}











/* Finish Content list */



/* end PostBullets */







/* begin PostQuote */



/* Start blockquote */







blockquote p



{



  color:#303030;



  font-family: Arial, Helvetica, Sans-Serif;



  font-style: italic;



  font-weight: normal;



  text-align: left;



}







blockquote



{



  border-color:#5E5E5E;



  border-width: 1px;



  border-style: dashed;







  margin:10px 10px 10px 50px;



  padding:5px 5px 5px 41px;







  background-color:#FEFDB9;







  background-image:url('images/PostQuote.png');



  background-position:left top;



  background-repeat:no-repeat;



}















/* Finish blockuote */



/* end PostQuote */







/* begin Button */



button.Button, a.Button



{



  position:relative;



  display:inline-block;



  width: auto;



  outline:none;



  border:none;



  background:none;



  line-height:34px;



  margin:0;



  padding:0;



  overflow: visible;



  cursor: default;



  text-decoration: none !important;



}











/*This HACK needed for ie7 (button position)*/



*:first-child+html button.Button, *:first-child+html a.Button



{



  display:list-item;



  list-style-type:none;



  float:left;



}











.Button .btn



{



  position: relative;



  overflow: hidden;



  display: block;



  width: auto;



  z-index: 0;



  height: 34px;



  color: #404040;



  white-space: nowrap;



  float: left;



}







.Button .t



{



  height:34px;



  white-space: normal;



  padding: 0 24px;



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  font-style: normal;



  font-weight: normal;



  text-align: left;



  line-height: 34px;



  text-decoration: none !important;



}







input, select



{



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 12px;



  font-style: normal;



  font-weight: normal;



}







.Button .active



{



  color: #F2F2F2;



}







.Button .hover,  a.Button:hover



{



  color: #F5F5F5;



  text-decoration: none !important;



}







.Button .active .r



{



  top: -68px;



}







.Button .hover .r



{



  top: -34px;



}







.Button .r



{



  display: block;



  position: absolute;



  overflow: hidden;



  z-index: -1;



  top: 0;



  right: 0;



  width: 5px;



  height: 102px;



}











.Button .r span



{



  display: block;



  position: absolute;



  overflow: hidden;



  z-index: -1;



  top: 0;



  right: 0;



  width:419px;



  height: 102px;



}











.Button .active .l



{



  top: -68px;



}







.Button .hover .l



{



  top: -34px;



}







.Button .l



{



  display: block;



  position: absolute;



  overflow: hidden;



  z-index: -1;



  top: 0;



  left: 0;



  right: 13px;



  height: 102px;



}











.Button .l, .Button .r span



{



  background-image: url('images/Button.png');



}







/* end Button */







/* begin Footer */



.Footer



{



  position:relative;



  z-index:0;



  overflow:hidden;



  width: 790px;



  margin: 5px auto 0px auto;



}







.Footer .Footer-inner



{



  height:1%;



  position: relative;



  z-index: 0;



  padding: 20px;



  text-align: center;



}







.Footer .Footer-background



{



  position:absolute;



  z-index:-1;



  background-repeat:no-repeat;



  background-image: url('images/Footer.png');



  width: 790px;



  height: 100px;



  bottom:0;



  left:0;



}















.rss-tag-icon



{



  position: relative;



  display:block;



  float:left;



  background-image: url('images/rssIcon.png');



  background-position: center right;



  background-repeat: no-repeat;



  margin: 0 5px 0 0;



  height: 27px;



  width: 26px;



}



















.Footer .Footer-text p



{



  margin: 0;



}







.Footer .Footer-text



{



  display:inline-block;



  color:#696969;



  font-family: Arial, Helvetica, Sans-Serif;



  font-size: 11px;



}







.Footer .Footer-text a:link



{



  text-decoration: none;



  color: #3B3B3B;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



}







.Footer .Footer-text a:visited



{



  text-decoration: none;



  color: #595959;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: underline;



}







.Footer .Footer-text a:hover



{



  text-decoration: none;



  color: #0079DB;



  font-family: Arial, Helvetica, Sans-Serif;



  text-decoration: none;



}



/* end Footer */







/* begin PageFooter */



.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover



{



  font-family:Arial;



  font-size:10px;



  letter-spacing:normal;



  word-spacing:normal;



  font-style:normal;



  font-weight:normal;



  text-decoration:underline;



  color:#878787;



}







.page-footer



{



  margin:1em;



  text-align:center;



  text-decoration:none;



  color:#666666;



}



/* end PageFooter */







/* begin LayoutCell */



.contentLayout .content



{



  position: relative;



  margin: 0;



  padding: 0;



  border: 0;



  float: left;



  overflow: hidden;



  width: 789px;



}







/* end LayoutCell */















.commentlist, .commentlist li



{



    background: none;



}







.commentlist li li



{



    margin-left:30px;



}







.commentlist li .avatar



{



  float: right;



  border: 1px solid #eee;



  padding: 2px;



  margin:1px;



  background: #fff;



}







.commentlist li cite



{



  font-size:1.2em;



}







#commentform textarea



{



  width: 100%;



}







img.wp-smiley



{



    border:none;



    margin:0;



    padding:0;



}







.navigation



{



	display: block;



	text-align: center;



}







/* Recommended by http://codex.wordpress.org/CSS */



/* Begin */



.aligncenter, div.aligncenter



{



  display: block;



  margin-left: auto;



  margin-right: auto;



}







.alignleft



{



  float: left;



}







.alignright



{



  float: right;



}







.alignright img, img.alignright



{



    margin: 1em;



    margin-right: 0;



}







.alignleft img, img.alignleft



{



    margin: 1em;



    margin-left: 0;



}







.aligncenter,



{



   float: center;



}







.wp-caption



{



  border: 1px solid #ddd;



  text-align: center;



  background-color: #f3f3f3;



  padding-top: 4px;



  margin: 10px;



}







.wp-caption img



{



  margin: 0;



  padding: 0;



  border: 0 none;



}







.wp-caption p.wp-caption-text



{



  font-size: 11px;



  line-height: 17px;



  padding: 0 4px 5px;



  margin: 0;



}



/* End */











.hidden



{



	display: none;



}







/* Calendar */



#wp-calendar {



	empty-cells: show;



	margin: 10px auto 0;



	width: 155px;



}







#wp-calendar #next a {



	padding-right: 10px;



	text-align: right;



}







#wp-calendar #prev a {



	padding-left: 10px;



	text-align: left;



}







#wp-calendar a {



	display: block;



}







#wp-calendar caption {



	text-align: center;



	width: 100%;



}







#wp-calendar td {



	padding: 3px 0;



	text-align: center;



}