/*
Theme Name: Vestax Spin
Theme URI: http://www.vestaxspin.com
Description: Custom theme for Vestax Spin
Version: 1
Author: Soh Tanaka
Author URI: http://www.SohTanaka.com
Tags: black, white, grey

	Vestax Spin v1
	http://www.VestaxSpin.com

	This theme was designed and built by Soh Tanaka,
	whose blog you will find at http://SohTanaka.com/

*/

body {
	font: normal 10px  Verdana, Geneva, sans-serif;
	background: #151515 url(images/body_bg.png) repeat-x;
	margin: 0; padding: 0;
}
/*--GLOBAL--------------------------------------------------------------------------------------------------------------------*/
img {border: none;}
* {outline: none;}
.container {width: 960px; margin: 0 auto; position: relative; line-height: 1.8em;}
p {margin: 0 0 10px; padding: 0 0 10px;}
a.more, a.more-link {text-indent: -9999px; width: 86px; height: 20px; display: block;margin: 15px 0; overflow: hidden;}
a.more-link {margin: 15px 0 0;}
a.learn { background: url(images/btn_more.gif) no-repeat right top;}
a.read, a.more-link {background: url(images/btn_more.gif) no-repeat right bottom; }
a.buynow, a.viewfeat, a.learnmore, a.buyUS, a.buyCA {background: url(images/btn_buy_features.png) no-repeat left top; height: 41px; width:138px;}
a.viewfeat {background: url(images/btn_buy_features.png) no-repeat -138px top;}
a.learnmore {background: url(images/btn_buy_features.png) no-repeat -276px top;}
html body #main .container a[href$=".pdf"] { background: url(images/icon_pdf.gif) no-repeat left center; padding: 5px 0 5px 22px;}
h1, html body #main #posts h2.pagetitle {margin: 0 0 20px; padding: 0; clear: both; font-weight: normal; font-size: 2.8em; color: #333; text-transform: uppercase; line-height: 1.3em;}
.left {float: left;}
img.left {margin: 0 10px 10px 0; clear: left;}
.clear {clear: both;}
/*--HEADER--------------------------------------------------------------------------------------------------------------------*/
.header {
	width: 100%; height: 150px;
	float: left;
	background: url(images/header_bg.png) no-repeat;
}
*html .header {background: none;}
.logo {margin: 20px 0 0;}
.vestax {position: absolute; right: 0; top: 15px;}
.header ul {margin: 0; padding: 0; list-style: none;}
.header li {
	margin: 30px 0 0; padding: 0;	
	float: left;
	height: 20px;
}
.header li a {
	float: left;
	text-indent: -9999px;
	height: 20px;
	margin: 0 5px;
}
.header li.home a {background: url(images/nav_home.gif); width: 63px;}
.header li.features a {background: url(images/nav_features.gif); width: 82px;}
.header li.support a {background: url(images/nav_support.gif); width: 77px;}
.header li.news a {background: url(images/nav_news.gif); width: 55px;}
.header li.dealers a {background: url(images/nav_dealers.gif); width: 74px;}
.header li.gallery a {background: url(images/nav_gallery.gif); width: 75px;}
.header li.company a {background: url(images/nav_company.gif); width: 83px;}
.header li.subscribe a {background: url(images/nav_subscribe.gif); width: 100px; position: absolute; right: 0;}
.header li a:hover {background-position: 0 -40px;}
#home .header li.home a,
#spin-features .header li.features a,
#spin-support .header li.support a,
#spin-news .header li.news a,
#gallery .header li.gallery a,
.single .header li.news a,
.archive .header li.news a,
html body.search .header li.news a,
#vestax .header li.company a
{
	background-position: 0 -40px;
}
/*--CONTENT--------------------------------------------------------------------------------------------------------------------*/
.section {overflow: hidden; width: 100%; float: left;}
.col1_4 {
	width: 220px;
	margin-right: 20px;
	float: left;
	display: inline;
}
.col2_4 {
	width: 460px;
	float: left;
}
.sidecol {width: 215px; padding: 10px 15px 0 0; float: left;}
.sidecol ul {margin: 0 0 20px; padding: 0; list-style: none;}
.sidecol ul li {margin: 0; padding:0;}
html body #main .sidecol ul li a {
	background: url(images/icon_arrow.gif) no-repeat 5px 8px; 
	padding: 5px 5px 5px 25px; 
	display: block; 
	text-decoration: none;
	color: #333; border-bottom: 1px dashed #ddd;
}

