/*-- RESETS --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*-- THE GODDS --*/

/* generic HTML elements */
html,
body {min-height: 100%;}
body {padding: 0; background: url(/images/bg.jpg) top left repeat; background: url(/images/bg_tl.jpg) top left no-repeat, url(/images/bg_tr.jpg) top right no-repeat, url(/images/bg_bl.jpg) bottom left no-repeat, url(/images/bg_br.jpg) bottom right no-repeat, url(/images/bg_l.jpg) top left repeat-y, url(/images/bg_r.jpg) bottom right repeat-y, url(/images/bg_t.jpg) top left repeat-x, url(/images/bg_b.jpg) bottom left repeat-x, url(/images/bg.jpg) top left repeat; font: 62.5%/1.5 Georgia, 'Times New Roman', Times, sans-serif; text-align: center; color: #222;}
#home h1,
h6 {width: 244px; height: 244px; position: absolute; top: 45px; left: 0; overflow: hidden; background: url(/images/logo.png) no-repeat; _background-image: url(/images/logo_iesucks.gif); text-indent: -999em;}
h6 a {width: 244px; height: 244px; display: block; position: relative; top: auto; left: auto; background: transparent;}

strong {font-weight: bold; font-style: inherit;}
em {font-weight: inherit; font-style: italic;}
abbr {font-size: 0.85em; letter-spacing: .1em;}

a {font-weight: inherit; font-style: inherit;}
a:link,
a:visited {color: #0f4e78; text-decoration: none;}
a:hover {text-decoration: underline;}

/* atomic interface elements */

/* structure and section specifics */

#noscript {padding: 10px 0 12px; background: black; font-size: 1.3em;}
#noscript p {color: #FFC; width: 960px; margin: 0 auto;}
#noscript p a {color: #FFC; text-decoration: underline;}

#container {width: 620px; margin: 0 auto; padding: 75px 0 50px 280px; position: relative; font-size: 1.2em;}

#msg {padding: 6px 12px; margin: 0 5px 20px 3px; font-size: 1.0833em; background: #bbe139; color: #4b8d40; -webkit-border-radius: 4px;}
#msg.alert {color: #FFF; background: #c43d2a;}

#content {padding: 0 12px; margin: 0 0 40px; font-size: 1.0833em; color: #000;}
#content table {width: 100%; margin: 0 0 1em; border-collapse: collapse; border-bottom: 1px solid #e0ddc6;}
#content table th {padding: 0 .3em .3em; font-size: 0.7692em; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid #e0ddc6;}
#content table td {padding: .2em .3em; border-bottom: 1px dashed #e0ddc6;}
#content table td.rank {font-weight: bold;}

#content h2 {margin: 0.5em 0 0.25em; font-size: 1.5em;}
#content h3 {margin: 0.5em 0; font-size: 1.25em;}

#content p,
#content ul,
#content ol,
#content dl,
#content address {margin: 0 0 .8em;}

#content ul,
#content ol {margin-left: 2em;}
#content ul {list-style: disc outside;}
#content ol {list-style: decimal outside;}
#content li {margin-bottom: .3em;}

#content address {margin-left: 2em;}

#actions {min-height: 143px; margin: 18px 0 40px; padding: 0 15px; position: relative; background: url(/images/bg_actions.png) repeat-y 2px 0;}
#actions .top {width: 613px; height: 13px; position: absolute; top: -13px; left: 2px; background: url(/images/bg_actions_top.png) no-repeat 0 0;}
#actions .bottom {width: 613px; height: 14px; position: absolute; bottom: -14px; left: 2px; background: url(/images/bg_actions_bottom.png) no-repeat 0 100%;}

#actions form {width: 318px; margin: 0; padding: 10px 10px 0 10px; float: left; color: #444; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#actions form.errored {background: #FDD;}
#actions form #message {display: none;}
#actions form #message.visible {margin: 0 -2px 10px; padding: 3px 5px; display: block; background: #FFF; color: red; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#actions form li {padding: 0 3px 10px;}
#actions form li#in {padding: 0 3px;}
#actions form li#out {margin: 0 -4px 10px; padding: 5px 7px 10px; background-color: #ffd96d;}
#actions form li#recaptcha {margin: 0 0 10px; padding: 10px 0; border-top: 1px dashed #e0dec6; border-bottom: 1px dashed #e0dec6;}
#actions form li#recaptcha p {padding: 0 3px; font-style: italic;}
#actions form label {display: block; font-style: italic;}
#actions form label.checkbox input {width: auto; height: auto; margin-right: .2em; font-size: 1em;}
#actions form input {width: 100%; height: 27px; margin: 0 0 1px; font-size: 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#actions form img {display: block; float: left;}

#actions ul {width: 220px; padding: 10px; float: right;}
#actions ul li {padding: 0 0 10px; position: relative; z-index: 8;}
#actions ul li.expanded {z-index: 9;}
#actions ul li span,
#actions ul li#top-urls a,
#actions ul li#mybacns a {width: 220px; height: 28px; margin: 0; padding: 0; display: block; overflow: hidden; background: url(/images/buttons_actions.png) no-repeat; text-indent: -999em;}
#actions ul li form,
#actions ul li div {display: none; width: 250px; padding: 10px; position: absolute; top: 26px; border: 1px solid black; background: #FFF; z-index: 10;}
#actions ul li div,
#actions ul li form {right: 1px; -webkit-border-radius: 0; -moz-border-radius: 0;}
#actions ul li form input {height: auto; *width: 230px; margin: 0 0 .5em; padding: 0 0 0 20px; display: block; font-size: 1em; background: url(/images/icon_openid.png) no-repeat 0px 50%;}
#actions ul li#openid span:hover {cursor: pointer;} 
#actions ul li#openid span:active,
#actions ul li#openid.expanded span {background-position: 0 -56px;}
#actions ul li#mybacns a {background-position: -660px 0;}
#actions ul li#mybacns a:active {background-position: -660px -28px;}
#actions ul li#top-urls a {background-position: -220px 0;}
#actions ul li#top-urls a:active {background-position: -220px -28px;}
#actions ul li#bookmarklet {padding-right: 0;}
#actions ul li#bookmarklet span {background-position: -440px 0;}
#actions ul li#bookmarklet span:hover {cursor:pointer;}
#actions ul li#bookmarklet span:active,
#actions ul li#bookmarklet.expanded span {background-position: -440px -56px;}

#actions #digest {}
#actions #digest button {width: 107px; height: 28px; display: block; float: left; overflow: hidden; cursor: pointer; border: none; background: url(/images/button_digest.png) no-repeat; text-indent: -999em;}
#actions #digest button:active {background-position: 0 -28px;}

#promos {padding: 20px 0 0; background: url(/images/bg_promos.png) no-repeat top left;}
#promos h2 {width: 124px; height: 39px; margin: 0 12px 15px; _margin-left: 6px; float: left;}
#promos h2 a {width: 124px; height: 39px; display: block; overflow: hidden; background: url(/images/logo_bacn.png) no-repeat; text-indent: -999em;}
#promos p.tagline {width: 434px; height: 39px; float: left; overflow: hidden; background: url(/images/text_tagline.png) no-repeat; text-indent: -999em;}
#promos ul {padding: 20px 0; clear: both; border-top: 1px dashed #CCC;}
#promos ul li {width: 50%; float: left;}
#promos ul li a {min-height: 60px; padding: 6px 12px 0 82px; display: block; position: relative; text-decoration: none; color: #444; font-style: italic;}
#promos ul li a img {display: block; position: absolute; top: 0; left: 12px; _left: -70px;}
#promos ul li a span {height: 32px; display: block; background: url(/images/text_tshirts.png) no-repeat; text-indent: -999em;}
#promos ul li a:hover span {background-position: 0 -32px;}
#promos ul li#bacon span {background-image: url(/images/text_bacon.png);}

#footer {padding: 20px 0; background: url(/images/bg_footer.png) no-repeat; font-style: italic;}
#footer li {padding: 0 12px; float: left; border-left: 1px solid #CCC; line-height: 1.2; white-space: nowrap;}
#footer li:first-child {border-left: none;}

/*-- SECTION VARIATIONS --*/
#top h1,
#info h1,
#my_bacns h1,
#error h1 {height: 42px; margin: 0 -12px 15px; overflow: hidden; background-repeat: no-repeat; background-position: top left; text-indent: -999em;}
#top h1 {background-image: url(/images/title_top.png);}
#info.about h1 {background-image: url(/images/title_about.png);}
#info.terms h1 {background-image: url(/images/title_terms.png);}
#info.privacy h1 {background-image: url(/images/title_privacy.png);}
#my_bacns h1 {background-image: url(/images/title_mybacns.png);}
#error h1 {height: 169px; background-image: url(/images/title_404.png);}

#top #content p,
#my_bacns #content p {font-style: italic;}
#error #content p {padding-right: 215px; margin-top: -95px;}

/*-- TOOLS --*/
.float-left {float: left;}
.float-right {float: right;}

img.float-left {margin: 0 10px 5px 0;}
img.float-right {margin: 0 0 5px 10px;}
img.across {margin: 0 auto 10px; display: block;}

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.hide,
.skip {display: none;}

#actions:after,
#content:after,
#promos ul:after,
#actions ol li:after {content: "."; height: 0; display: block; clear: both; visibility: hidden; overflow: hidden;}
#actions,
#content,
#promos ul,
#actions ol li {*zoom: 1;}






/* bacn.me redesign css rules */


#header {
	background-color: #900;
	width: 100%;
}

#header-contents {
	width: 900px;
	margin: auto;
	padding: 10px 0 4px 0;
	color: #FFC;
	font-size: 1.15em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

#header-contents img {padding-right: 10px;}
#header-contents p {margin-top: -3px; display: inline;}

/* New Container */

#newContainer {width: 900px; margin: 0 auto; padding: 50px 0; position: relative; font-size: 1.2em;}

#leftCol {width: 244px; height: 300px;}
#logo {height: 244px; width: 244px;}

#newActions {margin-left: 280px;}

/* Ads (formerly Promos) */

#ads {
    border:1px dashed;
    margin:10px auto auto;
    width:920px;
}

#ads p#coupon {
    font-size:1.65em;
    padding-top:10px;
    text-align:center;
}
#ads h2 {width: 124px; height: 39px; margin: 0 12px 15px; _margin-left: 6px; float: left;}
#ads h2 a {width: 124px; height: 39px; display: block; overflow: hidden; background: url(/images/logo_bacn.png) no-repeat; text-indent: -999em;}
#ads ul {
    clear:both;
    height:80px;
    padding:10px 0;
}
#ads ul li {width: 415px; float: left; padding: 10px; margin: 0 10px; border: 1px solid #ccc; background-color: white;}
#ads ul li a {min-height: 60px; text-decoration: none; color: #444; font-style: italic;}
#ads ul li a img {float: left; padding-right: 15px;}
#ads ul li a span {
	height: 30px;
	display: block;
	padding-top: 5px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.55em;
	font-weight: bold;
	font-style: normal;
	color: #004372;
}
#ads ul li a:hover span {text-decoration: underline;}
#ads ul li p {font-size: 1.3em;}

/* Tagline (now located under bacn.me logo) */

#tagline {padding: 10px 0 10px 15px; font-style: italic;}
#tagline h2 {font-size: 1.65em; font-weight: bold; background: none;}
#tagline p {padding-top: 10px;}