.right {float:right}
.left {float:left;}

html{
	font-family:Arial, Helvetica, sans-serif;
	background:url('../images/ui/bg_page.png') repeat-x left bottom #121212;
	margin:0;}

body {background:url('../images/ui/bg_header.png') repeat-x center top;}
	
*{margin:0; padding:0; list-style-type:none;}

#container {width:940px; margin:0 auto;}
.wrapper {width:940px; margin:0 auto;}

img {border:none;}
img, div {behavior:url('../images/ui/iepngfix.htc')}

h2 {text-transform:uppercase; font-size:1.6em; padding-bottom:10px;}
h3 {text-transform:uppercase;}
h4 {font-size:.8em;}

a {color:#90c2fb; text-decoration:none; }
a:hover {text-decoration:underline; color:#748aa2;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						General Fieldsets
88888888888888888888888888888888888888888888888888888888888888888888888*/
input, textarea, select {color:#000; background-color:#fff; border:1px solid #CCC;  padding:3px; margin-bottom:5px;}
textarea {
	width: 210px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
}
label {font-size:.8em; padding-right:5px;}
input.errorField, textarea.errorField, select.errorField {
	border: 1px solid #FF0000;
	background-color: #948181;
}

fieldset br{ clear:both;}
fieldset{ border:none; padding:0; margin:0;}

#searchsubmit {background:transparent; border:none; }

#formsubmit {border:none; font-weight:bold; text-align:center;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						Clear Fix
88888888888888888888888888888888888888888888888888888888888888888888888*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*88888888888888888888888888888888888888888888888888888888888888888888888
						HEADER START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#header{background:url('../images/ui/bg_body.jpg') no-repeat center top; height:141px;}
#header .wrapper {position:relative;}
#header h1 {position:absolute; left:-15px; top:10px; z-index:888;}


#header .right {background:#000; margin-top:15px; padding:10px; background:url('../images/ui/bg_search.png') left top;}
#header .right p {padding-bottom:10px; text-align:right;}
#header .right p a {padding-left:5px;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						CONTENT START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#content{width:940px; margin:0 auto; color:#fff; padding-bottom:35px;}
#content p, #content ul{line-height:1.5em; padding-bottom:15px; font-size:.8em;}

#content .split {display:block; width:50%; overflow:hidden;}
#content .split.left {padding-right:10px;}

#content img.alignright {float:right; overflow:hidden; border:5px solid #464646; clear:right; margin:0 0 10px 10px;}

#content #content-main {width:700px; overflow:hidden; padding:20px 0 15px 15px;}
.home #content #content-main {padding-top:10px;}
#content #content-main .banner {border:10px solid #464646;}

#content #content-main #rotate {height:351px; padding-bottom:15px;}

#content #content-main .entry {padding-bottom:25px;}

#content #content-main table.heading {background:#90c2fb; width:100%; text-align:left; padding:10px; font-weight:bold; font-size:.8em;}
#content #content-main table.heading a {color:#fff; text-decoration:none;}
#content #content-main table.list {background:url('../images/ui/bg_table.png') top left; font-size:.8em; width:100%; padding:0 15px; margin-bottom:25px;}
#content #content-main table.list td {height:30px;}
#content #content-main table.list th {background:#90c2fb; height:30px; text-align:left;}
#content #content-main table.list a.beer {cursor:pointer;}
#content #content-main .tooltip {display:none; background:#000; border:3px solid #ccc; padding:20px; width:300px; z-index:999; font-size:1.2em;}
#content #content-main table.list .tooltip td {height:auto; border-bottom:1px dotted #fff; font-size:.8em; padding:5px;}
#content #content-main .tooltip .label {color:yellow; width:100px;}
#content #content-main .tooltip a {color:#ad4; font-weight:bold;}
#content #content-main .tooltip h3 {padding-bottom:10px;}
#content #content-main .tooltip p {padding-bottom:10px;}

#content #content-main .entry {padding:15px;}
#content #content-main .entry h3 {color:yellow;}


#content #third {margin-top:15px;}
#content #third ul {font-size:1em;}
#content #third ul li {width:290px; padding-right:35px; float:left;}
#content #third ul li img {border:8px solid #464646; margin-bottom:10px;}
#content #third ul li.last {padding-right:0;}

#content #third .split {width:60%;}
#content #third .split.left {padding-right:10px; width:35%;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						SIDEBAR START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#sidebar{width:225px; overflow:hidden; padding-top:95px;}

#sidebar #nav {margin-bottom:15px;}
#sidebar #nav ul li {overflow:hidden; display:block; text-align:right; width:210px;}
#sidebar #nav ul li a{text-decoration:none; text-transform:uppercase; color:#fff; font-size:1.2em; display:block; padding:10px;}	
#sidebar #nav ul li a:hover, #sidebar #nav ul li a.active, #sidebar #nav ul li.current-menu-item a{background:#464646;}

#sidebar #newsletter {background:#464646; padding:10px; overflow:hidden; margin-bottom:15px;}
#sidebar #newsletter p {padding-bottom:0;}
#sidebar #newsletter input {border:none; background:#5f5f5f; width:195px; color:#fff; padding:5px;}
#sidebar #newsletter #formsubmit {background:#323232; float:right; color:#fff; text-transform:uppercase; width:auto; font-size:.7em;}

#sidebar .redButton {background:url('../images/ui/btn_red.png') no-repeat left top; display:block; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; font-size:1.15em; width:215px; height:42px; padding-top:7px; margin-left:5px;}
#sidebar .redButton span {font-size:.8em;}


/*88888888888888888888888888888888888888888888888888888888888888888888888
						FOOTER START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#footer{font-size:.8em; color:#fff; padding:25px 0 80px 0; background:#1e1e1e;}
#footer .wrapper {position:relative;}
#footer .absolute {position:absolute; top:-240px; right:-60px;}
#footer img.right {padding-right:0;}
.home #footer img.right {padding-right:80px;}
#footer ul.links {padding-bottom:15px; overflow:hidden;}
#footer ul.links li {float:left; overflow:hidden;}
#footer ul.links a{padding: 0 15px 0 0; text-decoration:none; font-weight:bold; font-size:.9em}
#footer ul.links a.first{padding: 0 11px 0 0;}
#footer a {color:#fff;}
#footer p {clear:left;}




