/*  
Theme Name: PliablePress
Description: Custom design for PliablePress.com
Author: PliablePress
Author URI: http://www.pliablepress.com/
*/

* {margin:0;padding:0;list-style:none;outline:none;border-width:0;}

a:link, a:visited {text-decoration:none;color:#81ac0f;}
a:visited {color:#90a161;}
a:hover, a:active {text-decoration:underline;}

p, ul, ol, h1, h2, h3 {margin:0 0 20px 0;}

.clear {clear:both;}

/*** Layout ***/

body {text-align:center;color:#333333;font-family:Verdana, Arial, sans-serif;font-size:12px;line-height:20px;background:url(images/pp-body.jpg) 0 0 repeat-x;}
#wrapper {width:960px;margin:0 auto;text-align:left;}

#header {height:102px;width:960px;overflow:hidden;position:relative;background:url(images/pp-header.jpg) 119px 0 no-repeat;}

#subheader {margin:0 0 30px 0;}

#content {float:left;width:550px;padding:30px 0 20px 18px;}
#sidebar {float:right;width:300px;padding:30px 0 0 50px;background:url(images/pp-sidebar.png) 0 0 repeat-y;}

#footer {clear:both;text-align:center;}
#footer .footer-wrapper {width:960px;margin:0 auto;text-align:left;}


/*** Header ***/
#header h2 {margin:42px 0 0 19px;}
#header h2 a {display:block;width:169px;height:41px;text-indent:-9999px;background:url(images/pp-header-h1.png) 0 0 no-repeat;}

#searchform {width:270px;height:48px;position:absolute;top:0;left:690px;background:url(images/pp-header-search.jpg) 0 0 no-repeat;}
input#s {position:absolute;left:66px;top:14px;width:130px;background:none;color:#fff;font-size:11px}
#searchsubmit {position:absolute;left:208px;top:6px;}

ul#nav {width:415px;height:37px;position:absolute;left:545px;top:65px;}
ul#nav li {float:left;}
ul#nav li a {display:block;height:37px;text-indent:-9999px;background:url(images/pp-header-nav.jpg) 0 0 no-repeat;}

#nav li#nav1 a {background-position:0 0;width:76px;}
#nav li#nav2 a {background-position:-76px 0;width:101px;}
#nav li#nav3 a {background-position:-177px 0;width:68px;}
#nav li#nav4 a {background-position:-245px 0;width:87px;}
#nav li#nav5 a {background-position:-332px 0;width:83px;}

#nav li#nav1 a:hover {background-position:0 -37px;}
#nav li#nav2 a:hover {background-position:-76px -37px;}
#nav li#nav3 a:hover {background-position:-177px -37px;}
#nav li#nav4 a:hover {background-position:-245px -37px;}
#nav li#nav5 a:hover {background-position:-332px -37px;}

/*** Subheader ***/
#subheader {background:url(images/pp-subheader.jpg) 90px 0 no-repeat;}
.subheader2, .subheader3 {width:960px;height:307px;overflow:hidden;position:relative;}
html>body .subheader2 {background:url(images/pp-subheader-shadow.png) 50% 209px no-repeat;}

.sub-content {margin:49px 526px 0 19px;}

#subheader-image {position:absolute;left:500px;top:25px;}
#theme-image {position:absolute;left:450px;top:25px;z-index:10;}
#theme-chameleon {position:absolute;left:765px;top:187px;z-index:20;}

#subheader h1 {margin:0;}
h1.sub-home a {display:block;width:409px;height:36px;background:url(images/pp-sub-home.jpg) 0 0 no-repeat;text-indent:-9999px;}

h2 {color:#123548;font-size:18px;line-height:20px;text-transform:none;font-family:"Myriad Pro", Arial, sans-serif;font-weight:bold;margin:0 0 10px 0;letter-spacing:0px;}

ul.buttons {position:absolute;left:31px;top:231px;}
ul.buttons li {float:left;}
ul.buttons li a {display:block;text-indent:-9999px;}

a#see-themes {background:url(images/button-see-themes.gif) 0 0 no-repeat;width:361px;height:55px;}

a#live-demo {width:178px;height:37px;display:block;background:url(images/pp-theme-buttons.png) 0 0 no-repeat;margin:8px 10px 0 0;}
a#sign-up {width:178px;height:37px;display:block;background:url(images/pp-theme-buttons.png) -178px 0 no-repeat;margin:8px 0 0 0;}

/*** Content ***/

#main h3 {color:#123548;font-size:18px;line-height:20px;font-family:"Myriad Pro", calibri, arial, sans-serif;}
.home #main #content h3 {margin:0 0 4px 0;}

.post-title h1 {font-family:arial, sans-serif;color:#0f3140;font-size:24px;line-height:26px;margin:0 0 20px 0;letter-spacing:-1px;}

.info {clear:both;}
.info-thumb{float:left;width:50px;margin:0 20px 0 0px;}
.info-content {float:right;width:480px;}
.info-content p {margin-bottom:40px;}

a.button-large:link, a.button-large:visited {display:block;width:452px;height:37px;padding:17px 0 0 90px;background:url(images/button-large.png) 0 0 no-repeat;clear:both;font-size:18px;line-height:20px;color:#20586d;margin:0 0 20px 0;}

.button-medium {display:block;width:362px;height:62px;padding:14px 0 0 0;background:url(images/button-medium.png) 0 0 no-repeat;text-align:center;color:#709d0b;font-size:15px;font-family:"Myriad Pro", calibri, arial, sans-serif;text-transform:uppercase;font-weight:bold;margin:0 0 22px 0;}
.button-medium strong {display:block;color:#5a909e;font-size:27px;}

.bm-sb {width:300px;padding:0;height:76px;background-position:100% 0;}
.button-medium span {display:block;width:290px;height:62px;padding:14px 0 0 0 ;background:url(images/button-medium.png) 0 0 no-repeat;cursor:pointer;float:left;}

.button-small {display:block;width:362px;height:62px;padding:14px 0 0 0;background:url(images/button-medium.png) 0 0 no-repeat;text-align:center;color:#709d0b;font-size:15px;font-family:"Myriad Pro", calibri, arial, sans-serif;text-transform:uppercase;font-weight:bold;}

blockquote {background:url(images/pp-quote.png) 0 6px no-repeat;padding:0 0 0 20px;}

.footnote {color:#767c7f;font-size:11px;}

.entry {clear:both;}
.entry blockquote {background-color:#eee;padding:10px 10px 10px 30px;background-position:10px 16px;margin:0 0 10px 0;}
.entry blockquote p:last-child {margin:0;}

.entry ul li {padding:0px 0 0px 20px;background:url(images/bullet.png) 0 7px no-repeat;}

.entry ol {padding:0 0 0 20px;}
.entry ol li {list-style:decimal;margin:0 0 20px 0;}

.entry h2, .entry h3 {text-transform:uppercase;letter-spacing:-1px;padding:0 0 5px 0;border-bottom:1px solid #eee;margin:0 0 16px 0;}
.entry h2 span, .entry h3 span {color:#5d94a3;}

#main .entry h3 {font-size:16px;word-spacing:2px;}

.alignleft {float:left;margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right;text-align:right;margin-left:20px;}

.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px;}

.mr0 {margin-right: 0;}
.ml0 {margin-left: 0;}
.mb0 {margin-bottom: 0;}
.mt0 {margin-top: 0;}

/*** Theme Pages ***/

.prices {background:url(images/pp-subheader-shadow.png) 50% 100% no-repeat;padding:0 0 58px 0;}
.theme-prices {margin:20px 0 20px 0;clear:both;}

.pricing-info {width:362px;float:left;margin:10px 0 0 18px;}
#main h3.title-theme {text-transform:uppercase;font-size:22px;}
h3.title-theme span {color:#5a909e;}

.price {width:225px;float:right;margin-left:20px;background:#f9f9f9;padding:10px 10px 0 10px;}
.price-highlight {background:#ffffff url(images/pp-corner.png) 100% 0 no-repeat;}
.price h3 {margin:0 0 4px 0;}
.price h4 {margin:0 0 20px 0;font-weight:normal;font-size:14px;}
.price h4 span {color:#709d0b;font-size:18px;}

.signup-small {display:block;width:103px;height:29px;text-indent:-9999px;background:url(images/button-signup-small.png) 0 0 no-repeat;margin:0 0 10px 0;}

.chameleon {clear:both;background:url(images/pp-subheader-shadow.png) 50% 0 no-repeat;padding:38px 0 20px 18px;}

.cham-left {float:left;width:362px;}
.cham-right {float:right;}

.themes-info {padding:0 33px 0 18px;}

.themeslist {padding:0 0 0 18px;}
.themeslist li {display:block;float:left;width:400px;padding:20px 20px 15px 20px;margin:0 20px 20px 0;background:#ededed;border:1px solid #dedede;}

.themeslist a:link, .themeslist a:visited {color:#123548;}
.themeslist p {margin:10px 0 0 0;text-align:right;color:#777;}


.vid1, .vid2, .vid3 {float:left;margin:0 20px 20px 0;}
.vid3 {margin:0 0 20px 0;}
.vid1 {margin-top:4px;}

.theme-thumbs {float:left;width:190px;}
.theme-thumbs img {margin:0 0 20px 0;}

.theme-thumbs-right {float:right;text-align:right;width:190px;}
.theme-thumbs-right img {margin:0 0 20px 0;}

.coolhandle {text-align:right;font-size:11px;padding:10px 0 0 0;color:#555;}

/*** Sidebar ***/

#sidebar cite {display:block;margin:0 0 20px 0;font-style:normal;color:#123548;padding:4px 0 20px 20px;}

a#more:link, a#more:visited {display:block;width:63px;height:14px;background:url(images/pp-more.png) 0 0 no-repeat;color:#fff;text-align:center;font-family:arial, sans-serif;font-size:12px;line-height:14px;}
a#more:hover, a#more:active {text-decoration:none;color:#ccc;}


/*** Footer ***/

#footer {background:#e0eef1 url(images/pp-footer.jpg) 0 0 repeat-x;}
.footer-wrapper {background:url(images/pp-footer-wrapper.jpg) 50% 0 no-repeat;padding:20px 0 20px 0;}

.foot {float:left;width:270px;margin:0 20px 0 20px;}
html>body .foot {width:280px;}
.foot h3 {color:#fff;font-size:18px;line-height:20px;line-height:20px;font-family:"Myriad Pro", arial, verdana, sans-serif;font-weight:normal;}
.foot h3 a span {color:#b6e721;}

.foot1 ul li, .foot2 ul li, .foot3 p {font-size:12px;line-height:16px;margin-bottom:20px;color:#fff;text-shadow: #666 1px 1px 1px;}
.foot1 a:link, .foot1 a:visited {color:#fff;}
.foot1 li span {display:block;color:#b6e721;font-size:11px;}
.foot1 span a:link, .foot1 span a:visited, .foot2 a:link, .foot2 a:visited, .foot3 a:link, .foot3 a:visited {color:#b6e721;}

.foot1 h3 a:link, .foot1 h3 a:visited {display:block;background:url(images/rss.png) 0 50% no-repeat;padding:0 0 0 20px;}
.foot2 h3 a:link, .foot2 h3 a:visited {display:block;background:url(images/twitter.png) 0 50% no-repeat;padding:0 0 0 20px;color:#fff;}

.footer-bottom {clear:both;background:url(images/pp-subheader-shadow.png) 50% 0px no-repeat;padding:17px 0 0 0;}

.footer-bottom a:link, .footer-bottom a:visited {color:#fff;text-shadow: #666 1px 1px 1px;}
.footer-bottom a:link span, .footer-bottom a:visited span {color:#b6e721;}

ul.footer-social {float:left;}
ul.footer-social li {float:left;height:20px;margin:0 20px 0 0;}
ul.footer-social a {padding:0 0 0 20px;display:block;}
.fs-rss a:link, .fs-rss a:visited {background:url(images/rss.png) 0 50% no-repeat;}
.fs-tw a:link, .fs-tw a:visited {background:url(images/twitter.png) 0 50% no-repeat;}
.fs-fb a:link, .fs-fb a:visited {background:url(images/facebook.png) 0 50% no-repeat;}

.footer-nav {float:right;color:#fff;}
.footer-nav li {float:left;margin:0 5px 0 0;}
.footer-nav li a {margin:0 5px 0 0;}

.copyright {text-shadow:none;font-size:11px;color:#0a7696;padding-bottom:20px;}
.copyright a:link, .copyright a:visited {color:#0a7696;text-shadow:none;padding-bottom:20px;}


/*** Cforms ***/

#cformsform textarea {font-size:12px;line-height:20px;height:180px;}
#cformsform label {color:#888;}
#cformsform span.reqtxt, #cformsform span.emailreqtxt {display:none;}
#cformsform ol.cf-ol li {margin:10px 0 !important;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.pliablepress.com/wp-content/themes/pp/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}