/*
Latinos site page CSS
Version: 1
Author: David Bonner
Author URI: http://www.dezignd.com / http://19eightyseven.com
*/

/* BODY structure */

#outsidecontainer {
height:auto;
margin:28px auto 0;
padding:0;
text-align:left;
width:950px;
}

#contentcontainer {
float:right;
height:auto;
margin:-76px 0 0;
padding:0 5px;
width:593px;
}

/* HEADER */

#header {
height:200px;
width:100%;
}

.headcontain {
height:auto;
margin:0 auto;
width:950px;
}

#headbar {
height:50px;
margin:0 auto;
width:940px;
}
#headbar h3 {
float:left;
font-size:16px;
height:20px;
margin:11px 0 0;
text-align:right;
width:600px;
}

#headinside {
height:150px;
margin:0 auto;
padding:0;
width:100%;
}

/* NAVIGATION */

ul#nav {
border-right:1px dashed #6E7874;
float:right;
font-family:nev,Helvetica,Arial,sans-serif;
font-size:12px;
height:60px;
line-height:30px;
list-style:none outside none;
margin:30px 9px 0 0;
padding:0 36px 0 0;
text-transform:uppercase;
width:555px;
}
ul#navlog {
border-right:1px dashed #6E7874;
float:right;
font-family:nev,Helvetica,Arial,sans-serif;
font-size:12px;
height:83px;
line-height:28px;
list-style:none outside none;
margin:12px 9px 0 0;
padding:0 36px 0 0;
text-transform:uppercase;
width:550px;
}

ul#nav li, ul#navlog li {
float:right;
margin:0 0 0 28px;;
}

ul#nav li a, ul#navlog li a {
color:#DED0D3;
font-weight:normal;
}

ul#nav li a:hover, ul#navlog li a:hover {
color: #00869e;
}

.thumbout{
float:left;
height:140px;
margin:10px 15px 0;
position:relative;
width:140px;
}
.thumbin{
clip:rect(98px 252px 238px 114px);
left:-112px;
position:absolute;
top:-98px;
}

/* SIDEBAR */

#sidebar {
float:left;
width:300px;
}

#sidehead {
height:22px;
padding:8px 20px 0 0;
text-align:right;
width:280px;
}

.sidebox {
float:left;
}

.sideleft {
float:left;
height:85px;
padding:10px 0 0 10px;
width:202px;
}

.sideright {
float:right;
height:95px;
width:88px;
}

#partyimgmenu {
float:left;
}

/* RESTAURANT SPECIFIFCS */

.resblock {
float:left;
margin:30px 0 0 3px;
width:323px;
}

.resblock p {
float:left;
padding:10px 20px;
text-align:justify;
}

/* EVENTS BAR */

#events {
float:right;
height:auto;
margin:30px 4px 0 0;
width:230px;
}

.eventshead {
height:22px;
margin:0 15px;
padding:8px 0 0;
text-align:right;
width:200px;
}
.eventsbtm {
border-top:1px dashed #4D483B;
height:22px;
margin:0 15px;
padding:8px 0 0;
text-align:right;
width:200px;
}

.eventbox {
border-top:1px dashed #4D483B;
margin:2px 15px 10px;
padding:10px 0 0;
}
.eventbox p {
text-align: justify;
}

/* SINGLE */

.fullblock {
float:left;
margin:30px 0 0 3px;
padding:20px 36px;
width:512px;
}

.fullblock p {
text-align:justify;
}

.fullblock p.thanks {
text-align:center;
}

/* CONTACT */

.your-name input, .your-email input, .contactno input, .resselect select, .your-message textarea, input#send {
background:#F1FAE1 none repeat scroll 0 0;
border:1px dashed #6E7874;
color: #6E7874;
font-size:14px;
font-weight: bold;
margin:3px 0 0;
filter:alpha(opacity=100);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
padding:6px;
}
.resselect select {
padding: 0;
}
input#send{
cursor: pointer;
}
.your-name input:focus, .your-email input:focus, .contactno input:focus, .resselect select:focus, .your-message textarea:focus, input#send:hover  {
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
input#send:active {
outline: none;
border: 1px solid #6E7874;
}

