/*BEIJA.NET SITE STYLES*/

/*
STYLESHEET T.O.C
----------------------------
I. LAYOUT
II. GLOBAL
III. NAVIGATION
IV. HOMEPAGE SPECIFIC
V. EVENTS SPECIFIC
VI. CONTACT / VIP
VII. DRINKS
VIII. GALLERY
IX. PAYPAL
X. FORMS
XI. DATA TABS
XII. DATA TABLES
XIII. ADMIN SPECIFIC DATA TABLES
XIV. MISCELLANEOUS

XV. CUSTOM SCROLLBARS
XVI. IE HACKS
----------------------------
*/


/*
----------------------------
I. LAYOUT
----------------------------
*/

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
  /*font-weight: bold;*/
	text-align: center;
	min-width: 900px; 
}
#wrapper {
	position: relative;
	text-align: justify;
	width: 900px;
	height: 600px;
	margin: 0px auto;
	}
	
#right_col {
float: right;
width: 636px;
padding: 40px 0 20px 0;
line-height: 1.4em;
}

#left_col {
background: url(../images/beija_bottle.png) no-repeat;
height: 600px;
width: 260px;
text-align: left;
}
	
/*
----------------------------
II. GLOBAL
----------------------------
*/

* {
padding: 0;
margin: 0;
outline: none;
}

body {
font: .9em "Times New Roman", Times, serif;
color: #fff;
background: #10141f url(../images/bg_body.jpg) no-repeat center top;
width: 100%;
height: 100%;
padding: 0; margin: 0;
}

img {
border: none;
}

p {
margin: 1em 0;
}

h1 {
font-size: 140%;
text-align: center;
font-weight: bold;
margin-bottom: 1em;
}

h1 span {
display: block;
font-size: 80%;
}

h2 {
margin: 1em 0;
font-size: 130%;
}

h4 {
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
margin: 8px 0;
}

h5 {
font-size: 14px;
font-weight: bold;
font-variant: small-caps;
padding-bottom: 6px;
}

a {
color: #fff;
outline: none;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul li {
list-style: none;
}

table {
margin: 0 auto;
border-collapse: collapse;
width: 100%;
}

table td {
vertical-align: top;
padding: 6px;
}

table th {
padding: 6px;
vertical-align: top;
white-space: nowrap;
}

.clear {
clear: both;
}

/*
----------------------------
III. NAVIGATION
----------------------------
*/

#nav {
font: bold 1.05em "Times New Roman", Times, serif;
font-weight: bold;
font-variant: small-caps;
padding-left: 150px;
padding-top: 20px;
}

#nav li {
padding: 18px 0;
}

#nav a {
color: #8c8f9f;
text-decoration: none;
}

#home_nav #nav a {
color: #fff;
}

#home_nav #nav a:hover{
border-bottom: 2px solid #028a4f;
}

#nav a:hover {
color: #fff;
}

#nav a.anchor {
color: #fff;
}

/* inner nav */
#nav.inner_nav {
padding: 0;
margin: 0;
width: 100%;
display: block;
position: relative;
text-align: center;
white-space: nowrap;
}

#nav.inner_nav li {
display: inline;
padding: 0;
position: relative;
margin: 0 30px;
width: auto;
}

#nav.inner_nav li a {
display: inline;
text-decoration: none;
color: #fff;
}

#nav.inner_nav a.anchor {
color: #fff;
border-bottom: 2px solid #028a4f;
}

#nav.inner_nav li ul {
display: block;
position: absolute;
bottom: 17px;
left: -6px;
text-align: left;
display: none;
width: auto;
background: url(../images/bg_nav.png);
padding: 6px;
}

#nav.inner_nav li:hover ul, #nav.inner_nav li.over ul {
display: block;
}

#nav.inner_nav li ul li {
display: block;
*display: inline-block; /* IE7 HACK */
padding: 4px 0;
margin: 0;
}

#nav.inner_nav li ul li a {
display: inline;
padding: 0 0;
margin: 0;
color: #8c8f9f;
}

