/*
Theme Name: PhotoshopAnswers
Theme URI: http://prontophotoshop.com
Description: Theme for Photoshop answers VIP members.
Version: 1.0
Author: Pronto Photoshop
Author URI: http://prontophotoshop.com
*/


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

FOUNDATIONS

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

/* ------------------------------ RESET ------------------------------ */
html { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0em; padding: 0em; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
li { list-style:none; }
caption,th {text-align:left;}
q:before, q:after{content:'';}
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit;}
legend { color: rgb(0,0,0); }

/* ----------------------- tags ------------------------- */
body { font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;}

/* ----------------------- classes ------------------------- */
.peace { overflow:hidden; }
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.sinistra { text-align: left; } 
.float-right { float: right; margin-left: .5em; }

.more-link { background:url(_images/ico-next.png) left .15em no-repeat; padding-left: 20px; }

/* ----------------------- classes ------------------------- */
blockquote.video { padding: .25em 0em; text-align:center; width: 450px; margin: .5em auto; }

blockquote.quote { margin-left: 2em; padding: 0em .25em; text-align: left; border-left: .25em solid rgb(230,230,230); font-style: italic; }
blockquote.quote p { color: rgb(150,150,150); margin: .5em 1em; padding: 0em; }

dl.featured_media {  overflow: hidden;  }
dl.featured_media dd { display:block; float: left; margin-right: .5em; }
dl.featured_media dd img { border: .15em solid rgb(245,245,245); }
dl.featured_media dd blockquote { padding: .5em 0em; }
dl.featured_media dt { font-style: italic; }
dl.featured_media dd blockquote { font-style: italic; }


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

LAYOUT

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

/* ------------------------------ div#deck ------------------------------ */
div#headline { padding: .5em 0em; }
div#headline h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 2em; text-transform:capitalize;color: rgb(204,0,0); text-transform:uppercase; line-height: 1em; text-align: center; }
div#headline h1 strong { font-weight: normal; color: rgb(51,51,51); }
div#headline h1 em { font-style: normal; }
div#headline h1 .underline { padding-bottom: 0em; border-bottom: 1px dotted rgb(0,0,0); }

div#top { background: rgb(240,240,240); padding: .5em; text-align:center }
div#top h3 { letter-spacing: -1px; }
div#top h3 a { color: rgb(0,0,255); }
 
div#home-package { overflow: hidden; width: 790px; margin: .5em auto; background: rgb(255,255,255); }
div#home-offer { width: 100%; float: left; margin-right: -275px; }
div#home { margin-right: 275px; }
div#home h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 1.5em; text-transform:capitalize; color: rgb(204,0,0); text-transform:uppercase; line-height: 1em; text-align: center; letter-spacing: 0px; }
div#home h2 { font-weight: normal; padding-bottom: .25em; border-bottom: 1px dotted rgb(200,200,200); margin-bottom: .25em; letter-spacing: -2px;}


div#home-response { width: 275px; float: right; }
div#home-response blockquote.offer { padding: .25em 0em; width: 265px; margin: 0em auto; background: rgb(240,240,240);}

div#offer h2 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 1.75em; text-transform:capitalize; color: rgb(204,0,0); text-transform:uppercase; line-height: 1em; text-align: center;  padding: 0em .5em;  }
div#offer p { margin: .5em 0em; padding: 0em .5em; }

ul#bullets { width: 510px; margin: .5em auto; }
ul#bullets li { font-family: Impact, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 2em; letter-spacing: -1px; background: url(_images/css-close_quote-alt.png) no-repeat bottom right !important;  }
ul#bullets li p:first-letter { background: url(_images/css-open_quote-alt.png) no-repeat left top !important; padding:5px 2px 10px 35px!important;
padding /**/:0px; background /**/: url(); }


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

RESPONSE

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

/* ------------------------------ div.response ------------------------------ */
div.response { }

/* ------------------------------ div.response ul.steps ------------------------------ */
ul.steps { border-bottom:solid 1px rgb(230,200,150); height:29px; list-style:none; }
ul.steps li { float:right; margin-right: .5em; list-style:none; }
ul.steps li { background:url(_images/tab-round_alt.png) right 60px; color: rgb(100,100,100); display:block; font-weight:bold; height:30px; line-height:30px; text-decoration:none; }
ul.steps li strong { background:url(_images/tab-round_alt.png) left 60px; display:block; height:30px; margin-right:14px; padding-left:14px; }
ul.steps li strong u { color: rgb(0,0,0); font-weight: bold; border-bottom: .05em solid rgb(0,0,0); font-style: normal; text-decoration: none }
ul.steps li.active { background:url(_images/tab-round_alt.png) right 0 no-repeat; color: rgb(0,0,0); } 
ul.steps li.active strong { background:url(_images/tab-round_alt.png) left 0 no-repeat; }
ul.steps li.active strong u { color: rgb(204,0,0); border-bottom: .05em solid rgb(204,0,0); font-style:normal; text-decoration: none; }

/* ------------------------------ div#response ------------------------------ */
div#response { overflow:hidden; background: rgb(250,245,190); border: 1px solid rgb(230,200,150); border-top: none; }


/* ------------------------------ div#optin ------------------------------ */
div#optin { float: left; font-family:Arial, Helvetica, sans-serif }
div#optin form { overflow: hidden; text-align:center; padding: 0em .5em 0em .75em; border-top: none; }
div#optin form p { margin: .5em 0em;}
div#optin form dl dt { clear:both; padding: .5em 0em; text-align: left}
div#optin form dl dt label {  font-size: 1em; font-weight: bold; color: rgb(0,0,0); }
div#optin form dl dt.submit-home { margin: 0em auto; text-align:center } 
div#optin form dl dt.submit-home input { padding: .25em .25em; font-size: 115%; width: 225px; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px }
div#optin form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
div#optin form dl dd { float:left; width:68%; margin: 0em 0em 0.5em 0.25em; }
div#optin form dl dd input { background-color: rgb(255,255,255); color : rgb(0,0,0);  padding: .25em; width: 215px; font-size: 1em;  }
div#optin form dl dd input:hover, div#optin form dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
div#optin form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }

/* ------------------------------ div#testimonials ------------------------------ */
div#testimonials { text-align:center; clear:both; padding: 0em 0em 0em 0em; }
div#testimonials ul { overflow: hidden; }
div#testimonials ul li { display: blocl; width: 100%;  }
div#testimonials p { margin: 0em; color: rgb(0,0,0); }
div#testimonials p em { color: rgb(0,0,0); }
div#testimonials blockquote { background: url(_images/css-quote.png) no-repeat 0em 0em; padding-left: 60px; overflow:hidden; border: none; margin: 0em; }
div#testimonials blockquote p { text-align: left; overflow:hidden }

/* ------------------ div#footer ------------------ */
div.footer { text-align:center; padding: .25em 0em; margin-top: 1em; clear:both; border-top: 1px dotted rgb(245,245,245);  }
div.footer p { margin: 0em; color: rgb(150,150,150);  }
div.footer a, div#footer a:visited, div#footer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }