/* ---------|------------------------------------------------

Title:      Cocktail Kingdom's main styles
Author:     rick@kaiserpenguin.com

---------------------------------------------------------- */


/* ---------|------------------------------------------------

			Global Styles
			
---------------------------------------------------------- */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	}

body {
		font: 76%/140% "Lucida Grande", Tahoma, Helvetica, Verdana, sans-serif;
		background: #fff;
		}
		
img {
		border: 0;
		}
		
a:link, a:visited {
		color: #00aeef;
		text-decoration: none;
		}

.floatright {
		float: right;
		}

.floatleft {
		float: left;
		}
		
.clear {
		clear: both;
		}
		
.imgright {
		float: right;
		margin: 0 0 15px 25px;
		}

.imgleft {
		float: left;
		margin: 0 25px 0 0;
		}
		
.imgcenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		
.imgmiddle {
		margin: 0 15px 0 0;
		vertical-align: middle;
		}
		
.imgleftmiddle {
		float: left;
		margin: 0 15px 0 0;
		vertical-align: middle;
		}
		
.noborder {
		border: 0 !important;
		}
		
/* ---------|------------------------------------------------

			Typography
			
---------------------------------------------------------- */

h1 {

	font-size: 2.0em;

	font-weight: normal;

	margin-top: 0em;

	margin-bottom: 0em;

	}

h2 {

	font-size: 1.7em;

	font-weight: normal;

	color: #333;
	
	}

h3 {

	font-size: 1.6em;

	margin: 1.6em 0em .7em 0em;

	font-weight: normal;

	line-height: 1.2em;
	}

h4 {

	font-size: 1.2em;

	margin: 1em 0em .3em 0em;

	font-weight: bold;

	color: #87744c;
	}

p {
	font-size: 1em;
	}
	
/* ---------|------------------------------------------------

			Page Layout
			
---------------------------------------------------------- */

#wrapper {
		position: relative;
		width: 999px;
		margin: 0 auto;
		padding-top: 50px;
		}

		
/* ---------|------------------------------------------------

			Header
			
---------------------------------------------------------- */

#header {
		height: 100px;
		background: #333 url('http://www.cocktailkingdom.com/i/header_background.jpg') repeat-x top left;
		}
		
#header img.cocktailglass {
		float: left;
		margin: 2px 0 0 25px;
		}
		
#header h1 a {
		font: 1.5em Geneva;
		color: #eee;
		line-height: 35px;
		}
		
#header h1 a span.blue {
		color: #00aeef;
		}
		
#header h1 {
		margin: 0;
		float: left;
		padding: 19px 0 7px 15px;
		}
		
#search {
		width: 161px !important;
		float: right;
		padding: 22px 10px 0 0;
		}
	
#search input#searchtext {
		width: 129px;
		height: 1.15em;
		margin-top: 5px;
		border: 1px #ccc solid;
		background: #fde8af;
		vertical-align: middle;
		color: #1b2f54;
		padding-left: 2px;
		float: left;
		}
		
#search input#searchbutton {
		margin-top: 5px;
		vertical-align: middle;
		float: right;
		}

		
/* ---------|------------------------------------------------

			Feature
			
---------------------------------------------------------- */

#feature {
		height: 206px;
		background: #1b2f54 url('/i/feature_border.gif') top left repeat-x;
		}
		
#feature div {
		position: relative;
		width: 775px;
		margin: 0 auto;
		padding-top: 6px;
		}
		
/* ---------|------------------------------------------------

			nav
			
---------------------------------------------------------- */

#nav {
		height: 100px;
		float: left;
		}

#nav ul li {
		list-style: none;
		display: inline;
		padding-left: 45px;
		}

#nav ul li a { 
		color: #fff;
		font: 1.5em Helvetica;
		line-height: 80px;
		}

#nav ul li a:hover { 
		border-bottom: 3px #00aeef solid !important;
		}
		
#nav ul li.selected a {
		color: #00aeef;
		}
		
#nav ul li.cart {
		margin-left: 40px;
		}

#nav ul li.cart a.cartlink:hover {
		border: 0 !important;
		}
		