#nav.inner_nav li ul a:hover {
text-decoration: none;
color: #fff;
}
/* nav end */

/*
----------------------------
IV. HOMEPAGE SPECIFIC
----------------------------
*/

.home {
font: 1em "Times New Roman", Times, serif;
text-align: right;
font-weight: bold;
font-variant: small-caps;
color: #97aec5;
}

.home a {
color: #97aec5;
text-decoration: none;
}

.home strong {
display: block;
font-size: 1.5em;
}

.home img {
margin: 200px 0 40px 0;
}

/*
----------------------------
V. EVENTS SPECIFIC
----------------------------
*/

table.events th {
font-size: 1.2em;
font-variant: small-caps;
padding: 20px 0 0;
}

td.date {
text-align: right;
width: 80px;
}

sup {
vertical-align: top;
}

/*
----------------------------
VI. CONTACT / VIP
----------------------------
*/

.contact, .vip  {
font-weight: bold;
margin-bottom: 20px; 
float: left;
width: 100%;
}

.contact p {
float: left;
margin-right: 30px;
}

.vip {
border-top: 1px dashed #2D3446;
clear: both;
padding-top: 20px; 
}

/*
----------------------------
VII. DRINKS
----------------------------
*/

.drink_wrap {
margin:  0px 0 40px 0px;
border-bottom: 1px dashed #2D3446;
padding: 30px 0;
width: 100%;
}

.drink_wrap div {
clear: both;
}

.drink {
display: block;
float: left;
margin: 0 15px 15px 0;
}

/*
----------------------------
VIII. GALLERY
----------------------------
*/

div.thumbs img {
border: 1px solid #292c26;
margin: 1px;
}

div#eventphotos { padding: 20px 20px 0; }
div#eventphotos div#scrollarea { text-align: center; padding: 50px 20px 0; height: 365px; border: 1px solid #DDD; border-bottom: 1px solid #CCC; border-top: 1px solid #EEE; }


table.gallery_links {
font-size: 10px;
width: 100%;
border: none;
border-collapse: separate;
}

table.gallery_links img {
display: block;
margin: auto;
}

table.gallery_links td {
border: 1px dashed #2B9320;
padding: 16px;
}

/*
----------------------------
IX. PAYPAL
----------------------------
*/

#paypal {
border: 1px dashed #00203F;
padding: 0 10px 10px 10px;
text-align: center;
background: #fff;
font-weight: bold;
font-size: 14px;
color: #00203F;
}

#paypal span {
display: block;
font-size: 200%;
padding-bottom: 10px;
}

#paypal input {
margin-bottom: 4px;
}

#paypal table {
margin-top: 20px;
}



/*
----------------------------
X. FORMS
----------------------------
*/

form.basic {
padding: 0;
margin: 0;
}

form.basic p {
clear: both;
}

form.basic label {
font-weight: bold;
font-variant: small-caps;
display: block;
width: 60px;
float: left;
vertical-align: middle;
}

form.basic input, form.basic select {
background: #cecdca;
border: none;
padding: 2px;
width: 200px;
}

form.basic input.radio {
position: relative;
width: 16px;
left: 0;
margin-right: 20px;
margin-left: 2px;
margin-bottom: -2px;
}

form.basic .submit {
background: none;
cursor: pointer;
color: #fff;
width: 100px;
margin-left: 45px;
font: bold 1.4em "Times New Roman", Times, serif;
}

/*
----------------------------
XI. DATA TABS
----------------------------
*/

ul#data_tabs {
position: relative;
}

ul#data_tabs li {
display: block;
float: left;
padding: 1px;
margin-right: 6px;
padding-bottom: 0;
}

ul#data_tabs a {
display: block;
padding: 6px 12px;
border: 1px solid #2D3446;
background: #1C202C;
}

ul#data_tabs a.anchor {
text-decoration: underline;
}

/*
----------------------------
XII. DATA TABLES
----------------------------
*/

/*#data_wrap {
position: relative;
float: right;
width: 100%;
}


#data_table_wrap {
padding: 1px;
clear: both;
margin: 0;
}
*/

