@charset "UTF-8";

/* @group Utilities */
    .center {
        text-align:center;
    }
    .floatright {
    	float:right;
    }
    .floatleft {
    	float:left;
    }
    .clear {
        clear:both
    }
    /* clearing float ninjutsu */
    
    .clearfix:after {
    	content:".";
    	display:block;
    	height:0;
    	clear:both;
    	visibility:hidden;
    }
    
    	.clearfix {display:inline-block;}
    
    	/* Hide from IE Mac \*/
    	.clearfix {display:block;}
    	/* End hide from IE Mac */
    
    
    /* SEO friendly hide */
    
    .hidden {
    	background:none;
    	font-size:1px;
    	display:none;
    	height:0;
    	left:-9999px;
    	overflow:hidden;
    	position:absolute;
    	top:-9999px;
    	width:0;
    	z-index:0;
    	line-height:0px;
    }
/* @end */

/* @group Layout */
    #wrapper {
        width:1045px;
        margin: 48px auto;
        text-align:left;
        min-height:500px;
        clear:both;
    }
    
    #content {
        clear:both;
        margin-top: 3px;
        padding:1em 2.5em;
        background-color: #fff;
        border: 1px solid #999;
    	width:912px;
    }
    
    body {
        background-color: #f5e7d9;
        background-image: url(/images/bg-page.png);
        background-repeat: repeat-x;
        margin: 0;
        padding:0;
        font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #333;
    }
/* @end */

/* @group Masthead */
    #masthead {
        width:1045px;
        height:81px;
        margin-right:auto;
        margin-left:auto;
    	position:relative;
    }
    
    #branding {
        float:left;
        padding-top: 10px;
    }
    
    #nav {
        float:right;
        list-style-type: none;
        padding:34px 48px 0 0;
    	  margin:0;
    }
    
    #nav li {
        font-size: 12px;
        display: inline;
        padding: 0 8px 0 5px;
        margin: 0;
      }
    #browser_tool, #website_button {
      border-right: 2px solid hsl(29, 43%, 10%);
    }
    #nav a {
        color:#FFF;
        text-decoration:none;
        text-shadow: 1px 1px 0 #24190e;
        margin: 0;
        padding: 0;
      }
    #nav a:hover {
        color: #61d1d5;
    }
    #print #feature{
    	position:absolute;
    	top:60px;
    	right:62px;
    }
/* @end */

/* @group Content */
    
    h1 {
        font-family: Palatino;
        color: #382615;
    }
    
    h2 {
       color: #382615;
   } 
    
    h3 {
        font-size: 18px;
        color:#000;
        margin:0 0 6px 0;
    }
    
    a {
        color: #6d9f00;
    	outline:none;
    }
    
    a:hover {
        color:#382615;
    }
    
    a.alternate {
        color: #382615;
    }
    
    a.alternate:hover {
        color:#FFF;
    }
    .emailUs {
        font-size: 12px;
    }
    a.button:hover, .button:hover {
        	background-color: #efefef;
    }
    
    .button {
    	display: inline-block;
    	padding: 1em 1.5em;
    	margin: 1em 0;
    	text-align:center;
      font-weight: bold;
    	font-size: 16px;
    	line-height: 16px;
    	text-decoration:none;
    	text-shadow: 1px 1px 1px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome */    	
      color: #6D9F00;
      cursor: pointer;
      /* Borders and Radius */
      border: 1px solid #ccc;
      border-bottom-color: #999;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius: 4px;        
   
      /* Gradient Background */
      background:#fff ;
      background-image: 
        	-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .12)), to(rgba(255, 255, 255, .1)));
        
            /* mozilla example - FF3.6+ */
            background-image: -moz-linear-gradient(right bottom, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%);
        
            /* IE 5.5 - 7 */
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, StartColorStr=#26FFFFFF, EndColorStr=#26000000);
        
            /* IE8 uses -ms-filter for whatever reason... */
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, StartColorStr=#26000000, EndColorStr=#26FFFFFF);  
        }
    
    ul {
        margin: 1.5em 0;
    }
    li {
        margin: .5em 0;
    }    
/* @end */

/* @group Footer */
    #footer {
        clear: both;
        width: 100%;
        text-align: center;
    	font-size: 12px;
    	color: #876545;
    	padding: 2em 0;
    }
    #print #footer {
    	position:absolute;
    	bottom:0px;
    }
    #footer a {
        color: #876545;
    }
    /*  ------------------- Page: index -------------------  */
/* @end */

