/* Folsom Street Events Style */

/* body elements */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    background: black;
    color: #EFEFEF;
}

.size1 { font-size: 7.5pt}

.size2 { font-size: 11px}

.size3 { font-size: 12px}

.size4 { font-size: 15px}

.size5 { font-size: 19px}

.size6 { font-size: 21px}

.size7 { font-size: 23px}

.size8 { font-size: 25px}

.size9 { font-size: 27px}

a { 
   color: #E9BE16;
}

/*  jgc - march 7, 2005 - removed the purple visited link color
a:visited { 
    color: #9E65B1;
}
*/

a:hover { 
   color: #EC0000;
   /* text-decoration: underline; */
}

a.named, a.named:visited , a.named:hover {
   color: #EC0000;
   text-decoration: none;
}

td { 
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}

hr {
    color: #666666;
}

/* template and general elements */

.pageTitle { 
    font-size: 16px; 
    color: #EE0000;
}

.pageTitle {  
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pageTitle2 {
    font-size: 16px; 
    color: #EE0000;
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(/images/design-dots-h.gif) repeat-x 100% 100%;
    background-position: 0px 24px;
    padding-bottom: 8px;
}

/* white titles for magnitude */
.pageTitleM {
    font-size: 16px; 
    color: #328BC2;
    /* color: #e0e0e0; */
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(/images/design-dots-h.gif) repeat-x 100% 100%;
    padding-bottom: 10px;
}

.colorRed {  
    color: #EC0000;
}

/* blue headings for magnitude */
.colorMag {
    color: #328BC2;
    text-transform: uppercase;
    font-size: 13px;
}

.separator {  
    background-image: url(/images/design-dots-h.gif); 
    background-repeat: repeat; 
    height: 1px; 
    line-height: 1px; 
    font-size: 1px;
}

/* used in artist's statement */
.pageContent { 
    /* width: 583px; */
    border-right: black solid 20px;
    border-left: black solid 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input {  
    font-family: monospace;
}

li.navlist {
    list-style: disc url(/images/link_arrow_red.gif);
    margin: 5px;
    padding: 0;
    background-position: 0px 5px;
}

li.navlist a {
   color: #ffcc00;
}

/* jgc - march 7, 2005 - navlist links should go red on hover */
li.navlist a:hover{
   color: #EC0000;
}

/* event calendar */

.eventButtons {
  margin: 8px 0px 0px 0px;
  float: left;
  clear: both;
  line-height: 20px;
  width: 100%;
}

.eventListings {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
  min-height: 150px;
}

.eventDatebox {
   border: solid gray 1px; 
   padding: 5px; 
   margin-bottom: 8px; 
   background-color: #222222; 
   font-weight: bold;
}

.eventTitle {
    color: #EC0000;
    font-weight: bold;
    font-size: 12px;
}

.eventTime {
}

.eventBody {
    text-align: left;
}

/* event buttons */

.evtbut_cal {
   position: relative;
   display: block;
   width: 29px;
   height: 28px;
   margin-right: 4px;   /* border: 1px solid white; */
   float: left;
   background: url(/images/calendar_icon_28px.png) no-repeat;
}     
      
.evtbut_cal:hover {
  background: url(/images/calendar_icon_selected_28px.png) no-repeat;}     

.evtbut_cal span {
   display: none;
}     

.evtbut_plus {
   position: relative;
   display: block;
   width: 26px;
   height: 29px;
   /* border: 1px solid white;  */
   float: left;
   background: url(/images/buttonPlus.gif) no-repeat;
}

.evtbut_plus:hover {
  background: url(/images/buttonPlusSelected.gif) no-repeat;
}

.evtbut_plus span {
   display: none;
}

.evtbut_minus {
   position: relative;
   display: block;
   width: 26px;
   height: 29px;
   /* border: 1px solid white; */
   float: left;
   background: url(/images/buttonMinus.gif) no-repeat;
}

.evtbut_minus:hover {
  background: url(/images/buttonMinusSelected.gif) no-repeat;
}

.evtbut_minus span {
   display: none;
}

.repeat_row {
  border: 1px dotted green;
  width: 100%;
  height: 36px;
}

.repeat_row label {
  float: left;
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}

.repeat_row input {
  float: left;
  vertical-align: middle;
  margin-top: 2px;
}

.repeat_row img {
  float: left;
  vertical-align: middle;
  border: 0px;
  height: 28px;
}

/* front page articles */

.articleTitle { 
    font-size: 12px; 
    font-weight: bold;
}

.articleBody {
    text-align: justify;
}

.articleAuthor { 
    color: #626262;
}

.articleSeparator { 
    color: #666666; 
    font-size: 1px; 
    line-height: 1px;
}

.articleDate { 
    color: #626262;
}

.articleExtra { 
    color: #996600;
}

.articleLink { 
    font-size: 9px; 
}

.articleCapital {
    font-size: 29px;
    line-height: 29px;
    float: left;
    font-weight: bold;
}

.justify {
    text-align: justify;
}

/* homepage stuff */
/* homeEvent - the boxes with the blue text */
td.homeEvent {
	border: solid #606060 1px;
	border-left: none;
        vertical-align: top;
}

td.homeEvent a {
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #328BC2;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
        height: 3em;
}

td.homeEvent a:hover {
    background-color: #333333;
    color: #EC0000;
	text-decoration: none;
}
td.homeEvent a b {
    color: white;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	display: block;
}
.homeEventUpcoming {
	background: url(/images/design-home-arrow.gif);
}

/* homeContent - the articles */
.homeContent {
  padding: 25px;
  padding-bottom: 5px;
  padding-top: 15px;
}
.homeContent ul {
   padding: 0px;
   list-style:  url(/images/homeContent_bullet.gif) square outside;
   margin: 5px 5px 0px 17px; 
}
.homeContent li {
    /* padding-bottom: 21px; */
	line-height: 14px;
}
.homeContent .title {
    font-weight: bold;
	color: #F30000;
	font-size: 12px;
}
.homeContent .subtitle {
	color: #F30000;
	display: block;
	margin-bottom: 5px;
}
.homeContent .morelink, .morelink {
        clear: right;
        float: right;
        padding-top: 2px;
}

/* forms stuff */

div.row {
  clear:both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
}

/* breadcrumb stuff */

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
}

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
}
  
