/* COLORS
======================================================================
	#xxxxxx : color name
====================================================================== */


@import url(base.css);


/* GENERAL
====================================================================== */

html {
	background: #150d05 url(../_images/tile.gif) repeat-x 0 0;
	background-attachment: fixed;
}

body {
	color: #4b3a20;
	font-family: Georgia;
	min-width: 955px;
	min-height: 720px;
	background: url(../_images/background_skull.gif) no-repeat right top;
	background-attachment: fixed;
}

#outer {
	background: url(../_images/background_html.jpg) no-repeat 0 0;
	background-attachment: fixed;
}

body#section_games #outer {
	background: url(../_images/background_games.jpg) no-repeat 0 0;
	background-attachment: fixed;
}

h1 {
	font-weight: normal;
	position: absolute;
	top: 64px;
	left: 310px;
	width: 333px;
	height: 61px;
	background: url(../_images/logo.gif) no-repeat 0 0;
}

h1 a:link,
h1 a:visited {
	display: block;
	width: 333px;
	height: 61px;
}

h1 a span {
	display: none;
}

h2 {
	color: #b93d28;
	font-style: italic;
	font-size: 1.8em;
	margin-bottom: 10px;
	
}

h3, h4, h5, h6 {
	color: #b93d28;
	font-weight: normal;
	font-size: 1.1em;
}

h4, h5, h6 {
	/* color: #666; */
}

h5, h6 {
	font-weight: normal
}

p, address, table, label {
	/* good place to define typical font-size, line-height and margins */
	font-size: 1.4em;
	line-height: 1.6;
	margin-bottom: 40px;
}

address {
	font-size: 1.5em;
}

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	/* use to reduse space above first paragraph under any header */
}

ul {
	list-style-type: disc;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	font-weight: bold;
}

blockquote {
	margin: 2em 0;
	padding: .5em 2em 1.5em 2em;
	/* good place to define a background */
}

blockquote p {
	/* good place to define typical font-size, line-height and margins */
}

cite {
	text-align: right;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { font-weight: bold; }

a:link,
a:visited {
	color: #b38956;
}

a:hover,
a:active {
	color: #b3422a;
}



/* FORMS
====================================================================== */
form {
	width: 420px;
	text-align: left;
}

form.Row {
}

fieldset {
	position: relative; /* make legend move horizontally correct in IE */
}

legend {
	position: relative;
	left: -7px; /* IE */
	padding: 1.5em 0 .85em 0;
	font-weight: bold;
}

fieldset>legend {
	left: 0; /* future proof */
}

input, textarea, select {
	margin-top: 5px;
	padding: 4px 5px;
	display: block;
	font-size: 1em;
	font-family: Georgia;
	color: #140C04;
	border-top: 1px solid #200e04;
	border-left: 1px solid #200e04;
	border-right: 1px solid #321c0b;
	border-bottom: 1px solid #321c0b;
	background: #80633E;
}

textarea {
	width: 380px;
	height: 85px;
}

label {
	margin: 0 0 20px 0;
	line-height: 1.2;
	display: block;
}

label span {
	font-size: .8em;
	color: #4d4032;
	font-style: italic;
	padding: 0 0 0 3px;
}

select,
label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select,
label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select,
label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select,
input.InputRadio,
input.InputCheck {
	float: left;
}

label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select {
	width: 380px;
}

label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select {
	width: 170px;
}

label.FieldSmall {
	padding-right: 30px;
}

label.FieldMedium {
	padding-right: 30px;
}

label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select {
	width: 65px;
}

label.FieldLarge,
label.FieldMedium,
label.FieldSmall {
	margin-right: 10px;
}

label.LabelRadio,
label.LabelCheck {
	margin-left: 25px;
	padding-bottom: 15px;
}

input.InputRadio,
input.InputCheck {
	margin: 0;
}

input.Submit {
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	color: #ceae6f;
	background: #462611;
	margin: 20px 30px 0 0;
	padding: 5px 15px;
	cursor: pointer;
	border-top: 1px solid #603214;
	border-left: 1px solid #603214;
	border-right: 1px solid #2c1507;
	border-bottom: 1px solid #2c1507;
}

input.Submit:hover {
	background: #341c0b;
}

input.Submit:active {
	border-bottom: 1px solid #603214;
	border-right: 1px solid #603214;
	border-left: 1px solid #2c1507;
	border-top: 1px solid #2c1507;
}

div#honeypot {
	display: none;
}

span.error strong {
	color: #b3422a;
}

/* CONTAINERS
====================================================================== */


#inner {
	margin: 0 auto;
	width: 955px;
	position: relative;
}

#content {
	margin: 125px 0 0 400px;
	min-height: 530px;
	overflow: visible;
	color: #9F8454;
}

/* HOME
====================================================================== */

body#section_home #inner {
	height: 600px;
}

body#section_home h2 {
	width: 280px;
	height: 65px;
	position: absolute;
	top: 193px;
	left: 430px;
	background: url(../_images/h2_span.gif) no-repeat 0 0;
}

body#section_home h2 span {
	display: none;
}


/* RECIPES
====================================================================== */

a.Drink {
	display: block;
	float: left;
	text-align: center;
	line-height: 1.4;
	height: 140px;
	margin: 0 60px 30px 0;
	color: #E4BF7B;
	cursor: pointer;
}

