/*
   general styles

   styles.css
   for Santa Rosa Concert Association Web site
*/

/* ========================================== */
/* = setup styles                           = */
/* ========================================== */
/* a fix for IE6 only \*/
* html * {
	zoom:100%; 
	/* triggers IE6 "haslayout" */

	/* without the above hack, IE6 does not draw the header until the page is resized */
	/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
}
* {
	margin:0;
	padding:0;
}
/* end setup styles */

/* ========================================== */
/* = fonts                                  = */
/* ========================================== */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Times New Roman', Times, serif;
	font-weight: normal;
}
/* end fonts */

/* ========================================== */
/* = color styles                           = */
/* ========================================== */
body {
	background-color:#300;
	color:#443D2C;
}
#main_wrapper {
	background: #fff url('../presentation_graphics/right_column.jpg') repeat-y scroll top left;
	background-color:#fff;
}
#header {
	background-color:#fff;
}
#nav {
	background-color:#B5A573;
}
#sub_nav {
	background-color:#fff;
}
#content {
	background-color:#fff;
}
#promo {
	background-color: transparent;
}
#footer {
	background-color:#B5A573;
}
a {
	color:#952941;
}
#nav a, #sub_nav a {
	color:#443D2C;
}
#sub_nav a {
	color:#938361;
}
a:hover {
	color:#000;
}
#nav a:hover {
	color: #fff;
}
#nav .current_link {
	color: #fff;
}
#sub_nav a:hover {
	color: #952941;
}
#sub_nav .current_link {
	color: #952941;
}
.heading, .main_heading {
	/*border-bottom: 1px solid #443D2C;*/
}
#promo .heading {
	border-top: 1px solid #fff;
	padding-top: 10px;
	/*text-align: right;*/
}
/* end color styles */

/* ========================================== */
/* = font sizes, margins, padding, etc.     = */
/* ========================================== */
body {
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.08em;
}h1 {
	font-size:1.6em;
	line-height: 0.9;
}
h2 {
	font-size:1.3em;
	line-height:1.25;
}
h3 {
	font-size:0.94em;
	line-height:1.25;
	margin-bottom: 0.5em;
}
h4 {
	font-size:1.125em;
}
h5 {
	font-size:1em;
}
h6 {
	font-size:.875em;
}
p  {
	font-size:.84em;
	line-height:1.6; 
	margin-bottom:.75em;
}
p.contact_info {
  font-size:0.74em;
	margin:0;
}
p.copyright_notice {
	font-size: 0.66em;
}
#index #content_2_col p {
	width: 300px;
}
/* end font sizes, margins, padding, etc. */

/* ========================================== */
/* = link styles                            = */
/* ========================================== */
#nav a,
#nav .current_link,
#sub_nav a,
#sub_nav .current_link {
	font-weight: bold;
	text-transform: uppercase;
}
#nav a,
#nav .current_link {
	font-size: 0.84em;
	margin-right: 92px;
}
#sub_nav a,
#sub_nav .current_link {
	font-size: 0.84em;
	display: block;
}
#sub_nav .current_link {
	color: #;
}
a {
	text-decoration: none;
}
#content a, #promo a, #content_2_col a, #footer a {
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
}

/* end link styles */

/* ========================================== */
/* = list styles                            = */
/* ========================================== */
ul, dl, ol {
	font-size:.8em;
	line-height:1.5;
}
#nav ul {
	margin:0;
	line-height:1.1;
}
#sub_nav ul {
	padding-top: 4px;
	list-style-type: none;
}
#nav li {
	float: left;
	list-style-type:none;
	margin-right:0;
}
#sub_nav li {
	margin: 0 0 0.8em 1.5em;
	text-transform: uppercase;
}
/* end list styles */

/* ========================================== */
/* = table styles                           = */
/* ========================================== */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
}
table {
	width: 100%;
	margin: 0.5em 0 1em;
	border-top:1px solid #443D2C;
	border-bottom:1px solid #443D2C;
	border-collapse:collapse;
	font-size:.8em;
}
table th	{
	padding: .5em;
	border-bottom:1px dashed #443D2C;
}
table td	{
	padding: .5em;
	border-bottom:1px dashed #443D2C;
	vertical-align: top;
}
.two_column td {
	width: 50%;
}
.four_column td {
	width: 25%;
}
/* end table styles */

/* ========================================== */
/* = miscellaneous tag styles               = */
/* ========================================== */
code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */

cite {
	font-size:.85em;
	font-style:italic;
}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
}
blockquote p {
	margin-bottom:.1em;
}
blockquote p:before {
/* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {
 /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
}
address {
	margin:0 1em .75em 1em;
}
img {
	border:0;
}
sup {
	font-size: 0.74em;
	vertical-align: 0.5em;
}
/* end miscellaneous tag styles */

/* ========================================== */
/* = utility styles                         = */
/* ========================================== */
.float_left {
	/* apply this class to any image or element with width - text will wrap it to the right */

	float:left;
	display:inline; /* stops IE doubling  margin on float*/
	margin: 0 .3em .3em 0;
}
.float_right {
/* apply this class to any image or element with width  - text will wrap it to the left */

	float:right;
	display:inline; /* stops IE doubling  margin on float*/
	margin: 0 0 4px 15px;
}
#index img.float_right, #promo img.float_right {
  float:right;
	display:inline; /* stops IE doubling  margin on float*/
	margin: 5px 0 4px 15px;
}
.clear_element {
  height: 0;
	clear: both;
	margin-bottom: 20px;
}
#promo .clear_element {
  margin-bottom: 30px;
}
/* Alsett clearing method */
.clearfix:after {
	content: ".";
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*  end backslash hack  */
/* end utility styles */