/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*Definitions*/
@pink: #D90B42;
@olive: #4D584A;
@peach: #F6EFE9;
@gray: #D1CCC6;
@black: #000;
.shadow {
-moz-box-shadow: 3px 3px 5px #D1CCC6;
-webkit-box-shadow: 3px 3px 5px #D1CCC6;
box-shadow: 3px 3px 5px #D1CCC6;
}
.button {.rounded; .shadow; background-color:@pink; color:#FFF; .italix; padding:5px; margin:10px 0; border:none;}
.button-black {.rounded; .shadow; background-color:@black; color:@pink; padding:5px; border:none;}
.button-pink {.rounded; .shadow; background-color:@pink; color:#FFF; padding:5px; border:none;}
.rounded {border-radius:7px;}
.bb-pink {border-bottom:1px dotted @pink;}
.bt-pink {border-top:1px dotted @pink;}
.bb-black {border-bottom:3px solid @black;}
.bt-black {border-top:3px solid @black;}
/* Styles */
body, textarea {font:normal 14px/20px ff-meta-web-pro, Helvetica, Arial, sans-serif; color:@black;}
h1 {font-size:24px; line-height:28px;} /*single title*/
h2 {font-size:20px; line-height:24px; color:@pink;} /*featured*/
h3 {font-size:16px;}
h4 {.italix; font-size:16px; line-height:22px;}/*twitter title*/
h5 {font-weight:bold;}
.italix {font-family:ff-meta-serif-web-pro, Georgia, "Times New Roman", Times, serif; font-style:italic;}
.small {font-size:12px; line-height:16px;}
.large {font-size:19px; line-height:22px;}
.caps {text-transform:uppercase; letter-spacing:1px; }
.smcaps {.small; color:@pink; text-transform:uppercase; letter-spacing:1px;}
.txtright {text-align:right;}
.arial {font-family: "Arial Black", "Arial Bold", sans-serif;}
.sans {font:normal 14px/20px ff-meta-web-pro, Helvetica, Arial, sans-serif; }
a:link, a:visited {color:@pink; text-decoration:none;}
a:hover {color:@olive; text-decoration:none;}
a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
behavior: url(/PIE.htc);}
a:hover img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
behavior: url(/PIE.htc);}
.opacity {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
-khtml-opacity: 0.9;
behavior: url(/PIE.htc);}
/* Sprite */
.sprite {background: url(/images/bv-sprite.png) no-repeat top left;}
.add-response{ background-position: 0 0; width: 245px; height: 38px; padding:10px 0 0 50px; display:block; }
.all-responses{
background-position: 180px -85px;
display: block;
height: 34px;
padding: 10px 0 0 0;
width: 210px;}
.corner-angle{ background-position: 0 -172px; width: 38px; height: 40px; }
#facebook-off{ background-position: 0 -262px; width: 144px; height: 40px; }
#facebook-on{ background-position: 0 -352px; width: 144px; height: 49px; }
.footerBG{ background-position: 0 -451px; width: 399px; height: 454px; position:absolute; right:30px; bottom:0; z-index:-1; }
.gallery-view{ background-position: 0 -955px; width: 51px; height: 26px; display:block; padding-bottom:20px; }
.list-view{ background-position: 0 -1099px; width: 51px; height: 26px; display:block; margin-bottom:20px; }
.list-button{ background-position: 0 -1131px; width: 51px; height: 26px; position:absolute; right:0; top:-40px; }
.next-page{ background-position: 0 -1172px; width: 14px; height: 11px; }
.right-arrow{ background-position: 137px -1172px; width: 14px; height: 11px; padding-right: 30px; width: 100px; }
.prev-page{ background-position: 0 -1233px; width: 14px; height: 11px; }
.reply-arrows{ background-position: 0 -1294px; width: 88px; height: 15px; }
.reply-btn-hover{ background-position: 0 -1359px; width: 47px; height: 24px; }
.reply-btn{ background-position: 0 -1433px; width: 47px; height: 24px; }
.response-bubble{ background-position: 0 -1507px; width: 45px; height: 38px; display:block; }
.response-bubble-btm{ background-position: 0 -1507px; width: 315px; height: 38px; display:block; margin-left:325px; }
.response-header{ background-position: 0 -1595px; width: 364px; height: 66px; }
.go-back{ background-position: 0 -1028px; width: 27px; height: 21px; .italix; font-size:24px; text-align:right; padding:0 0 0 30px;}
.thebadversion-full-logo{ background-position: 0 -1945px; width: 524px; height: 49px; margin: 10px 0 0 10px; display:block; }
#twitter-off{ background-position: -574px 0; width: 143px; height: 40px; }
#twitter-on{ background-position: -574px -90px; width: 143px; height: 49px; }
.thebad-logo{ background-position: 0 -1825px; width: 369px; height: 70px; margin: 0 0 -23px 295px;}
.version-logo{ background-position: -344px -189px; width: 369px; height: 68px; left:297px; position:absolute; top:503px; }
/* Basics */
strong {font-weight:bold; }
em {font-style:italic;}
div#content {
width:970px;
margin:0 auto;
position:relative;
overflow:hidden;
}
div.section-contents {
position:relative;
min-height:800px;
width: 1024px;
margin-left:2%;
}
header {
position:fixed;
top:0;
z-index:10;
width:970px;
nav {
width:100%;
position:relative;
height:50px;
background-color:@peach;
text-align:center;
z-index:1000;
.italix;
.large;
.shadow;
behavior: url(/PIE.htc);
ul{
.nav_logo {
width:35%;
img {
width: 90%;
position: relative;
bottom: 3px;
}
}
li {
display:block;
float:left;
padding:13px 11px 11px 11px;
}
a:link, a:visited {color:#000; text-transform:lowercase;}
a:hover {color:@pink;}
}
}
}
li.navSubmit { background-position: 0 -1711px; width: 324px; height: 64px; margin: -11px;} /*submit button*/
li.navSubmit:hover {filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
behavior: url(/PIE.htc);}
/* Page Highlighting */
.current_page_item a:link, .current_page_item a:visited, .current-menu-item a:link, .current-menu-item a:visited{color:@pink;}
.category-issue-archive .menu-item-125 a:link, .category-issue-archive .menu-item-125 a:visited {color:@pink;}
.term-subscribe .menu-item-28 a:link, .term-subscribe .menu-item-28 a:visited {color:@pink;}
.term-donation .menu-item-30 a:link, .term-donation .menu-item-30 a:visited {color:@pink;}
/* Sidebar */
aside#sideBar {width:310px; float:left;}
/* ------------------------
Home // Vertical Scroll
---------------------------*/
/* hide full logo */
body.home div#content header a.thebadversion-full-logo {display:none;}
div#cats {
float: none;
height: 20px;
margin-right: -10px;
margin-top: -40px;
}
div#cats a:link, aside#featuredList div#cats a:visited {
background-color: #000000;
color: #F6EFE9;
display: block;
float: right;
font-size: 12px;
line-height: 16px;
margin: -3px 10px 0 0;
padding: 6px;
.italix;
font-weight:bold;
}
div#cats a:hover {color:@pink;}
#home-content {position:relative;}
div.coverSwap {width:370px; height:400px; overflow:hidden; background-color:#000; position:absolute; top:87px; left:295px; display:block; z-index:1;
.caption {background-color:@black; width:350px; padding:10px; height:50px; position:absolute; bottom:0; left:0; .opacity; color:@peach; display:none;
h1 { a:link, a:visited {color:@peach;}
span a:link, span a:visited {color:@pink; &:hover {color:@olive;}}}
}}
span#latestissue{position:absolute;top:-31px;left:270px; font-size:12px;}
div.imgSwap {width:370px; height:400px; overflow:hidden; background-color:#000; position:absolute; top:0; left:460px; display:none; z-index:100;}
#tagline {font-size:31px; line-height:43px; .italix; position:absolute; right:35px; top:203px; width:300px;}
.home #sideBar {
position: absolute;
right: 25px;
top: 350px;
width: 310px;}
#front_page {
margin-top:70px;
margin-bottom: 130px;
}
.home
section{
margin:80px 0 0 0;
width:100%;
float:left;
li{
list-style:none;
}
}
/*SLIDER */
.caption_overlay {
.opacity;
display:none;
padding:6px 10px;
position:absolute;
bottom:0;
left:0;
background-color:@black;
.author {
.italix;
color:@peach;
}
}
#home_slider {
width:50%;
height:500px;
margin-left:53%;
article.slider_content {
width:100%;
.slider_box {
position:relative;
.slider_caption {
.opacity;
background-color:@black;
padding:6px 10px;
position:absolute;
bottom:-25px;
left:-35px;
width:65%;
}
}
}
}
.grid_article {
width:225px;
height:225px;
float:left;
margin:0 16px 16px 0;
background-color:@black;
.galleryBox {
position:relative;
width:225px;
height:225px;
overflow:hidden;
.caption {
.caption_overlay;
width:205px;
}
.cat_overlay{
display:none;
position:absolute;
top:0;
right:0;
text-transform: uppercase;
font-size:80%;
padding:4px;
}
}
}
/* Gallery View */
//.home #gallery-view article
.home section#section2{
padding-top:100px;
padding-bottom:60px;
}
/* List View */
.home #list-view {display:none; height:1100px;
h2 {width:622px; padding-left: 150px;}}
#list-view img.attachment-post-thumbnail {float:left; padding:0 16px 16px 0;}
#list-view article {
padding-bottom:20px;
width:800px;
clear:both;
}
#list-view article h2 {padding-right:10px; }
#list-view .author {.italix; color:@olive; padding:4px 0 0 0; font-size:14px;}
#list-view article h5 {
a:link, a:visited {color:@peach; background-color:@black; padding:6px; .small; display:block; float:left; margin:10px 10px 0 0; &:hover {color:@pink;}}}
#catList {position: absolute; right: 0; top: 0; width: 180px;
h5 {.caps; .small; border-bottom:solid 1px @black; padding-bottom:5px; margin-bottom:10px;}
ul li {.italix; .large; margin:6px 0;}
}
/* ----------------------------------
Single Post // Horizontal Scroll
-----------------------------------*/
.image_credit {
font-size: 12px;
float: right;
position: relative;
top: 300px;
}
#left-top {top:-90px; display:block; height:1px; width:1px; position:absolute; left:-125px; }
#top {top:-90px; display:block; height:1px; width:1px; position:absolute; left:0; }
.single {
.author_date {
margin-left:25px;
}
div#content {
width: 1024px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
section{
margin:80px 0 0 0;
height:100%;
float:left;
}
#section1{
width:1520px;
}
footer {bottom:-90px;}
h5 {position:absolute; top:0; right:0;
a:link, a:visited {color:@peach; background-color:@black; padding:6px; .small; display:block; float:left; margin:0 0 0 5px; &:hover {color:@pink;}}}
h1 {margin:30px 0 0 10px; width:550px;}
article {
margin:10px 0 30px 10px;
.bt-black;
float:left;
width:70%;
position:relative;
.author {
color:@olive;
}
.wp-post-image {
margin-left:20%;
}
p {
margin:12px 0;
font: normal 12.9px/1.75em Verdana, sans-serif;
color: #242424;
}
&.poetry {
p {
margin-left:15%;
}
}
.caption {
.italix;
width:75%;
margin: 0 auto;
}
}
}
aside#posts_sidebar {
//float:right;
//width:25%;
width:22%;
position:fixed;
left:76%;
h2 {
margin-bottom:-15px;
.arial;
font-weight: bold;
}
.widget {
margin:25px 0;
.widgettitle {
font-size:18px;
text-transform: uppercase;
margin:10px 0;
font-weight: bold;
}
a {
font-size:16px;
&.add_response {
background: black;
color: white;
padding: 7px 51px;
font-size:13px;
}
}
related_posts {
border-bottom:3px solid @black;
border-top:3px solid @black;
padding:9px 9px 14px 9px;
ul {
font-weight:bold;
li {
padding:7px 0;
.author {
.italix;
text-transform:none;
a{
font-size:80%;
}
}
}
}
}
recent_posts {
border-bottom:3px solid @black;
border-top: 3px solid @black;
padding: 8px 5px;
ul {
li {
font-weight:bold;
font-size:16px;
padding:5px 0;
.author {
.italix;
text-transform:none;
a{
font-size:80%;
}
}
}
}
}
}
.addthis_toolbox {
margin-top:40px;
}
}
aside.response {width:360px; color:@olive; float:right; padding-left:20px;
h2 {.sprite; .response-header;}
p {margin:0 0 10px 10px;.italix}}
.single #section1 ul#responseNav {clear:both; .italix; font-size:31px; .bt-black; padding-top:10px; margin-top:30px;
li { float:left; margin:0 10px;}}
.single .bubble {.response-bubble; position:absolute; top:-50px; right:0; }
/* Scroll Right // Comments Section */
.single #section2 {margin-left:130px;
div.section-contents {padding-left: 130px;}}
.single h1 span {.italix; font-size:31px;color:black;}
.single h1{color:#D90B42}
article#commentsPanel {
padding-top:20px;
h6 {
.smcaps;
.sans;
float:left;
margin:5px 0 20px 0;
font-size:11px;
}
}
.single #section2 {
article {width:1024px;
h5 {right:400px;}}
ul#responseNav {
.italix;
font-size:31px;
position: absolute;
right: 0;
top: 75px;
li { float:left; margin:0 10px;}}}
ul#Page-Right-Bottom-Nav {.bt-black; margin-top:10px; padding-top:10px; clear:both;
li {display:block; margin:8px 20px 10px 0; float:left; font-size:31px;}
}
/* Blog Single Page Only */
div.blog aside.response h2 {display:none;}
/* ------------------------
Pages
---------------------------*/
.page, .error404 {
section.primary{
margin:80px 0 0 0;
width:100%;
&.store {
width:65%;
float:left;
}
}
h1 {
margin:30px 0 0 10px;
padding-bottom:12px;
/*.italix;*/
text-transform: uppercase;
text-align:center;
.arial;
font-size:31px;
.bb-black;
}
article {
margin:10px;
margin-left:5%;
width:80%;
padding-right:60px;
float:left;
min-height:550px;
h2 {margin:20px 0 10px 0;}
h3 {color:@olive; margin-top:20px; .italix; .large; .bb-pink;}
p {margin:10px 0;}
#colLeft {width:650px; float:left;}
#colRight {width:300px; float:left; padding-left:40px;
h2:first-child {margin-top:10px;}}
}
}
.page-template-page-2-columns-php article {width:1024px; }
.page-template-submissions-php article h2 {color:@black;}
.hidden{display:none}
#fiction_guidelines, #poetry-guidelines, #non-fiction_guidelines {padding:30px;
h2 {margin-bottom:20px;}}
/* ------------------------
Archives
---------------------------*/
.author_bio {
width:65%;
margin:25px auto;
border-left:2px solid @black;
border-right:2px solid @black;
padding:0 20px;
}
ul#issue_archive {
margin:30px 0;
li {
display:inline-block;
width:20%;
margin-right:10%;
}
}
.archive {
section.primary{
margin:80px 0 0 0;
width:100%;
}
h1 {
margin: 30px 0 8px 0;
.arial;
font-size: 29px;
text-transform: uppercase;
text-align: center;
}
#list-view {
width:850px;
float:left;
padding:15px 40px 40px 0;
margin-left:30px;
.bt-black;
min-height:600px;
article {
max-width: 410px;
width: 50%;
clear: both;
display: inline-block;
padding:20px 0;
margin-left:10px;
.wp-post-image {
float:left;
padding:0 16px 16px 0;
}
//to be implemented soon...
.caption{
.opacity;
display:none;
max-width:410px;
width:50%;
padding:6px 10px;
position:absolute;
bottom:0;
left:0;
background-color:@black;
}
}
.wp-pagenavi {
margin: 60px 0 30px 0;
}
}
}
/* Issue View */
.archive #gallery-view {
min-height:550px;
article {
float:left;
/*margin:0 16px 16px 10px;*/
.galleryBox {
position:relative;
width:255px;
/*height:285px;*/
overflow:hidden;
.caption {
.opacity;
display:none;
/*width:235px; */
padding:6px 10px; position:absolute; bottom:0; left:0; background-color:@black;
.author {.italix; color:@peach;}}}}}
.category-issue-archive h1 {.bb-black; margin-bottom:20px;}
/* Hide issue archive posts from the actual issue posts */
section.bv-archive article.issue-archive {display:none;}
/*addthis*/
.addthis_toolbox {
a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity:1;
behavior: url(/PIE.htc);
}
}
.addthis_button_google_plusone {
margin:0 5px;
}
/* ------------------------
Footer
---------------------------*/
footer {width:1024px; position:absolute; bottom:50px; right:0; width:400px;}
.clear {clear:both; margin:0; width:100%; height:1px; position:relative;}
#footer_addthis {
//position:absolute;
//bottom:140px;
//right:60px;
float:right;
position:relative;
top:30px;
}
.page {
footer {
bottom:-100px;}
.addthis_toolbox {bottom:80px;} /*special page settings*/
}
#section2 footer{
bottom:-30px;
clear:both;
position:relative;
float:right;
margin-top:30px;
}
.top_bottom {
border-top:2px solid #000;
border-bottom:2px solid #000;
}
#home_text {
float:left;
margin-left:4%;
width:40%;
line-height:1.7;
font-size:14;
#definition {
.italix;
.top_bottom;
padding:10px 5px 10px 5px;
p {
padding:5px 0;
}
}
#whatsnew {
.top_bottom;
padding:15px 0 15px 0;
margin:20px 0 20px 0;
/*h3 {
text-align: center;
font-size:20px;
.arial;
font-weight:bold;
color:@pink;
padding:5px 0 10px 0;
}*/
ul {
li {
text-align: center;
text-transform:uppercase;
font-weight:bold;
padding:5px 0;
.author {
.italix;
font-size:80%;
text-transform:none;
}
}
}
}
}
//two featured posts at top of homepage
/* ------------------------
Social Sidebar
---------------------------*/
#social-tabs {width:310px; position:relative; }
#social-tabs ul {position:absolute; top:0; left:0; z-index:100;}
#social-tabs ul li {float:left;}
aside#sideBar section {width:282px; position:absolute; margin:40px 0 0 3px; z-index:1; padding-top:20px;
/*background-color: rgba(255, 255, 255, .3); .shadow; */
max-height:300px !important; }
.twtr-tweet-text p {line-height:17px !important;}
.twtr-hd {
overflow: hidden;
padding: 0 10px;
position: relative;
}
#facebook-feed{
border:none;
width:284px !important;
z-index:10 !important;
height: 284px;
overflow: hidden;
position:relative;
left:-2px;
}
#facebook-feed iframe{
left:-5px;
overflow:hidden !important;
position:relative;
top:-22px;
z-index:1 !important;
}
/*
xxxxxxxxxxxxxx
Plugin Content
xxxxxxxxxxxxxx
*/
/* ------------------------
Comment System & ColorBox
---------------------------*/
section.comments {
margin:0;
width:750px;
article{
width:90%;
}
form {
textarea {
width:85%;
padding:3%;
}
input[type="submit"] {
border: none;
padding: 5px 10px;
background: black;
color:@pink;
}
}
}
div#idc-container-parent {float:left; width:620px;
div#idc-container {.sans;
div {font-size:14px; line-height:20px;}
.idc-collapselink {background:url(/images/reply-arrow-down.png) no-repeat left top; padding-left:20px!important; margin-left:5px;}
.idc-collapselink_closed {background:url(/images/next-page.png) no-repeat left top; padding-left:20px!important; margin-left:5px;}
.idc-c .idc-i {.italix; color:@olive;}
.idc-foot {border-top:none;}
.idc-btn_l span {background:none;}
div#idc-cover.idc-comments div.idc-thread {.bb-pink; padding-bottom:10px;}
div#idc-cover.idc-comments div.idc-thread div.idc-thread {border-bottom:none; padding-bottom:0;}
.idc-btn_l .idc-r, .idc-btn_s .idc-r {padding:0 9px 0 9px!important;}
#IDReplyDivSubmitLI {margin:15px;}
a#IDReplyDivSubmitLIButton {.button-black; background-color:@pink; padding:4px 9px 2px 9px!important; span {color:@peach !important; font-weight:bold; text-shadow:none; }
&:hover {.button-black; span{color:#FFF !important;}}}
.idc-btn_s span {background:none;}
.idc-btn_s span, #idc-container .idc-btn_l span {text-shadow:none;}
.idc-thread .idc-thread .idc-c {background:url(/images/corner-angle.png) no-repeat -10px -20px; padding: 5px 0 0 18px;}
div#IDCommentsHead.idc-head h3 {display:none;}
.idc-c .idc-c-h {background:none;}
#IDCommentReplyDiv {.bb-pink; padding-bottom:10px;}
div#IDCommentsNewThreadCover {display:none;}}}
div#idc-container-parent #IDSubscribeToThisWrapperReply #idc-container .idc-btn_s span, #idc-container .idc-btn_l span, a#IDReplyDivSubmitLIButton.idc-btn_l span {background:none; width:0; text-shadow:none;}
div#idc-container-parent a.idc-btn_s {.button-black; display:block; padding:4px 8px!important; text-shadow:none; margin-left:10px;
span {background:none; width:0; color:@pink !important; font-weight:bold;}
&:hover {.button-pink; display:block; padding:4px 8px!important; text-shadow:none; margin-left:10px; span{color:#FFF !important;}}
}
ul#responseNav a.sprite padiv, section#section1.primary div.section-contents article a.sprite div {
float: left;
font-size: 14px;
line-height: 16px;
margin-top: 8px;
text-align: center;
width: 45px;}
/* ------------------------
Store
---------------------------*/
.wpsc_default_product_list {
width:68%;
}
#widgetshoppingcart {background: url("/images/store/brackets-big.png") no-repeat scroll -30px -50px transparent; min-height: 400px; padding: 5px 0 0 80px;}
body.wpsc, body.tax-wpsc_product_category, body.single-wpsc-product {
aside#sideBar {
margin-top:155px;
}
label {color:@olive;}
.asterix {color:@pink;}
input[type=text], textarea, select {padding:5px 8px; border:solid 1px #CCC;}
option {padding:0 5px;}
p.pricedisplay {padding-top:10px; color:@olive;}
h3 {color:@olive; margin-top:20px; .large; .italix;}
table thead tr th {padding:0 10px 0 0; font-weight:bold; color:@peach; background-color:@black; border-right:solid 1px #FFF;}
td#cart-widget-links {padding-top:20px;}
h4 {.large; color:@olive; margin-top:10px;}
.wpsc_description {float:left; width:50%;}
.product_form{float:right; width:43%;}
.default_product_display {.bb-pink; clear:both; margin-bottom:10px; padding-bottom:20px; min-height: 185px;
p {margin:0 0 10px 0;}}
div.imagecol {float:left;}
td.col1 {padding-right:5px;}
legend {.smcaps; margin-top:10px;}
.wpsc_buy_button, .gocheckout {.button; padding:8px 12px; margin-top:0;}
form.wpsc_empty_the_cart {margin:10px;}
#social-tabs {display:none;}
#sliding_cart {margin-top:10px;}
}
aside#sideBar div#widgetshoppingcart div#shoppingcartcontents div#sliding_cart.shopping-cart-wrapper div.shoppingcart table {
tfoot tr.cart-widget-total td {padding-top:20px;}
tbody tr { border-bottom:dotted 1px #ccc;
td.product-name {padding-top:8px; text-align:left;}}
tbody {text-align:center;}}
div#default_products_page_container.wrap ul.wpsc_categories li ul li {display:none;}
ul.wpsc_categories {left: 385px; position: absolute; top: 76px;
li {display:block; float:left; background-color:@black; float:left; padding:3px 10px; .italix; margin:5px 5px 20px 0;
a:link, a:visited {color:@peach; &:hover {color:@pink;}}}}
.remove_button {
background:url(/images/store/remove.png) no-repeat scroll 0 4px transparent;
width:14px;
text-indent:-9999px;
border:none;
outline:none;
*line-height:1;
cursor:pointer;
}
/* Hide Donate on Products Page */
body.page-id-12 div#content section.primary article div#default_products_page_container.wrap div.wpsc_default_product_list div.product_view_29 {display:none;}
/* Products Category / Taxonomy Page */
body.tax-wpsc_product_category div#content section.primary article div#default_products_page_container.wrap div.wpsc_default_product_list {
div.default_product_display {
div.productcol {margin-top:15px;}
h2.prodtitle {display:none;}}}
body.tax-wpsc_product_category div#content section.primary article {
float: left;
margin: 10px;
min-height: 550px;
padding-right: 60px;
width: 600px;}
body.tax-wpsc_product_category div#content section.primary h1 {.bb-black;}
/* Checkout */
body.wpsc div#content section.primary article div#checkout_page_container {
h3 {border-bottom:none;}
table.checkout_cart tbody{
tr.product_row {border-bottom:dotted 1px #ccc;}
tr {
th {padding:0 10px 0 0; font-weight:bold; color:@peach; background-color:@black; border-right:solid 1px #FFF;}
td {padding:10px;
.product_image {vertical-align: bottom;}}}}}
body.wpsc-shopping-cart article {width:1024px;}
div#checkout_page_container table.checkout_cart tbody tr td form input[type=submit] {.button;}
img#wpsc_checkout_gravatar {display:none;}
label.wpsc_email_address {.large; .italix; color:@olive;}
tr.same_as_shipping_row, tr.same_as_shipping_row td label {color:@pink;}
#shippingsameasbillingmessage {.italix; color:@olive;}
div#wpsc_shopping_cart_container form.wpsc_checkout_forms table.wpsc_checkout_table tbody tr td, #region_select_16, #region_select_7 {padding:6px 0; vertical-align: top;}
/*Single Product Quick View (only from checkout */
div.single_product_display div.productcol div.product_description {
p {margin-top:10px;}}
div#single_product_page_container div.single_product_display div.productcol form.product_form {float:none; clear:both;}
body.single-wpsc-product div#content section.primary article {font:normal 14px/20px ff-meta-web-pro, Helvetica, Arial, sans-serif; }
/*-----------------------------
WP-PageNavi plugin
------------------------------*/
.wp-pagenavi {
clear: both;
margin:25px 0;
a, span {
text-decoration: none;
//border: 1px solid @pink;
background-color: @black;
margin: 2px;
padding:5px;
color:@pink;
font-weight:bold;
}
span.current {
color:white;
}
}
/* ---------------------------------------
Advertising / Banners
-------------------------------------------*/
.wp_bannerize {clear:both; visibility:hidden;
div {text-align: left;}}
.Page-Bottom-Banner-Ad {margin-top:40px;}
.SideBar-Graphic-Ads {margin:10px;}
section#section2 div.section-contents aside.response div.SideBar-Graphic-Ads {div {text-align:right !important;}}