@import "base.css";

/* Content Text */

.text-highlight {
    color: #ffcccc;
}

.text-bright {
    color: #ffff99;
}

.text-size1-gigantic {
    font-size: 24px;
}

.text-size2-huge {
    font-size: 20px;
}

.text-size3-big {
    font-size: 18px;
}

.text-size4-medium {
    font-size: 14px;
}

.text-size5-tiny {
    font-size: 10px;
}

/* Link Appearance */

a {
    font-weight: bold;
    text-decoration: none;
}

a:link {
    color: #FF6666;
    background-color: black;
}
a:visited {
    color: #FF6666;
    background-color: black;
}
a:hover {
    color: #f00;
    background-color: black;
}
a:active {
    color: white; 
    background-color: black;
}

/* Layout */

body {
    color: white;
    background-color: black;
    
    padding-left: 10px;
    padding-right: 10px;
}

div#layout {
    width: 940px; /* Eyeballed for 1024x768 */
    margin-left: auto;
    margin-right: auto;
}

/* Header */

div#header {
    float: left;

    width: 940px;
    height: 180px;
	
    background: url('../images/Bootie_webbanner.jpg') 0 0 no-repeat;
	
    padding: 0;
    margin: 0;
}

div#header a {
    display: block;
    float: left;
    text-decoration: none;
    background-color: transparent;
}

div#header a span {
    display: none;
}

a#bootielogo {
    width: 370px;
    height: 160px;
}

a#aplusdlogo {
    width: 90px;
    height: 120px;
}

a#twitterlogo {
    width: 195px;
    height: 45px;
    margin-left: 100px;
}

a#facebooklogo {
    width: 180px;
    height: 45px;    
}

/* Nav and Events Bars */

div#nav, div#events {
    float: left;
    width: 940px;
    height: 30px;
    margin: 0;
    padding: 0;
}

table#nav, table#events {
    width: 940px;
    height: 30px;
    margin: 0;
    padding: 0;
}

div#events {
    margin-bottom: 20px;	
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

div#nav td, div#events td {
    text-align: center;
    vertical-align: middle;
    padding-right: 1px; /* 1px line between adjacent highlights */
}

div#events td a {
    padding-left: 5px;
    padding-right: 5px;
}

div#nav a, div#events a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}


div#nav a:link, div#events a:link {
    color: white;
    background-color: black;
}

div#nav a:active, div#events a:active {
    color: black;
    background-color: white;
}

div#nav a:visited, div#events a:visited {
    color: white;
    background-color: black;
}

div#nav a:hover, div#events a:hover {
    color: black;
    background: white;
}

/* Per-Page Nav Highlights */

body.nav_about a#nav_about,
body.nav_blog a#nav_blog,
body.nav_djs a#nav_djs,
body.nav_mashups a#nav_mashups,
body.nav_top10 a#nav_top10,
body.nav_webcast a#nav_webcast,
body.nav_bestof a#nav_bestof,
body.nav_photos a#nav_photos,
body.nav_video a#nav_video,
body.nav_flyers a#nav_flyers,
body.nav_press a#nav_press,
body.nav_store a#nav_store,
body.nav_boards a#nav_boards,
body.nav_links a#nav_links,
body.nav_contact a#nav_contact,
body.event_sf a#event_sf,
body.event_la a#event_la,
body.event_nyc a#event_nyc,
body.event_boston a#event_boston,
body.event_portland a#event_portland,
body.event_rio a#event_rio,
body.event_paris a#event_paris,
body.event_vienna a#event_vienna,
body.event_munich a#event_munich,
body.event_brisbane a#event_brisbane,
body.event_berlin a#event_berlin,
body.event_brc a#event_brc,
body.event_sl a#event_sl,
body.event_oneoffs a#event_oneoffs
{
    color: black;
    background-color: white;  
}

/* Templates */

div#content {
    float: left;
    width: 940px; /* roughly (layout w/ padding) */
}

/* "EVENT" TEMPLATE */

div#eventFlyer {
    float: left;
    width: 380px;
    margin: 0px;
}

div#eventFlyer img {
    border: 1px solid #222;
}

div#eventText {
    float: left;
    width: 340px; /* Set for #flyer and #upcoming */
    margin-left: 20px;
    margin-right: 0px;
	
    border-bottom: 1px solid #222;
}

/* END "EVENT" TEMPLATE */

/* "CONTENT WITH PHOTOS" TEMPLATE */

div#contentPhotos {
    float: left;
    width: 175px;
    margin: 0px;
}

div#contentPhotos ul {
    padding : 0px;
    list-style: none;
}

div#contentPhotos li {
    margin-bottom: 30px;
}

div#contentPhotos img {
    border: 1px solid #222;
}

div#contentText {
    float: left;
    width: 480px; /* Set for #contentPhotos and #upcoming */ 
    margin-left: 50px;
    margin-right: 0px;
    
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

/* END "CONTENT WITH PHOTOS" TEMPLATE */

/* Upcoming List */

ul#upcoming {
    float: right;
    width: 120px;
    text-align: center;
    padding-left: 0px;
    margin-left: 0px;
	
    background-color: #111;	
    border: 1px solid #333;
    
    font-variant: small-caps;
    
    list-style: none;
}

li#upcomingtitle {
    display: block;
    width: 100%;
	
    background-color: black;
    border-bottom: 1px solid #333;
	
    /* font-size: 1.1em; */
    font-weight: bold;

    margin-bottom: 0.5em;
}

ul#upcoming a {
    background-color: #111; /* Defaults to black otherwise. */
}

ul#upcoming li {
    margin: 0px;
    padding: 0px;
}

ul#upcoming img {
    float: left;
    clear: both;
    margin-top: 15px;
    margin-left: 10px;
    
    border: 1px solid #222;
}

/* Mailing List */

form#mailinglist {
    width: 300px;

    padding: 10px;
    padding-bottom: 0px;
	
    margin: 10px;

    color: white;
    background-color: #111;
    
    border: 1px solid #333;
}

form#mailinglist p#mailinglist-legend {
    font-variant: small-caps;
    font-size: 120%;
    font-weight: bold;

    color: white;
    background-color: #111;
    
    padding-left: 0px;
    
    border-bottom: 1px solid #333;
}

form#mailinglist label {
    display: none; /* Still recognized by screenreaders. */
}

form#mailinglist input {
    margin: 3px;
}

/* Footer */

div#footer {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 80%;
    color: gray;
    background-color: black;
}
Pink {
	color: #F99;
}
.Pink {
	color: #F99;
}
.bigpink {
}
.event_brc #layout #content #eventFlyer .event_brc font strong font b b .text-size1-gigantic strong {
	color: #FCC;
}
.event_brc #layout #content #eventFlyer .event_brc .text-size4-medium strong {
	color: #FCC;
}
white {
	color: #FFF;
}
.white {
	color: #FFF;
}
.date {
}
.red {
	color: #C00;
}