@charset "UTF-8";
/* CSS Document */
body{font-family:Helvetica, Arial, sans-serif; font-size:.7em; line-height:1em; color:#333333; margin:0;}
body.home{background: white url(http://www.route66theatre.org/images/bg_home.gif) repeat-x  top left;}
body.main{background: #333333 url(http://www.route66theatre.org/images/bg_site.gif) repeat-x  top left;}
body.popup{background-color:#FFFFFF;}
#container{overflow:hidden;}

#wrapper-right{float:left; margin-left:30%; width:800%; margin-top:-700px;}
#wrapper-left{height:700px; float:left; width:150px; margin-left:20px;}


/*homepage*/
.thumb-column{width:65px; float:left; margin-top:270px; padding-right:.6em;}
.thumb-column-wide{width:118px; float:left; margin-top:284px; padding-right:.6em;}


.flash{float:left; margin-top:280px;}
.flash-wide{float:left; margin-top:284px;}

.logo{float:left; margin-left:-50px; margin-top:25px;}

/*shows page*/
.sho-pic-column{width:232px; float:left; margin-top:75px; padding-right:.7em;}

/*history page*/
.his-pic-column1{width:167px; float:left; margin-top:74px; padding-right:.6em;}
.his-pic-column2{width:131px; float:left; margin-top:139px; padding-right:.6em;}

/*company page*/
.co-text-column {width:304px; float:left; margin-top:150px; text-align:right; padding-right:.8em;}

/*news-events page*/
.news-pic-column{width:232px; float:left; margin-top:75px; padding-right:.7em;}
dt{font-weight:bold; margin:0; padding:0;}
dd{margin:0 0 10px 0; padding:0;}
.inline{display:inline;}

/*common*/
.text-column {width:232px; float:left; margin-top:150px; text-align:right; padding-right:.8em;}
.logo-site{float:left; margin-left:-50px; margin-top:185px;}

/*popups*/
.popup-left{height:600px; float:left; width:50px; margin-left:20px;}
.popup-right{float:left; margin-left:20%; width:75%; margin-top:-600px; text-align:justify;}


/*text formatting*/
h1{font-family:Helvetica, Arial, sans-serif; font-size:2em; line-height:.9em; color:#CCCCCC; font-weight:100; text-transform:uppercase;}
h2 {font-family:Helvetica, Arial, sans-serif; font-size:1.5em; line-height:.9em; color:#000000; font-weight:100; text-transform:uppercase;}
h3, h3 a{font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:.9em; color:#000000; font-weight:100; text-transform:uppercase;}
.tinytext{font-size:.75em; line-height:.9em; color:#999999;}


/*links*/
a{font-family:Helvetica, Arial, sans-serif; font-size:1em; color:#0081b4; line-height:1em; color:#0081b4; text-decoration:none;}
a:active, a:hover{color:#7bcbea; text-decoration:none;}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }

.nav{text-transform:uppercase; font-size:.8em; }

.bignav{color:#CCCCCC; text-transform:uppercase; font-size:1.2em; }

.subnav{color:#ffcc00; line-height:1em; text-decoration:none; text-transform:uppercase; text-align:left;}
a.subnav{color:#ffea00; text-decoration:none;}
a.subnav:active, a.subnav:hover{color:#ffcc00; text-decoration:none;}

.textnav{color:#999999; text-decoration:none;}


/*footer*/
#skywhite-left{z-index: 1;margin:0px; width:454px; height:130px; position:absolute; left:0px; top:561px; float:left; text-align:left; background:url(http://www.route66theatre.org/images/chi_sky_white.png) no-repeat;}
#skywhite-right{z-index: 1; margin:0px; width:444px; height:150px; position:absolute; right:0px; top:561px; float:right; text-align:right; background:url(http://www.route66theatre.org/images/la_sky_white.png) no-repeat;}
#skygray-left{z-index: 1; margin:0px; width:454px; height:130px; position:absolute; left:0px; top:561px; text-align:left; background:url(http://www.route66theatre.org/images/chi_sky_gray.png) no-repeat;}
#skygray-right{z-index: 1; margin:0px; width:444px; height:150px; position:absolute; right:0px; top:561px; text-align:right; background:url(http://www.route66theatre.org/images/la_sky_gray.png) no-repeat; }
#newsletter{float:left; margin-left:20px}

#footer{margin:0px 17px 0px 0px; width:800px; height:30px; position:absolute; right:0px; top:700px; float:right; text-align:right; z-index:5;}
.footer{font-family:Helvetica, Arial, sans-serif; font-size:.8em; letter-spacing:.05em; color:#0081b4; text-align:right;}
.chicncoop{font-family:"Avenir LT Std 35 Light", "Helvetica Neue", Helvetica, sans-serif; font-size:1.3em; color: #0081b4; letter-spacing: 0.025em; margin: 0; text-decoration:none;}

img{border:0px; padding:0px;}
img.title{padding:10px 0px 0px 0px;}
img.tower{padding:5px 0px 0px 0px;}

/*blog*/
.blog-pic-column{width:167px; float:left; margin-top:75px; padding-right:.6em; padding-left:.8em;}

/* scroll */
#scroll {width:360px; height:540px; float:left; margin-top:150px; text-align:right; padding-right:.8em;}
.scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0;}
.vscrollerbase {width:8px;background-color: #333333; margin:0px;}
.vscrollerbar {width:8px;background-color: #999999; margin:0px;}

/* wordpress */
.entry{text-align:right;}
.post {margin:0px;text-align: right;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.narrowcolumn .postmetadata {text-align: right;}
.navigation {display: block;text-align: right;margin-top: 10px;margin-bottom: 60px;}
.center {text-align: center;}
.alignright {float: right;}
.alignleft {float: left;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#sidebar #searchsubmit {padding: 10px;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.postmetadata {text-align: right;}
.navigation {display: block;text-align: right;}
.blog_title, a.blog_title:link, a.blog_title:visited {font-family:Helvetica, Arial, sans-serif; line-height:.9em; color:#000000; font-weight:100; text-transform:uppercase;}
a.blog_title:hover, a.blog_title:active {font-family:Helvetica, Arial, sans-serif; line-height:.9em; color:#555555; font-weight:100; text-transform:uppercase;}
#sidebar ul, #sidebar ul ol {margin-bottom: 20px; padding:0px;}
#sidebar ul li {list-style-type:url(images/arrow.jpg);list-style-image:url(images/arrow.jpg);margin-left:20px; text-transform:uppercase; padding-left:0px;}
#sidebar a{color:#FFCC00;}
#sidebar a:hover{color: #FFFF00;}
#sidebar #searchsubmit {padding: 0px;}