/* Theme Created for The SF Young Playwrights Festival */
/* By Gordon Mei */
/* July 2006 and August 27, 2006 */
/* Tickety Pickety  */

body {
margin:0;
padding:0;
font-family: georgia,"trebuchet ms",verdana,serif;
text-align:center;
color:#000;
background-color:#fbfbf6;
border-top:4px dashed #d0e4a4;
}

/* ------------------------------------------------------------
	layout divs
------------------------------------------------------------ */

#grandmacontainer {width:100%; padding:0; margin:0; border-top:1px solid #333;}
#mothercontainer {margin-left:auto; margin-right:auto; width:100%; text-align:left; padding:0; margin-top:0; margin-bottom:0; border:0;}
#necktiecontainer {margin-left:auto; margin-right:auto; width:100%; text-align:center; padding:0; margin-top:0; margin-bottom:0; background:#ffffff url(ticketbkgdy.gif) repeat-x; border:0; height:52px;}
#jacket {margin-left:auto; margin-right:auto; width:749px; text-align:left; padding:0; margin-top:0; margin-bottom:0; border:0;}
#nametag {text-align:center; width:100%; background:#ffffff url(bricksblue2.gif) repeat; height:100px; border-top:1px solid #333333; border-bottom:0px;}
#nametag img {border:0px solid #cccccc; padding:0px;}
#torso {text-align:left; clear:both; padding:5px 10px 0px 10px; background-color:#fff; border-left:1px dashed #ccc; border-right:1px dashed #ccc; font-size:9pt; color:#111; line-height: 1.4em;}
#torso img {border:1px solid #cccccc; padding:3px;}
#torso ul {padding:7px 0px 7px 30px; margin:0;}
#form {background:#ffffff url(formbkgdtop.gif) repeat-x; border-left:2px solid #eeeeee; border-right:1px solid #eeeeee; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin:0 0 0 0; padding:12px 0px 3px 3px; height:auto;}
#socks {background:#8ddbf7 url(ticketbkgdylow.gif) repeat-x center; width:100%; margin:0; padding:10px 0 0 0; border-top:1px solid #6ab5db; border-bottom:1px solid #6ab5db; font-size:8pt; clear:both; float:left; color:#222; height:42px}

.centerstage {margin:0 auto; text-align:center; width:100%;}

/* ------------------------------------------------------------
	headers and links
------------------------------------------------------------ */

