/******************************************************************************
 * RESET STYLES
 *****************************************************************************/
* { margin: 0; padding: 0; }
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; }
:focus { outline: 0; }
body { line-height: 1;  color: black; background: white; }
ol, ul { list-style: none; }
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: "" ""; }


/******************************************************************************
 * ELEMENT & CORE STYLES
 *****************************************************************************/

body {
	background: #fff url('../images/bg_tile.jpg') repeat top center;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

/* LINKS */
a, a:link, a:visited { color: #c0c; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }
a.currently_active { color: #000; }

/* IMAGES */
img, a img { border:0; }

/* PNG-24 HACK */
img.png24 { behavior: url('/images/pngfix.htc') }

/* HEADLINES */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; }
h1 { font-size: 2em; text-transform: uppercase; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }


/* TEXT ELEMENTS */
p { margin: 1em 0; }
em {}
b, strong {}
i {}
small { font-size: 10px; }



/* LISTS */
ul, ol { list-style: none; }
ul.bulleted { margin-left: 1.5em; list-style: disc; }
ol.numbered { margin-left: 1em; list-style: decimal; }

/* FORMS */
form div { margin-bottom: 0.25em; }
form p { margin-bottom: 1em; }

input[type=text], input[type=password], select, textarea {
	border: 1px solid #999;
	padding: 2px;
}
input[type=submit] {}
input[type=button] {}

select option { padding-right: 1em; }

fieldset {
	border: 1px solid;
	border-color: #666 #666 #777;
	margin: 1em 0;
	padding: 0.75em;
}
fieldset legend { color: #999; }

/* TABLES */
#admin table { width: 100% }
table tr { vertical-align: top; }
table tr th { text-align: left; font-weight: bold; }
table.midcells tr { vertical-align: middle; }
table.padded tr th, table.padded tr td { padding: 2px; }

/* DATA TABLES */
table.data {
	width: 100%;
	border-collapse: collapse;
}
table.data tr th {
	text-align: left;
	border-bottom: 1px solid #000;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
table.data tr  { vertical-align: top; }
table.data tr th, table.data tr td { padding: 0.3em; }
table.data tr.odd td { background-color: #eee; }
table.data tr.even td { background-color: #ccc; }
table.padded td { padding: 1px; }



/* NOTICE/ERRORS */
#notice, #error, #errorExplanation {
	margin: 1em;
	padding: 0.5em;
	font-size: 16px;
	color: #000;
	z-index: 99;
}
#notice {
	border: 1px solid #0f0;
	background-color: #cfc;
}
#error, #errorExplanation {
	border: 1px solid #f00;
	background-color: #fcc;
}
#notice a.confirm, #error a.confirm { float: right; }


/* UTILITIES */
.clear, .clear_both { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.float_left { float: left; }
.float_right { float: right; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.no_display { display: none; }
.hidden { visibility: hidden; }
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }  

/* DEBUG */
.debug { border: 1px solid #0c3; }
.debugbg { background-color: #cfc; color: #000; }

/* COMMON TEXT STYLES */
.muted { color: #666; }
.muted a, .muted a:link, .muted a:visited, a.muted, a.muted:link, a.muted:visited { color: #999; }
.muted a:hover, .muted a:active, a.muted:hover, a.muted:active { color: #333; }
.red { color: #c00; }
.underlined { border-bottom: 1px solid #666; padding-bottom: 1px; margin-bottom: 2px; }
.text_swapper { cursor: pointer; }

/* NEWSLETTER - EMAIL */

#newsletter_index input[type="image"] { vertical-align: middle; padding-left: 140px; }
#newsletter_index label { display:block; float:left; margin-right:1em; text-align:right; width:10em; }

/******************************************************************************
 * 08/09 STYLES
 *****************************************************************************/
#header { clear: both; position: relative; height: 105px; }
#header #header_logo { position: absolute; left: 10px; bottom: 10px; z-index: 2; }
#header #header_navbg { position: absolute; left: 0px; bottom: 7px; z-index: 1; }
#header #header_nav { position: absolute; left: 168px; bottom: 17px; z-index: 2; }
#header #header_nav a { margin-right: 25px; font-size: 15px; color: #000; text-transform: uppercase; }
#header #header_nav a:hover, #header #header_nav a:active { color: #000; text-decoration: none; }
#header #header_skiersunion { position: absolute; right: 15px; bottom: 0px; z-index: 4; }
#header #header_social { position: absolute; right: 123px; bottom: 51px; text-align: right; z-index: 2; }
#header #header_social a { margin-left: 6px; }
#header #header_email_signup { position: absolute; right: 364px; bottom: 50px; z-index: 2; }
#header #header_email_signup input { vertical-align: middle; }
#header #header_skiersunion_tout { position: absolute; right: 0px; top: 59px; width: 262px; height: 134px; z-index: 3; }

#container {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}

#content {
	/* allow absolute positioning inside */
	position: relative;
	clear: both;
}
#canvas {
	background-color: #fff;
	color: #333;
	padding: 20px;
}

#footer {
	clear: both;
	width: 600px;
	margin: 0 auto;
	padding: 2px 5px;
	background-color: #999;
	color: #fff;
	font-size: 10px;
	text-align: center;
}



/* ADMIN TOOLS */
#admin {
	background-color: #fff;
	color: #333;
	padding: 20px;
}

#admin #codehelp {
	clear: both;
	float: right;
	width: 550px;
	margin: 10px 0;
	border: 1px solid #999;
	background-color: #eee; padding: 10px;
	color: #333;
	font-size: 10px;
}
#admin #codehelp span.code { color: #f00; }

#admin table {
	width: 100%;
	border-collapse: collapse;
}
#admin table tr th {
	text-align: left;
	border-bottom: 1px solid #fff;
	background-color: #333;
	color: #fff;
}
#admin table td  { vertical-align: top; }
#admin table tr th, #admin table tr td { padding: 5px; }
#admin table tr.odd td { background-color: #f7f7f7; }
#admin table tr.even td { background-color: #eee; }



/* LIST ITEMS */
.whatup_item {
	width: 210px;
	height: 85px;
	padding: 3px 5px;
	overflow: hidden;
	background-color: #fff;
	color: #000;
}
.whatup_item a, .whatup_item a:link, .whatup_item a:visited { color: #000; text-decoration: none; }
.whatup_item a:hover, .whatup_item a:active { color: #c0c; text-decoration: none; }

.whatup_item h3 {
	margin-bottom: 2px;
	font-size: 11px;
	text-transform: uppercase;
}
.whatup_item img {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
}
.whatup_teaser {
	width: 85px;
	height: 50px;
	margin-bottom: 3px;
	overflow: hidden;
	font-size: 10px;
	line-height: 12px;
}
.whatup_date {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.whatup_byline {
	float: right;
	font-size: 10px;
	padding-top: 3px;
	color: #999;
}

/* SPLASH PAGE */
#splash_bg {
	position: relative;
	width: 980px;
	height: 650px;
	background: #fff url('/images/splash.jpg') no-repeat top left;
	z-index: 1;
}
#splash_popup {
	position: relative;
	width: 200px;
	height: 330px;
	background: #000;
	color: #fff;
	text-align: left;
}
#splash_popup_options {
	position: absolute;
	top: 50px;
	left: 50px;
	height: 270px;
	overflow: auto;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
#splash_options {
	position: absolute;
	top: 325px;
	right: 0px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
#splash_options div { width: 250px; padding: 3px; }
#splash_options div:hover { background-color: #eee; }
#splash_options img { padding-right: 3px; }
#splash_options a, #splash_options a:link, #splash_options a:visited { color: #333; }
#splash_options a:hover, #splash_options a:active { color: #000; text-decoration: none; }
#splash_popup_options a, #splash_popup_options a:link, #splash_popup_options a:visited { color: #FFF; }
#splash_popup_options a:hover, #splash_popup_options a:active { color: #C0C; text-decoration: none; }


/* DOWNLOADS */
#download_container {
	height: 750px;
	}

#download_type {
	padding: 10px 20px 20px 20px;
	float: left;
	width: 800px;
}
#downloads {
	padding: 10px;
	float: left;
}

#download_sizes { 
	color: #00ccff;
	text-align: center;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#download_sizes a, #download_sizes a:link, #download_sizes a:visited {
	color: #00ccff;
	text-decoration: none;
	}

#download_sizes a:hoover, #download_sizes a:active {
	color: #00ccff;
	text-decoration: underline;
}

