/*
Theme Name: "Paper" Sales Page Theme
Theme URI: http://www.syamsulalam.com/products/paper-salespage-theme
Description: Clean, simple, white, famous high converting sales page theme that does nothing except creating sales page. Built-in protection available by celaning unnecessary information in wp-head.
Version: 1.1
Author: Syamsul Alam
Author URI: http://www.syamsulalam.com/ 
Tags: fixed width, one column, valid XHTML, white
*/

/* Global CSS */

h1, h2, h3, h4 {
	letter-spacing: -1; 
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        margin-bottom: 0em; 
}
a { color:blue; }

h1 {
	font-size:24pt;
	color:#ce0000;
	letter-spacing: -1; 
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-top: 0em;
}

h1 u { color:#000000; }

li { text-align:left; 
	font-family: Verdana,Arial;
    font-size: 10pt;
    line-height: 120%;}

h2 {
	font-size:19pt;
	color:#000000;
	letter-spacing: -1; 
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0.5em;
	padding-top: 0.7em;
	margin-top:0em;
}
h2 u { 
	color:#ce0000; 
	}

.header, h2 b, h2 strong {
font-size: 32pt;
color: #ce0000;
}

h2#marketplace {
	font-size: 28pt;
	padding-bottom: 0.1em;
	padding-top: 0em;
	border-bottom: 3px solid #ce0000;
	border-top: 3px solid #ce0000;
}

h3 {
	letter-spacing: -1; 
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #ce0000;
	padding-bottom: 0.5em;
	padding-top: 0.7em;
}

h3 u { color:#000000; 
   text-decoration:none;}

h3 b, h3 strong {
   color:#000000;
   font-size: 18pt;

}

h4 {
	font-size:13pt;
	margin:0;
	margin-left:15%;
	margin-right:15%;
	letter-spacing: -1; 
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

body, td {
   font-family:Verdana, Arial;
   font-size:10pt;
}

.perfectcenter {margin-left: auto; margin-right:auto; width:700px;}

td {
   /*font-family:Verdana, Arial;
   font-size:12px;*/
}

td img {
	border:black solid 1px;
}

div#contentContainer {
   background:white url(images/backmid.gif) repeat-y;
   width:800px;
   border:none;
   margin-left: auto;   
   margin-right: auto;
}

#contentTop {
   background:white url(images/backtop.gif) no-repeat;
   margin-top: auto;   
}

#contentBottom {
   background:white url(images/backbottom.gif) no-repeat;
   margin-bottom: auto;
}

#contentTop, #contentBottom {
   width:800px; 
   height:45px;
   margin:0;
   margin-left: auto;   
   margin-right: auto;
}

div#topPaper {
   text-align:left;
   width:600px;
   margin-left: auto;   
   margin-right: auto;
   margin-top: 0x;
}

div#content {
   text-align:left;
   width:600px;
   margin-left: auto;   
   margin-right: auto;
}

#headline {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top:0em; /* important */
}

p {
    text-align: justify;
    font-family: Verdana,Arial;
    font-size: 10pt;
    line-height: 150%;
	margin-bottom:0em;
}

p#note {
   text-align: center;
   font-style: italic;
   font-size: 10pt;
   line-height: 150%;
}

p#important {
   text-align: center;
   font-style: italic;
   font-weight: bold;
   font-size: 10pt;
   line-height: 175%;
   width: 600px;
   padding: 0.5em 1em;;
   border: 2px solid #ffe9bb;
   background: #ffffcc;
}

p#attention {
   text-align: center;
   font-style: italic;
   font-weight: bold;
   font-size: 10pt;
   line-height: 175%;
   width: 600px;
   padding: 0.5em 1em;;
   border: 2px solid #ffe9bb;
   background: #ffffcc;
}

p#warning {
   text-align: center;
   font-style: italic;
   font-weight: bold;
   font-size: 10pt;
   line-height: 175%;
   width: 600px;
   padding: 0.5em 1em;;
   border: 2px solid #ffe9bb;
   background: #ffffcc;
}

p#hide {
  display: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#hide {
  display: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

iframe#affiliatelink {
  width: 500px;
  height: 250px;
  margin-right:auto;
  margin-left: auto;
  scrolling: none;
  frameborder: 0;
}

.censored {
   background-color:black;
   color:black;
}

.timetable { font-size:17px; background-color: black; }
.timetable td { background-color:white; }
.timetable .header, .timetable th {
	background-color:red;
	color:white;
	font-size:12px;
}
.today td {
	background-color:yellow;
	color:black;
}
.today th {
	background-color:#00CC00;
}
.price {
	font-size:36pt;
	font-weight:bold;
}

#price {
   font-size: 42pt;
   color: #00aa00;
   text-align:center;
   font-weight: bold;
   line-height:100%;
   letter-spacing: -1;
   margin: 0em 0em 0em 0em;
   padding-bottom: 0.3em;
} 

.tablePrice { text-align:center; }
.tableDay small { font-size:14px; }

.orderButton {
   font-family:Tahoma, Verdana, Arial;
   font-size:17px;
   font-weight:bold;

   cursor:pointer;
   cursor:hand;
}

