/*
Chicago Children's Theatre
Last edited: 2/06/07, Author: Fred Simmons, Gulo Solutions LLC
http://www.gulosolutions.com
*/

html {background: transparent url(/images/main-bg.gif);} /* bg is purple grid for short pages */

body {margin: 0; padding: 0; font-family: "Lucida Grande", Verdana, sans-serif; font-size: 80%;}

/* links */
a:link {color: #3D448E; text-decoration: none;}
a:visited {color: #3D448E; text-decoration: none;}
a:hover {color: #fff; background: #3D448E; text-decoration: none;}

a img {background: #fff; text-decoration: none; border: none;}

h1 {font-size: 200%; margin: 0 0 .5em 0; padding: 0; font-weight: normal; font-family: georgia, serif;}
h2 {font-size: 150%; margin: 0 0 .5em 0; padding: 0; font-weight: normal; font-family: georgia, serif;}
h3 {font-size: 130%; margin: 0 0 .5em 0; padding: 0; font-weight: normal; font-family: georgia, serif;} /* #content h3 below */
h4 {font-size: 120%; margin: 0 0 .5em 0; padding: 0; font-weight: bold; font-family: georgia, serif;}
h5 {font-size: 105%; margin: 0 0 .5em 0; padding: 0;}
h6 {font-size: 100%; font-weight: normal; margin: 0 0 .25em 0; padding: 0;} /* calendar */
h6 cite {font-style: normal; width: 6.6em; float: left; display: block;} /* cal list date */
h2 span, h3 span, h4 span, h5 span, h6 span {color: #000;}

p {margin: 0 0 1.2em 0;}
blockquote {margin: 1.2em 0; padding-left: 1.2em; color: #666; /*border-left: 2px solid #ccc;*/}
hr {margin: 1.2em 0; background: #ccc; border: none; width: 100%; height: 1px;}
/* weird IE HR spacing */
* html hr {margin: .25em 0; background: #ccc; border: none; width: 100%; height: 1px;} 

/*img {border: 0; padding: 0;}*/
ul, ol {margin: 0 0 1.2em 0; padding: 0 0 0 1.2em;}
li {margin: .25em 0; padding: 0;}
code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dd {margin: 0; padding: 0 0 .25em 0;}

fieldset {margin: 1.2em 0; padding: 0 1.5em 1.5em 1.5em; border: 1px solid #ccc;}
legend {font-size: 110%; margin: 1.2em 0; font-weight: bold; color: #000;}
label {line-height: 1.8; font-size: 84%; color: #661111; text-transform: uppercase;}
label span {font-weight: normal; text-transform: none; font-size: 90%; color: #999;}
form {margin: 0;}
input, textarea {padding: .25em;}
select {padding: 2px;}
table caption {line-height: 2; font-weight: bold;} /* mini calendar nav */
table td span {font-size: 90%; color: #999;}

/* page layout */
div#all {background: transparent url(/images/all-bg.gif) repeat-y top center;}
div#container {background: transparent url(/images/top-bg.png) repeat-x top left;}
* html div#container {background-image: none; width: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ie-top-bg.png", sizingMethod="crop");}
div#wrap {width: 850px; margin: 0 auto; padding: 0;}
div#content-wrap {float: left;}
div#content-wrap {min-height: 500px; height: auto !important; height: 500px;} /* optional height hack */
div#header {float: left; width: 800px; height: 90px; margin: 0; padding: 0;}
div#content {overflow: hidden; float: right; width: 478px; padding-right: 50px; margin-bottom: 1.2em;}
div#navigation {position: relative; float: left; margin: 0; padding: 0;}
div#sub-navigation {float: left; width: 279px; margin: .9em 0; padding-right: 1em; text-align: right; border-right: 1px solid #ccc;}
div#footer {clear: both; margin: 0; text-align: center; font-size: 12px;} /* no font resizing */

/* home page */
body#home {background: #000 url(/images/bg-1.jpg) no-repeat top center;} /* home page big image */
body#home #wrap {background: transparent;} /* gets rid of white column */
body#home #sub-navigation {display: none;}
body#home #content {width: 820px; min-height: 450px; height: 450px; margin-bottom: 0; padding: 0; text-align: center; overflow: visible;}
body#home h2 {height: 120px;}
body#home h2 span {display: block; color: #fff; font-size: 90%;}
body#home h2 a:link, body#home h2 a:visited {color: #fff; font-size: 200%; text-decoration: none; background: transparent url(/images/shade-bg.gif);}
body#home #footer {background: transparent;} /* gets rid of white column */

/*
#bottom-links {position: relative; top: 38px; left: 0; margin: 10em 0 0 0; padding: 0; text-align: center;}
#bottom-links ul {width: 486px; height: 162px; margin: 0 auto; padding: 0; list-style-type: none; background: url(/images/png-test.png) no-repeat;}

* html #bottom-links ul {background-image: none; width: 486px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/png-test.png", sizingMethod="crop");}
#bottom-links li {float: left; width: 162px;}
#bottom-links li a {position: relative; float: left; display: block; width: 162px; line-height: 162px; text-indent: -6000px; text-align: center; text-decoration: none !important; outline: none;}

.membership {left: 0; width: 162px;}
.cctfun {left: 162px; width: 162px;}
.giftshop {left: 324px; width: 162px;}

#bottom-links li.membership a:hover {background: url(/images/polaroid-over.gif) no-repeat 0 -4px;}
#bottom-links li.cctfun a:hover {background: url(/images/polaroid-over.gif) no-repeat -162px -4px;}
#bottom-links li.giftshop a:hover {background: url(/images/polaroid-over.gif) no-repeat -324px -4px;}
*/

/* header */
#header h1 {float: left; margin: 0; padding: 0;}
#header h1 a {display: block; text-decoration: none; color: #000; text-indent: -1200px; width: 310px; height: 86px; background: transparent url(/images/cct-logo.png) no-repeat; outline: none;}
/* logo PNG */
* html #header h1 a {position:relative; background-image: none; width: 310px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/cct-logo.png", sizingMethod="crop"); cursor: hand;}

/* navigation */
#navigation ul {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 530px; list-style: none; font-size: 90%;} 
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display:block; margin: 0; padding: .5em 1em; text-decoration: none; text-transform: uppercase; color: #663333;}
#navigation li a.current {color: #000;}
#navigation li a:hover {background: transparent; color: #000; text-decoration: underline;}
#navigation ul.sub {position: absolute; top: 28px; left: 0; margin: 0; padding: 0; width: 530px; list-style: none; font-size: 80%;} 
#navigation ul.sub li {float: left; margin: 0; padding: 0;}
#navigation ul.sub li a {display:block; margin: 0; padding: .5em 1.2em; text-decoration: none; text-transform: uppercase; color: #663333;}
#navigation ul.sub li a:hover {background: transparent; color: #000; text-decoration: underline;}

/* sub-navigation */
#sub-navigation ul {list-style: none; font-size: 94%;}
#sub-navigation li {margin: 0 0 .8em 0; padding-left: 86px;} /*make sure nothing runs off page */
#sub-navigation li a {padding: 2px; margin: -2px;}
#sub-navigation hr {display: none;}

/* content */
#content h3 {font-size: 190%; color: #3D448E;} /* headlines and page headers */
#content a:link {color: #3D448E; text-decoration: underline;}
#content a:visited {color: #3D448E; text-decoration: underline;}
#content a:hover {color: #fff; background: #3D448E; text-decoration: none;}
#content img {max-width: 100%;}

/* footer */
#footer div {padding: 2em 0 1.2em 0; color: #663333; line-height: 1.6em; text-transform: uppercase; font-size: 90%; background: transparent url(/images/bottom-bg.png);}
/* IE PNG support. Notice path */
* html #footer div {background-image: none; width: 100%; height: 1px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ie-bottom-bg.png", sizingMethod="crop");}
* html #footer div a {position: relative;}

/* SUPER DUPER fun stuff */
body#funstuff #content {width: 702px;}

/* site mape */
ul.site-map li {font-size: 110%; list-style-type: none;}
ul.site-map ul li {font-size: 94%; list-style-type: disc; margin: .5em 0 0 .5em;}

/* blog */
.author {margin: -.6em 0 1.2em 0; color: #663333;}
.comments-link {margin: 0 0 1.2em 0; color: #663333;} /* permilink and comments link */
#comments {margin: 1.2em 0; padding: 0; /*border-top: 1px solid #ccc;*/}
#comments .comment-postline {margin-bottom: .25em;}
#comments .commentby {color: #000;}
.captcha-msg {font-size: 90%; color: #999; padding: 0;}

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .5em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .5em 2em; font-weight: bold;}

/* calendar */
body#calendar #content {width: 795px;} /* less width for left padding */
body#calendar #sub-navigation {display: none;}
body#calendar #content h4 span {font-size: 90%; display: block;} /* cal event detail */

table.fullcal {margin: 0; border-bottom: 1px solid #CFCFF2; border-right: 1px solid #CFCFF2; width: 98%;} /* cal view */
table.fullcal caption {font-size: 150%; padding: 0; font-weight: normal; font-family: georgia, serif;} /* nav */
table.fullcal caption span {padding: 0 1.2em; font-size: 80%; font-weight: normal;} /* nav buttons */
table.fullcal th {border-left: 1px solid #CFCFF2; border-top: 1px solid #CFCFF2; background: #f1f1f1; font-weight: bold; font-family: arial, helvetica, sans-serif; line-height: 1.5;}
table.fullcal td {padding: 2px; border-left: 1px solid #CFCFF2; border-top: 1px solid #CFCFF2; vertical-align: top; width: 14%;} /* days */
table.fullcal td ul {margin: .25em; padding: 0;}
table.fullcal td li {margin: 0 0 .5em 0; list-style: none; font-size: 90%;}
table.fullcal td li span {font-size: 90%; display: block;} /* times */
table.fullcal td.today {background: #ffffcc;}
table.fullcal td.not-this-month {background: #f1f1f1;} 

.schedule {color: #999;}
.date-span {color: #999;}
/*h5 span {font-size: 80%;}*/
.schedule_ex {color: red; font-weight: normal; font-style: italic;}
.schedule_ex span {color: red;}

/* fixes IE padding issues thanks Dan "Simple Bits" Cederholm */
* html #wrap {height: 1%;}