/*
Theme Name: Remix
Theme URI: http://www.djrforrest.com
Version: 1.0.0
Author: Purple Pixels
*/
/*
Original Theme Name: Vikiworks Infinity, Theme URI: http://vikiworks.com, Version: 1.0.1, Author: yichi
*/

/* Overall setup */
* { margin:0; padding:0; }
body {
    background:#000 url(images/main_background.jpg) top center no-repeat;
    color:#bbb; font:12px/14px  helvetica, arial,Sans-serif;
}
a   { color:#c3cc0f; text-decoration:none; outline:0; }
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0; padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica; color:#bbb; text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
code {
    font: 11px  "Courier New";
    color:#666;
    padding:5px;
    margin:5px 0;
    display:block;
    border-left:1px solid #903000;
}
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }

.entry { padding:5px 15px 5px 0; }

/*pagination*/
.wp-pagenavi {
    clear:both;
    padding:15px 0;
    position:relative;
    text-align:center; 
}
span.pages { 
    color:#555555;
    display:block;
    font-size:0.8em;
    position:absolute;
}
span.current { color:#AAAAAA; }
a.page { padding:0 3px; }
a.previouspostslink {}
a.nextpostslink {}
.pagenavi  {}

/* navigation */
ul.topnav   { list-style:none;text-align:left;position:relative; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { 
    font:11px arial;
    outline:none;
    color:#ddd;
    text-decoration:none;
    display:block;
    padding:5px 15px;
    text-transform:uppercase;
}	
.topnav li a:hover   {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    color:orange !important;/*#b3d565*/
}
.topnav li.rss   { float:right; display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color:#eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }

/* shop part of the navigation */
.topnav ul li.page_item a { color:#ddd; }
.topnav li.page_item ul {
    left:447px;
    position:absolute;
    top:2px;
    z-index:2001;
}
.topnav li.page-item-8 a {
    background:url("images/dl_cd.png") no-repeat scroll 100% 2px transparent;
    color:#C3CC0F;
    padding:5px 22px 5px 15px;
}
.topnav li.page_item ul li a {
    background:none repeat scroll 0 0 transparent;
    font-size:0.75em;
    padding:5px 15px;
}

/* header */
#header { width:970px;position:relative;margin:0 auto;padding:1em 0 11.4em 0; }
#header h1 {
    position:absolute;
    right:-10px;
    top:1.85em;
}
#header h1 a {
    background:url("images/djr_forrest.png") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:20px;
    height:78px;
    margin:5px 0;
    text-indent:-999em;
    width:524px;
}
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { 
    background:url("images/px.png") repeat scroll 0 0 transparent;
    display:block;
    margin:0 auto;
    padding:10px 10px 0;
    position:relative;
    text-align:left;
    width:950px;
}
.main { 
    float:right; /* 27-04-2010 changed to float right instead of left */
    margin:0 0 5px;
    /*overflow:hidden;*/
    padding:0;
    position:relative;
    width:490px
}
.sidebarwrapper {  }
.fix h2 { margin:0 0 5px 0; }

/* thumnail covers */
.thumb { 
    background: url("images/px.png") repeat scroll 0 0 transparent;
    display: block;
    width: 235px;
    overflow: hidden;
    height: 150px;
    margin: 0 10px 10px 0;
    position: relative;
}
.thumb-title {
    margin-bottom:5px;
    background:#000;
    bottom:0;
    right:0;
    display:block;
    position:absolute;
    padding:4px;
    text-align:center;
    width:227px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
    filter:alpha(opacity=85);
    -khtml-opacity:.85;
    -moz-opacity:.85;
    opacity:.85; 
}
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { 
    font:11px Arial,helvetica;
    display:block;
    color:#aaa;
    text-decoration: none;
    text-transform:capitalize;
}
.thumb-title h2 a:hover {
    -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
    color: #fff;
}
.thumb a img { width: 235px; }

/* Ancillary */
#ancillary  { 
    background:url("images/rambling.png") no-repeat scroll -3px -40px transparent;
    height:205px;
    margin:0 0 0 -24px;
    overflow:hidden;
    padding:0 17px;
    width:964px;
}
#ancillary .flickr { 
    /*padding: 3px 2px;
    background: #181818;
    overflow: hidden;*/
    background:url("images/opa.png") repeat scroll 0 0 transparent; /*url("images/blue_op_bg.png") repeat scroll 0 0 transparent;*/
    min-height:65px;
    overflow:hidden;
    padding:3px 2px;
}
#ancillary .flickr img  { margin:10px 10px; width:45px; height:45px; display:block; float:left; }
#ancillary .flickr a img  { 
    border:4px solid lime;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    filter: alpha(opacity=70); /* internet explorer */
    -khtml-opacity: 0.7;      /* khtml, old safari */
    -moz-opacity: 0.7;       /* mozilla, netscape */
    opacity: 0.7;           /* fx, safari, opera */
}
#ancillary .flickr a:hover img  {
    /*border:4px solid #c3cc0f;*/
    -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter: alpha(opacity=99); /* internet explorer */
    -khtml-opacity: 1;      /* khtml, old safari */
    -moz-opacity: 1;       /* mozilla, netscape */
    opacity: 1;           /* fx, safari, opera */
}

