/* Importing the reset stylesheet */
@import url("reset.css");

/* Basic styles */
body { background-color: #3D3C41; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; }
p { font-size: 100%; line-height: 20px; margin-bottom: 15px; }
h2 { font-size: 220%; color: #FF7900; margin-bottom: 20px; }
h3 { color:#000000; font-weight: bold; font-size: 150%; margin-bottom: 15px; }
h4 { color:#FF7900; font-weight: bold; font-size: 120%; margin-bottom: 3px; }
h5 { font-size: 100%; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #FF7900; }
a:hover { text-decoration: none; background-color: #FF7900; color: #FFFFFF; }

/* Frames and container styles */
#mainframe { width: 1000px; margin: auto; background-image: url(../images/general/container-drop-shadow.gif); }
#container { width: 900px; margin: auto; }

/* Header styles */
#header { background-color: #FFFFFF; height: 137px; width: 900px; }
#masthead { padding: 15px 0 10px 25px; width: 400px; height: 97px; }
#masthead h1 a { display: block; background: url(../images/general/columbia-chorale-logo.gif) no-repeat; text-indent: -9999px; width: 423px; height: 97px; }
#search { width: 400px; float: right; margin: -95px 30px 0 0; text-align: right; }
#search-field { height: 20px; }
#search label { left: -9999px; position: absolute; }
.submit { background-color: #64484B; color: #FFFFFF; padding: 3px; }
.join-submit { background-color: #64484B; color: #FFFFFF; padding: 4px; margin-left: 45px; width: 153px; }
#join-field { height: 20px; margin-bottom: 10px; width: 147px; }

/* Navigation styles */
#navigation { background-color: #64484B; color: #FFFFFF; padding-top: 10px; height: 27px; font-weight: bold; font-size: 90%; width: 900px; }
#navigation li { display: inline; margin-left: 24px; }
#navigation li a { color: #FFFFFF; text-decoration: none; padding: 11px 0 11px 0; }
#navigation li a:hover { border-top: 5px solid #DFC8B2; padding-top: 3px; background: none; }

/* Page content styles */
#content-container { width: 900px; background-color: #FFFFFF; }
#content { background-color: #FFFFFF; float: left; width: 600px; padding: 30px 25px 30px 25px; }
#content a { font-weight: bold; }
#content ul { list-style: disc; margin: 0 0 15px 15px; line-height: 22px; }
#content ul ul { list-style: circle; margin-bottom: 0; }
#content ol { list-style: decimal; margin: 0 0 15px 20px; line-height: 22px; }
#content ol ol { list-style: decimal; margin-bottom: 0px; }
.sponsor-logos { margin: 20px 20px 20px 0; float: left; }
.pull-quote { margin-top: 20px; font-size: 96%; font-weight: bold; line-height:22px; }

/* Inset image styles */
.inset-horizontal { float: right; width: 350px; padding: 0 0 10px 10px; }
.inset-horizontal img { padding-bottom: 5px; }
.inset-horizontal p { font-size: 75%; margin-bottom: 0; }
.inset-vertical { float: right; width: 250px; padding: 0 0 10px 10px; }
.inset-vertical img { padding-bottom: 5px; }
.inset-vertical p { font-size: 75%; margin-bottom: 0; }

/* Sidebar styles */
#sidebar { float: left; background-color: #FFFFFF; width: 225px; padding: 30px 23px 30px 0; }
.box { width: 203px; padding: 10px; margin-bottom: 20px; background-repeat: repeat-x; background-position: bottom; background-image: url(../images/sidebars/background.gif); border: 1px solid #64484b; border-top: 10px solid #64484b; }
.box li { font-size: 90%; line-height: 25px; }
.box-header { margin-bottom: 10px; }
span.date { color: #3D3C41; font-weight: bold; font-size: 130%; margin-bottom: -10px; display: block; }

/* CC Update styles */
.cc-update label { color: #000000; font-size: 90%; }
.cc-update p { font-size:70%; font-weight:bold; margin-bottom:10px; }
.cc-update p.form { margin-bottom: 0; font-size: 90%; }
#safesubscribe { margin-top: 10px; }

/* Get connected styles */
.connected { font-size: 120%; margin-bottom: 10px; line-height: 24px; }
.connected-icon { padding-right: 10px; float: left; }

/* Next performance styles */
li.cc-icon { background: no-repeat left url(../images/sidebars/cc-icon.gif); margin: 5px 0 10px 0; padding: 5px 0 10px 70px; line-height: 18px; }
li.ticket-icon { background: no-repeat left url(../images/sidebars/ticket-icon.gif); margin: 15px 0 10px 0;padding: 5px 0 10px 70px; line-height: 18px; }

/* Past performances styles */
.past-performances li { font-size: 110%; text-align: center; }

/* Footer styles */
#footer { background-color: #64484B; color: #FFFFFF; padding: 20px 25px 25px 25px; }
#footer p { margin-bottom: 15px; font-size: 80%; line-height: 16px; }
#footer a { color: #FFFFFF; }

/* Clearfix */
.clearfix { clear: both; }