html body #main .sidecol ul li.rss a { background: url(images/icon_rsssm.gif) no-repeat 5px 8px;}
html body #main .sidecol ul li.email a { background: url(images/icon_emailsm.gif) no-repeat 5px 8px;}
html body #main .sidecol ul li.twitter a { background: url(images/icon_twittersm.gif) no-repeat 5px 8px;}
html body #main .sidecol ul li.facebook a { background: url(images/icon_facebooksm.gif) no-repeat 5px 8px;}
html body #main .sidecol ul li.youtube a { background: url(images/icon_youtubesm.gif) no-repeat 5px 8px;}
html body #main .sidecol ul li a:hover {background-color: #f0f0f0; color: #555;}


.content {width: 700px; padding: 10px 0 0 20px; float: left; border-left: 1px dashed #ddd;}
#main {
	background: #fff url(images/main_bg.gif) repeat-x;
	padding: 22px 0 0;
	font-size: 1.2em;
	color: #5d5d5d;
}
#main a {color: #0067b7;}
#main h2, #main h3 {color: #c30000; font-size: 1.6em; font-weight: normal; margin: 0 0 10px; padding: 0;}
#main h3 {font-size: 1.2em; font-weight: bold;}
.banner {width: 100%;float: left; position: relative;}
#home .banner {
	background: url(images/hp_banner_bg.jpg) no-repeat;
	height: 388px;
}
.banner a.more {position: absolute; bottom: 15px;}
.banner a.buynow:hover {background-position: left bottom;}
.banner a.viewfeat:hover {background-position: -138px bottom;}
.banner a.learnmore:hover {background-position: -276px bottom;}
#home a.buynow {left: 50px;}
#home a.viewfeat {left: 195px;}
#home #main .col1_4 {width: 230px; margin-right: 10px; padding: 10px 0 0;}
#home #main .col2_4 {margin-left: 10px;}
#home #main h1 {text-indent: -9999px; display: block; margin: 15px 0;}
#home #main h1.intro {background: url(images/hp_h1_intro.gif) no-repeat; height:22px;}


#spin-features #overview .banner {	background: url(images/feat_glance_bg.jpg) no-repeat; height: 436px;}
#spin-features #overview .banner img {position: absolute; right: 10px; top: -36px; z-index: 5;}
#spin-features #overview a.buynow {top: 175px; left: 145px;}
#spin-features #main .specs .col2_4 {width: 450px; margin-right: 20px; padding: 10px 0 0 20px;}
#spin-features #main .specs .col1_4 {width: 230px; margin-right: 0; padding: 10px 0 0;}
#spin-features #overview .specs ul, #spin-features #overview .aux ul {margin: 0; padding: 0; list-style: none;}
#spin-features #overview .specs ul li, #spin-features #overview .aux ul li{margin: 0; padding: 0 0 0 15px; background: url(images/icon_bullet.gif) no-repeat left 7px; }
#spin-features #overview .aux {padding: 10px;}


#spin-features #hardware .banner {background: url(images/feat_hw_bg.gif) no-repeat; height: 414px; padding: 20px 0 10px; overflow: hidden;}
#spin-features #hardware .specs {padding: 20px 10px 0; width: 940px;}
#spin-features #hardware .specs .col1_4 { 
	width: 220px; 
	margin-right: 20px;
}
#spin-features #hardware .col1_4 h3 {	text-align: center; margin: 15px 0 10px; font-size: 1em;}
#spin-features #hardware .reel {width: 3940px; float: left; position: absolute; left: 0;display: inline;}
#spin-features #hardware .reel a.slide {width: 960px; float: left; text-align: center;}
#spin-features #hardware .activemark {background: url(images/feat_active_arrow.gif) no-repeat; width: 31px; height: 18px; position: absolute; top: 0; left: 110px;}
#spin-features #hardware .specs .active {}