h1 {margin:0.25em 1.5em 0.25em 1.5em; font:25pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; letter-spacing:-0.9px; color:#38230e;}
h2 {margin:1.2em 0 0.75em; font:bold 12pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; text-transform:lowercase; letter-spacing:.1em; color:#cc9933;}
h3 {margin:0.25em 1.5em 0.25em 1.5em; font:15pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; letter-spacing:-0.9px; color:#38230e;}
h4 {margin:1.5em 0 0.5em; font:bold 12pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; text-transform:lowercase; letter-spacing:-0.9px; color:#38230e;}
h5 {margin:1.2em 0 0.75em; font:bold 9pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#4682B4;}
h6 {margin:1.5em 0 0.5em; font:bold 10pt georgia,"trebuchet ms",trebuchet,verdana,sans-serif; text-transform:uppercase; letter-spacing:-0.9px; color:#38230e;}

a:link {color:#1e90ff; text-decoration:underline;}
a:visited {color:#336666; text-decoration:underline;}
a:hover {color:#cc9933; text-decoration:none;}
a:active {color:#00bfff; text-decoration:underline;}

/* ------------------------------------------------------------
	form elements
------------------------------------------------------------ */

form {padding:0; margin:0;}

input{font-size:10pt; font-family:georgia,lucida grande,lucida sans,sans-serif; border-top:2px solid #aaccff; border-left:1px solid #aaccff; border-right:1px solid #aaccff; border-bottom:1px solid #aaccff;}

input[type="submit"]:hover, input[type="submit"]:focus {background-color:#ffcccc; cursor:pointer; border-color:#cccccc;}
input[type="submit"]:active {background-color:#eee}
input[type="submit"][disabled] {border-color:#ccc; color:#333; background-color:#eee}
input[type="reset"]:hover, input[type="submit"]:hover {background-color:#f0fde2; cursor:pointer; border-color:#eeeeee;}
input[type="reset"]:active {background-color:#eee}
input[type="reset"][disabled] {border-color:#ccc; color:#333; background-color:#eee}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {background-color:#eeeeee}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {background-color:#eceeec}

textarea {font-size:10pt; font-family:georgia,"lucida grande","lucida sans",sans-serif; border:1px solid #cccccc;}

.button {background:#f0fde2; color:#000000; letter-spacing:1px; font-size:10pt; font-family:georgia,"lucida grande","lucida sans",sans-serif; text-decoration:none; border:3px double #B9E68B; cursor:pointer; padding:1px; height:auto; width:auto;}

select {font-size:10pt; font-family:georgia,"lucida grande","lucida sans",sans-serif; height:auto;}

#torso .emailmask {border:1px solid #fff; padding:0; height:12px; margin:0; vertical-align:-25%;}

/* ------------------------------------------------------------
	navigation drop menu
------------------------------------------------------------ */

/* following menu adapted from CSS Play cssplay.co.uk  */
/* common styling */
.menu {
font-family: georgia, verdana, arial, helvetica, sans-serif; 
width:749px;
margin-left:auto;
margin-right:auto;
position:relative; 
font-size:9pt;
z-index:100;
text-align:center;
background:#ffffff url(ticketbkgdy2.gif) repeat-x;
border-bottom:0px solid #116c90;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:107px; 
height:52px; 
color:#fff; 
border:0px solid #fff; 
border-width:0px 0px 0 0; 
background:#60b0d0 url(ticketstubby.gif);
padding:0;
line-height:52px;
text-align:center;
}
* html .menu ul li a, .menu ul li a:visited {
width:107px;
w\idth:107px;
}
.menu ul li ul {
display: none;
}

/* removed margin -1px from table */
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
background:#2495a4; /*b1e1f9*/
}

/* removed margin -1px */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:52px;
margin-top:-2px;
left:0; 
width:107px;
}
* html .menu ul li a:hover ul {
margin-top:-2px;
marg\in-top:-3px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#e7f9ff;
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:87px
}
* html .menu ul li a:hover ul li a {
width:87px;
w\idth:87px;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#a2dcea; 
color:#000;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:90px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;}

.menu p {padding:4px 0 0 0; margin:0;}

/* ------------------------------------------------------------
	front page sponsors
------------------------------------------------------------ */

img.imagemapping {display:none; border:0;}

dl#mapsponsors {
	margin: 0 auto;
	padding: 0;
	background: transparent url(sfypfsponsors08.png) top left no-repeat;
	height: 350px;
	width: 700px;
	position: relative;
}

dt {margin:0; padding:2px 1px 2px 1px; position:absolute; font:normal 0.69em verdana,"lucida sans",sans-serif; display:none;}
dd {margin:0; padding:2px 1px 2px 1px; position:absolute; font:normal 0.69em verdana,"lucida sans",sans-serif;}

dd#adbookshopwestportal {top:130px; left:420px;}
dd#adbookshopwestportal a {position:absolute; width:210px; height:75px; text-decoration:none; border:0;}
dd#adbookshopwestportal a span {display:none;}

dd#adact {top:50px; left:115px;}
dd#adact a {position:absolute; width:165px; height:55px; text-decoration:none; border:0;}
dd#adact a span {display:none;}

dd#adcalifpizzakitchen {top:35px; left:290px;}
dd#adcalifpizzakitchen a {position:absolute; width:130px; height:80px; text-decoration:none; border:0;}
dd#adcalifpizzakitchen a span {display:none;}

dd#adsfmoma {top:60px; left:430px;}
dd#adsfmoma a {position:absolute; width:150px; height:35px; text-decoration:none; border:0;}
dd#adsfmoma a span {display:none;}

dd#adcitystar {top:130px; left:60px;}
dd#adcitystar a {position:absolute; width:350px; height:75px; text-decoration:none; border:0;}
dd#adcitystar a span {display:none;}

dd#adcartoonartmuseum {top:220px; left:150px;}
dd#adcartoonartmuseum a {position:absolute; width:95px; height:85px; text-decoration:none; border:0;}
dd#adcartoonartmuseum a span {display:none;}

dd#adlamplighters {top:225px; left:270px;}
dd#adlamplighters a {position:absolute; width:175px; height:80px; text-decoration:none; border:0;}
dd#adlamplighters a span {display:none;}

dd#adcitycollegesf {top:225px; left:475px;}
dd#adcitycollegesf a {position:absolute; width:100px; height:75px; text-decoration:none; border:0;}
dd#adcitycollegesf a span {display:none;}