#pixel_wrap {
clear: both;
padding: 2px;
height: 350px;
overflow: auto;
position: relative;
margin: 10px 0;
}

#pixel_wrap h2 span {
text-transform: uppercase;
font-size: 90%;
color: #2B9320;
}

#data_table_wrap table {
margin: 0;
width: 100%;
text-align: left;
}

#pixel_wrap table td {
border: 1px solid #2D3446;
}

#pixel_wrap th {
background: #1C202C;
color: #fff;
border: 1px solid #2D3446;
}

#states {
padding-top: 0px;
float: right;
font-size: .8em;
margin-top: -4px
}

#states select, #filter select {
width: 140px;
}

.phone {
width: 90px;
}

tr.rowB {
background-image: url(../images/bg_nav.png);
}

/*
----------------------------
XIII. ADMIN SPECIFIC DATA TABLES
----------------------------
*/

#data_wrap {
width: 100%;
float: none;
clear: both;
margin: 0 !important;
top: 0;
}

#data_wrap h2 {
padding: 4px 0;
clear: both;
float: left;
width: 100%;
}

.top_wrap {
float: left;
padding-bottom: 8px;
border-bottom: 1px dashed #ccc;
width: 100%;
}

#data_wrap h2 span {
float: right;
padding: 1px;
border: 1px solid #1D812B;
background: #fff;
font-size: 70%;
}

#data_wrap h2 span a {
background: #1D812B;
color: #fff;
padding: 2px 7px;
display: block;
}

#data_wrap th a {
text-decoration: underline;
}

#filter {
float: left;
}

.login {
float: right;
}

.input_form {
border: 1px dashed #2D3446;
background-image: url(../images/bg_nav.png);
}

.input_form form {
padding: 20px;
}

.input_form fieldset {
border: none;
outline: none;
width: 250px;
margin: 0 auto;
}

.input_form li {
padding: 2px 0;
}

.input_form p {
text-align: center;
}

.input_form label {
font-weight: bold;
display: block;
float: left;
width: 80px;
}

th.states {
color: #fff;
}

td.url p {
display: block;
position: relative;
margin: 0;
padding: 0px;
}

td.url a.view {
display: block;
}

td.url p a.link {
position: absolute;
display: block;
padding: 2px 4px;
left: 38px;
top: 0;
background: #1C202C;
border: 1px solid #2D3446;
display: none !important;
}

td.url p:hover a.link {
display: block !important;
}

.error {
color: red;
font-weight: bold;
text-align: center;
}

/*
----------------------------
XIV. MISCELLANEOUS
----------------------------
*/

p#presscontact {text-align: center; }
p#presscontact a { text-decoration: underline; }

img.right {
float: right;
margin: 0 0 10px 10px;
padding: 2px;
border: 1px solid #2D3446;
}

img.left {
float: left;
margin: 0 10px 10px 0;
padding: 2px;
border: 1px solid #2D3446;
}

.smallertxt {
text-align: center;
font-size: 10px;
font-variant: normal;
}

p#fineprint {
font-variant: normal;
font-size: 9px;
text-align: center;
padding: 10px 0;
margin: 0;
clear: both;
}

p#fineprint a {
text-decoration: underline;
}

/*
----------------------------
XV. CUSTOM SCROLLBARS
----------------------------
*/

#scrollarea {
height: 400px;
overflow: auto;
padding: 0 30px;
position: relative;
}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; }
.vscrollerbar { width: 10px; background-color: #cccccc; }
.hscrollerbase { height: 10px; }
.hscrollerbar { height: 10px; background-color: #3cccccc; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: #cccccc; }


/*
----------------------------
XVI. IE HACKS
----------------------------
*/
*html .iehack {
position: relative;
left: 15px;
left: 15px;
}

*html #nav.inner_nav li {
width: 80px;
}

*html #nav.inner_nav li ul {
top: -136px;
width: auto;
margin-left: 30px;
background: #08090D;
}

*html.rowB {
background: #08090D;
}

*html #left_col {
background: url(../images/beija_bottle2.png) no-repeat;
}