/* CSS Document */

body { 
margin: 5; 
  font-family: Roboto, sans-serif;
  }

    a {
        color: midnightblue;
    }
    

/*Anecdote style */
div.anec {
    border: 2px solid;
    border-radius: 5px;
	padding:5px;
	background-color:#ededed;
	clear:both;
}    
    
@font-face {
  font-family: American Typewriter;
  src: url(fonts/americantypewriter.ttf);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'American Typewriter', 'Typist', 'Teletype', serif;
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  line-height: 120%;
  margin: 30px 0 7px;                   
}	


.columnsContainer, footer, header { position: relative; margin: .5em; }

.column3 {
  float: left;
  width: 33.33%;
}
.column2 {
  float: left;
  width: 50%;
}
.column4 {
  float: left;
  width: 25%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* MEDIA QUERIES */

@media (max-width: 900px) {

  #frame {
border-radius: 2em;
max-width: 780px;
min-height: 450px;
margin: 1em auto;
text-align:center;
position:relative;
background-color: #FFF;
overflow:hidden;
clear:both;

}

.breadcrumb {
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	
font-size:x-small;
font-style:italic;
}
}


@media (min-width: 901px) {

  #frame {
border-radius: 2em;
max-width: 1150px;
min-height: 700px;
margin: 0 auto;
text-align:center;
position:relative;
background-color: #FFF;
overflow:hidden;
clear:both;
}

#logo {
   background: url("../artwork/theatrecraftslogo2024.jpg") no-repeat center;
   height:166px;	

}
.breadcrumb {
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	
font-size:small;
font-weight:lighter;
}
  
  
}

@media screen and (max-width: 600px) {
  .column3 {
    width: 100%;
  }
  .column2 {
    width: 100%;
  }    
}

.content {	
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	
font-size:medium;
font-style: normal;
color: #444444;
text-align:left;

}

	  
#content a:link{ color:#260101; } 
#content a:visited{ color:#260101; } 
#content a:hover{ color:#260101; } 
#content a:active{ color:#260101;}
	  
.small {	
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	
font-size:smaller;
font-style: normal;
color: #444444;
text-align:left;
}

bigtext {
   font-family:'American Typewriter';
    font-size:24px;
}
  
 .box{
        padding: 20px;
        display: none;
        margin-top: 20px;
        border: 1px dashed #fff;
		background-color:#6E2627;
		color:#FFFFFF;
    }
	
#opt6 a:link{ color:#cdcdcd; } 
#opt6 a:visited{ color:#cdcdcd; } 
#opt6 a:hover{ color:#ffffff; } 
#opt6 a:active{ color:#ccccff}

input { padding: 3px; font-size: 12px; }

h2 {
	color: 000000;
    font-family: 'American Typewriter';
	font-size:xx-large;
    font-weight: normal;
	width:100%;
    
}

h3 {
	color: 000000;
    font-family: 'American Typewriter';
	font-size:large;
	width:100%;
}

a {
	color: 000000;
    text-decoration: none;
}

.cathead {
color: white;
background:#890103;	
}

#greytip {
  padding: 0.8em;
  color: white;
  font-family: Roboto, sans-serif;
  font-size:smaller;
}

#footer {
  padding: 0.8em;
  color: black;
  font-family: Roboto, sans-serif;
  font-size:small;
}

.yesbutton {
	display:inline-block;
	background-color:#009B18;
	width: 80px;
	height: 30px;
	padding:5px;
	color:#FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	border-radius:5px;
}

.nobutton {
	display:inline-block;
	background-color:#ff4444	;
	width: 80px;
	height: 30px;
	padding:5px;
	color:#FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	border-radius:5px;
}

.responsive {
  width: 100%;
  height: auto;
max-width:100%;
}