/* @group HomePage */
    .home #content {
        background-color:transparent;
        border:none;
        margin-top: 0;
        padding:0;
    }
    .home #wrapper {
        background:transparent url(/images/content_bg.png) no-repeat scroll right top;
    }
    #url_form {
        background: url(/images/form_bg.png) no-repeat scroll 0 0;
        height:66px;
        width:746px;
        margin-bottom:130px;
    }
    #url_form input.url {
        border:0 none;
        color:#6A6A6A;
        font-size:1.3em;
        height:33px;
        margin:10px;
        padding:12px 14px 1px;
        width:527px;
    }
    
    #url_form input.submit {
        background:transparent url(/images/form_button.png) no-repeat scroll 0 0;
        border:0 none;
        height:45px;
        margin-top:10px;
        vertical-align:top;
        width:158px;
    	cursor:pointer;
    }
    
    #url_form input.submit:hover {
        background:transparent url(/images/form_button.png) no-repeat scroll 0 -90px;
        border:0 none;
        height:45px;
        margin-top:10px;
        vertical-align:top;
        width:158px;
    }
    
    #url_form input.submit:active {
        background:transparent url(/images/form_button.png) no-repeat scroll 0 -45px;
    }
    
    
    /* Boxes */
    
    .title_image {
        display:block;
        font-size:6px;
        text-indent:-2000em;
        z-index:99999;
    }
    
    
    /* Box 1 */
    
    .box1 {
        background: url(/images/box1_bg2.png) no-repeat top right;
        width:303px;
        height:250px;
        margin-right:4px;
        float:left;
    }
    .box1 h2 {
        height:55px;
        width:288px;
        background:transparent url(/images/box1_header.png) no-repeat scroll 0 7px;
    }
    .box1 p {
        width:270px;
        margin-left:30px;
        margin-right:30px;
        margin-top:13px;
        margin-bottom:13px;
    }
    
    .box1 a.get-bookmarklet {
        background:url(/images/get-bookmarklet.png) no-repeat 0px 0px;
        display:block;
        height:39px;
        width:160px;
        text-indent:-9999px;
    
    }
    
    .box1 .get-bookmarklet a:hover {
        background:url(/images/get-bookmarklet.png) no-repeat 0px -39px;
    }
    
    
    /* Box 2 */
    
    .box2 {
        background: url(/images/box2_bg.png) no-repeat top right;
        width:291px;
        height:250px;
        margin-right:4px;
        float:left;
    }
    
    .box2 h2 {
        height:125px;
        width:288px;
    }
    
    .box2 .get-button a {
        background:url(/images/get-button.png) no-repeat 0px 0px;
        display:block;
        height:52px;
        width:260px;
        text-indent:-9999px;
    }
    
    .box2 .get-button a:hover {
        background:url(/images/get-button.png) no-repeat 0px -53px;
    }
    
    /* Box 3 */
    
    .box3 {
        width:291px;
        height:250px;
        margin-right:4px;
        float:left;
    }
    
    .box3 h2 {
        height:65px;
        width:288px;
        background:transparent url(/images/box3_header.png) no-repeat scroll 0 7px;
    }
    
    .box3 .how-it-works a {
        background:url(/images/how-it-works-video.png) no-repeat scroll 0 0px;
        display:block;
        height:161px;
        width:277px;
        text-indent:-9999px;
    }
    
    .box3 .how-it-works a:hover {
        background:url(/images/how-it-works-video.png) 0px -162px;
    }
    
    .boxes {
        display:block;
    }
    
    /* News */
    #news {
    	clear:both;
    	margin-top:2.5em;
    }
    #news .header{
    	float:left;
    	margin:1em .5em;
    }
    #news .feature{
    	float:left;
    	width:700px;
    	padding:1em 1.5em 1.5em 1.5em;
    	margin:0 1em;
    	-moz-border-radius:6px;
    	-webkit-border-radius:6px;
    	font-size:13px;
    }
    #news .feature h3 {
    	margin-bottom:3px;
    	font-size:15px;
    }
    #news .feature img{
    	float:right;
    	margin-left:1em;
    }
/* @end */

/* @group Browser Tool */
    
    #howto_ie {
    	float:left;
    	width:430px;
    	margin:18px 40px 40px 0;
    	border-right: #dedede 2px dashed;
    }
    #howto_browser {
    	float:left;
    	width:440px;
    	margin:18px 0 40px 0;
    }
    .browser_tool h2 {
         line-height: 60px;
         display:inline-block;
         margin: 0;
    }
    h2.ie {
    	background: url(/images/browser-tool/internet-explorer-icon.png) no-repeat;
    	padding-left: 60px;
    	display: block;
    }
    
    h2.ff {
    	background: url(/images/browser-tool/firefox-icon.png) no-repeat;
    	padding-left: 55px;
    	margin-right: 12px;
    }
    
    h2.chrome {
    	background: url(/images/browser-tool/chrome-icon.png) no-repeat;
    	padding-left: 50px;
    	margin-right: 12px;
    }
    
    h2.safari {
    	background: url(/images/browser-tool/safari-icon.png) no-repeat;
    	padding-left: 45px;
    }
    
    .browser_tool li{
        margin: 1em 0;  
    }
    
    a.browser-install {
    	cursor:move;
    }
    