div.row span.opt {
  color: #DDDDDD;
}

/* forms error processing */

div.errorrow {
  clear: both;
  border: 1px solid red;
  background-color: #993333;
  /* width: auto; */
  /* padding: 5px 0; */
  padding-top: 10px;
}

div.errorrow span.errortext {
  float: right;
  width: 235px;
  text-align: left;
  /* padding-left: 80px; */
  font: bold smaller sans-serif;
}

div.errorrow span.label {
  float: left;
  width: 100px;
  text-align: right;
}

div.errorrow span.formw {
  float: right;
  width: 235px;
  text-align: left;
  /* padding-bottom: 10px; */
}

div.spacer {
  clear: both;
}

div.smspacer {
  clear: both;
  line-height: 4px;
}

/* gallery */

div.g_container {
  border: 1px solid #555;
  background-color: #202020;
  margin-top: 0px;
  margin-bottom: 24px;
}

/* artists info */
div.g_container p {
  text-align: left;
  line-height: 1.5em;
  color: red;
  margin-left: 12px;
  margin-top: 0px;
}

div.g_tn_img {
  /* margin: 8px; */
  margin-top: 12px;
  padding-left: 25px;
  /* padding-top: 20px; */
  float: left;
}

/* title */
div.g_tn_img p {
  text-align: center;
  color: red;
}

/* FAQ Style */
.faq_q {  
    color: #EF0000;
    font-weight: bold;
    margin-bottom: 1.0em;
}
.faq_q:before {
    content: "Q: ";
    font-size: 16px;
    font-weight: bold;
}

