/*

  sitewide.css
  --------------------------------------------------------------------------
  Broadway North
  Version 1.0
  Dec 2005

   Percent black, in hexidecimal

>   0 #fff    (some text, input highlight, image/table background)
>   3 #f9f9f9 (table cell light, blockquotes)
>   5 #f5f5f5 (input)
>  10 #ebebeb (content background, table head)
>  15 #e1e1e1 (table cell dark)
>  20 #d7d7d7 (table cell/input borders)
   25 #ccc
   30 #c2c2c2
>  35 #b7b7b7 (borders)
   40 #acacac
   45 #a0a0a0
>  50 #959595 (ghosted text)
   55 #898989
>  60 #7c7c7c (h3)
   65 #707070
>  70 #626262 (global navigation, notice text)
   75 #545454
   80 #464646
   85 #363636
>  90 #252525 (page background)
   95 #111
> 100 #000    (most text)

*/

/* --- { BODY ) ------------------------------------------------------------- */

html, body
{
	height:auto;
	background:#252525;
}
body
{
	position:static;
	top:0;
	left:0;

	margin:0;
	padding:0;

	color:#000;
	background:#252525 url("../i/page_bg.gif") repeat-x top left;
	font-family:Verdana,"Lucida Grande",Geneva,Arial,Helvetica,Sans,sans-serif;
	font-size:100%;

	text-align:center;
	vertical-align:top;
}
.popup { background:#fff url("../i/popup/curtain.gif") no-repeat top center; }

/* --- { LINKS ) ------------------------------------------------------------ */

a,a:link
{
	color:#900;
	background-color:transparent;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
}
a:visited
{
	color:#900;
	background-color:transparent;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
}
a:active
{
	color:#b30000;
	background-color:transparent;
	font-weight:normal;
	text-decoration:underline;
}
a:hover
{
	color:#c00;
	background-color:transparent;
	font-weight:normal;
	text-decoration:underline;
}

/* --- { CHARACTER FORMATTING ) --------------------------------------------- */

strong,b { font-weight:bold; }
em,i { font-style:italic; }
sup,sub { font-size:.8em; }

.uc { text-transform:uppercase; font-size:.9em; }
.lc { text-transform:lowercase; }
.caps { font-variant:small-caps; }

.indent { margin-left:6px; }

/* --- { HEADINGS ) --------------------------------------------------------- */

h1, h2, h3
{
	color:#000;
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana,"Lucida Grande",Geneva,Arial,Helvetica,Sans,sans-serif;
	font-size:.9em;
	line-height:1.6em;
	border:0;
	margin:0;
	padding:0;
}
h1
{
	font-size:.8em;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:1em;
	padding-bottom:.2em;
	border-bottom:1px solid #d7d7d7;
	margin-bottom:.2em;
}
h2
{
	font-weight:bold;
	margin-bottom:.2em;
}
.sort       { color:#900; cursor:pointer; text-decoration:none; }
.sort:hover { color:#c00; cursor:pointer; text-decoration:underline; }
h3 {
	color:#7c7c7c;
	font-style:italic;
	font-family:Georgia,Times,"Times New Roman",Serif,serif;	
	font-size:.8em;
	line-height:1.5em;
	margin-bottom:.6em;
}
h2+h3 { margin-top:-.5em; }

/* --- { OTHER TEXT BLOCKS ) ------------------------------------------------ */

p,label,li,blockquote,dd,dt,input,textarea,select,option,span.loggedin
{
	color:#000;

	text-align:left;
	vertical-align:top;

	font-family:Verdana,"Lucida Grande",Geneva,Arial,Helvetica,Sans,sans-serif;
	font-size:.8em;
	line-height:1.6em;
	font-weight:normal;

	margin:0;
	margin-bottom:.6em;
}
.center { text-align:center; }
.right { text-align:right; }
.flat { font-size:0em; line-height:0em; }
.error { color:#b30000; padding-left:22px; background:transparent url("../i/ico_error.gif") no-repeat center left; }
.notice { color:#626262; padding-left:22px; background:transparent url("../i/ico_notice.gif") no-repeat center left; }

ol, ul { margin-left:0; padding-left:1.2em; }

li { margin-bottom:.4em; margin-left:0; padding-left:0; }
li li { font-size:100% }
.nb  { list-style:none; margin-left:0; padding-left:.4em; }
.nbp { list-style:none; margin-left:0; padding-left:0; }

blockquote,.notices
{
	background-color:#f5f5f5;
	font-size:100%;
	border-top:1px solid #d7d7d7;
 	padding:12px;
	margin-bottom:1.5em;
}
code { font-family:Courier,"Courier New",monospace; font-size:110%; }
pre { font-family:Courier,"Courier New",monospace; font-size:.8em; }
span { display:inline; border:0; margin:0; padding:0; }
.ghost { color:#959595; }
.photo_link { margin-top:4px; padding:2px 6px; }
.photo_here { margin-top:4px; padding:2px 5px; border:1px solid #d7d7d7; background:#fff; }

/* --- ( LAYOUT ) ----------------------------------------------------------- */

.skinny { border:0;margin:0;padding:0; }
.fluffed { padding:0px 12px; }

/* --- ( DIV and TD ) ------------------------------------------------------- */

div,td
{
	border:0;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
#masthead,#masthead_short,#nav_global,#nav_global_admin,#content,#logout
{
	width:740px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	text-align:left;
}

/* --- { MASTHEAD ) --------------------------------------------------------- */

#masthead           { width:752px; height:113px; background:transparent url("../i/curtain-2.gif") no-repeat top center; }
#masthead_short     { width:752px; height:57px; background:transparent url("../i/curtain-short.gif") no-repeat top center; }
#masthead_popup     { width:549px; height:57px; }
#nav_global			{ height:31px; background:transparent url("../i/graybar.gif") no-repeat top center; }
#content            { height:100%; background:#ebebeb url("../i/whitebar.gif") repeat-y top center; margin-top:-4px; }

/* --- { NAV-GLOBAL ) ------------------------------------------------------- */

#nav_index,#nav_classes,#nav_faculty,#nav_events,#nav_competition,#nav_gallery,#nav_store,#nav_contact
{ background-color:transparent; display:inline; }

#nav_index.here,#nav_index:hover				{ background:transparent url("../i/nav/index_bg.gif") no-repeat top left; }
#nav_classes.here,#nav_classes:hover			{ background:transparent url("../i/nav/classes_bg.gif") no-repeat top left; }
#nav_faculty.here,#nav_faculty:hover			{ background:transparent url("../i/nav/faculty_bg.gif") no-repeat top left; }
#nav_events.here,#nav_events:hover				{ background:transparent url("../i/nav/events_bg.gif") no-repeat top left; }
#nav_competition.here,#nav_competition:hover	{ background:transparent url("../i/nav/competition_bg.gif") no-repeat top left; }
#nav_gallery.here,#nav_gallery:hover			{ background:transparent url("../i/nav/gallery_bg.gif") no-repeat top left; }
#nav_store.here,#nav_store:hover				{ background:transparent url("../i/nav/store_bg.gif") no-repeat top left; }
#nav_contact.here,#nav_contact:hover			{ background:transparent url("../i/nav/contact_bg.gif") no-repeat top left; }

/* --- { NAV-ADMIN ) -------------------------------------------------------- */

#nav_menu,#show_menu,#hide_menu		{ margin:0; padding:2px; border:1px solid #d7d7d7; background-color:#fff; }
#show_menu							{ display:none; }
.nav_menu_admin						{ margin:0; padding:6px 12px; background-color:#f0f0f0; }
.nav_menu_admin:hover,.current		{ background:#fff url("../i/nav/pointer.gif") no-repeat center left; }
.nav_menu_toggle,.nav_menu_help		{ margin:0; padding:8px 12px 2px 12px; background-color:#f0f0f0; }
.nav_menu_divider					{ margin:0; padding:6px 12px; background-color:#f0f0f0; height:1px; text-align:center; }
#logout								{ margin:0; padding:0; display:inline; }
#logout_txt							{ margin:0; padding:6px 11px 0 11px; text-align:right; background-color:#b7b7b7; }
#logout_btn							{ margin:0; padding:0; text-align:right; background:#b7b7b7 url("../i/sw_corner.gif") no-repeat top left; }

/* --- { NAV-POPUP ) -------------------------------------------------------- */

#nav_global_popup		{ position:absolute; left:14px; top:28px; }
#nav_goBack				{ position:absolute; right:36px; top:28px; }
#nav_popup_upload       { width:142px; height:22px; }
#nav_popup_choose       { width:136px; height:22px; }

/* --- ( CONTENT ) ---------------------------------------------------------- */

#content01_01,
#content01_02,
#content03_01,
#content03_02,
#content03_03,
#content04_01,
#content06_01,
#content07_01,
#content07_02,
#content_popup { padding: 20px 0 1.6em 0; }

/* layout 01, section nn: home, gallery, store */
#content01_01 { float:left; padding-left:20px; width:260px; }
#content01_02 { float:left; padding-left:20px; width:420px; }

/* layout 03, section nn: teachers */
#content03_01 { float:left; padding-left:20px; width:220px; }
#content03_02 { float:left; padding-left:20px; width:220px; }
#content03_03 { float:left; padding-left:20px; width:220px; }

/* layout 04, section nn: classes, admin/cms */
#content04_01 { position: relative; margin:0 auto; width:700px; }

/* layout 06, section nn: tour, contact, login */
#content06_01 { position: relative; margin:0 auto; width:560px; padding-bottom:0.6em; }

/* layout 07, section nn: admin/cms editing pages */
#content07_01 { float:left; padding-left:20px; width:480px; }
#content07_02 { float:left; padding-left:20px; width:200px; }

/* layout 08, section nn: link */
#content08_01 { float:left; padding-left:20px; width:340px; }
#content08_02 { float:left; padding-left:20px; width:340px; }

/* layout popup: admin/cms upload popup */
#content_popup { float:left; padding-left:20px; width:509px; background-color:#fff; }
				
/* footer, all sections */
#footer
{
	clear:both;
	margin:0;
	width:740px;
	height:117px;
	background:#252525 url("../i/footer_bg.gif") no-repeat top left;
}
#footer p
{
	padding-top:27px;
	color:#fff;
	text-align:center;
	font-size:.7em;
}

.post { padding-top:8px; }
.post + .post { margin-top:.8em; }

/* --- ( TABLES ) ----------------------------------------------------------- */

table
{
	width:100%;
	border:0;
	margin:0 0 1.5em 0;
	padding:0;
}
th,td
{
	border:0;
	margin:0;
	padding:0 10px 0 0;

	text-align:left;
	vertical-align:top;
}
.sched,.cal
{
	border:1px solid #d7d7d7;
	padding:2px;
	background:#fff;
}
.thin { width:418px; /* container width minus the border */ }
.wide { width:698px; /* container width minus the border */ }
.sched th,.sched td,.cal th,.cal td { padding:8px 8px 4px 8px; }
.sched th,.cal th { background-color:#e1e1e1; border-bottom:1px solid #d7d7d7; text-transform:uppercase; font-size:.9em; }
.sched td,.cal td { border-bottom:1px solid #d7d7d7; }
td.odd { background-color:#f9f9f9; }
td.even { background-color:#ebebeb; }
td.first { border-left:0; }
td.last { border:0; }

.cal th                             { border:0; text-align:center; }
.cal td                             { border-left:1px solid #d7d7d7; height:100px; width:20%; }
.cal td.today                       { background-color:#ccc; }
.cal th.footer                      { border:0; }
.cal td:hover                       { background-color:#fff; }
.cal td.no_day,.cal td.no_day:hover { background-color:#e1e1e1; border:0; }
.cal td.short,.cal td.short:hover   { background-color:#f9f9f9; border:0; height:auto; }
.cal td div.date                    { position:relative; top:0; left:0; height:100%; width:10%; }
.cal td div.events                  { position:relative; top:0; left:0; height:100%; width:90%; overflow:auto; }

.lcol_bio  { width:81px; text-align:center; padding:0; }
.lcol      { width:75px; text-align:right; padding-right:10px; }
.rcol      { width:auto; margin-bottom:10px; }
.fenced    { padding-top:1em; padding-bottom:1em; border-top:1px solid #d7d7d7; }
.btn_box   { width:auto; text-align:center; }
.thumbnail { width:auto; padding:10px 0; text-align:center; }

#upload_show { display:none; margin:1em 0; }
#upload_hide { display:none; margin:1em 0; }
#uploader { display:block; margin-bottom:1em; }

/* --- ( FORMS ) ------------------------------------------------------------ */

form {}
input.field,textarea,select,option
{
	color:#000;
	background-color:#f5f5f5;
	width:auto;
	border:1px solid #d7d7d7;
	padding:3px;

	text-align:left;
	vertical-align:top;

	font-family:Verdana,"Lucida Grande",Geneva,Arial,Helvetica,Sans,sans-serif;
	font-size:.8em;
	font-weight:normal;
}
textarea { height:75px; }
select,.textbox,.long { width:100%; }
select,option { padding:0; }
option { border:0; margin:0; width:100%; font-size:100%;  }
#dropdown_day { width:30%; }

.radio
{
	display:inline;
	width:auto;
	background-color:transparent;
	border:0;
	margin-top:3px;
	text-align:right;
}
.button
{
	display:inline;
	width:auto;
	color:#000;
	background-color:#f9f9f9;
	border:1px solid #d7d7d7;
	padding:3px;
}

input:hover,select:hover,option:hover,textarea:hover,button:hover,
input:focus,select:focus,option:focus,textarea:focus,button:focus { background:#fff; }

.radio,.check,.radio:hover,.check:hover,.radio:focus,.check:focus { background:transparent; }

label { /* font-size:100%; */ margin-bottom:0; }

/* --- ( IMAGES ) ----------------------------------------------------------- */

img
{
	display:block;
	border:0;
}
.inline { display:inline; }
.framed,.highlight
{
	border:1px solid #d7d7d7;
	padding:5px 5px 7px 5px;
	background:#fff;
}
.highlight { border-color:#c00; }
.float_left,.float_left_tight
{
	float:left;
	margin-right:.6em;
	margin-bottom:.1em;
}
.float_left_tight { margin-right:0; }
.float_right,.float_right_tight
{
	float:right;
	margin-left:.8em;
	margin-bottom:.2em;
}
.float_right_tight { margin-left:0; }
.float_center
{
	/* there is no actual float:center */
	display:inline;
	margin-bottom:.5em;
}
.sunk {
	position:relative;
	top:.3em;
}
.half-sunk {
	position:relative;
	top:.15em;
}
.raised {
	position:relative;
	top:-.3em;
}