/*
Theme Name: Nightlife Guestlist
Theme URI: http://www.nightlifeguestlist.com/
Description: Portfolio
Version: 2.0
Author: Amin Abbasian
Author URI: http://www.abbasian.co.uk
Tags: N/A
*/


body {
padding:0px;margin:0px;
font-family:Arial, helvetica, "sans serif";
font-size:0.8em;
background: #111111;
color:#000000;
}

a {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}

img {border:0px;}

/*PAGE LAYOUT */
#logo {float:left;width:150px;border:0px solid #ff00ff; margin:0px 0px 0px 30px;}

#head {border:0px solid #ff0000; margin:0px auto; background-color:#D1C7BB; padding-top:0px;}
#header {margin:0px auto; margin:0px auto 0px auto; height:141px; border:0px solid #ff00ff; background:url(images/nightlife-guestlist-webhead.jpg) no-repeat;}

.wrapper { margin: 0 auto 0 auto; width:1000px; background-color:#D1C7BB; height:100%;}

#top-area {float:right;width:380px; height:120px; border:0px solid #ff00ff;margin:0px 40px 0px 0px; background-image:url(images/header-ad-cd-summer-2.jpg)}

/*MENU */
#nav {border-top:1px solid #A50156; border-bottom:1px solid #A50156; margin:0px 0px 0px 0px; padding:5px 0 5px 0; font-weight:bold; background:#FFF;}
#nav-area {width:980px; padding:0px 0 0 30px; margin:0px auto;}
#nav-area ul {list-style-type:none; display:inline; margin:5px 0px 14px 0px; padding:0px;}
#nav-area ul li {display:inline; margin-left:0px; margin-right:31px;}

/*CONTENT */
#content {border:0px dashed #ffff00; padding:0px 0 0 30px; background-color:#D1C7BB; height:100%; margin-top:0px;}
#content-area-front {float:left; border:0px dashed #777777; width:100%; margin: 0; padding:0px 0 20px 0px; background-color:#D1C7BB;}
#content-area {float:left; border:0px dashed #777777; padding:0px 0 20px 30px; width:970px; margin: 0; background-color:#D1C7BB;}
#content-area-gallery {float:left; border:0px dashed #777777; padding:0px 0 20px 0px; width:970px; margin: 0; background-color:#D1C7BB;}
#col-left {float:left; width:318px; height:332px; background:#FFFFFF; padding: 0 0px 0 0px; font-size:11px; margin: 0 0 10px 0;}
#col-mid {float:left; width:197px; border:0px dashed #777777; margin: 0 0 0 10px;}
#col-right {float:left; width:197px; border:0px dashed #777777; margin: 0 0 0 10px;}

#section { width:100%;}

.post {clear:both; padding-top: 0px; height:0%; background-color:#D1C7BB;}


.mobile {clear:both; padding: 0px 20px 20px 0px; height:0%; background-color:000;}

/* FRONT PAGE LARGE BOX HOVER */
.col-left-inner {height: 155px; border:1px solid #A50156; position: relative; float: left; margin: 0 20px 20px 0;}
.col-left-inner a {font-weight:bold;}
.col-left-inner p {margin: 0;}
.links-left {text-align: center; background:transparent; color:#FFFFFF; width: 400px; padding: 5px 0; position: absolute;bottom: 20px; left: 28px; display: none;}
.col-left-inner:hover .links-left {display:block;}

/* FRONT PAGE SMALL BOX HOVER */
.small-boxes {height: 160px; width: 197px; border:1px solid #A50156; position: relative; float: left; margin: 0 10px 10px 0; background:#000000; }
.small-boxes a {font-weight:bold; color:#FFFFFF; display:block;}
.small-boxes p {margin: 0;}
.links {text-align: center; background:#000000; color:#FFFFFF; width: 197px; padding: 5px 0; position: absolute; bottom: 20px; left: 0px; display: none;}
.small-boxes:hover {display:block;}


.wide-boxes {height: 160px; width: 402px; border:1px solid #A50156; position: relative; float: left; margin: 0 0px 10px 0; background:#000000; }
.wide-boxes a {font-weight:bold; color:#FFFFFF; display:block;}
.wide-boxes p {margin: 0;}
.links {text-align: center; background:#000000; color:#FFFFFF; width: 402px; padding: 5px 0; position: absolute; bottom: 20px; left: 0px; display: none;}
.wide-boxes:hover {display:block;}

.small-boxes-social {height: 74px; width: 197px; border:1px solid #A50156; position: relative; float: left; margin: 0 10px 10px 0; background:#000000; }
.small-boxes-social a {font-weight:bold; color:#FFFFFF;}
.small-boxes-social p {margin: 0;}
.links {text-align: center; background:#000000; color:#FFFFFF; width: 197px; padding: 5px 0; position: absolute; bottom: 10px; left: 0px; display: none;}
.small-boxes-social:hover .links {display:block;}


/* LARGE BOX HOVER*/
.large-box {height: 332px; width: 318px; border:1px solid #A50156; position: relative; float: left; margin: 0 0 0 0; }
.large-box a {font-weight:bold; color:#FFFFFF;}
.large-box p {margin: 0;}
.links-large {text-align: center; background:#000000; color:#FFFFFF; width: 318px; padding: 5px 0; position: absolute; bottom: 20px; left: 0px; display: none;}
.large-box:hover .links-large {display:block;}

/* GUESTLIST PAGE */
#gl-left {float:left; width:940px;}
#gl-right {float:left; width:230px; height:630px; margin: 10px 0 0 10px; background-color:#FFFFFF;}

.banner-01 a {background:url(images/sutra-london-banner.jpg) no-repeat; margin:10px 0px 0px 0px; width:940px; height:150px; float:left;}
.banner-01 a:hover {background-position: 0px -150px;}

.banner-02 a {background:url(images/amika-fridays-banner.jpg) no-repeat; margin:10px 0px 0px 0px; width:940px; height:150px; float:left;}
.banner-02 a:hover {background-position: 0px -150px;}

.banner-03 a {background:url(images/saturdays-carbon-banner.jpg) no-repeat; margin:10px 0px 0px 0px; width:940px; height:150px; float:left;}
.banner-03 a:hover {background-position: 0px -150px;}

.banner-04 a {background:url(images/maya-sundays-banner.jpg) no-repeat; margin:10px 0px 20px 0px; width:940px; height:150px; float:left;}
.banner-04 a:hover {background-position: 0px -150px;}

.banner-05 a {background:url(images/saturdays-moltonhouse-banner.jpg) no-repeat; margin:10px 0px 10px 0px; width:940px; height:150px; float:left;}
.banner-05 a:hover {background-position: 0px -150px;}

.banner-06 a {background:url(images/saturday-funkybuddha-hover.jpg) no-repeat; margin:10px 0px 10px 0px; width:940px; height:150px; float:left;}
.banner-06 a:hover {background-position: 0px -150px;}

.banner-07 a {background:url(images/runway-thursday-nights-hover.jpg) no-repeat; margin:10px 0px 0px 0px; width:940px; height:150px; float:left;}
.banner-07 a:hover {background-position: 0px -150px;}


.banner-08 a {background:url(images/mayfair-friday-nights-hover.jpg) no-repeat; margin:10px 0px 0px 0px; width:940px; height:150px; float:left;}
.banner-08 a:hover {background-position: 0px -150px;}

/*Events page/pages */
#events-top {margin:10px 0px 0px 0px; width:940px; height:100%; float:left;}
#events-left {float:left; width:695px; margin: 10px 0 30px 0px;}
#events-right {float:left; width:230px; margin: 30px 0 20px 15px; height:100%;}
#events-right-inner {height:126px; width:190px; margin: 0 0 10px 40px; display:block;}

#video-left {float:left; width:480px; margin: 10px 0 30px 0px;}
#video-right {float:left; width:415px; margin: 10px 0 0px 45px; height:100%;}

.video-01 a {background:url(images/video-fb-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-01 a:hover {background-position: 0px -75px;}
.video-02 a {background:url(images/video-aura-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-02 a:hover {background-position: 0px -75px;}
.video-03 a {background:url(images/video-20-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-03 a:hover {background-position: 0px -75px;}
.video-04 a {background:url(images/video-carbon-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-04 a:hover {background-position: 0px -75px;}
.video-05 a {background:url(images/video-cafe-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-05 a:hover {background-position: 0px -75px;}
.video-06 a {background:url(images/video-punk-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-06 a:hover {background-position: 0px -75px;}
.video-07 a {background:url(images/video-maya-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-07 a:hover {background-position: 0px -75px;}
.video-08 a {background:url(images/video-amika-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-08 a:hover {background-position: 0px -75px;}

.video-09 a {background:url(images/video-mayfair-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-09 a:hover {background-position: 0px -75px;}

.video-10 a {background:url(images/video-alto-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-10 a:hover {background-position: 0px -75px;}

.video-11 a {background:url(images/video-sutra-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-11 a:hover {background-position: 0px -75px;}

.video-12 a {background:url(images/video-moltonhouse-image.gif) no-repeat; margin:0px 0px 10px 0px; width:415px; height:75px; float:left;}
.video-12 a:hover {background-position: 0px -75px;}

/* Event Management Page */
#em-col-left {float:left; width:200px; padding: 0 0px 0 0px; margin: 0 0 10px 0;}
#em-col-mid {float:left; width:220px;  margin: 0 0 0 10px;}
#em-col-right {float:left; width:200px; margin: 0 0 0 10px;}

/* window */
#basic-modal-content {display:none;}

#simplemodal-overlay {background-color:#000; cursor:wait;}

#simplemodal-container {height:550px; width:600px; color:#bbb; background-color:#000000; border:4px solid #333333; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/* Footer */

div.footer { width:100%; height:100%; background-color:#FFFFFF; overflow:hidden; color:#000000; font-size:11px; margin: -15px 0 5px 0; float:left; border-top:#A50156 thin solid; border-bottom:#A50156 thin solid;}
div.footer a{color:#000000;}
div.footer div.inner { margin:0 0 0 30px; width:980px; height:100%; line-height:normal;}
div.footer div div {
	float:left;
	width:632px;
	margin:10px 0 0 0px;
}
div.footer div.footer-right {
	float:left;
	width:300px;
	height:100%;
	margin:10px 0 0 10px;
}
div.footer div.footer-bottom {margin:0 0 0 0px; width:100%; line-height:normal; float:left; padding: 0 0 15px 0; }
div.footer div.footer-bottom-left {
	margin:0 0 0 30px;
	width:130px;
	line-height:normal;
	float:left;
	padding: 0 0 0px 0;
}
div.footer div.footer-bottom-right {
	margin:0 20px 0 10px;
	width:800px;
	line-height:normal;
	float:right;
	padding: 0 0 0px 0;
}

#footer-nav {border-top:1px solid #A50156; margin:12px 0px 0px; padding:5px 0 5px 0; font-weight:normal; width:100%;}
#footer-nav-area{width:980px; padding:2px 0 0 30px; margin:0px auto;}
#footer-nav-area ul {list-style-type:none; display:inline; margin:14px 0px 14px 0px; padding:0px;}
#footer-nav-area ul li {display:inline; margin-left:0px; margin-right:30px;}