@charset "UTF-8";

/* -------------------------- COLORS -------------------------- 
Blacktie, LLC 
(blacktie-colorado.com, blacktie-dc.com, etc.)

Flat Design by Kelly Taylor Designs: kellytaylordesigns.com
February 2010

HTML & CSS Splicing by Hailey Day, HeyDay Creative: heydaycreative.com

red: #C51230;
bg gray: #7D7D7D;
stage gray: #D2D3D5;
footer gray: #262626;
gold accent: #A3802F;
blue accent: #0000aa;

*/

/* -------------------------- GLOBAL -------------------------- */
*, body {margin: 0; padding: 0;}
body {font: normal 13px Arial, Helvetica, sans-serif; color: #000; background-color: #7D7D7D;}
a {color: #C51230; outline: none; text-decoration: underline;}
a:hover {color: #A3802F; text-decoration: none;}
a img, img a {border: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font: normal 34px Arial, Helvetica, sans-serif; color: #C51230;}
h2 {font: normal 24px Arial, Helvetica, sans-serif; color: #C51230;}
h3 {font: normal 20px Arial, Helvetica, sans-serif; color: #C51230;}
h4 {font: normal 12px/17px "Arial Narrow", Arial, Helvetica, sans-serif; color: #C51230;}
h5 {font: bold 13px/17px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase;}
blockquote {font-style: italic; line-height: 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0;}
blockquote .author {display: block; color: #A3802F;}
#wrapper {width: 960px; margin: 20px auto 0; background-color: #FFF;}
.clear {clear: both;}

img.right {float: right; margin: 0 0 10px 20px; border: 1px solid #000;}
img.left {float: left; margin: 0 20px 10px 0; border: 1px solid #000;}

/* -------------------------- HEADER -------------------------- */
#header {background: url(/_images/bg/bg-head.gif) no-repeat center bottom; height: 180px; position: relative;}
#logo {position: absolute; top: 15px; left: 20px;}
#logo a img {display: block; border: none;}
#slogan span {display: none;}
#slogan {background:url(/_images/brand/slogan-blacktie.gif) no-repeat; position: absolute; top: 35px; left: 240px; width: 172px; height: 52px;}

/* MEMBER LOGIN */
#members {float: right; padding: 15px 0 0; width: 560px; height: 65px; position: relative;}
#members h4, #members label {display: none;}
#members input {float: left;}
#members input.text {width: 120px; margin-left: 20px;}
#bt-submit, #bt-submit2 {width: 30px; margin-left: 5px;}
#bt-submit-off {width: 130px; margin-left: 5px;}
#login-bg {background: url(/_images/forms/login-bg.gif) no-repeat top left; width: 350px; position: relative; float: left;}
#rsvp-bg {background: url(/_images/forms/rsvp-bg.gif) no-repeat top left; width: 205px; position: relative; float: right;}
#login-bg, #rsvp-bg {height: 27px; padding-top: 38px;}

/* -------------------------- NAV: MAIN & COLORADO -------------------------- */
#nav ul, #nav li, #nav-co ul, #nav-co li {margin: 0; padding: 0;}
#nav, #nav-co {overflow: hidden; z-index: 1; position: absolute; right: 0; bottom: 0; padding: 0; margin: 0;}
#nav ul, #nav-co ul {list-style: none;}
#nav li, #nav-co li {display: inline-block; float: left;}
#nav li a, #nav-co li a {display: block; width: 93px; height: 0;
	padding: 75px 0 0 0; margin: 0; overflow: hidden;}

/* -------------------------- NAV: MAIN -------------------------- */
#nav-home a {background: url(/_images/nav/nav-home-link.gif) no-repeat top left;}
#nav-home a:hover {background-image: url(/_images/nav/nav-home-hover.gif);}
#nav-donate a {background: url(/_images/nav/nav-donate-link.gif) no-repeat top left;}
#nav-donate a:hover {background-image: url(/_images/nav/nav-donate-hover.gif);}
#nav-about a {background: url(/_images/nav/nav-about-link.gif) no-repeat top left;}
#nav-about a:hover {background-image: url(/_images/nav/nav-about-hover.gif);}
#nav-calendar a {background: url(/_images/nav/nav-cal-link.gif) no-repeat top left;}
#nav-calendar a:hover {background-image: url(/_images/nav/nav-cal-hover.gif);}
#nav-photos a {background: url(/_images/nav/nav-photos-link.gif) no-repeat top left;}
#nav-photos a:hover {background-image: url(/_images/nav/nav-photos-hover.gif);}
#nav-tickets a {background: url(/_images/nav/nav-tix-link.gif) no-repeat top left;}
#nav-tickets a:hover {background-image: url(/_images/nav/nav-tix-hover.gif);}
#nav-auctions a {background: url(/_images/nav/nav-auctions-link.gif) no-repeat top left;}
#nav-auctions a:hover {background-image: url(/_images/nav/nav-auctions-hover.gif);}
#nav-shop a {background: url(/_images/nav/nav-shop-link.gif) no-repeat top left;}
#nav-shop a:hover {background-image: url(/_images/nav/nav-shop-hover.gif);}

/* -------------------------- NAV: COLORADO -------------------------- */
#nav-co-home a {background: url(/_images/nav-co/nav-co-home-link.gif) no-repeat top left;}
#nav-co-home a:hover {background-image: url(/_images/nav-co/nav-co-home2-hover.gif);}
#nav-co-donate a {background: url(/_images/nav-co/nav-co-donate-link.gif) no-repeat top left;}
#nav-co-donate a:hover {background-image: url(/_images/nav-co/nav-co-donate-hover.gif);}
#nav-co-about a {background: url(/_images/nav-co/nav-co-about-link.gif) no-repeat top left;}
#nav-co-about a:hover {background-image: url(/_images/nav-co/nav-co-about-hover.gif);}
#nav-co-calendar a {background: url(/_images/nav-co/nav-co-cal-link.gif) no-repeat top left;}
#nav-co-calendar a:hover {background-image: url(/_images/nav-co/nav-co-cal-hover.gif);}
#nav-co-photos a {background: url(/_images/nav-co/nav-co-photos-link.gif) no-repeat top left;}
#nav-co-photos a:hover {background-image: url(/_images/nav-co/nav-co-photos-hover.gif);}
#nav-co-tickets a {background: url(/_images/nav-co/nav-co-tix-link.gif) no-repeat top left;}
#nav-co-tickets a:hover {background-image: url(/_images/nav-co/nav-co-tix-hover.gif);}
#nav-co-auctions a {background: url(/_images/nav-co/nav-co-auctions-link.gif) no-repeat top left;}
#nav-co-auctions a:hover {background-image: url(/_images/nav-co/nav-co-auctions-hover.gif);}
#nav-co-shop a {background: url(/_images/nav-co/nav-co-shop-link.gif) no-repeat top left;}
#nav-co-shop a:hover {background-image: url(/_images/nav-co/nav-co-shop-hover.gif);}
#nav-co-chairs a {background: url(/_images/nav-co/nav-co-chairs-link.gif) no-repeat top left;}
#nav-co-chairs a:hover {background-image: url(/_images/nav-co/nav-co-chairs-hover.gif);}
/* register */
#register-button a {background: url(/_images/btns/btn-cal-register-link.gif) no-repeat top left;}
#register-button a:hover {background-image: url(/_images/btns/btn-cal-register-hover.gif);}

/* -------------------------- STAGE -------------------------- */
#stage {background: #d2d3d5 url(/_images/bg/bg-stage.gif) no-repeat top left; padding: 40px 30px 20px;}

/* SIDEBAR */
#sidebar {width: 185px; float: left; margin: 0 0 20px 0;}
#sidewide {width: 215px; float: left; margin: 0 0 20px 0;}
#sidebar-top {background: url(/_images/bg/bg-sidebar-top.gif) top left no-repeat;}
#sidebar-bottom {background: url(/_images/bg/bg-sidebar-bottom.gif) top left no-repeat;}
#sidebar-top, #sidebar-bottom {width: 185px; height: 20px;}
#sidewide-top {background: url(/_images/bg/bg-sidewide-top.gif) no-repeat left top;}
#sidewide-bottom {background: url(/_images/bg/bg-sidewide-bottom.gif) no-repeat left top;}
#sidewide-top, #sidewide-bottom {width: 215px; height: 20px;}
#sidebar-area {padding: 0 10px; background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000;}
#stage p.side-note {color: #C51230; font-weight: bold; background-color: #ebebeb; font-size: 10px; padding: 10px; margin-bottom: 10px;}
#sidebar ul {margin: 0 auto; padding: 0; list-style: none; text-align: center;}

/* SIDEBAR: BUTTON LISTS */
#sidebar ul.buttons li a {display: block; width: 185px; height: 20px;}
#sidebar ul.buttons li {padding: 0 0 10px;}
#sidebar li span {display: none;}

/* BUTTON LISTS */
#content ul.buttonlist, #full ul.buttonlist, #cont533 ul.buttonlist {margin: 0 auto; padding: 0;}
ul.buttonlist li a {display: block; width: 200px; height: 20px;}
ul.buttonlist li {padding: 0 0 10px;}
ul.buttonlist li span {display: none;}
#content ul.buttonlist li, #full ul.buttonlist li, #cont533 ul.buttonlist li {background: none;}

/* SIDEBAR: TEXT LISTS */
#sidebar li {padding: 0 0 5px;}
#sidebar li a {margin: 0; padding: 0; color: #000; text-decoration: none;}
#sidebar li a:hover {color: #C51230; text-decoration: underline;}

/* SIDEWIDE */
#sidewide img {display: block; margin-top: 10px;}

/* ---------- CONTENT BOX --------- */
#content, #full, #cont553 {margin: 0 0 20px 0; position: relative; float: right;}
#content, #content-top, #content-bottom {width: 690px;}
#full, #full-top, #full-bottom {width: 900px;}
#cont553, #cont553-top, #cont553-bottom {width: 660px;}
#content-top {background: url(/_images/bg/bg-content-top.gif) top left no-repeat; height: 20px;}
#content-bottom {background: url(/_images/bg/bg-content-bottom.gif) top left no-repeat; height: 20px;}
#full-top {background: url(/_images/bg/bg-full-top.gif) top left no-repeat; height: 20px;}
#full-bottom {background: url(/_images/bg/bg-full-bottom.gif) top left no-repeat; height: 20px;}
#cont553-top {background: url(/_images/bg/bg-cont553-top.gif) no-repeat left top; height: 20px;}
#cont553-bottom {background: url(/_images/bg/bg-cont553-bottom.gif) no-repeat left top; height: 20px;}
#content-area, #full-area, #cont553-area {padding: 0 20px; background-color: #fff; border-left: 1px solid #000; border-right: 1px solid #000;}

/* CONTENT STYLES */
#stage p {padding: 0 0 10px 0; margin: 0;}
#stage p.listtitle {padding-bottom: 5px; font-weight: bold;}
#stage h1 {margin-bottom: 12px;}
#content h2, #full h2 {padding-bottom: 8px;}
#stage h4 {padding-bottom: 10px;}
#stage h5 {padding-bottom: 8px;}
#content ul li, #full ul li, #cont553 ul li {list-style: none; background: url(/_images/brand/list-bowtie.gif) no-repeat left 2px; padding-left: 20px;}
#content ul.no-bowtie li, #full ul.no-bowtie li, #cont533 ul.no-bowtie li {background: none;}
#content ul, #full ul, #cont533 ul {margin: 0 0 0 25px; padding: 0 0 10px 0;}
#content ol, #full ol, #cont553 ol {margin: 0 0 0 46px; padding: 0 0 10px 0;}
#content ol ol, #full ol ol, #cont553 ol ol {list-style: lower-alpha; padding: 0;}
#content ol ol ol, #full ol ol ol, #cont553 ol ol ol {list-style: lower-roman; padding: 0;}

/* -------------------------- FORMS -------------------------- */
#stage textarea {width: 290px; height: 120px;}
#stage input.short {width: 100px;}
#stage input.long {width: 340px;}
form .field {clear: both; display: block; padding: 0 0 4px;}
form .field label {font-weight: bold; float: left; width: 180px;}
form .field input[type="text"] {width: 240px;}

form.responsive {text-align: left; margin: 0 auto;}
form.responsive label {font-weight: bold; display: block; padding: 0 0 12px;}
form.responsive label .hint {font-weight: normal; font-style: italic; font-size: 11px; color: #AAA; display: block;}
form.responsive label .beneficiary {color: #C51230; font-style: italic;}
form.responsive input[type="text"], form.responsive textarea {display: block; border: 1px solid #DDD; padding: 4px; margin: 2px 0;}
form.responsive select {display: block; padding: 4px; margin: 2px 0;}

form.responsive input[type="text"] {width: 340px;}
form.responsive input.mini {width: 100px;}
form.responsive textarea {width: 340px; height: 120px;}
form.responsive select {width: 350px;}
form.responsive .mini select {width: 70px; display: inline-block;}

form.responsive .radio-group {display: block;}
form.responsive label.radio {display: inline-block; font-weight: normal; font-style: italic; padding: 0 12px 0 0;}
form.responsive label.radio input[type="text"] {display: inline-block;}
form.responsive input[type="submit"] {display: block; margin: 10px 0 0; border: none; text-transform: uppercase; background: #A3802F; color: #FFF; font: 16px/20px Helvetica, Arial, sans-serif; padding: 6px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
form.responsive input[type="submit"]:hover {background: #000;}

/* -------------------------- FOOTER -------------------------- */
#footer {text-align: center; color: #fff; background: url(/_images/bg/bg-footer.gif) repeat-y left top; font-size: 10px; padding: 15px 10px 0;}
#footer-bottom {background: url(/_images/bg/bg-footer-bottom.gif) left top no-repeat; height: 20px; margin: 0; padding: 0;}
#footer .bullet {background: url(/_images/brand/footer-bullet.gif) 0 4px no-repeat; width: 5px;}
#low-nav {background-color: #7D7D7D; text-align: center; color: #fff; padding: 10px 0;}
#low-nav ul {list-style: none; display: inline;}
#low-nav li {display: inline; border-left: 1px solid #fff; padding: 0 4px 0 8px;}
#low-nav li.first {border: none;}
#low-nav a {color: #fff; text-decoration: none;}
#low-nav a:hover {text-decoration: underline;}
#seal {display: block; margin: 0 auto; text-align: center; width: 100%; padding: 0; color: #fff;}

/* -------------------------- TABLES -------------------------- */
table.style1 {margin-bottom: 10px;}
table.style1 td, table.style1 th {padding: 2px 10px 2px 0;}
table.blue a {color: #00a;}
table.blue a:hover {color: #A3802F;}
table.blue td, table.blue th {padding: 2px;}

/* -------------------------- PRINT -------------------------- */
.print {display: none;}