* { margin: 0; padding: 0; }

html { }

body { font: 10px 'Helvetica Neue', Arial, Verdana, sans-serif;
	color: #000; background: #fff url(/imgs/2008/bg-03.gif) repeat-y; }

.left { float: left; width: 49%; }
.right { float: right; width: 49%; text-align: right; }

/* colors */
a:link,
a:active,
a:visited { text-decoration: none; color: #f00; }
a:hover { text-decoration: underline; }

.clear { clear: both; font-size: 1px; }
.clear-left { clear: left; font-size: 1px; }

#wrapper { width: 945px; margin: 0; text-align: left; }
#wrap-left { margin-top: 155px; float: left; width: 150px; }
#wrap-right { margin-top: 15px; float: left; width: 188px; }
#wrap-right #sponsors { margin: 0 0 18px 20px; }
#container { width: 605px; margin: 0 auto; background: #fff; float: left; padding-bottom: 9px; }
#inner { margin: 0 15px; }

#wrap-right ul { list-style-type: none; font-size: 12px; }
#wrap-right ul li { margin-bottom: 2px; color: #0c0; background: #0c0; padding: 3px; }
#wrap-right ul li.title { background: black; color: #fff; }
#wrap-right ul li a:link,
#wrap-right ul li a:visited,
#wrap-right ul li a:active { padding: 2px 1px; color: white; }
#wrap-right ul li a:hover { padding: 2px 1px; }

#nav { height: 36px; list-style-type: none; padding-top: 18px; text-align: center; }
#nav li { display: inline; font-size: 14px; margin: 0 4px; font-weight: bold; }
#nav li a:link,
#nav li a:active,
#nav li a:visited { padding: 0; text-decoration: none; color: black;
	border-top: 1px solid black; border-bottom: 1px solid black; }
#nav li a:hover { background: #f00; color: #fff;
	border-top: 1px solid #f00; border-bottom: 1px solid #f00; }
#nav li.active a:link,
#nav li.active a:active,
#nav li.active a:visited { padding: 0; text-decoration: none; color: #fff; background: #f00;
	border-top: 1px solid #f00; border-bottom: 1px solid #f00; }

#nav3 { height: 36px; list-style-type: none; padding-top: 18px; }
#nav3 li { height: 19px; margin: 0 3px; display: inline; float: left; text-indent: -9999px; background: #0c0; }
#nav3 li a { display: block; height: 19px; }

#nav3 li#nav-news a { background-image: url(/imgs/2008/nav2-news.gif); background-position: 0 0; width: 62px; }
#nav3 li#nav-news a:hover { background-position: 0 -22px; }
#nav3 li#nav-news-active a { background-image: url(/imgs/2008/nav2-news.gif); background-position: 0 -22px; width: 62px; }

#nav3 li#nav-newf a { background-image: url(/imgs/2008/nav2-newf.gif); background-position: 0 0; width: 84px; }
#nav3 li#nav-newf a:hover { background-position: 0 -22px; }
#nav3 li#nav-newf-active a { background-image: url(/imgs/2008/nav2-newf.gif); background-position: 0 -22px; width: 84px; }

#nav3 li#nav-retro a { background-image: url(/imgs/2008/nav2-retro.gif); background-position: 0 0; width: 85px; }
#nav3 li#nav-retro a:hover { background-position: 0 -22px; }
#nav3 li#nav-retro-active a { background-image: url(/imgs/2008/nav2-retro.gif); background-position: 0 -22px; width: 85px; }

#nav3 li#nav-artc a { background-image: url(/imgs/2008/nav2-artc.gif); background-position: 0 0; width: 94px; }
#nav3 li#nav-artc a:hover { background-position: 0 -22px; }
#nav3 li#nav-artc-active a { background-image: url(/imgs/2008/nav2-artc.gif); background-position: 0 -22px; width: 94px; }

#nav3 li#nav-spevents a { background-image: url(/imgs/2008/nav2-dance.gif); background-position: 0 0; width: 107px; }
#nav3 li#nav-spevents a:hover { background-position: 0 -22px; }
#nav3 li#nav-spevents-active a { background-image: url(/imgs/2008/nav2-dance.gif); background-position: 0 -22px; width: 107px; }

#nav3 li#nav-shorts a { background-image: url(/imgs/2008/nav2-shorts.gif); background-position: 0 0; width: 41px; }
#nav3 li#nav-shorts a:hover { background-position: 0 -22px; }
#nav3 li#nav-shorts-active a { background-image: url(/imgs/2008/nav2-shorts.gif); background-position: 0 -22px; width: 41px; }

#nav3 li#nav-exp a { background-image: url(/imgs/2008/nav2-exp.gif); background-position: 0 0; width: 52px; }
#nav3 li#nav-exp a:hover { background-position: 0 -22px; }
#nav3 li#nav-exp-active a { background-image: url(/imgs/2008/nav2-exp.gif); background-position: 0 -22px; width: 52px; }


#mark { height: 100px; background: url(/imgs/2007/cc_mast.jpg) no-repeat center center; }
#mark a { display: block; height: 100px; text-decoration: none; }

h5 { font-size: 10px; padding: 3px 0; margin-bottom: 12px; border-top: 1px solid black; border-bottom: 1px solid black; }

#content { width: 400px; float: left; }
#sidebar { width: 160px; float: right; }

.node { margin-bottom: 21px; border-bottom: 1px solid black; padding-bottom: 12px; }

#content .left { float: left; width: 48%; }
#content .right { float: right; width: 48%; text-align: left; }

#content h2 { font-size: 27px; }
#content h3 {  font-size: 18px; margin-bottom: 6px; }
#content p { margin: 0 0 9px 0; font-size: 12px; line-height: 1.4em; }

#calendar-hold { height: 100px; border-bottom: 1px solid #000; }
#calendar { width: 160px; }
#calendar td { text-align: center; }
#calendar td a:link,
#calendar td a:active,
#calendar td a:visited { display: block; padding: 3px 0; background: #000; color: #fff; text-decoration: none; }
#calendar td a:hover { background: #f00; color: #fff; text-decoration: none; }
#calendar td.cb-actv a:link,
#calendar td.cb-actv a:active,
#calendar td.cb-actv a:visited { display: block; padding: 3px 0; background: #0c0; color: #fff; text-decoration: none; }
#calendar td.cb-actv a:hover { background: #f00; color: #fff; text-decoration: none; }

#today-hold { height: 118px; \height: 100px; h\eight: 100px; margin-bottom: 18px; border-bottom: 1px solid #000; }
#today h2 { font-size: 60px; margin: 0; letter-spacing: -0.05em; line-height: 0.7em; }
#rss-icon { margin: 18px 0 0 3px; }

.form_profile label { font-size: 14px; font-weight: bold; display: block; margin-bottom: 4px; }
.form_profile label span { font-size: 9px; color: #999; }
.form_profile input[type='text'],
.form_profile input[type='password'] { width: 200px; font-size: 16px; padding: 3px; margin-bottom: 8px; display: block; }

ul.list_strands { margin-top: 130px; list-style-type: none; }
ul.list_strands li { margin-bottom: 2px; font-size: 12px; }
ul.list_strands li a { text-align: right; padding: 3px 4px 3px 4px; display: block; } 
ul.list_strands li a:link,
ul.list_strands li a:active,
ul.list_strands li a:visited { text-decoration: none; background: #0c0; color: #fff; }
ul.list_strands li a:hover { background: #000; color: #fff; }

#login-form { background: #333; margin-bottom: 12px; color: #fff; }
#login-form label { display: block; color: #fff; margin-bottom: 2px; }
#login-form input[type='text'] { font-size: 11px; padding: 2px; width: 125px; margin-bottom: 4px; }


/* for the far right sidebar list */
#eventer { margin-left: 20px; }
#eventer #title { color: #fff; font-size: 14px; padding: 6px 2px 2px 2px; font-weight: bold; background: #000 url(/imgs/2008/programming.gif) top right no-repeat; }
#eventer #year { background: #fff; color: #f00; font-size: 12px; padding: 2px 2px 4px 2px; font-weight: bold; }
#eventer .date { background: #333; color: #fff; font-size: 11px; padding: 2px; font-weight: bold; margin-top: 2px; }
#eventer .mnode { background: #666; margin-bottom: 1px; }
#eventer .mnode .movie { color: #fff; font-size: 10px; padding: 2px; border-bottom: 1px solid #999; font-weight: bold; }
#eventer .mnode .mtime { color: #fff; font-size: 9px; padding: 1px 2px 2px 2px; }

#newser { list-style-type: none; }