/* ----------------------------------------------------------------------------------------------
THEME NAME: Hensley Bud Card Rewards Theme
DESCRIPTION: Hensley Bud Card Rewards Theme Designed by Micah at AZPunk.com.
VERSION: 2.0
AUTHOR: TPStank
AUTHOR URL: http://azpunk.com/
TAGS: Hensley, Budweiser, Bud Card
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
TAGS
---------------------------------------------------------------------------------------------- */
/* tags
----------------------------------------------- */
body {cursor:default;}
* {margin:0;padding:0;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background:none;
border:0;
clear:both;
display:block;
float:none;
font-size:0;
list-style:none;
margin:0;
padding:0;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
a {font-weight:bold;text-decoration:none;}
a:hover {color:#fff;}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*
----------------------------------------------------------------------------------------------
// TAGS
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
NAVIGATION & MENU
---------------------------------------------------------------------------------------------- */
/* header navigation
----------------------------------------------- */
#navigation ul {line-height:35px;margin:0;}
#navigation ul li {display:inline;}
#navigation ul li a {text-decoration:none;padding: .9em 2em;}
/* menus
----------------------------------------------- */
.menu a {text-decoration:none;font-weight:normal;}
ul.menu {list-style:none;margin:0;}
ul.menu li {margin:0;}
ul.menu li a {display:block; padding:4px 10px;}
/*
----------------------------------------------------------------------------------------------
// NAVIGATION & MENU
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------------- */
/* login styles
----------------------------------------------- */
#login {height:58px;}
/*#message {line-height:58px;padding-left:1em;width: 55%;}
#prompt {text-align:right;width: 43%;}*/
#message {line-height:58px;padding-left:1em;width: 55%;height:58px;}
#prompt {text-align:right;width:43%;height:58px;}
#prompt p {margin-top:.5em;}
form#loginform {padding:6px;position:relative;}
form#loginform input {height:1.4em;}
form#loginform input[type=submit]{height:2.2em;}
form#loginform input[type=checkbox]{height:1em;}
div#username,
div#password {float:left;margin-right:3px;position:relative;}
input#username-field,
input#password-field {width:8.5em;}
label.overlabel-apply {left:3px;top:0;position:absolute;z-index:1;}
/* forms
----------------------------------------------- */
form {overflow:hidden;}
input[type=submit]{font-size:.75em;font-weight:bold;padding:.2em .4em;}
input[type=checkbox]{width:15px!important;}
fieldset, blockquote {margin-bottom:10px;padding:10px;position:relative;}
legend {font-size:1.1em;text-transform:capitalize;}
html>body leged {padding:.4em .8em;margin-bottom:2em;}
legend a {text-decoration:none;}
label sup {margin-right:3px;}
fieldset.login p {margin-bottom:1em;margin-top:0pt;}
fieldset p label {width:98%;}
fieldset p input {width:98%;}
fieldset p input.date, fieldset p select.date {width:7em!important;}
fieldset p input[type=submit] {max-width:20%!important;width:inherit!important;}
fieldset p select {width:99%;}
fieldset.login p label {
float:left;
line-height:2em;
margin-right:3%;
text-align:right;
width:32%;
}
textarea {height:100px;}
fieldset.login p input, fieldset.login p textarea, fieldset.login p select {width:60%;}
fieldset.login input.button {margin-left:35%;}
fieldset.login input.defaultpic {width:auto;}
form p.notice {font-weight:bold;}
input.search.text {width:66%;}
input.search.button {margin-left:2%; width:28%;}
legend {font-weight:bold;padding:9px 12px 8px 12px;}
/*
----------------------------------------------------------------------------------------------
// FORMS
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
TABLES
---------------------------------------------------------------------------------------------- */
/* table
----------------------------------------------- */
table {font-size:.75em;margin-bottom:10px;width:100%;}
th, td {padding:1px; text-align:left; vertical-align:top;}
thead th {padding:3px;}
thead th.table-head {font-size:1em;padding-left:1em;text-transform:uppercase;}
tfoot tr.total th {text-transform:uppercase;}
th.endcol, td.endcol {text-align:right;}
/*
----------------------------------------------------------------------------------------------
// TABLES
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
LINKS & BUTTONS
---------------------------------------------------------------------------------------------- */
/* image buttons
----------------------------------------------- */
a.buttonimage img, .image {margin:2px;padding:4px;}
/* icon links
----------------------------------------------- */
ul#icons {display:block;}
ul#icons li {margin:0 .5em 3em .5em;}
ul.iconlinks {float:right; margin:0;}
ul.iconlinks li {float:left;list-style:none;overflow:hidden;}
ul.iconlinks li {height:16px; width:16px;}
ul.iconlinks li a {display:block; text-decoration:none;}
ul.iconlinks li.edit a {background: url(images/iconlinks.png) no-repeat 0 -48px;}
ul.iconlinks li.delete a {background: url(images/iconlinks.png) no-repeat 0 0;}
ul.iconlinks li.reset a {background: url(images/iconlinks.png) no-repeat 0 -32px;}
ul.iconlinks li.points a {background: url(images/iconlinks.png) no-repeat 0 -16px;}
ul.iconlinks li.allusers a {background: url(images/iconlinks.png) no-repeat 0 -112px;}
ul.iconlinks li.approvedusers a {background: url(images/iconlinks.png) no-repeat 0 -80px;}
ul.iconlinks li.unapprovedusers a {background: url(images/iconlinks.png) no-repeat 0 -96px;}
ul.iconlinks li.random a {background: url(images/iconlinks.png) no-repeat 0 -64px;}
ul.iconlinks li.six-pack a {background: url(images/iconlinks.png) no-repeat 0 -128px;}
ul.iconlinks li.twelve-pack a {background: url(images/iconlinks.png) no-repeat 0 -144px;}
ul.iconlinks li.eighteen-pack a {background: url(images/iconlinks.png) no-repeat 0 -160px;}
ul.iconlinks li.twentyfour-pack a {background: url(images/iconlinks.png) no-repeat 0 -176px;}
ul.iconlinks li.thirty-pack a {background: url(images/iconlinks.png) no-repeat 0 -192px;}
ul.iconlinks li.keg a {background: url(images/iconlinks.png) no-repeat 0 -208px;}
ul.iconlinks li.next-on a {background: url(images/iconlinks.png) no-repeat 0 -224px;}
ul.iconlinks li.next-off {background: url(images/iconlinks.png) no-repeat 0 -240px;}
ul.iconlinks li.prev-on a {background: url(images/iconlinks.png) no-repeat 0 -256px;}
ul.iconlinks li.prev-off {background: url(images/iconlinks.png) no-repeat 0 -272px;}
ul.iconlinks li.addcal {background: url(images/iconlinks.png) no-repeat 0 -288px;}
/*
----------------------------------------------------------------------------------------------
// LINKS & BUTTONS
---------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------------------- */
/* ID checker
----------------------------------------------- */
#checker {
height:305px;
margin: 8% auto 0 auto;
width:672px;
background: url(images/checker.png) no-repeat top;
}
#checker p {margin-left: 43%;}
html>body #first {margin-top: 17%;}
#hensley {
height:104px;
width:38px;
position:relative;
voice-family:"\"}\"";
voice-family:inherit;
}
html>body #hensley {bottom:-4.6em;left:-82px;}
/* important notices
----------------------------------------------- */
.code {text-transform:uppercase;}
.important {font-weight:bold;}
/* box & block
----------------------------------------------- */
.box {margin-bottom:5px;padding:10px 0 1px 0;}
h2.title {
font-size:1em;
font-weight:bold;
margin-top:-10px;
margin-bottom:0;
padding:6px 12px;
text-transform:uppercase;
}
.block {padding:2.5em;}
/* image placement
----------------------------------------------- */
p img.left, div.left {float:left;margin:0 2em 2em 0;padding:0;}
p img.right, div.right {float:right;margin:0 0 2em 2em;padding:0;}
div.left, div.right {font-size:.9em;line-height:.9em;}
div.left ul li, div.right ul li {margin:0;}
div.right p, div.left p {font-size:.9em;padding:.5em;}
/* container placement
----------------------------------------------- */
#container {margin:0 auto 0 auto;width:726px;}
.full {display:block;width:724px;margin:0 1px 1px 1px;}
.part {display:inline;float:left;}
/* header & header events styles
----------------------------------------------- */
#header {height:120px;}
#header div#header-events {
height:5em;
line-height:13px;
margin-left:10.3em;
position:absolute;
top:3.7em;
width:330px;
}
#header-events span {display:block;}
/* banner styles
----------------------------------------------- */
.banner {height:122px;}
/* control menu
----------------------------------------------- */
#controls {margin:0 1px 1px 1px;width:170px;}
/* photos styles
----------------------------------------------- */
ul.photos-list li {display: inline;list-style: none;margin:0;}
/* content styles
----------------------------------------------- */
#content {width:553px;margin:0 1px 1px 0;}
/* points styles
----------------------------------------------- */
.points {display:block;}
span.a {
display:block;
line-height:18px;
text-align:center;
text-transform:uppercase;
width:56px;
}
span.b {
display:block;
font-size:2em;
line-height:1.8em;
text-align:center;
width:56px;
}
/* prizes styles
----------------------------------------------- */
ul#prizes {margin:2em; list-style:none;}
ul#prizes li {margin:1em; padding:.5em; list-style:none;display:block;text-align:center;}
ul#prizes li li {margin:2em; padding:1em;overflow:hidden;}
ul#prizes li li img { float:left; display:block;position:static; margin-right:1em;}
ul#prizes li li span, ul#prizes li li span strong { display:block; text-align:center;}
/* prizes styles (colors)
----------------------------------------------- */
ul#prizes li li {background:url(images/body_bg.gif) top repeat-x; border:#580000 solid 1px;}
ul#prizes li li span {color:#fff;}
ul#prizes li li span strong {color:#c00;}
/* recent news
----------------------------------------------- */
#news h1 {text-transform:capitalize;}
/* events styles
----------------------------------------------- */
.events p {font-size: .9em;}
.events h2, h3, h4 {margin-bottom:.2em;}
.last {border:0!important;}
/* footer styles
----------------------------------------------- */
#footer {font-size:.9em;margin-bottom:5em;padding:.5em;}
#legal {width:50%;}
#footer-nav {text-align:right;width:50%;}
/*
----------------------------------------------------------------------------------------------
// Layout Styles
---------------------------------------------------------------------------------------------- */