.faq_a {  
    padding-bottom: 2.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid rgb(90,90,90);
}
.faq_a:before {
    content: "A: ";
    font-size: 16px;
    font-weight: bold;
}

/* Entertainment */
.ent_list a {
    text-decoration: none;
    color: #efefef;
}
.ent_list a:hover {
    text-decoration: none;
    color: #ee0000;
}

/* scriptaculous fixed size slideshow */

div.slideshow {
  position: relative; 
  height: 216px;
  /* width: 324px; */
}

.slideshow div {
  background: black;
  position: absolute;
  top: 0;
  left: 0;
}

/* scriptaculous flying headline styles */

.headline a { 
   color: #E9BE16; 
   text-decoration: none;
}

.headline a:hover { 
   /* color: #EC0000; */
   text-decoration: none;
}

div.headlines {
   height: 100%;
   width: 100%;
   padding: 0px 0px 0px 0px;
   background: url(/images/FolDoreSign_revB.jpg) no-repeat;
   /* border: 1px dotted red; */
}

div.headline {
   position: relative;
   height: 214px;
}

.headline ul {
   padding: 0px;
   list-style:  url(/images/homeContent_bullet.gif) square outside;
   /* list-style:  url(/images/homeHeadline_bullet.gif) square outside; */
   margin: 35px 5px 0px 27px;
   /* border: 1px solid green; */
}

.headline li {
   padding-bottom: 21px;
   line-height: 14px;
   color: white;
   font-size: 12px;
   /* border: 1px solid yellow; */
}

.headline .title {
   font-weight: bold;
   color: #F30000;
   font-size: 15px;
}

.headline .subtitle {
   /* color: #F30000; */
   color: #E9BE16; 
   font-size: 13px;
   font-style: italic;
   display: block;
   margin-top: 2px;
   margin-bottom: 5px;
}

.headlineLI {
  z-index: 1;
  position: absolute;
  top: 50px;
  left: 30px;
  width: 205px;
}

.headlineBG {
  background: black; 
  opacity: 0.73; filter: alpha(opacity='75');
  width: 210px; 
  /* height: 104px; */
  height: 7em;
  border: none;
  -webkit-border-radius: 10px; /* Safari prototype */
  -moz-border-radius: 10px;    /* Gecko browsers */
  border-radius: 10px;         /* Everything else - limited support at the moment */ 
  position: absolute; 
  top: 72px; 
  left: 30px;
  z-index: 0;
}

/* sponsors and events */

td.spncat {
  color: #ee0000;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  text-transform: uppercase;
  background: url(/images/design-dots-h.gif) repeat-x 100% 100%;
  background-position: 0px 39px;
  padding: 20px 0px 10px 0px;
}

.spncat {
  color: #ee0000;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  text-transform: uppercase;
  background: url(/images/design-dots-h.gif) repeat-x 100% 100%;
  background-position: 0px 29px;
  padding: 10px 0px 5px 0px;
}

td.spn {
  width: 265px;
  text-align: center;
  padding-bottom: 8px;
}

.callout {
    position: relative;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #343434;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.callout .notch {
    position: absolute;
    top: -10px;
    left: 20px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #343434;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.border-callout { border: 2px solid #ee0000; padding: 17px 19px; }
.border-callout .border-notch { border-bottom-color: #ee0000; top: -12px; }

.spothead {
  color: #ee0000;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}

/* sponsored events */

.spnevt {
  margin: 15px 0px 0px 0px; 
  padding: 5px;
}

.spnevt_minus {
  margin: 15px 0px 0px 0px; 
  padding: 5px;
}

.spnevt a {
  background: url(/images/buttonPlus.gif) no-repeat;
  display: block;
}

.spnevt a:hover {
  background: url(/images/buttonPlusSelected.gif) no-repeat;
}

.spnevt_minus a {
  background: url(/images/buttonMinus.gif) no-repeat;
  display: block;
}

.spnevt_minus a:hover {
  background: url(/images/buttonMinusSelected.gif) no-repeat;
}

.plain a {
  background: none;
}

.plain a:hover {
  background: none;
}

/* end */