#spin-features #software a.learnmore {left: 30px; top: 205px;}
#spin-features #software .banner {background: url(images/feat_djay_banner_bg.jpg) no-repeat; height: 461px;}
#spin-features #software .specs .col2_4 {width: 450px; margin-right: 20px; padding: 10px 0 0 10px;}
#spin-features #software .specs .col2_4 img {float: left; margin: 0 10px 10px 0;}

.specs, .btm {
	float: left; width: 100%;
	padding: 20px 0 0;
	background: #e7e7e7 url(images/specs_top_bg.gif) repeat-x;
	position: relative;
}
.btm {background: url(images/specs_btm_bg.gif) no-repeat; height:8px;}


#main ul.tabs {margin: 0 0 0 10px; padding: 0; list-style: none; width: 100%; float: left;}
#main ul.tabs li {
	float: left;
	height: 37px; line-height: 37px;
	text-align: center;
	padding:0; margin: 0 2px 0 0;
}
#main ul.tabs li a {
	background: url(images/tab_bg.gif) repeat-x;
	float: left; height: 37px; padding: 0 20px;
	color: #fff; text-decoration: none;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/	
}
#main ul.tabs li.active {height: 38px; margin-top: -1px;}
#main ul.tabs li.active a {
	background: #fff; color: #333;
	filter:alpha(opacity=100);
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/	
	border-top: 1px solid #f0f0f0;
}
#main ul.tabs li a:hover {
	filter:alpha(opacity=45);
	opacity:.45;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; /*--IE 8 Transparency--*/	
}

#spin-support h1 {text-indent: -9999px; background: url(images/support_h1.gif) no-repeat; height:47px;}
#spin-support ul.faq, #spin-support ul.faq li ul {margin: 0 0 10px; padding: 0; list-style: none;}
#spin-support ul.faq li h3 {
	background: #f0f0f0; 
	padding: 5px 10px; 
	border: 1px solid #ddd;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
#spin-support ul.faq li h3:hover {background: #fff;}
#spin-support ul.faq li h3 a{ text-decoration: none; color: #333; background:  url(images/icon_accordion.gif) no-repeat left 3px; padding-left: 25px; display: block;}
#spin-support ul.faq li h3.open {background: #fff;}
#spin-support ul.faq li h3.open a {background-position: left -19px;}
#spin-support ul.faq li ul li{margin: 0; padding: 0 0 0 15px; background: url(images/icon_bullet.gif) no-repeat left 7px; }
#spin-support ul.faq li div {padding: 0 10px 10px;}

#vestax h1 {text-indent: -9999px; background: url(images/company_h1.gif) no-repeat; height:47px;overflow: hidden; float: left; width: 100%;}
.history {
	background: url(images/timeline_bg.gif) repeat-y center top;
	overflow: hidden;
}
ul.timeslot {margin: 0; padding: 0; list-style: none;}
ul.timeslot li {
	width: 325px;
	float: left;
	margin: 0 0 10px;
	padding: 10px 130px 0 0;
	border-top: 3px solid #ddd;
	position: relative;
}
ul.timeslot li span {
	position: absolute;
	right: 0;
	top: 27px;
	font-size: 3em;
	color: #999;
}
ul.timeslot li.even {
	float: right;
	padding: 10px 0 0 130px;
	border-color: #ca0000;
}
ul.timeslot li.even span {
	left: 0;
	color: #ca0000;
}

#buy .container {width: 340px; padding-top: 20px;}
#buy {background: #fff;}
#buy a.buyUS{background-position: -414px top; float: left; width: 138px; margin: 20px 10px 0 20px; display: inline;}
#buy a.buyCA{background-position: -552px top; float: left;width: 138px;margin: 20px 20px 0 10px; display: inline;}
#buy a.buyUS:hover {background-position: -414px bottom;}
#buy a.buyCA:hover {background-position: -552px bottom;}
#buy p.clear {width: 300px; padding: 20px 0 0; margin: 0 auto;}