/* MENUS */

.menumainbg {
background:transparent url(../images/mainshadow.png) no-repeat scroll 0 0;
float:left;
height:300px;
margin:0 0;
width:592px;
}

.pdfcontain {
float:left;
margin:5px 15px;
text-align:center;
width:130px;
}

.menublock {
border:1px dashed #6E7874;
float:left;
height:auto;
margin:10px 0;
padding:10px 15px;
width:482px;
}
.menublock h3 {
border-bottom:1px dashed #3A3A3A;
color:#F1FAE1;
font-family:nev,Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:normal;
margin:0 0 15px;
padding:0 0 8px;
text-transform:uppercase;
}
.menublock a {
color:#F1FAE0;
}
.menublock a:hover {
color:#00869E;
}

/* FOOTER */

#footer {
float:left;
height:20px;
width:100%;
}

#footer p {
margin:20px auto;
text-align:right;
width:930px;
}

#footer p a {
color: #ded0d3;
}
#footer p a:hover {
color: #ded0d3;
}

/* REGISTER PAGE */

#ticketbtn {
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks {
border:1px dashed #6E7874;
font-size:14px;
font-weight:bold;
line-height:20px;
padding:10px;
}

#contactForm {
border:1px dashed #6E7874;
float:left;
margin:15px 0;
padding:15px;
width:482px;
}
/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea, ol.forms select {
background:none repeat scroll 0 0 #F1FAE1;
border:1px dashed #6E7874;
color:#6E7874;
float:left;
font-size:14px;
font-weight:bold;
margin:3px 0 0;
opacity:0.3;
padding:6px;
width:334px;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;;
}
ol.forms select {
padding:2px;
width:348px;
}
select#dateName {
width: 100px;
margin: 3px 20px 0 0;
}
select#monthName {
width: 228px;
}
select#drinksName {
margin:3px 15px 0 0;
width:70px;
}
input#drinksbudgetName {
width:129px;
}
label#budgetNamelabel {
width:127px;
}
ol.forms textarea {
height:100px; width: 334px;
}

ol.forms input:focus, ol.forms textarea:focus {
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.error { color: #f00; }

ol.forms li .error {
background:none repeat scroll 0 0 red;
border:1px dashed;
color:#000000;
font-size:13px;
font-weight:bold;
margin-left:4px;
opacity:0.8;
padding:3px;
position:absolute;
width:159px;
}

ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
background:none repeat scroll 0 0 #F1FAE1;
border:1px dashed #6E7874;
color:#6E7874;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
margin:3px 0 0 98px;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;;
padding:6px;
}
ol.forms li.buttons button:hover {
filter:alpha(opacity=100);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

ol.forms li.buttons button:active { border:	1px solid dashed #6E7874;
 }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input {
background:none repeat scroll 0 0 transparent;
border:2px solid #FFFFFF;
margin:0 0 0 96px;
width:auto;
}
ol.forms li.inline label { display:inline;
float:none;
margin:0 0 0 10px;
width:auto;
}


/* Overlay */
#simplemodal-overlay {background:#000000;}

/* Container */
#simplemodal-container {
background:url("../images/loginoverlay.png") no-repeat scroll 0 0 transparent;
color:#BBBBBB;
height:220px;
padding:30px 15px 15px 30px;
width:355px;
}

#simplemodal-container a.modalCloseImg {
background:url("../images/closelogin.png") no-repeat scroll 0 0 transparent;
bottom:10px;
cursor:pointer;
display:inline;
height:26px;
position:absolute;
right:18px;
width:66px;
z-index:3200;
}
#simplemodal-container #basic-modal-content {padding:8px;}



#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #000000;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
border-top:1px solid #DDDDDD;
float:left;
margin-top:10px;
padding-top:5px;
text-align:right;
width:100%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* MEMBERS PAGE */

#profilelink {
float:left;
margin:-24px 0 8px;
text-align:right;
width:100%;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* killswitch */
@import url("http://www.19eightyseven.com/killswitchcss/latinoson.css");