/* @end */

/* @group Button Page */
    .web_button h2{
    	margin:1.5em 0 1em;
    }
    ul.button_contain{
      height: auto;
      width: 730px;
      margin: 0;
      overflow: auto;
      white-space: nowrap;
    }
    li.button_contain{
      display: inline-block;
      margin: 0;
      vertical-align: top;
    }
    .web_button ul{
    	list-style-type: none;	
    	list-style-position:inside;
    	margin:0 1.25em 0 0;
    	padding:0;
    	display:inline-block;
    }
    .web_button li{
    	margin-top: 0;
    	margin-bottom:.75em;
    	padding:0;
    }
    .web_button input{
    	vertical-align:top;
    	margin-right:12px;
    }
    img.web_button_icon{
    	margin:0 6px;
    }
    #button_style label{
    	color:#6D9F00;
    }
    #button_style input{
    	vertical-align:top;
    }
    #button_snippet textarea{
        background-color: #FFC;
        font-size: 12px;
        color: #666;
        margin-top:10px;
        margin-bottom:20px;
        width: 560px;
        height: 120px;
    }
    
    #selectWP {
        display: none;
    }
    
    #selectBlogger {
        display: none;
    }
    .callout {
    	float:right;
    	border-left: #F3E2D0 2px dashed;
    	padding:1em 2em;
    	margin:0 -2.5em;
    }
    .callout h2{
    	margin:1em 0 .5em;
    	font-size: 18px;
    	color:#382615;
    }
    .callout ul{
    	list-style: none inside;	
    	padding:0;
    	margin:0;
    	font-size:13px;
    }
    .callout li {
    	
    }
/* @end */

/* @group Pro */
 
   
    .pf-buy label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
    
    .pf-buy .submit { margin-left: 12em; }
    .pf-buy em { font-weight: bold; padding-right: 1em; vertical-align: top; }
    
    h2.pf-buy {
        margin: 1.5em 0 .5em;
    }
    .pf-buy strong {
        font-size: 18px;
    }
    ul.pf-buy{
        list-style-type: none;
        margin: 0 0 4em;
        padding: 2em 1em;
       
        font-size: 14px;
        border-bottom: 1px solid #d3d3d3;
         border-top: 1px solid #d3d3d3;
         background-color: #f2f2f2;
       }
    .pf-buy li{
        float: left;
    }
    .pf-buy input[type=text]{
        width: 400px;
        margin: .5em 50px 0 0;
        padding: .25em;
        background-color: #fefedd;
        font-size: 20px;
        display: block;
    }
    .pf-buy label {
        display: block;
        margin: .75em 0;
    }
    .pf-buy .pf-save {
        color: #6D9F00;
        font-size: 12px;
    }

    .pf-buy-button {
        margin-top: 30px;
        margin-left: 60px;
    }
    /*ul.pf-faq {
        list-style-type: none;
        padding: 0;
    }
    .pf-faq strong {
        font-size: 18px;
    }
    .pf-faq p{
        margin: .5em 0 2em;
    }*/
    
/* @end */

/* @group Dialogs */
    #pf-error, #pdf-error, #pf-timeout {
    	min-height: 230px;
    	position:absolute;
    	z-index:1002000;
    	top:130px;
    	left:50%;
    	margin-left:-360px;
    }
    
    div.message {
    	margin:2em auto;
    	width:50%;
    	padding:2em;
    	/* BOX Styles */
    	background: #fff;
    	-moz-box-shadow: 1px 1px 2px #888;
    	-webkit-box-shadow: 1px 1px 2px #888;
    	box-shadow: 1px 1px 2px #888;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius:5px;
    	border:2px solid #a3cb84;
    }
    .message h2 {
    	text-align:center;
    	color: #45331e;
    }
    #pn-loading {
    	position:absolute;
    	top:180px;
    	left:50%;
    	margin-left:-250px;
    	height:120px;
    	width:500px;
    	padding-top:36px;
    	/* Styles */
    	text-align:center;
    	background: #fff url(/images/ajax-loader.gif) no-repeat center 80px;
    	color: #979797;
    	font-size: 12px;
    	cursor: wait;
    	/* BOX Styles */
    	-moz-box-shadow: 1px 1px 2px #888;
    	-webkit-box-shadow: 1px 1px 2px #888;
    	box-shadow: 1px 1px 2px #888;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius:5px;
    	border:2px solid #a3cb84;
    }
    #pn-loading h2 {
    	font-size: 18px;
    	color: #45331e;
    	margin-bottom:130px;
    }
/* @end */