/* filler */
.djrelement {
    background:url("images/px.png") repeat scroll 0 0 transparent;
    width:100%;
    min-height:100px;
}

/* single page */
.post.single { line-height:1.4em; width:485px; padding:3px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica; letter-spacing:-1px; line-height:1.05; color:#ddd; text-decoration:none; }
.post.single .postMeta { font:10px Arial; margin-bottom:5px; color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#999; }
.post.single .entry { float:right; line-height:1.4; overflow:hidden; padding-bottom:25px; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:4px solid #00ba09; }
.post .entry a:hover img { border-color:#00e00a; }
.post.single h3 { font-size:12px; font-weight:bold; color:#007998; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color:#C3CC0F; cursor:pointer; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p em { background:#007998; color:#fff; font-style: normal;  }
.post.single a { color:#a9a393; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }

/* twitter */
#twitter #twitter_update_list { color:#696969; line-height:1.4em; padding: 0; font-size:12px; }
#twitter #twitter_update_list a, #twitter a.djrtwitter-link { color:#666666; padding:0; margin:0; display: block; }
#twitter:hover #twitter_update_list, #twitter:hover #twitter_update_list a { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;color:#999; }
#twitter #twitter_update_list a:hover, #twitter a.djrtwitter-link:hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; color:#fff; padding:0; margin:0; }

#twitter a.djrtwitter-link { background:url(images/twitter_op.png) no-repeat scroll 0 0; margin:5px 0 0; padding:0 0 3px 20px; line-height:1.4; }
#twitter a.djrtwitter-link:hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; background:url(images/twitter.png) no-repeat scroll 0 0; margin:5px 0 0; padding:0 0 3px 20px; }

/* sidebar related */
#sidebarwrapper  { margin:0; padding:0; float:right; color: #999; }
#left-sidebar {
    color:#ddd;
    float:left;
    margin:0;
    width:220px;
    padding:5px;
    background: transparent url(images/opa.png);
}
#left-sidebar h3 {padding:3px; background: lime; display: inline; color: #202020; }
#left-sidebar a   { color:#aaa; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none; margin:8px 0 4px; color: #999; }

.categories { padding: 0; color: #666; }
.categories li { clear:left; font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts h3 { margin:0 0 10px; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

.delicious { display:none; padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 3px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }

.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none; color:#333 !important; padding-right:4px; font-weight:normal; }
.tags:hover a {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    color:#666 !important;
    text-decoration:none;
}
.tags:hover a:hover, #sidebar .tags a:hover { color:#eee !important; text-decoration:none; }

#right-sidebar { 
    color:#efefef;
    float:right;/* 27 04 2010 floated right instead of left */
    width:220px;
    margin:0;
    padding:5px;
    font-size:11px;
    background: transparent url(images/opa.png);
}
#right-sidebar h3 { padding:3px; background: #007998; display: inline; color: #eee; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#999; text-decoration:none; }
#right-sidebar a:hover { color:#fff; }
#right-sidebar ul { list-style:none; margin:8px 0 4px; }

/* posts and lists in posts */
.entry p { color:#B5B5B5; margin:5px 0 7px; }
.entry ul, .entry ul li { list-style:disc outside none; padding:3px 0; }
.entry ul { color:#cfcfcf; margin:10px 10px 15px; padding:5px 5px 7px; }
.entry ol, .entry ol li { list-style:decimal outside none; padding:3px 0; }
.entry ol { color:#cfcfcf; margin:0 30px; padding:5px 5px 7px; }

/* specific for the free download */
#post-77 ul, #post-77 ul li { list-style:none outside none; padding:3px 0; }
#post-77 ul li a {
    /*background:url("images/dl_cd.png") no-repeat scroll 0 0 transparent;
    padding:3px 0 3px 23px;*/
    display:block;
    margin:3px 47px;
}
#post-77 .sociable ul li a {
    background:none repeat scroll 0 0 transparent;
    display:inline;
    margin:0;
    padding:0; 
}

/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	
ol.commentlist { list-style:none; margin:0 0 20px; width:50%; }
ol.commentlist cite { color:#00BADB; font-style:italic; text-transform:uppercase; }
ol.commentlist li { border-bottom:1px solid #282828; font-size: 11px; margin: 0; padding:15px 0 22px }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, ol.commentlist h5 a:visited { color:#007998;}
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li span.moderate { padding:2px; color:#f30; }
ol.commentlist .wp-smiley { vertical-align:bottom; }
ol.commentlist .commentmetadata { display:block; float:left; font-style:italic; margin:5px; }
ol.commentlist li p { clear:both; margin:5px; }

/* form */
#commentform { margin: 1em 0;}
form input, form select, form textarea, #author, #email,#url,#comment{
    background:none repeat scroll 0 0 #181818;
    border:1px solid #333333;
    color:#BBBBBB;
    font:1em arial,helvetica,verdana,sans-serif;
    margin:5px 0;
    padding:2px;
}
.comment-warning strong { color: #999; font-weight: bold; }
form table { min-width:400px; }
/* footer */
#footer { 
    color:#555;
    font-size:9px;
    line-height:1.4em;
    padding:0;
    margin:0 auto;
    height:40px;
    clear:both;
    width:950px;
    text-align:right;
}
#footer a { font-weight:bold; color:#777; border-bottom:1px solid #333; }
#footer a:hover { color:#ddd; }
#footer img { display:none; }

/* shopping plugin - buttons and form elements */
.wpsc_container {
    position:relative;
    top:10px;
}
input.wpsc_buy_button {
    border-radius:15px 15px 6px 15px;
    -webkit-border-radius:15px 15px 6px 15px;
    -moz-border-radius:15px 15px 6px 15px;
    background:url("images/button_bg.gif") no-repeat scroll 100% 0 transparent;
    border:0 none;
    color:lime;/*#01be04*/
    font-size:0.85em;
    padding:7px 30px 8px 2px;
    cursor:pointer;
}
input.wpsc_buy_button:hover {
    -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
    background: url(images/button_ani.gif) no-repeat scroll 100% 0;
    color:#C3CC0F;/*#b3d565*/
}
.additional_description p {
    font-size:0.85em;
    margin-top:3px;
}
.djrcart {
    /*position:absolute;
    right:0;
    top:15px;
    z-index:2000;*/
    left:57.7%;
    position:fixed;
    top:15px;
    z-index:2000;
}
#sideshoppingcart h3 {
    background:url("images/basket_icon.png") no-repeat scroll 0 -1px transparent;
    /*border-bottom:1px solid lime;*/
    color:#00FFFF;
    float:right;
    padding:0 0 5px 20px;
    text-transform:uppercase;
}
#shoppingcartcontents {
    background:none repeat scroll 0 0 #181818;
    box-shadow:0 2px 10px #181818;
    -webkit-box-shadow:0 2px 10px #181818;
    -moz-box-shadow:0 2px 10px #181818;
}
div#sideshoppingcart div {}
#sideshoppingcart #sliding_cart {
    clear:right;
    padding:5px 10px;
}
#sliding_cart p, p.empty, p.visitshop {
    clear:right;
}
table.shoppingcart {
    width:347px;
}
table.shoppingcart tr td{
    text-align:right;
 }
table.shoppingcart #product, table.shoppingcart #quantity, table.shoppingcart #price {
    text-align:right;
}
span.cartcount {}


.submitBtn, p.submit input, input.djrupdate, button.remove_button, input.make_purchase, span.gocheckout a:link, span.gocheckout a:visited {
    border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    background:none repeat scroll 0 0 #000000;
    color:lime;
    cursor:pointer;
    display:block;
    font-size:0.95em;
    font-weight:bold;
    margin:4px 0 2px;
    padding:5px;
    width:87px;
}
.submitBtn:hover, p.submit input:hover, input.djrupdate:hover, button.remove_button:hover, input.make_purchase:hover, span.gocheckout a:hover {
    -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
    color:orange;
}
a.wpsc_product_title:hover {
    -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
}
span.gocheckout { margin:0 0 0 -5px; }
.submitBtn, input.make_purchase {
    background:none repeat scroll 0 0 #202020;
    border:none;
    width:auto;
}
p.submit input, form input.djrupdate {
    border:none;
    margin:0 7px 0 -5px;
    width:auto;
}
form.wpsc_checkout_forms h2 {
    margin:5px 0;
}
form.wpsc_checkout_forms h4 {
    margin:20px 0 10px;
}
form label {
    margin-right: 10px;
}
/* artistlisting */
.djrartists {
    margin:5px 0 15px;
}
#left-sidebar span.category {
    padding:2px 0 3px;
}
#left-sidebar a.productlink {
    background:url("images/dl_cd.png") no-repeat scroll 100% 2px transparent;
    color:#C3CC0F;
    font-weight:bold;
    line-height:1.8em;
    padding:5px 20px 5px 0
}
#left-sidebar a.productlink:Hover {
    -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;
    color:#ffffff;
}
/* delicious widget */
h2.delicious-banner { display:none; margin:10px 0 0; }
#right-sidebar .delicious a { text-decoration:none; color:#333; font-weight:normal; }
#right-sidebar .delicious:hover a { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; color:#666; text-decoration:none; }
#right-sidebar .delicious a:hover, #sidebar .delicious-posts a:hover { color:#eee; text-decoration:none; }

/* embedded object */
object { margin-top:20px; }

/* sociable overrides */
.sociable { float:right; margin:20px 50px 20px 10px !important; }
.sociable_tagline { float:left; }
.sociable ul { float:right; }
.sociable ul li { margin:0 0 0 3px !important; }
.entry .sociable img { border:none; }
.sociable-hovers:hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }

/*thickbox overrides*/
#TB_window { color: #bbb !important; }

#TB_secondLine { color:#ccc !important; }

#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color: #AAAAAA !important;}
#TB_window a:hover {color: #ddd !important;}

#TB_window {
        box-shadow:0 0 20px rgba(0, 255, 0, 0.5);
        -webkit-box-shadow:0 0 20px rgba(0, 255, 0, 0.5);
        -moz-box-shadow:0 0 20px rgba(0, 255, 0, 0.5);
	background: #000 !important;
	color:#ddd !important;
	border: 4px solid #000 !important;
}

#TB_window img { border: none !important; }

/*edit page styles (only for admin if logged in) */
.post-edit-link { display:block; clear:both; }

/* shopping basket checkout paying confirmation styles */

table.paypal_express_form { margin:10px 10px; }
table.paypal_express_form td { font-size:0.9em; padding:3px 0; }
table.paypal_express_form b { font-weight:bold; padding:2px; }
table.paypal_express_form td.firstcol { text-align:right; padding:3px 10px 3px; width:95px; }

table.paypal_express_form form p input {
    border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    background:none repeat scroll 0 0 #202020;
    border:none;
    width:auto;
    color:lime;
    cursor:pointer;
    display:block;
    font-size:0.95em;
    font-weight:bold;
    margin:4px 0 2px;
    padding:5px;
}
table.paypal_express_form form p input:hover { color:orange; }