a.Drink:hover,
a.Drink:active {
	color: #b63828;
}

a.Last {
	margin-right: 0px;
}

a.Drink span {
	 display: block;
	 font-size: 1.2em;
	 font-weight: bold;
	 margin-top: 10px;
}

a.Drink span em {
	display: block;
	font-weight: normal;
}

#iphone {
	padding-top: 5px;
	height: 135px;
	text-align: left;
	line-height: 1.4;
}

#iphone span {
	color: #cdad73;
}

#iphone span em {
	color: #8d6e47;
}

#iphone:hover em {
	color: #b63828;
}

#iphone img {
	float: left;
	margin: 0 15px 0 0;
}

p.Downloads {
	padding-top: 30px;
	clear: both;
}

a.PDF {
}



/* NO. 94
====================================================================== */

body#section_no_94 #content {
	width: 460px;
	overflow: auto;
}


/* Games
====================================================================== */

h2 span {
	color: #c9aa6f;
	font-size: 1.4em;
}




body#section_games #content {
	position: relative;
	top: -6px;
}

body#section_contact p,
body#section_games p {
	margin-bottom: 20px;
}
/* CONTACT
====================================================================== */

span#phone {
	margin-top: 20px;
	margin-right: 25px;
}

span#fax {
	margin-right: 45px;
}

span#call_out {
	padding: 10px 0;
	display: block;
}

span#title {
	color: #b93d28;
	font-weight: normal;
	font-size: 1.05em;
	display: block;
}

/* AGE VERIFICATION
====================================================================== */

body#section_verification {
	background: none;
	min-height: 0;
}

body#section_verification #outer {
	background: url(../_images/skull_age.gif) no-repeat center top;
	min-height: 300px;
}

body#section_verification h1 a {
	display: none;
}

body#section_verification #nav,
body#section_verification #footer {
	display: none;
}

body#section_verification #content {
	margin: 0 0 0 0;
	/*min-height: 530px;*/
	min-height: 230px;
	text-align: center;
	position: relative;
	top: 220px;
}

body#section_verification h2 {
	color: #b93d28;
	font-weight: normal;
	font-size: 2.3em;
}

body#section_verification h3 {
	color: #63503a;
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 20px;
}

body#section_verification #content p {
	font-size: 2.2em;
}

body#section_verification #content p a:link,
body#section_verification #content p a:visited {
	color: #d9b167;
	font-weight: bold;
	font-style: italic;
}

body#section_verification #content p a:hover,
body#section_verification #content p a:active {
	color: #b3422a;
}

a#no {
	padding-left: 10px;
	padding-right: 10px;
}

a#yes {
	padding-left: 10px;
	padding-right: 10px;
}

/* NAVIGATION
====================================================================== */
ul#nav {
	/* use this for centered navigation */
	margin:0;
	padding: 20px 0 0;
	list-style-type: none;
	text-align: center;
	
}

#nav li {
	/* use this for centered navigation */
	display: -moz-inline-box;
	display: inline-block;
}

#nav li a:link,
#nav li a:visited {
	display: block;
	display: inline-block;
	margin: 0 25px;
	padding: 0 0 1px;
	color: #8d6f48;
	font-weight: bold;
	font-size: 1.4em;
}

#nav li.Last a:link,
#nav li.Last a:visited {
	
}

#nav li a:hover,
#nav li a:active {
	color: #b3422a;
}

#nav li.Current a:link,
#nav li.Current a:visited {
	color: #b4442d;
	border-bottom: 2px solid #513c25;
}
	
	
	
	
/* FOOTER
====================================================================== */
/* un-comment below for typical cgCraft credit colors */
#footer {
	font-family: Helvetica, Arial;
	text-align: center;
	padding: 40px 0 20px 0;
	font-size: .85em;
}

#footer p {
	margin: 0 !important;
}

#footer a:link,
#footer a:visited {
	color: #47361d;
	position: relative;
}

#footer a:hover,
#footer a:active {
	color: #b3422a;
}




/* CUSTOM CLASSES
====================================================================== */

.ClearBoth {
	clear: both;
}


/* WEBKIT 
====================================================================== */


a#recipe_link:link,
a#recipe_link:visited {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 25px;
	right: 118px;
	width: 237px;
	height: 266px;
	background: url(../_images/recipes_span.gif) no-repeat 140px 220px;
}

a#recipe_link span {
	display: none;
}

a.Drink img,
a#recipe_link img {
-webkit-transition-property: -webkit-zoom-in; 
-webkit-transition-duration: .2s; 
-webkit-transition-timing-function: ease-in; 
-webkit-transition-repeat-count: initial;
-webkit-transform: rotate(0deg); 
}

a.Drink:hover img {
-webkit-transform: rotate(-2deg); 
}

a#recipe_link:hover img {
	width: 233px;
	height: 232px;
-webkit-transform: rotate(-2deg); 
}


/* THICKBOX 
====================================================================== */

#jackdidginger,
#pepperjack,
#otherjackandginger,
#rocknrollacola,
#fizzynade,
#navyflight,
#thunderstreak,
#spiceitup,
#spade,
#lockheedp38,
#spicediced,
#milehighclub,
#flyingsolo,
#crusader,
#stratofortresssoda,
#f4fwildcatjack,
#p40warhawk,
#p51mustang,
#f6fhellcat,
#b52hustler {
	display: none;
}