/* The Drama Center - Jackson Whelan - DittoDoesIt.com - July 2007 */
* {
padding:0;
margin:0;
}
.clear {
clear:both;
}
body {
padding-top: 20px;
text-align:center;
background-color:#004051;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding-bottom:20px;
}
#wrapper {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFFF;
}
h1, h2, p, h3, h4, li {
margin-bottom:10px;
}
a {
color:#004051;
}
a:hover {
color:#666666;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration:none;
}
#header {
width:800px;
height:160px;
background:url(images/the-drama-center-header.jpg) no-repeat;
}
#header img {
margin:10px;
border:0;
float:left;
}
#header h1 {
text-indent:-5000px;
float:left;
}
#top-nav {
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
background: url(images/top-nav-bkgd.gif) repeat-x #117c99;
text-align:center;
height:14px;
padding:10px;
padding-top:17px;
clear:both;
}
#top-nav a {
text-decoration:none;
color:#FFFFFF;
padding:9px;
}
#top-nav a.active {
text-decoration:none;
color:#ff6600;
background:#004051;
border-bottom:2px solid #FF9900;
}
#top-nav a:hover {
text-decoration:none;
color:#ff6600;
background:#004051;
border-bottom:2px solid #FF9900;
}
#top-nav ul{
list-style:none;
}
#top-nav ul li {
display:inline;
}
#left-col {
width:140px;
float:left;
font-size:12px;
background-color:#FFFFCC;
margin-left:10px;
}
#new-item {
background:#FFFFFF;
padding-bottom:10px;
}
#left-col h2, #left-col h3, #left-col h4 {
font-size:13px;
margin:10px;
color:#ff6600;
}
#new-item h2 {
margin:0 10px 0 10px;
font-size:24px;
}
#new-item h3 {
margin:0 10px 5px 10px;
font-size:13px;
}
#left-col p {
margin-left:10px;
}
#right-col h3 a {
text-decoration:none;
}

#main-col {
width:465px;
padding-left:15px;
float:left;
font-size:12px;
}
#main-col h1 {
color:#006666;
font-size:18px;
border-bottom:1px solid #ff6600;
}
#main-col h2 {
color:#006666;
font-size:14px;
}

#main-col p {
line-height:16px;
}

#main-col blockquote {
margin:10px;
color:#333333;
}

#main-col blockquote span {
display:block;
margin-left:200px;
font-style:italic;
}

#main-col ol, #main-col ul  {
margin-left:30px;
line-height:16px;
}
#main-col p.caption, #right-col p.caption {
font-size:9px;
font-style:italic;
line-height:10px;
}
div.shop form {
margin-bottom:20px;
}

#right-col {
width: 140px;
font-size:12px;
padding-left:10px;
padding-right:10px;
float:right;
}
#right-col h1 {
color:#0062A8;
}
#right-col h2 {
color:#00735C;
}
#right-col h3 {
font-size:14px;
color:#0062A8;
background-color: #FFCC66;
padding:10px;
}
#right-col h4 {
font-size:12px;
color:#0062A8;
padding-left:10px;
}
#right-col p {
line-height:14px;
padding-left:10px;
}
#right-col a, #footer a {
color:#006666;
}
#right-col img {
margin-left:10px;
}
#right-col ol {
margin-left:10px;
padding-left:10px;
}
ul#right-nav {
padding:10px;
background-color: #FFCC66;
margin:0 0 10px 10px;
}
ul#right-nav li {
margin-left:10px;
}
#right-nav a.active {
text-decoration:none;
font-weight:bold;
}
#footer {
font-size:10px;
line-height:16px;
padding: 20px;
text-align:center;
border-top: #ff6600 1px solid;
margin-top:10px;
}
#footer a.active {
font-weight:bold;
text-decoration:none;
}
span.divider {
width:100%;
display:block;
height:10px;
background:url(images/dot.gif) repeat-x left center;
margin-bottom:10px;
}