/* Stories */

#story {
	width: 690px;
	min-height: 700px;
	background-color: #fff;
	color: #333;
	padding: 20px;
	padding-right: 30px;
}

/* WHATUP LADY/LIST */
#whatup_lady {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 273px;
	height: 750px;
	z-index: 1;
}
#whatup_list {
	position: absolute;
	top: 97px;
	right: 0px;
	width: 240px;
	height: 595px;
	overflow: auto;
	z-index: 3;
	color: #fff;
}
#whatup_list a.archive_link,
#whatup_list a.archive_link:link,
#whatup_list a.archive_link:visited { color: #02ffe0; }
#whatup_list a.archive_link:hover,
#whatup_list a.archive_link:active { color: #fff; }

/* LIST ITEMS */
.whatup_item {
	clear: both;
	margin-bottom: 8px;
}

/* WHATUP ARCHIVE */
#whatup_bigsmall {
	position: absolute;
	top: 70px;
	left: 740px;
	width: 200px;
	height: auto;
	font-size: 10px;
	z-index: 4;
}

#whatup_archive {
	position: absolute;
	top: 697px;
	left: 742px;
	width: 200px;
	height: auto;
	z-index: 4;
	font-size: 11px;
}
#whatup_archive select { width: 150px; font-size: 10px; padding: 1px; }

.date_published { color: #999; font-size: 10px; }
.caption { color: #999; }

/* Rebels */

#bio {
	width: 690px;
	min-height: 700px;
	background-color: #fff;
	color: #333;
	padding: 20px;
	padding-right: 30px;
}


#rebel_list_bg {
	position: absolute;
	top: 0px;
	right: -10px;
	width: 273px;
	height: 750px;
	z-index: 1;
}
#rebel_list {
	position: absolute;
	top: 95px;
	left: 740px;
	width: 240px;
	height: 595px;
	overflow: auto;
	z-index: 3;
	color: #fff;
}

#rebel_list div.current a, #rebel_list div a:hover {
  color: #FFF;
}

#rebel_list div { margin-bottom: 10px; }
/*
#rebel_list a, #rebel_list a:link, #rebel_list a:visited { color: #02ffe0; text-decoration: none; }
#rebel_list a:hover, #rebel_list a:active { color: #fff; text-decoration: none; }
*/