.orderPanel, #orderPanel, blockquote {
	width: 500px;
	text-align:left;
	border: 4px;
	border-style: solid;
	border-color: #018BCE;
	margin: 10px auto 10px auto;
	padding: 10px 0px 10px 0px;
	background-color: #CFE9F6;
	padding:5px;

	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;

	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);

	overflow:visible;
}

.noborder {
	border:none !important;
	-moz-border-radius: 0 0 0 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;

	-moz-box-shadow: 0 0 0 !important;
	-webkit-box-shadow: 0 !important;
}

table {
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;

	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.pullquote {
	width:200px !important;
	float:right;
}

.small {
	width:350px;
}

.order {
	font-family:Tahoma, Verdana;
	font-size:17px;
	font-weight:bold;
}

blockquote h1 {
	color:navy;
	font-size:17px;
}
blockquote h2, blockquote h2 u {
	margin-top:0;
	color:#000080;
	font-size:24px;
	/*letter-spacing:0;*/
}

blockquote img {
	border:solid 1px;
}

.side blockquote {
   text-align:left;
	background-color:#d9e4ef;
	width:200px;
}
.side blockquote p {
	font-size:11px;
}

ul li, ol li {
   margin:10px;
}

ul li ul li {
	margin-left:30px;
}

.runtime {
	text-align:right;
	font-style:italic;
	font-size:12px;
}

.inline .headshot {
	float:none !important;
	margin:5px !important;
}

.headshot {
	float:right;
	text-align:right;
	border:black solid 1px;
	margin-left:25px;
	background-color:white;
	display:inline;
}

.highlight {
	background-color:yellow;
	color:black;
	font-weight:bold;
}

.bluelight {
	background-color:#e9f1f5;
	color:black;
	font-weight:bold;
}
.bluelight th b { color:black !important; }

.johnson {
	border:black dashed 3px;
	padding:2px;
	font-size:12px;
	text-align:center;
	background-color:#FFFFCC;
}

.submit {
	font-family:Tahoma, Verdana; font-size:16pt; font-weight:bold; letter-spacing: -1;
  cursor: default;
}
#submitpad {
  padding: 8px;
  background-color: #ff0000;
  margin: 0px;
  border-width: 3px;
  border-color: #ff0000;
  border-spacing: 0;
}

.orderform, .bonus {
background-color:#FFFFCC;
border:4px solid #FFE9BB;
margin: 20px auto 30px auto;
padding:5px 15px;
width:520px;
}

.bonus h2, .bonus h2 b, .bonus h3 { color:#000000; }

.orderform h2 {
	color:black !important;
	font-size:29px;
	margin:0;
}

.orderform h3 {
	color:black !important;
	margin:5px;
}

.step {
	font-weight:bold;
	color:#cc0000;
	font-size:16px;
	text-decoration:underline;
}

.benefits {
background-color:#E2EDFE;
border:4px solid #89B0D8;
margin:30px auto;
padding:15px;
/*text-align:center !important;*/
width:550px;
}

.intro h1, .intro h2, .intro h3 { color:black; }

.intro {
background-color:#fee2e2;
border:4px solid #d88989;
margin:30px auto;
padding:15px;
/*text-align:center !important;*/
width:550px;
}

.header, h2 b, h2 strong {
   font-size:36px;
   color: #ce0000;
}

.casestudy {
	width: 550px;
	border: 4px;
	border-style: solid;
	border-color: #97BD51;
	margin: 20px auto 30px auto;
	padding: 15px 15px 15px 15px;
	background-color: #DDF0D0;
}

.casestudy h2 { color:#008000; }
.casestudy h2 b { color:#000000; }

.number {
	float:left;
	color:#ce0000;
	font-size:36px;
	font-weight:bold;
	margin:15px;
}



.icons {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}
.icons li {
   background-repeat:no-repeat;
   padding-left: 58px;
   min-height:28px;
}

.miniorder {
	margin:10px; width:250px; cursor:pointer; cursor:hand; font-family:Tahoma, Verdana; font-size: 14pt; font-weight:bold; letter-spacing: -1; height:40px;
}

.solution th {
	font-size:48pt;
	font-weight:bold;
	padding-right:10px;
	vertical-align:middle;

	line-height:40pt;
}
.solution td {
	font-size:16pt;
	font-weight:bold;
	letter-spacing: -1; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
.solution img {
	border:none;
}

ul
{
  list-style-type: none;
  margin:0;
  padding:0;
}

li
{
  font-family: verdana, arial;
  font-size: 10pt;
  line-height:150%;
  text-align:justify;
}

.no, .yes {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
   font-family: verdana, arial;
   line-height:150%;
   text-align:justify;
   font-size: 10pt;
}
.no li, .yes li {
   background-repeat:no-repeat;
   padding-left: 25px;
   font-family: verdana, arial;
}
.no li { background-image:url(http://cdnimgs.files.wordpress.com/2011/07/no.png); }
.yes li { background-image:url(http://cdnimgs.files.wordpress.com/2011/07/yes.png); }

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}

img.wp-smiley
{
    border:none;
    margin:0;
    padding:0;
}

/* 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;
}

/* Start images */
a img
{
  border: 0;
}

.metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin:2px;
}
/* Finish images */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 800px;
}

/* end LayoutCell */

/* ------------------------------- The Default CSS end ------------------------------------ */ 

/*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: 13px;
  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 */


/* 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;
}