#spin-news h1{text-indent: -9999px; background: url(images/news_h1.gif) no-repeat; height:47px;}
ul.post-list {margin: 0; padding: 0; list-style: none; border-top: 1px dashed #ddd;}
ul.post-list li {padding: 15px 0; margin: 0; border-bottom: 1px dashed #ddd;}
html body #main #posts ul.post-list li h2 {margin-bottom: 10px;}
#posts h2 a {font-weight: normal; font-size: 1.3em; color: #c30000;  text-transform: uppercase; line-height: 1.1em;}
#posts .date {background: url(images/icon_date.gif) no-repeat left center; padding: 5px 0 5px 20px; }
#posts .postmetadata {background: url(images/icon_post.gif) no-repeat left 8px; padding: 5px 0 5px 20px; }
#posts img {padding: 10px; border: 1px solid #ccc; background: #f0f0f0;}
.entry {padding-bottom: 20px; border-bottom: 1px dashed #ddd; margin-bottom: 20px;}

ol.commentlist {margin: 0 0 20px; padding: 0; list-style: none;}
ol.commentlist li {padding: 10px; border-bottom: 1px dashed #ddd;}
ol.commentlist li.alt {background: #f7f7f7;}
ol.commentlist li.authcomment {background: #e7f6ff;}
ol.commentlist li img {float: left; margin: 0 20px 20px 0;padding: 5px; background: #fff; border: 1px solid #ccc; border-bottom: 1px solid #999;}
ol.commentlist li .comment_block {padding-left: 112px;}
ol.commentlist li .commenttext {padding: 10px 0;}

#searchform {width: 100%; clear: both; float: left; padding-bottom: 25px;}
#searchform label {display: none;}
#searchform input{float: left; width: 130px;}
#searchform input#searchsubmit {width: auto; margin-left: 5px;}

#commentform p {margin: 0;}
input, textarea {
	font: normal 1.2em  Verdana, Geneva, sans-serif;
	color: #666;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}
input#submit {background: #5e8e00; color: #fff; border: 1px solid #3f5f00;}
input#submit:hover {cursor: pointer; background: #70a900;}
textarea {width: 690px;}




#gallery h1 {text-indent: -9999px; background: url(images/gallery_h1.gif) no-repeat; height:47px; margin-bottom: 20px;}
.ngg-galleryoverview {overflow: hidden; margin: 40px 0 20px;}
.ngg-gallery-thumbnail a {background: #000; overflow: hidden; float: left; width: 150px; height: 150px; margin: 0 10px 10px 0;}
.ngg-gallery-thumbnail img {float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ccc; background: #fff;}
.ngg-gallery-thumbnail img:hover {border: 1px solid #777; background: #c30000;}
.piclenselink {display: none;}
.ngg-navigation {width: 100%; float: left; margin: 20px 0;}
.ngg-navigation span, html body #main .ngg-navigation a {
	padding: 0 7px; 
	border: 1px solid #ddd; 
	-moz-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	background: #f0f0f0; 
	float: left; 
	margin-right: 5px; 
	text-decoration: none; 
	color: #333;
}
.ngg-navigation span {background: #333; color: #fff;}
html body #main .ngg-navigation a:hover {background: #ccc; border: 1px solid #888;}
/*--FOOTER--------------------------------------------------------------------------------------------------------------------*/
#footer {
	background: #1d1d1d url(images/footer_bg.gif) repeat-x;
	height: 340px;
	padding-top: 50px;
	color: #909090;
	font-size: 1.2em;
}
#footer .container {padding: 0 10px 10px; width: 940px; background: url(images/footer_vestax_logo.gif) no-repeat right bottom; overflow: hidden;}
#footer a {color: #fff;}
#footer a:hover {color: #999;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer ul li {
	background: url(images/footer_news_li_bg.gif) no-repeat left bottom;	
	padding: 6px 0;
}
#footer ul li h3 {margin: 0; padding: 0 0 0 20px; font-weight: normal; font-size: 1.1em; background: url(images/icon_news.gif) no-repeat left center;}
#footer h2 {text-indent: -9999px; margin: 5px 0 10px; padding: 0;}
h2.company {background: url(images/footer_h2_company.gif) no-repeat;}
h2.support {background: url(images/footer_h2_support.gif) no-repeat;}
h2.news {background: url(images/footer_h2_news.gif) no-repeat;}
#footer a.read {background-position: left -20px;}
html body #footer a.learn {background-position: left top;}
#footer p.copyright {display: block; margin: 35px 0 0; padding: 0; float: left; clear: both; width: 100%;}