#nav ul li.cart img {
		vertical-align: middle;
		margin: 0 15px 5px 0;
		}

/* ---------|------------------------------------------------

			Footer
			
---------------------------------------------------------- */

#footer {
		clear: both;
		padding: 15px 0;
		padding-top: 0;
		}
		
#footer #linklist {
		clear: left;
		position: relative;
		width: 775px;
		margin: 0 auto;
		background: #f5f0dd url('/i/footer_border.gif') top left repeat-x;
		padding-top: 15px;
		}

#footer ul li {
		list-style: none;
		display: inline;
		background: #f5f0dd url('/i/footer_spacer.gif') 0 3px no-repeat;
		padding-left: 11px;
		}

#footer ul li a {
		color: #87744c;
		font-size: 1em;
		font-weight: bold;
		}

#footer ul li a:hover {
		text-decoration: underline;
		}
		
#footer p {
		color: #87744c;
		font-size: .8em;
		padding-left: 11px;
		}
		

#footer ul li.nobackground {
		background: none;
		}

#footer #sociallist {
		position: relative;
		width: 775px;
		margin: 0 auto;
		}


/* ---------|------------------------------------------------

			Vote For Your Favorite Bartender
			
---------------------------------------------------------- */

h2.votetitle {
		font-size: 6em;
		font-weight: bold;
		line-height: 1em;
	    margin-left: auto;
	    margin-right: auto;
		width: 750px;
		padding-bottom: 75px;
		}

h2.votetitle .votetitlecolor {
		color: #00aeef;
		}

p.note {
		padding: 0 0 25px 53px;
		}
		
#votebox {
		width: 690px;
		margin: 30px 40px 30px 0;
		}

#submitbox {
		float: right;
		width: 249px;
		padding-top: 35px;
		}

#submitbox p {
		margin: 10px 0;
		font: 1.1em "Lucida Grande", Tahoma;
		}		

#submitbox h4 {
		color: #00aeef;
		margin-top: 5px;
		}
		
#submitbox ul {
		margin-top: 5px;
		}
		
#submitbox li {
		margin-left: 20px;
		}
		
#numbersfloat {
		float: left;
		border: 1px #fff solid;
		width: 15px;
		margin-left: 30px;
		}
		
#numbers li {
		color: #545455;
		font-size: 1.5em;
		font-weight: bold;
		height: 42px;
		line-height: 42px;
		list-style: none;
		}
		
#bartendersfloat {
		width: 315px;
		}		
		
#toptenfloat {
		width: 290px;
		}	
		
#bartenders li, #topten li {
		height: 35px;
		border-top: 1px #ccc solid;
		line-height: 35px;
		list-style: none;
		margin-left: 25px;
		padding: 3px 0 3px 15px;
		display: block;
		}
		
#topten li {
		cursor: move !important;
		cursor: hand !important;
		}
		
#topten li {
		margin-left: 0;
		}
		
#topten  {
		width: 290px;
		height: 425px;
		border: 2px #00aeef solid;
		overflow: hidden;
		margin-left: 25px;
		}
		
#bartenders li:hover, #topten li:hover {
		background-color: #ddd;
		}
		
#bartenders .city {
		font-size: .6em;
		}
		
#wrapper p.inst {
		color: #545455 !important;
		font-size: 1.5em !important;
		font-weight: bold !important;
		padding-left: 52px;
		}
		
.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.95; /* Safari, Opera */
-moz-opacity:0.95; /* FireFox */
filter: alpha(opacity=95); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

#userinfo
		{
		border: 1px #fff solid;
		width: 400px;
		height: 500px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -250px 0 0 -200px;
		background-color: #fff;
		padding: 10px 5px 0 0;
		}
		
button {
		border: 0;
		background-color: #fff !important;
		margin-left: 39px;
		cursor: pointer;
		}
		
img.movetotop {
		float: right;
		padding-top: 3px;
		}
		
#voteerror {
		color: red;
		font-weight: bold;
		}
		
#goback {
		padding-top: 15px;
		}
		
#formerror {
		color: red;
		font-weight: bold;
		}