/*
Theme Name: 		Kasbah Nightclub
Theme URI: 			http://www.kasbahnightclub.com
Title:      		Kasbah Nightclub
Authors:     		Martin Law ©2009
*/

/* =Default */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }

html, body { margin: 0; padding: 0;  }
body { font: 80%/1.4 arial; background: url(images/bg-01.jpg); background-repeat:repeat-x; background-position:top center; text-align:center }
span { display: none}

a { color:#E6138C; }
a:hover { color:#E6138C; }

#footer a { color:#575757; }
#footer a:hover { color:#2f77ce; }

#branding span { display: none}


/*h1*/
h1 {height: 182px; width:173px; position:absolute; background: url(images/logo.png); z-index:5; margin-left: 20px; left:0}

/*h2*/
h2 { margin-bottom: 10px;}
h2.whats-on { background: url(images/bg-h2-whats-on.jpg) no-repeat; height: 69px; margin-bottom: 30px}
h2.gallery { background: url(images/bg-h2-gallery.jpg) no-repeat; height: 28px; margin-bottom: 30px}
h2.news { background: url(images/bg-h2-latest-news.jpg) no-repeat; height: 71px}
h2.title {  font-size:40px; color:#00B6CB; padding-bottom:15px}

/*h3*/
h3 { font-size: 23px; font-family: georgia }

/*h4*/
h4 { font-size: 14px; font-weight: bold; color: #00b6cb; background: #FFFFFF; padding: 4px; float: left; }

/*h5*/
/*h6*/

/*p*/
p { color: #000000; margin-bottom:15px}

#content-3pri p, #content-4 p, #content-3sec p, #content-5 p   { margin-bottom: 10px} 
#content-3sec p { width: 250px}

p.more-images a { background:transparent url(images/bt-more-images.gif) no-repeat; display: block; height: 15px; width: 107px;}
p.more-images a:hover { background-position: 0 -15px }

p.more-listings a { background:transparent url(images/bt-more-listings.gif) no-repeat;  display: block; height: 16px; width: 168px;}
p.more-listings a:hover { background-position: 0 -16px }

p.myspace a { background:transparent url(images/bt-myspace.gif) no-repeat;  display: block; height: 90px; width: 88px;}
p.myspace a:hover { background-position: 0 -90px }

p.twitter a { background:transparent url(images/bt-twitter.gif) no-repeat;  display: block; height: 90px; width: 88px;}
p.twitter a:hover { background-position: 0 -90px }

p.youtube a { background:transparent url(images/bt-youtube.gif) no-repeat;  display: block; height: 90px; width: 88px;}
p.youtube a:hover { background-position: 0 -90px }

/*blockquote*/

/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container { background: url(images/bg-01.jpg) no-repeat scroll 50% 0; width: 100%; }

/* =branding 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#branding-outer { width: 100%; height: 282px; background: url(images/bg-branding-outer-01.jpg); border-bottom: 1px solid #000000}
#branding { overflow: hidden; background: url(images/bg-branding-01.jpg) no-repeat scroll 50% 0; height:282px}
#branding-inner { width: 999px; margin: 0 auto; position: relative; overflow: hidden; height:100%}

#slideshow { height: 237px; width: 940px; margin: 0 30px 0 30px; position:absolute; left:0 }
#logo { height: 20px; width:20px; position:absolute}


/* =nav 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav { margin-top:218px; width:999px; position:absolute; z-index:4; left: 0}
#nav ul  { height:55px; }
#nav ul li { float: left; list-style: none; }
#nav ul li a { background:transparent url(images/bt-nav-item1.png) no-repeat; display:block; height:55px; }
#nav ul li#item1 a { width: 101px} 
#nav ul li#item2 a { width: 79px; background-image:url(images/bt-nav-item2.png)} 
#nav ul li#item3 a { width: 118px; background-image:url(images/bt-nav-item3.png)} 
#nav ul li#item4 a { width: 103px; background-image:url(images/bt-nav-item4.png)} 
#nav ul li#item5 a { width: 137px; background-image:url(images/bt-nav-item5.png)} 
#nav ul li#item6 a { width: 106px; background-image:url(images/bt-nav-item6.png)} 
#nav ul li#item7 a { width: 110px; background-image:url(images/bt-nav-item7.png)} 
#nav ul li#item8 a { width: 147px; background-image:url(images/bt-nav-item8.png)} 
#nav ul li#item9 a { width: 98px; background-image:url(images/bt-nav-item9.png)} 
#nav ul li a:hover { background-position: 0 -55px }
#nav ul li a.active { background-position: 0 -55px }

/* =content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content { padding: 0 0 40px 0; margin:0 auto; width:960px; overflow: hidden; text-align: left}

/* =content 1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-1 { float: left; width:636px; margin-top: 30px; }

#content-1 h3 { color:#E6138C }
#content-1pri  { margin-bottom: 35px; }
#content-1pri ul { border-top: 1px solid #585858; }
#content-1pri ul li { list-style: none; border-bottom: 1px solid #585858; overflow: hidden;  }
#content-1pri ul li.top { list-style: none; border-bottom: 1px solid #585858; border-top: 1px solid #585858; overflow: hidden; }
#content-1pri ul li img  { float: left; margin-right: 20px; width:200px; height:120px}
#content-1pri ul li h3 { color: #e6138c; margin: 10px 0 10px 0}
#content-1pri ul li h3 a { color: #e6138c; text-decoration: none}
#content-1pri ul li h3 a:hover { color: #b00269; }
#content-1pri ul li p { margin:0}

#content-1sec { }
#content-1sec ul { overflow: hidden; margin-bottom: 20px}
#content-1sec ul li { float: left; list-style: none; overflow: hidden; margin-right: 12px}
#content-1sec ul li.end { margin: 0}

#content-1ter { overflow: hidden; height:100%}
#content-1ter h3 { float:left; width: 200px; color:#E6138C; font-size:20px }
#content-1ter h2 { margin: 0; }
#content-1ter h2 a { color: #333333; }
#content-1ter ul { overflow:hidden; height:100%; }
#content-1ter ul li { border-bottom: 1px solid #999999; padding: 10px 0 10px 0; list-style:none }

#post { padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px }
#post img.main { width: 636px; height: 280px; margin-bottom: 20px }

/* =content 2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-2 { float: right; width:285px; margin-top: 10px}

#content-2 h2.title { font-size:40px; color:#00B6CB; padding-bottom:0; margin-top: 10px}

#content-2pri  { margin-bottom: 35px }
#content-2pri ul li { list-style: none; margin-bottom: 12px; }
#content-2pri p { font-size: 16px; color: #FFFFFF; margin: 0}
#whats-on { background: #00b6cb url(images/bg-whats-on-bottom.jpg) no-repeat scroll center bottom; }
#whats-on-top { background: transparent url(images/bg-whats-on-top.jpg) no-repeat scroll 0 0;padding: 10px; overflow:hidden; height:100% }
#whats-on-top h4 { clear:both; margin-bottom: 5px}
#whats-on-top p { float: left; clear:both; width:100%}
#whats-on-top p a { color: #FFFFFF; text-decoration: none}

#content-2sec h2 { background: url(images/bg-h2-follow-us-on.jpg) no-repeat; height: 26px; margin-bottom: 15px}
#content-2sec ul li { list-style: none; float: left; margin-right: 5px}

/* =ul
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#membership-form li { margin-bottom: 10px}
ul#membership-form li p { margin-bottom: 5px}
ul#membership-form li input { border:1px solid #888888; padding: 5px; width: 550px }
ul#membership-form li input.submit { width: 150px}

ul#whats-on-nav li { float:left; border:none; list-style:none; padding-right:20px }

/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer p { color: #FFFFFF; margin: 0}

#footer-1 { width: 100%; background: #111111}
#footer-1content { padding: 38px 0 40px 0; margin:0 auto; width:960px; overflow: hidden; text-align: left} 
#footer-1pri { float: left; width:580px; }
#footer-1pri h2 { background: url(images/bg-h2-membership.jpg) no-repeat; height: 26px; }
#footer-1pri ul { margin-top: 14px; clear: both; overflow: hidden}
#footer-1pri ul li { list-style: none }
#footer-1pri ul li input { width: 249px; border: none; padding: 5px}
#footer-1pri ul li input.submit { float: left; background:transparent url(images/bt-membership-submit.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; display:block; height:15px; overflow:hidden;
padding-top:10px; width:45px; margin-right: 10px}
#footer-1pri ul li input.submit:hover { background-position: 0 -15px }
#footer-1pri ul li input.reset { float: left; background:transparent url(images/bt-membership-reset.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; display:block; height:15px; overflow:hidden;
padding-top:10px; width:36px; margin-right: 10px}
#footer-1pri ul li input.reset:hover { background-position: 0 -15px }
#footer-1pri #form-left { float: left; margin: 0 20px 15px 0 }
#footer-1pri p.float { float: left; }

#footer-1sec { float: right; width:286px; }
#footer-1sec h2 { background: url(images/bg-h2-find-us.jpg) no-repeat; height: 26px; }
#footer-1sec img { margin-top: 10px}

#footer-2 { width: 100%; height: 54px; background: #1e1e1e; }
#footer-2content { padding: 18px 0 0 0; margin:0 auto; width:960px; overflow: hidden; text-align: left}
#footer-2 ul li {color:#FFFFFF; display:inline; float:left; font-size:12px; margin-right:3px; }
#footer-2 ul li a {color:#FFFFFF; text-decoration: none}
#footer-2 ul li a:hover {color:#d2d2d2; }
#footer-2 p.footer-2pri { float: right}