* { margin:0; padding:0; }

body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /*font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif;*/ font-size:16px; line-height:22px; color:#555554; }
a { color:#333332; }
a:visited { color:#777776; }
a:hover, a:active { color:#dacb25; }
a img { border:0; }
span.clear { display:block; height:0; clear:both; }

em.amp { font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Georgia, serif; font-style:italic; line-height:100%; }
abbr { font-size:80%; letter-spacing:1px; line-height:125%; text-transform:uppercase; }

/* This is necessary because of the way position:absolute; and margin:4.977%; is used. */
#site { width:620px; margin:0 auto; position:relative; background-color:#fff; }

header#identity { display:block; position:relative; }
header#identity a#logo { display:block; width:215px; height:142px; margin:30px auto; text-decoration:none; outline:0; color:#cccccb; background:url("../_images/logo-at-purple.png") 0 0 no-repeat; }
header#identity a#logo:hover { color:#444443; }
header#identity a#logo span { display:none; letter-spacing:1px; font-size:13px; font-weight:500; letter-spacing:4px; line-height:22px; text-transform:uppercase; }

header#identity p#tagline { margin:0; padding:20px 0 15px 0; clear:both; background:url("../_images/hr-solid-dotted.gif") left top repeat-x; }
header#identity p#tagline em { display:block; height:22px; background:url("../_images/tagline.png") center center no-repeat; }
header#identity p#tagline em span { display:none; }

header#identity footer { display:block; padding-top:15px; clear:both; background:url("../_images/hr-dotted.gif") left top repeat-x; }

a#account-login { display:block; width:110px !important; height:46px; margin:0 auto; background:url("../_images/btn-login.png") 0 0 no-repeat; }
a#account-login:hover { background-position:0 -48px; }
a#account-login:active { background-position:0 -95px; }
a#account-login span { display:none; }

a#subscribe { display:block; position:absolute; left:11px; top:0; text-decoration:none; z-index:1000; }

section#controls { display:block; width:44px; padding-top:33px; position:absolute; /*left:1.584%;*/ left:-44px; top:0; }
nav#main { display:block; }
nav#main ul, ul#post-controls { display:block; list-style:none; }
nav#main li, ul#post-controls li { display:block; padding:8px 0; position:relative; border-bottom:1px dotted #777776; }
nav#main li:first-child { border-top:1px dotted #777776; }
ul#post-controls li { text-align:center; }


ul#post-controls li a { cursor:pointer; }
ul#post-controls li a.active { padding:2px 2px 0 2px; border:1px solid #dddddc; background-color:#eeeeed; }

.blog, .portfolio, #home-page-content, .general { display:block; position:relative; }

aside#blog-details { display:block; border-top:1px solid #dddddc; }
aside#blog-details ul { list-style:none; }
aside#blog-details a { display:block; width:218px; width:22.428%; width:18.003%; height:66px; margin-right:0; padding:12px 2.263% 0 1.132%; float:left; border-right:1px solid #dddddc; }
li#blog-subscribe a { width:164px; width:14.609%; width:19.136%; margin:0 0 0 0; padding-left:0; background:url("images/icon-rss2.png") 89.341% 16px no-repeat; }
li#blog-nav-prev a { background:url("images/icon-arrow-prev.png") 94.086% -1067px no-repeat; }
li#blog-nav-next a { background:url("images/icon-arrow-next.png") 94.086% -1067px no-repeat; }
li#blog-nav-prev a:hover,li#blog-nav-next a:hover { background-position:94.086% 16px; background-color:#eeeeed; }
li#blog-search a { border-right:0; }
a.subscribe, a.blog-navigation { font-size:14px; font-weight:bold; line-height:18px; text-decoration:none; color:#f99025; color:#999998; }
a.subscribe span, a.blog-navigation span { display:block; font-size:12px; font-weight:normal; color:#cccccb; }
a.blog-navigation { color:#ef6140; color:#999998; }
a.blog-navigation:hover, a.blog-navigation:hover span { color:#777; }
a.subscribe:hover, a.subscribe:hover span { color:#fff; }
/*aside#blog-details a:hover, aside#blog-details li#blog-nav-prev a:hover, aside#blog-details li#blog-nav-next a:hover { color:#fff; border-right:1px solid #777776; background-color:#777776; }*/
li#blog-subscribe a:hover { background-position:89.341% -67px; background-color:#f99025; }

aside.payment-details { display:block; width:27.149%; margin:17px 0 0 2.489%; position:absolute; right:-25%; top:-17px; }
header.super { display:block; margin:0 0 44px 18.333%; padding:6px 0 14px 0; border-top:5px solid #555554; }
header.super h1 { font-size:16px; font-style:italic; font-weight:normal; line-height:22px; color:rgba(10,10,0,0.5); }
header.super h1 strong { display:inline; font-style:normal; font-weight:bold; text-transform:uppercase; color:#555554; }
header.super a { text-decoration:none; }
header.super a:hover { text-decoration:underline; }

/* ----| END HOME PAGE |---- */


/* ----|| AMEMBER ||---- */

.general { margin-top:40px; }

.store { }
#about-artisan-themes { }
#about-artisan-themes p { padding-bottom:22px; font-size:16px; line-height:22px; color:#777776; }

h2.product-title { display:inline; margin-left:-6px; padding:0 0 12px 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:104px; letter-spacing:-4px; line-height:88px; color:#44404b; }
h3.product-terms { display:block; padding:10px 0 22px 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; font-weight:bold; line-height:22px; color:#6d6877; }
p.product-description { font-size:16px; line-height:22px; color:#777776; }

h3.payment-system-title { margin-top:10px; padding:10px 0 2px 0; font-size:12px; letter-spacing:1px; line-height:16px; text-transform:uppercase; color:#cccccb; border-top:2px solid #eeeeed; }
p.payment-system { margin-bottom:20px; padding-bottom:28px; background:url("/_images/payment-group.png") left bottom no-repeat; }

form#payment { margin:33px 0; padding:11px; clear:both; border:4px solid #cccccb; }
form#payment h3.payment-title { padding-bottom:6px; color:#62a21d; }
form#payment p.submit-area { padding:11px 0; border-color:#cccccb; background-color:transparent; }
img.payment-type { margin-top:5px; }

form.conform { display:block; width:430px; padding:0 0 44px 0; float:left; }
form.conform h4, form.conform h5 { font-size:16px; line-height:18px; }
form.conform h4.name-title { padding-bottom:5px; }
form.conform h4.coupon-title { margin-top:10px; padding-top:5px; letter-spacing:1px; color:#777776; border-top:1px solid #eeeeed; }
form.conform h4.agreement-title { margin-bottom:10px; padding-bottom:5px; font-weight:normal; color:#777776; border-bottom:1px solid #eeeeed; }
form.conform h5 { padding-bottom:5px; font-size:14px; font-weight:normal; color:#777776; }
form.conform h5.coupon-subtitle { color:#cccccb; }
form.conform p.input-group { padding-bottom:11px; position:relative; }
form.conform label { font-size:16px; line-height:22px; color:#555554; }
form.conform label.overlabel-apply { position:absolute; left:5px; top:4px; color:#999998; z-index:1; }
form.conform input, form.conform select { padding:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:22px; color:#555554; border:1px solid #cccccb; background-color:#eeeeed; }
form.conform label.error { font-weight:bold; color:#c00; }

p.submit-area { margin-top:10px; padding:10px; border-top:2px solid #d6d293; background-color:#f8f4b5; }
form.conform p.submit-area input { padding:5px 10px; font-size:14px; font-style:italic; font-weight:bold; letter-spacing:1px; text-transform:uppercase; cursor:pointer; color:#fff; border-color:#555554; background-color:#777776; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
form.conform p.submit-area input:hover { background-color:#555554; }
p.submit-area span.step-count { padding-left:11px; font-size:24px; font-weight:bold; line-height:22px; text-align:right; color:#d6d293; }

img#primo-preview { display:block; position:absolute; right:0; top:0; border:5px solid #eeeeed; }

#agreement, .member-area { width:100%; }
#agreement { clear:both; }
#agreement h1 { padding-bottom:22px; }
#agreement p, #agreement ol, #agreement ul { padding-bottom:22px; font-family:Georgia, "Times New Roman", serif; font-size:14px; line-height:20px; }
#agreement li { padding-bottom:11px; }
strong#agree-please { color:#62a21d; }

table.hedit { width:460px; }
table.errmsg li { color:#d3371d; }

h1.main-title { padding:44px 0 0 0; font-size:40px; letter-spacing:-1px; line-height:44px; color:#44404b; }
h2.subtitle { font-size:16px; line-height:22px; color:#6d6877; }
.member-area h1.main-title { padding-bottom:6px; }
#useful-links, #mini-control { width:22.5%; position:absolute; right:-25%; top:0; border-top:11px solid #eeeeed; }
#useful-links h3 { padding:44px 0 11px 0; color:#777776; }
#payment-history, .payment-data { margin:33px 0; }
#payment-history h3 { color:#999998; }
#payment-history table, #payment-receipt table { margin-top:11px; border-top:2px solid #eeeeed; }
#payment-history th, #payment-receipt th { padding:3px 0; font-size:11px; letter-spacing:1px; line-height:16px; text-transform:uppercase; color:#999998; border-bottom:1px solid #eeeeed; }
#payment-receipt th { text-align:left; }

aside.payment-details dl, aside.payment-details p { margin-left:18.333%; color:#777776; }
aside.payment-details dl dt { font-weight:bold; }
aside.payment-details dl dt span { font-weight:normal; color:#cccccb; }
aside.payment-details dl dd, aside.payment-details p { padding-bottom:20px; font-size:14px; line-height:18px; }
aside.payment-details p { margin-top:20px; padding-top:10px; font-style:italic; color:#999998; border-top:1px solid #eeeeed; }

p#download-primo-source { width:300px; margin:20px 0; padding:10px; border:1px solid #d6d293; background-color:#f8f4b5; }
p#download-primo-source a:hover { color:#44404b; }
p.warning { font-size:14px; line-height:18px; color:#777; }
p.warning strong { color:#9b2e18; }

#changelog { font-size:14px; line-height:18px; }
#changelog h4 { letter-spacing:1px; text-transform:uppercase; }
#changelog dt { padding:7px 0 4px 0; font-weight:bold; }
#changelog li { padding-bottom:4px; }

dl#primo-faq, p.instructions { }
p.instructions { padding:0 0 22px 0; }
dl#primo-faq dt { padding:33px 0 11px 0; font-size:24px; font-weight:bold; line-height:22px; color:#777776; }
dl#primo-faq dd { }
dl#primo-faq p, dl#primo-faq ol, dl#primo-faq ul { padding-bottom:22px; }
dl#primo-faq li { padding-bottom:11px; }

p.product-screen { padding:22px 0; }
p.product-screen img { border:5px solid #eeeeed; }
p.product-screen a:hover img { border-color:#dacb25; }

#mini-control { padding-top:11px; }
#mini-control p { padding-top:6px; color:#999998; }
#mini-control ul { padding:6px 0 22px 0; }

body#products-section footer#the-big-one { margin-left:0; }

/* ----|| END AMEMBER ||---- */

/* ----| Footer |---- */

#footer { width:100%; background-color:#fff; }
footer#the-big-one { display:block; padding:44px 0; position:relative; clear:both; background-color:transparent; }

footer#the-big-one h1#mission { display:none; width:100%; margin:10px 0 88px 0; padding-top:16px; float:left; clear:both; font-size:64px; font-weight:bold; letter-spacing:-6px; line-height:66px; text-shadow:3px 3px 0 rgba(255,0,255,0.95); color:rgba(255,255,0,0.45); border-top:3px solid rgba(10,10,0,0.25); ; }
footer#the-big-one hgroup { display:none; clear:both; padding:22px 0 11px 0; }
footer#the-big-one hgroup h1 { display:block; font-size:24px; line-height:22px; color:#777776; }
footer#the-big-one hgroup h2 { font-size:16px; font-style:italic; font-weight:normal; line-height:22px; color:#999998; }

footer#the-big-one footer { display:block; }
footer#the-big-one p.site-meta { padding-top:11px; /*position:absolute; left:4.977%; top:88px;*/ font-size:16px; line-height:22px; border-top:11px solid #cccccb; }


/* ---- | PRIMO PAGE | ---- */

#primo-wrap { width:100%; background-color:#fff; }

#primo, #primo-details, section#primo-screen-shots, section#primo-features { display:block; width:100%; position:relative; background-color:transparent; }
#primo-details { background-color:#fff; }
section.sell { display:block; padding:0 0 44px 0; }
section.sell header, section.support header { display:block; margin:0; padding-top:30px; position:relative; }
section.support header { padding:10px 0 0 0; }

section#primo-promo { width:100%; margin-top:40px; background:url("../_images/hr-dotted.gif") left top repeat-x; }
section#primo-promo hgroup { display:block; width:460px; float:left; }

section.sell h1 { display:inline; margin-left:-6px; padding:0 0 12px 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:104px; letter-spacing:-4px; line-height:88px; color:#44404b; }
section.sell h2 { display:block; padding-top:19px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; font-weight:bold; line-height:28px; color:#6d6877; }
section.sell h2 a { color:#44404b; }
section.sell h2 a:hover { color:#dacb25; }
section.sell p { padding:36px 0 0 0; font-size:24px; line-height:22px; }
section.sell p span { display:block; font-weight:bold; color:#ef6140; }
section.sell ul { padding-right:9.729%; font-size:16px; line-height:22px; color:#bbe1ef; }
section.sell ul li a { color:#fff; }
section.sell footer { display:none; clear:both; }

p#price { width:252px; height:213px; background:url("../_images/primo-price.gif") 0 0 no-repeat; }
p#price span, p#price strong { display:none; }

a#buy-button { display:block; width:195px; height:194px; margin:15px 0 0 0; float:left; border-right:1px dotted #cccccb; background:url("../_images/primo-btn-buy.png") 0 0 no-repeat; }
a#buy-button:hover { background-position:0 -202px; }
a#buy-button:active { background-position:-2px -200px; }
a#buy-button span { display:none; }

a#view-demo { display:block; width:105px; height:92px; margin-top:66px; float:right; background:url("../_images/primo-view-demo.gif") 0 0 no-repeat; }
a#view-demo:hover { background-position:0 -95px; }
a#view-demo span { display:none; }

/*#primo-screen-shots-wrap { width:100%; background:url("/_images/bg-primo.png") 0 0 repeat #44404b; }
section#primo-screen-shots { padding:22px 0; }
figure#primo-theme { display:block; width:57.458%; height:450px; overflow:hidden; border:2px solid rgba(0,0,10,0.15); }
figure#primo-theme dd img { display:block; }*/

#primo-screen-shots-wrap, #primo-features-wrap { width:1020px; margin-left:-200px; }
#primo-features-wrap { margin-bottom:20px; padding:20px 10px; background-color:#e8e5ee; }
body#body-primo #primo-screen-shots-wrap  { margin-left:0px; }
section#primo-screen-shots { padding:22px 0; }
figure#primo-theme { display:block; width:60%; height:450px; overflow:hidden; border:2px solid rgba(0,0,10,0.15); }
figure#primo-theme dd img { display:block; }

ul.primo-screenshots { display:block; width:100%; padding:0 0 44px 0; list-style:none; }
ul.primo-screenshots li { display:block; width:8.674%; height:500px; position:relative; float:left; overflow:hidden; border:5px solid #555554; opacity:0.25; }
ul.primo-screenshots li:nth-child(3) { width:60%; opacity:1.0; }

section#primo-features h1 { display:block; padding:22px 0 22px 0; font-family:inherit; font-size:24px; letter-spacing:0; line-height:22px; color:#44404b; }
section#primo-features li { display:block; width:22.5%; margin-right:2.5%; padding:0 0 22px 0; float:left; color:#44404b; }
section#primo-features li p { padding-left:24px; background:url("../_images/icn-check-purple.png") 0 0 no-repeat; }
section#primo-features footer { display:block; padding-top:22px; }

/* Additional theme info. */
section.support { display:block; padding-bottom:19px; float:left; }
#primo-details section.support:first-child { margin-left:0; }
section.support hgroup { display:block; padding:22px 22px 22px 0; }
section.support h1 { display:block; padding-bottom:3px; font-size:24px; letter-spacing:0; line-height:22px; color:#44404b; }
section.support h2 { display:block; font-size:16px; font-weight:normal; line-height:22px; color:#aaaaa9; }
section.support p { padding:0 22px 22px 0; font-size:16px; line-height:22px; }
section.support ul, section.support ol { padding:0 22px 22px 0; font-size:16px; line-height:22px; }
