/*
Theme Name: Box Night Club
Description: #
Author: Terry Kernan
Author URI: #
*/
/* Date: December 2009 */
@import url(shared/nav.css);
html, body {height:100%;}
body {background-color:#000; background-position:center top; background-repeat:no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

/* old backgrounds
body.vip {background:#000 center top url(images/contact.jpg) no-repeat;}
body.vip1 {background:#000 center top url(images/contact.jpg) no-repeat;}
body.vip2 {background:#000 center top url(images/contact.jpg) no-repeat;}
body.whatson {background:#000 center top url(images/whatson.jpg) no-repeat;}
body.jobs {background:#000 center top url(images/jobs.jpg) no-repeat;}
body.hire {background:#000 center top url(images/hire.jpg) no-repeat;}
body.gallery {background:#000 center top url(images/gallery.jpg) no-repeat;}
body.events {background:#000 center top url(images/whatson.jpg) no-repeat;}
body.contact {background:#000 center top url(images/bg-10.jpg) no-repeat;}
body.club {background:#000 center top url(images/events.jpg) no-repeat;}
body.jobs {background:#000 center top url(images/jobs.jpg) no-repeat;}
*/

body.home {background-image:url(images/backgrounds/home2.jpg);}
body.vip {background-image:url(images/backgrounds/vip2.jpg);}
body.vip-mine {background-image:url(images/backgrounds/vip-mine.jpg);}
body.vip-myhouse {background-image:url(images/backgrounds/vip-myhouse.jpg);}
body.whatson {background-image:url(images/backgrounds/whatson.jpg);}
body.jobs {background-image:url(images/backgrounds/jobs.jpg);}
body.hire {background-image:url(images/backgrounds/hire.jpg);}
body.gallery {background-image:url(images/backgrounds/gallery.jpg);}
body.events {background-image:url(images/backgrounds/events.jpg);}
body.contact {background-image:url(images/backgrounds/contact.jpg);}
body.club {background-image:url(images/backgrounds/theclub.jpg);}
body.jobs {background-image:url(images/backgrounds/jobs.jpg);}

a {text-decoration:none;}
a:link {color:#FFF;}
a:visited {color:#FFF;}
a:hover {color:#DC0080;}

.mesh {background:url(images/mesh-terry.gif); position:relative; /*margin:0; min-height:1000px; padding-bottom:100px;*/}

.container {margin:0 auto; display:block; padding-top:30px;}
.logo a {width:242px; height:0; float:left; background:url(images/box-logo2.gif) no-repeat; padding-top:150px; overflow:hidden;}
#intro {height:0; overflow:hidden;}
#nav {font-size:12px; color:#FFF; width:679px; height:150px; float:left;
	border-top:2px solid #DC0080; border-bottom:1px solid #DC0080; list-style:none; padding:0; margin:0;}
#nav li {margin-top:5px; float:left; font-weight:bold; padding-right:29px;}
#nav li.last {padding-right:0;}
#nav li a {text-transform:uppercase; font-size:90%; /*text-shadow:#000 1px 1px 1px;*/}
h2.title {width:681px; height:48px; float:left; border-bottom:1px solid #DC0080;
	font-size:40px; color:#FFF; font-weight:bold; padding:0 0 0 240px; margin:0;}

.col1 {width:160px; margin-top:18px; float:left;}
#mediaplayer {height:73px; border-bottom:1px solid #DC0080; clear:none;}
.mailer {height:160px; margin:44px 0 0 0; border-bottom:1px solid #DC0080; border-top:1px solid #DC0080; clear:none;
	font-size:10px; color:#FFF; padding:6px 0 0 0; font-weight:bold;}
#visitor-name, #visitor-email, #signup {padding:2px; color:#D92580; border:none; background:url(/wp-content/themes/thebox/images/magenta.png) no-repeat;}

.social-logos {width:160px; float:left; margin-top:15px;}
p.mailintro {/*text-shadow:#000 1px 1px 1px;*/}
.col2 {width:680px; margin-top:18px; margin-left:81px; float:left; color:#fff;}
.m-panel, .k-panel {width:310px; height:160px; margin:0 10px 10px 0; padding:10px; float:left;}
h2, .m-panel h3 {font-size:20px; color:#FFF; font-weight:bold;}
.k-panel h3, .m-panel h3, .k-panel h4, .m-panel h4 {margin-bottom:0; margin-top:0;}
h3 {font-size:16px; color:#D92580; font-weight:bold;}
h4 {font-size:14px; color:#FFF; font-style:italic;}
p, li {font-size:12px; color:#FFF;}
p.small {font-size:10px; color:#FFF;}
.col2 a {font-weight:bold;}
.k-panel ul {padding-left:15px;}

.footer {background:url(images/footer-magenta.png) repeat-x; line-height:38px; width:100%; margin-top:15px; 
	border-top:1px solid #DC0080; font-size:70%; color:#fff; position:absolute; bottom:0;}
.footer .credit {margin-right:10px; float:right;}
.footer span {margin-left:0;}

.column {padding-top:12px;}
.column p {margin:0;}
.column p+p {margin-top:12px;}
.last.column {margin-left:10px;}

.balance-features .column {padding-top:0;}
.balance-features ul {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}

.home-main {padding:15px; width:399px; height:402px; float:left;}
.home-box {width:228px; padding:10px; height:86px; float:right; margin-bottom:2px; overflow:hidden;}
.home-box.last {margin-bottom:0; height:88px}
.home-box h3 {margin:0;}
.home-box p {margin-top:6px;}

div.the-club, div.vip, div.jobs {padding:15px; width:650px;}

#featured {width:660px; margin:0 0 10px 0; padding:10px 0 0 0; height:460px;}
.featured-left-arrow {background:center center url(images/left-arrow.gif) no-repeat; float:left; height:40px; width:40px; cursor:pointer; }
.featured-right-arrow {float:right; background:center center url(images/right-arrow.gif) no-repeat; height:40px; width:40px; cursor:pointer;}
.featured-products {height:440px; overflow:hidden; position:relative; width:660px; display:block;}
.products-wrapper {position:absolute; top:0; left:0; width:4620px;}
.featured-product {float:left; height:440px; width:330px; position:relative; background-position:center center; background-repeat:no-repeat;}
.featured-product span {display:block; width:310px; padding:5px 0; text-align:center; font-weight:bold; font-size:90%; margin:0 auto; background:url(images/mesh-terry.gif);}

.wpcf7 span.wpcf7-not-valid-tip {background:#DC0080; color:#fff;}

#contact {float:right;}
#contact, #feedback, #contact textarea, #contact input[type=text], #feedback textarea, #feedback input[type=text] {width:310px;}

.mailer {width:160px; height:160px; margin:44px 0 0 0; border-bottom:1px solid #DC0080; border-top:1px solid #DC0080; clear:none;
	font-size:10px; color:#FFF; padding:6px 0 0 0; font-weight:bold;}
.mailer textarea, .mailer input[type=text] {width:160px!important;}

div.gallery {position:relative; padding:15px 10px 15px 15px; width:655px;}
#gallery .images {height:460px; overflow:hidden;}
#gallery .images a.thickbox, #gallery .images img {margin:0!important; padding:0!important; border:none!important;}
#gallery .images img {margin:10px 10px 0 0!important; float:left; background:#c00;}
#gallery .images img.top {margin:0 10px 0 0!important;}


.gallery-listing {float:left; width:305px; height:150px; margin:10px 10px 0 0!important;}
.gallery-listing.top {margin:0 10px 0 0!important;}
.gallery-listing a {height:150px; padding:0 0 0 160px; display:block; margin:0;}