/*
Theme Name: Fashion and Fantasy
Description: VAZ Fashion and Fantasy theme
Theme URI: http://www.vazinfo.com
Version: 4.0
Author: Milton Jackson
Author URI: http://www.iammilton.com
*/

/* Generic */
html { background: #000;  }
body { font: normal 12px/18px helvetica,arial,sans-serif; color:#404040; margin:0px 0px 25px; }
p { margin:7px 0px 10px; }
table { width: 100%; }
table tr, table tr td { vertical-align: top; }
table tr td img { margin-right:10px; }
h2, h3 { margin:5px 0px 5px; }
h1 { font: normal 30px/42px helvetica,arial,sans-serif; color:#ed197a; }
h2 { font: normal 22px/26px helvetica,arial,sans-serif; color:#000; }
h3 { font: normal 16px/22px helvetica,arial,sans-serif; color:#ed197a; }
hr { height: 1px; margin: 20px 0px 15px; }
.container { width: 990px; margin:0px auto; background:#fff; position: relative; }

/* HEADER */
#header { height: 130px; background: transparent url(i/logo_banner.jpg) no-repeat center bottom; position: relative; }
#header #logo { position:absolute; top:20px; left:45px; width: 140px; height: 70px; }
#header #top-ad { position: absolute; top:30px; right:40px; }

/* NAVIGATION */
.nav { width: 990px; height: 50px; background: #ed197a; position: relative; z-index: 20; color:#f2f2f2; clear:both; text-transform: uppercase; }
.nav li { float:left;  font: bold 14px helvetica,arial,sans-serif; position: relative; }
.nav li a { display:block; padding: 19px 20px 16px; color:#fff; text-decoration: none; }
.nav li a:hover { color:#fff; background:#000; }
.nav .footer { padding: 12px 0px; text-align: center; font: 11px/14px helvetica,arial,sans-serif !important; }
.nav .footer ul { display: inline-block;  }
.nav .footer ul li { font: 12px/15px helvetica,arial,sans-serif !important; }
.nav .footer ul li a { display: inline; padding:0px 10px;  }
.nav .footer p { clear:both; margin-top:0px; }
.nav li ul { display: none; position: absolute; top: 50px; left: 0px; list-style: none !important; list-style-type: none !important; width: 200px; z-index: 20;  }
.nav li ul li { float: left; position: relative; list-style: none; list-style-type: none; z-index: 20; }
.nav li ul li { width: 160px !important; text-transform: none !important; z-index: 20; }
.nav li ul li a { display: block; padding:7px 10px; font-weight: normal; font-size: 16px; line-height: 24px; background: #555; width: 100%; border-bottom: 1px solid #ccc; text-transform: none !important; z-index: 20;  }
.nav li ul li a.last { border-bottom: none; }
.nav li ul li a:hover { color: #ed197a; background: #000; }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{ display:none; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{ display:block; }
.padding10 { padding:5px 10px 10px; }

/* MAIN ENGAGEMENT */
#main { overflow: hidden; position: relative; height: 543px; clear:both; }
ul#socnet { width: 300px; height: 40px; background: transparent url(i/bg_socnet.png) no-repeat center center; float:right; margin-bottom:10px; overflow: hidden;  }
ul#socnet li { float:left; }
ul#socnet li a { color:#979797; font: bold 12px/18px helvetica,arial,sans-serif; display: block; padding: 12px 0px 10px 10px; margin-left: 10px; text-decoration: none; }
ul#socnet li a:hover { color:#000; }
ul#socnet li a span { display: inline-block; width: 16px; height: 16px; background: transparent url(i/socnet_sprite.png) no-repeat 0px 0px; margin-right:5px; }
ul#socnet li a span.twitter { background-position: -20px 0px; }
ul#socnet li a span.join { background-position: -40px 0px; }
ul#socnet li a:hover span { background-position: 0px -20px; }
ul#socnet li a:hover span.twitter { background-position: -20px -20px; }
ul#socnet li a:hover span.join { background-position: -40px -20px; }

/* COLUMNS */
.columns { overflow: hidden; }
.columns .rowgrid { overflow: hidden; width: 325px; float:left;  margin-right:10px; position: relative; }
.columns .rowgrid h3 { font-size:12px; font-weight: bold; }
.columns .rowgrid.last { width: 300px; margin-right:0px; }
.columns .rowgrid .module { display: block; clear:left; margin-bottom:10px; height: 225px; }
.columns .rowgrid .module p { margin:0px !important; }
.columns .rowgrid .module.fff img { border:1px solid #000; }
.columns .rowgrid .module .title { overflow: hidden; background: #000; padding:3px 10px; }
.columns .rowgrid .module .title h3 { width: 160px; float: left; line-height: 13px !important; }
.columns .rowgrid .module .title span { color:#fff; float:right; line-height: 22px; }

/* SLIDER */
#main #slider{ overflow: hidden; float:left; z-index: 0; position: relative; top:-10px; }	
#main #slider p { margin:0px !important; }
#main #slider ul, #slider li{	margin:0;	padding:0;	list-style:none;	}
#main #slider li{ width:990px;height:543px;overflow:hidden; 	}
#main #prevBtn, #main #nextBtn{ display:block; 	width:32px;	height:32px; position:absolute; left:25px; top:250px; z-index: 999; }	
#main #nextBtn{ left:920px; }														
#main #prevBtn a, #main #nextBtn a{ display:block; width:32px;	height:32px; background:url(i/arrow_left.png) no-repeat 0 0; }	
#main #nextBtn a{ background:url(i/arrow_right.png) no-repeat 0 0; }

.columns { clear:both; }
.columns #content { width: 630px; float:left; margin-right: 10px; padding:0px 20px 15px 10px; position: relative; clear:left;  }

.event { overflow: hidden; position: relative; padding:10px; background:#f1f1f1; border:1px dotted #ccc; margin-bottom:10px; }
.event h2, .event h3 { margin:0px; }
.event h3 { color:#555; }
.event a { color:#ed197a; text-decoration: none; }
.event a:hover { text-decoration: underline;}
.event .buttons { overflow: hidden; position: relative; }
.event .buttons a { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: block; float:left; margin-right:15px; padding:3px 6px; text-decoration: none; }
.event .buttons a.info { background:#000; color:#fff; }
.event .buttons a.purchase { background:#ed197a; color:#fff; }
.event .buttons a.info:hover { background:#555; color:#fff; }
.event .buttons a.purchase:hover { background:#555; color:#fff; }
.event p { margin:2px 0px 8px; }

.details { overflow: hidden; position: relative; }
.details h3 { color:#555; margin:0px; }
.details h1 { margin:0px 0px 10px; border-bottom:1px dotted #f1f1f1; padding:0px; }
.details .event h3 { font-weight:bold; }
.details .event p { margin:0px; }
.details .buytix { padding:5px 10px; border: 1px solid #f2f2f2; margin-top:15px; }
.details .buytix h3 { font-weight:bold; color:#333; }

form div { overflow: hidden; position: relative; padding:2px 0px; }
form div label { font-weight: bold; display:block; float:left; width: 300px; }
form h4 { color:#ed197a; margin-top:10px; }
form .submit { padding:6px 10px; background:#ed197a; color:#fff; font-size: 15px; font-weight: bold; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-top:10px; }
.error { display:block; background:#ffd9ea; border:1px solid #ed197a; padding:2px 4px; font-weight: bold; margin-bottom:2px; }
.success { display:block; background:#dfffd9; border:1px solid #168400; padding:2px 4px; font-weight: bold; margin-bottom:2px; }
.required { font-style: italic; font-weight: bold; color:#ff6600; }
table tr td { padding:2px 0px; }
table tr td label { display: inline-block; padding:2px 4px; }

div.video { padding:5px; background:#f1f1f1; border:1px solid #ccc; margin-bottom:10px; }
div.video h2 { margin:0px 3px; border-bottom:1px solid #ccc; }
.exhibitors { overflow: hidden; }
.exhibitors .ex_logo { float:left; padding:2px; border:1px solid #f1f1f1; margin-right:10px; margin-bottom:10px; }

a.milton { color:#fff !important; font-weight: bold; }
a.milton:hover { color:#ccc; }

.flyer img { max-width: 100%; }

.event-details { margin-bottom:35px; }
.event-details table th { text-align: left; }