/*
Theme Name: Shopp Theme
Theme URI: http://shopp.ingenesis.net/
Description: Shopp Ecommerce Plugin Theme for Wordpress
Version: 1.0
Author: Dave Kress, Jonathan Davis
Author URI: http://shopp.ingenesis.net/
*/

@import "core.css";

/**
 * Base Typography & Colors
 **/
body { background: #191f1f url('images/background.jpg') no-repeat 50% top; font: 13px/1.5 "Arial","Helvetica",sans-serif; color: #3c434d; padding-bottom: 40px; }
a { color: #048abf; text-decoration: none; }
a:hover { color: #618c03; }
ul { list-style-type: square; padding-left: 18px; }
ol { list-style-type: decimal; padding-left: 30px; }
p, ul, ol { margin-bottom: 18px; }
img { display: block; }
h1 a { background: none; }
h2, h3, h4, h5, h6 { color: #383838; font-weight: bold; margin-top: 18px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
dd { margin-left: 18px; }
br.clear { clear: both; }
strong { font-weight: bold; letter-spacing: -0.08em;}
.alignright { float: right; margin: 10px 0 10px 10px;}
div.notice { color: #770000; font-weight: bold; background: #fefbe8; border: 1px solid #E5E2D1; padding: 18px 18px 0; font-size: 12px; line-height: 1.5; margin: 9px 0; }
small { font-size: 11px; }

/**
 * Header
 **/

#header { font: bold 14px "Arial","Helvetica",sans-serif; width: 920px; height: 125px; margin: 0 auto; }
#header h1 { position: relative; top: 40px; left: -7px; width: 186px; }
#header p.tagline { color: #fff; margin: 10px 0 0 183px; }

#navigation { color: #b0b6b6; height: 30px; font-size: 13px; letter-spacing: -0.06em; float: right; margin: 10px 0 0; }
#navigation li { display: inline; text-align: right; padding: 10px; }
#navigation #buynow { padding: 10px 0; }
#navigation #buynow a { display: inline-block; vertical-align: middle; background: url('images/buynow.png') no-repeat left top; width: 97px; height: 28px; border: none; }
#navigation #buynow a:hover { background-position: left -28px; }
#navigation #buynow a:active { background-position: left -56px; }
#navigation a { color: #b0b6b6; }
#navigation a:hover { color: #fff; }

/**
 * Layout
 **/
#frame { background: url('images/sideshadows.png') no-repeat; width: 928px; margin: 0 auto; position: relative; }
img.ui { position: absolute; z-index: 1;}
img.bottom { bottom: 0; }

/**
 * Content pages
 **/

.background { background: #ffffff url('images/content.png') repeat-x bottom; width: 920px; margin: 0 auto; }
.content { background: url('images/sidebar.png') repeat-y 558px top; width: 920px; margin: 0 auto;  }
.content.no-sidebar { background-image:none;}
.noside { background: none; }
.heading { width: 880px; background: #15181d; padding: 30px 20px;  }
.heading p.datestamp { color: #848492; margin: 0; line-height: 1; }
.heading h2 { color: #77c3f2; font-size: 36px; letter-spacing: -0.05em; line-height: 1; width: 518px; font-weight: normal; margin: 0; }
.column.first { width: 518px; float: left; margin: 20px; }
.column.first h1 { display: none; }

.maintenance { width: 900px; padding: 20px; }
.maintenance p { width: 300px; margin: 20px auto; text-align: center; }
img.maintenance { width: auto; margin: 40px auto;}

.post p small { font-size: 11px; text-transform: uppercase; }


#sidebar { float: left;  padding: 20px; width: 302px; margin-top: -80px;  }
#sidebar #support { height: 40px; width: 302px; margin: -20px 0 0 -20px; background: #3c434d; color: #ecebf3; padding: 20px; line-height: 1; margin-bottom: 20px; }

#sidebar h3 { color: #3c434d; font-size: 24px; font-weight: bold; letter-spacing: -0.08em; }
#sidebar ul { list-style: none; padding-left: 0; }

#sidebar ul li a { display: inline-block; margin-left: -20px; padding: 3px 10px 1px 20px; }
#sidebar ul li a.rss-link { background: url('images/feed-icon.png') no-repeat 20px 5px; padding-left: 40px;}
#sidebar ul li a:hover { background: #3c434d; color: #ecebf3; }
#sidebar ul li p a { padding: 0; margin: 0; }
#sidebar ul li p a:hover { background: none; }

#support img { float: left; margin-right: 10px; }
#support h3 { font-size: 30px; font-weight: normal; margin: 0; color: #ecebf3; }
#support ul li { font-size: 12px; display: inline; border-right: 1px solid #777777; padding-right: 5px;  }
#support li.last { border: none; padding: 0; }
#support li.hidden { display: none; }
#sidebar #support ul li a { display: inline; padding: 0; color: #b0b6b6; background: none; margin-left: 0; }
#sidebar #support ul li a:hover { color: #c7e03d; }
#chat_available a img { float: none; display: inline; margin: 0;  vertical-align: baseline; margin-bottom: -3px;  }
#sidebar #support #chat_available a img { vertical-align: bottom; margin-bottom: -1px; }

#twitter-tab { position: absolute; background: #98bc16 url('images/follow-us.png'); width: 30px; height: 119px; overflow: hidden; top: 136px; right: 0; cursor: pointer; }

#mcafee-signup { width: 880px; height: 2500px; overflow: hidden; margin: 0 0 200px; }

/**
 * Comments
 **/
#comments h3 { color: #3c434d; font-size: 24px; font-weight: bold; letter-spacing: -0.08em; }
#comments .list { border-top: 7px solid #ececf2; border-left: none; border-right: none; list-style: none; margin: 0; padding: 0; }
#comments .list li { padding: 10px 0; overflow: hidden; border-bottom: 7px solid #ececf2; }
#comments .list li .meta { width: 132px; margin-right: 10px; float: left; font-size: 14px; font-weight: bold; letter-spacing: -0.08em; line-height: 1.1;}
#comments .list li .meta em { display: block; font-size: 12px; font-weight: normal; font-style: italic; letter-spacing: normal;}
#comments .list li .meta small { font-size: 12px; display: block; }
#comments .list li .comment { width: 335px; float: left; }
#comments hr { border: none; clear: both; }

/**
 * Homepage
 **/

#homepage { background: #f7f7f7;  }

#homepage #banner { background: url('images/banner.jpg') no-repeat; width: 920px; height: 274px; }
#homepage #banner #thumbnail { margin: 14px 0 0 5px; float: left; }
#homepage #banner p { padding: 105px 0 0 0; font-size: 34px; letter-spacing: -0.08em; color: #bfd73a; float: left; margin: 0; line-height: 1; }
#homepage #banner p span { display: block; }
#homepage #banner p .flexible { color: #d5e569; }
#homepage #banner p .capable { color: #bcd537; }
#homepage #banner p .solution { color: #98bc16; font-weight: bold; }
#homepage #banner p .details { padding-top: 0px; }

#homepage #banner li { color: #bfd73a; margin-top: -3px; font: 34px "Arial","Helvetica",sans-serif; letter-spacing: -1px; }
#homepage #banner li.flexible { color: #d5e569; }
#homepage #banner li.capable { color: #bcd537; }
#homepage #banner li.solution { color: #98bc16; font-weight: bold; }
#homepage #banner li.details { padding-top: 10px; }

#homepage .column.first { width: 558px; float: left; margin: 0; }
#homepage #sidebar.column.second { width: 362px; float: left;}

#homepage h2 { font-size: 30px; letter-spacing: -2px; font-weight: normal;}
#homepage h2 em { color: #7b7b7b; font-style: normal; font-weight: normal;}
#homepage #welcome { width: 518px; padding: 0 20px 20px; }
#homepage #welcome p { color: #5e8014; font-size: 16px; letter-spacing: -0.08em; font-weight: bold; line-height: 1.5; margin: 0; }
#homepage h3 { margin-bottom: 5px;}
#homepage #sidebar { background: url('images/sidebar.jpg') no-repeat; float: none; width: auto; padding: 0; margin: 0; }
#homepage #sidebar div { padding: 10px 20px 2px; }
#homepage #sidebar h3 { font-size: 24px; color: #7eaed8; font-weight: normal; line-height: 1; }

#homepage #feature h3 { background: url('images/docs.png') no-repeat ; padding: 10px 0 10px 55px; }
#homepage #feature h3.docs { background: url('images/docs.png') no-repeat; padding: 10px 0 10px 55px; }
#homepage #feature ul { list-style: square; padding-left: 75px; font-size: 15px; }

#homepage #blog { background: #ebebeb url('images/homeblog.jpg') no-repeat top;  float: left; width: 322px; height: 238px; font-size: 13px; line-height: 1.6; }
/*#homepage #blog h3 { background: url('images/rssicon.png') no-repeat 5px; padding: 3px 0 0 40px; } */
#homepage #blog li { background: url('images/rssbullet.png') no-repeat 12px 7px; padding: 5px 0 0 40px; font: bold 14px "Arial","Helvetica",sans-serif; color: #7eaed8; }
#homepage #blog li a { padding: 0; margin: 0; }
#homepage #blog li a:hover { background: none; color: #618c03; }

#homepage #twitter { background: #ebebeb url('images/homeblog.jpg') no-repeat top;  float: left; width: 322px; }
#homepage #twitter h3 { background: none; padding-left: 0;}
#homepage #twitter ul { padding-left: 0; list-style: none; font-size: 13px; }
#homepage #twitter ul a { color: #3c434d; }
#homepage #twitter ul a:hover { color: #fff; }

#homepage #features .list { font: bold 13px "Arial","Helvetica",sans-serif; letter-spacing: -1px; color: #585858; width: 203px; list-style: none; padding: 24px 0 0 0; margin: 0; float: left; }
#homepage #features .list li { padding: 26px 0 26px 20px; margin-top: -30px; cursor: pointer; }
#homepage #features .list li.selected { background: url('images/selected-feature.png') no-repeat; }
#homepage #features .list img { display: inline; vertical-align: middle; padding-right: 5px; }
#homepage #features .list li.last { padding-left: 5px; }
#homepage #features .list li.last span { padding-left: 6px; }

#homepage #features .viewport { width: 325px; height: 318px; overflow: hidden; float: left; color: #6C6D77; }
#homepage #features .details { width: 999em; list-style: none; padding: 0; }
#homepage #features .details li { float: left; width: 315px; padding: 10px 20px 0 10px; }
#homepage #features .details li p { line-height: 1.8em; }
#homepage #features h4 { color: #7eaed8; font-size: 24px; font-weight: normal; margin: 0 0 9px 0;}


/**
 * Features page
 **/

#features.content { background: none; }
#features.content .entry { padding: 20px; margin-bottom: 20px;  }
#features.content h3 { font-size: 15px; font-weight: bold; letter-spacing: -0.08em; }
#features.content .column { float: left; width: 280px; margin-right: 20px; }
#features.content .column.last { margin-right: 0; width: 260px; border-left: 1px solid #b0b6b6; padding-left: 19px; }
#features.content ul { list-style-type: square; padding-left: 16px; }
#features.content li { font-size: 13px; }
#features ul li a { color: #3c434d; font-weight: bold; }
#features ul li a:hover { color: #71777E; }
ul.screenshots { list-style: none; padding: 0; clear: both; }
ul.screenshots li { display: inline; width: 150px; padding: 5px; margin-right: 10px; float: left; display: block;}
ul.screenshots li img { background: #eee; border: 1px solid #ddd; padding: 5px; }
ul.screenshots li p { font-size: 11px; line-height: 1.3; margin-top: 5px; color: #777; }

#features.content div.entry { padding-right: 0px; line-height: 21px; }
#features div.row { clear: both; }
div.feature { width: 420px; margin-right: 30px; float: left; }
div.feature img { background: #fff; border: 8px solid #ddd; padding: 2px; margin: 0; }
div.feature h4 { margin-top: 0; font-size: 15px; line-height: 21px; }
div.feature p { line-height: 24px; }
div.intro,p.intro { font-size: 15px; line-height: 1.6; color: #565C65; }


/**
 * Showcase page
 **/

#showcase .featured img { width: 400px; height: 180px; }
#showcase .sites h4 { margin-top: 0; font-size: 13px; letter-spacing: -0.08em; width: 162px; overflow: hidden; white-space: nowrap; }

#showcase .site { width: 162px; float: left; margin: 0 10px 10px 0; }
#showcase .site img,
#showcase .entry img { background: #eee; border: 1px solid #ddd; padding: 5px; }
#showcase .entry { width: 312px; float: left; font-size: 15px; line-height: 1.6; color: #777; letter-spacing: -0.06em; }
#showcase .entry p.tags { font-size: 13px; font-weight: bold; }
#showcase .stats { width: 186px; float: left; margin-left: 20px; }
.post-ratings img { display: inline; margin-right: 1px; }

.pagination { clear: both; text-align: right; font-weight: bold; margin: 20px 0; }
.pagination span,
.pagination a { padding: 5px 9px; background: #eee; border: 1px solid #ddd; margin-left: 1px;}
.pagination .paging-title { background: none; border: none;  }
.pagination a:hover { background: #3c434d; color: #ecebf3; }
/**
 * Extras page
 **/

#extras .entry p { margin: 0; }
#extras .entry ul.meta { list-style: none; margin: 0; padding: 0; color: #777; font-size: 11px; }
#extras .entry ul.meta li { display: inline; border-left: 1px solid #777; padding-left: 5px; }
#extras .single .entry { width: 312px; float: left; font-size: 13px; line-height: 1.6; letter-spacing: -0.06em; padding-right: 20px; }
#extras .single .stats dt { font-weight: bold; margin-top: 10px; }


/**
 * Forms
 **/
form ul { list-style-type: none; padding: 0; margin: 0; width: 100%; clear: both; line-height: 1; }
form ul li { clear: both; display: block; padding: 8px 0; }
form label { font-size: 14px; clear: both; display: block; font-weight: bold; padding-bottom: 3px; }
form ul li label.inline { display: inline; clear: none; }
form span { float: left; padding: 0 5px 0 0; }
form ul li:before { content: ""; }
form ul li div.inline.right { width: auto;  }
form ul li div.inline.right input { width: auto;  }
form ul li div.inline label { clear: none; display: inline; margin-left: 10px; }
form ul li span input { margin: 0 0 5px 0; }
form ul li div input { width: 100%; }
form ul li div.left { display: inline; width: 47%; float: left; margin: 0; clear: left; }
form ul li div.right { display: inline; width: 47%; float: right; margin: 0; clear: right; }

form ul li.address { display: inline; width: 48%; float: left; clear: none; }
form ul li.address.right { display: inline; float: right; }
form span { display: inline-block; text-align: left; }
form span label,
form div label { font-size: 11px; clear: both; font-weight: normal; padding-bottom: 8px; }

form span label.before,
form div label.before { font-size: 12px; padding: 8px 0 0 0; }


form div ul li { clear: none; padding: 0; margin: 0; width: 47%; float: left; display: block; }
form div ul li input { width: auto; margin-right: 5px; }
form div ul li label { clear: none; display: inline; padding-bottom: 0; }

form li.submit { text-align: right; padding: 20px 0 40px; }
form li textarea { width: 100%; }

/**
 * Site Buttons
 **/
a.button, span.button { float: none; display: inline-block;  display: -moz-inline-box; cursor: pointer; border: none; font-size: 0; line-height: 0; height: 28px; margin: 0; padding: 0; vertical-align: middle; }
a.button, a.button span, span.button,span.button input { background-image: url('images/buttons.png'); }

a.button span { float: none; white-space: nowrap; cursor: pointer; color: #585858; letter-spacing: 0; background-color: transparent; background-position: 100% 0; background-repeat: no-repeat; height: 17px; padding: 8px 22px 3px 12px; margin: 0 -12px 0 12px; border: none; vertical-align: text-top; font: bold 12px/1 "Arial","Helvetica",sans-serif; text-shadow: #ebebeb 0 1px; display: inline-block; display: -moz-inline-box; }

span.button input[type="submit"] { white-space: nowrap; cursor: pointer; color: #585858; display: inline-block; letter-spacing: 0; background-color: transparent; background-position: 100% 0; background-repeat: no-repeat; height: 28px; padding: 0 22px 0 12px; margin: 0 -12px 0 12px; border: none; vertical-align: text-top; font: bold 12px/1 "Arial","Helvetica",sans-serif; text-shadow: #ebebeb 0 1px; }

a.button:hover, span.button:hover { background-position: 0 -30px; }
a.button:hover span, span.button:hover input { background-position: 100% -30px; }

a.button:active, span.button:active { background-position: 0 -60px; outline: none; }
a.button span:active, span.button:active input { background-position: 100% -60px; color: #ebebeb; text-shadow: #222 0 1px; outline: none; }

p.submit span.button,
p.submit a.button { margin-right: 12px; }


/**
 * Footer
 **/

#footer { background: #343a3a; width: 880px; margin: 0 auto 40px; position: relative; padding: 20px; }
#footer img.ui.bottom { clear: both; margin-left: -20px; }
#footer_secure_scan { background: #fff; border: 4px solid #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#sitemap { float: none; clear: both; position: relative; line-height: 1.2; list-style: none; padding: 0; }
#sitemap li.separation { padding-left: 325px;}
#sitemap li, #sitemap li h3 { font-size: 12px; color: #ecebf3; font-weight: bold; }
#sitemap li a { display: inline-block; color: #cbe4f8; text-transform: uppercase; font-weight: bold; }
#sitemap li { float: left; padding: 5px 20px 0 0; }
#sitemap li.right,
#sitemap li.pagenav { float: right; display: inline; position: relative; right: 0; top: 0; }
#sitemap ul { clear: both; }
#sitemap li ul { margin-bottom: 14px; list-style: none; padding: 0; }
#sitemap ul li { position: relative; display: block; float: none; margin-left: 0;}
#sitemap ul li a { color: #cbe4f8; text-transform: none; font-weight: bold; }
#sitemap ul li a:hover { color: #ecebf3; }

/**
 * Modals
 **/
#modal, #modal .heading, #modal .content { background: none; width: auto;}

/**
 * Forum Formatting Tips Modal
 **/
.forum { font-size: 11px; overflow: hidden; width: 640px;}
.forum .column { float: left; width: 47%; margin-right: 10px; }
.forum p { margin: 0; font-weight: bold; }
.forum pre { margin-bottom: 18px; }