/* Music Teacher�s Helper Studio Website Template CSS
------------------------------------------------------*/
body {
   font-size: 62.5%;
   color:#504f4f;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background:#781618 url(../images/bg_repeat.jpg) repeat top center; }
* {
   margin:0;
   padding:0;
   /*list-style-type:none;*/
   text-decoration:none;}

.clear {
   clear:both;
   margin:0;
   height:0;
   line-height:0.0;
   font-size:0;}

hr {
   display:none;}

fieldset {
border: 0;
}

a img {
    border:none;}

a, a:visited {
    color:#848383;
	text-decoration:underline;}

.main_content ul {
	margin: 1em;
}
.main_content li {
	margin: 1em 0;
	font-size: 10pt;
}

.main_content ol {
    margin: 1em 1.5em;
}

/* HEADERS
------------------------------------------------------*/
h1 {
 font-size: 2.8em;
 color:#000;
 font-family:"Times New Roman", Times, serif; }

h2 {
 font-size: 2.5em;
 color:#000;
 font-family:"Times New Roman", Times, serif; }

h3 {
 font-size: 2em;
 font-family:"Times New Roman", Times, serif;
 color:#000;}

h4 {
  color:#676666;
  font-style:italic;
  font-weight:normal;
  font-size: 1.8em;
  font-family:"Times New Roman", Times, serif;}

/* PAGE LAYOUT
------------------------------------------------------*/
#container_wrapper {
 background:url(../images/bg_main_top.jpg) repeat-x top left;
 min-width:800px;}

#content_wrapper {
background:url(../images/bg_container.jpg) repeat-y top center;
 min-width:800px;}

#top_wrapper {
 background:url(../images/bg_main_top_block.jpg) no-repeat top center;
 min-width:800px;}

#container {
   width: 799px;
   margin: 0 auto;
   padding: 20px 0;}

#sidebar {
   width: 150px;
   min-height: 300px;
   float:left;
   padding: 113px 0 0 0;
   background:url(../images/side_quote.jpg) no-repeat top left;
   background-position:2px 60px;}

#content {
   margin: 0 0 0 31px;
   width:600px;
   float:left;}

/* SIDEBAR
------------------------------------------------------*/
#sidebar .quote {
  color: #5F3B42;
  text-align:right;
  width: 90px;

  font-size: 1.4em;
  position:relative;
  font-family:"Times New Roman", Times, serif;
  padding: 220px 0 0 45px;  }


#sidebar .quote span.start {
  font-size: 1.8em;}

#sidebar .quote span.name {
  display:block;
  margin-top: 10px;
  font-size: 0.9em;}

/* FORMS
------------------------------------------------------*/

/* FORMS - specific form styles
------------------------------------------------------*/
form .buttons button {
    background: #3e482b url( ../images/bg_button.gif  ) repeat-x 0 0;
    border: 1px solid #988e68;
    color: #000;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 3px 20px;
    text-transform: uppercase;
}
form .buttons button:hover,
form .buttons button.hover {
    background-position: 0 100%;
    border: 1px solid #000;
}

.fields1 label {
    text-align: left;
}

/* CONTENT
------------------------------------------------------*/

/* MAIN CONTENT */
div.main_content {
   background:url(../images/content_top.gif) top left repeat-x;
   margin: 1em 0;
   padding: 36px 0 0 0;}

div.main_content .main_content_wrapper {
  background:url(../images/content_bg.gif) repeat-y top left;}

div.main_content p {
  font-size:1.2em;
  margin: 8px 0;
  line-height:16px;}

div.main_content a{
  color:#5B747D}
	div.main_content a:hover {
		text-decoration: none;
		color: #7d969f;
	}
div.main_content .link {
  color:#7c1719}

div.main_content .left_side {
   background:#f1f1f1;
   width: 362px;
   float:left;
   padding: 10px 16px;
}

div.main_content .right_side {
   background:#f1f1f1;
   width: 159px;
   float:left;
   padding: 10px 16px;}

div.main_content .right_side p {
  font-size: 1.1em;}

div.main_content .right_side p span.title {
  font-size: 1.3em;
  font-weight:bold;}

/* CREDITS*/
p.credits {
   color:#848383;
   font-size: 1em;
   margin: 10px 0;
   clear:both;}

/* WARNING BOX */

div.warning_box {
   background:#bb2c30 url(../images/bg_warning.gif) repeat-x top left;
   color:#f1f1f1;
   font-size: 1em;
   text-transform:uppercase;
   width: 346px;
   padding: 0 16px;
   border:1px solid #2d1515;}

div.warning_box fieldset {
   border:1px solid #FFF;
   padding: 0 10px 10px 10px;
   margin: 10px 0;}

div.warning_box fieldset legend {
   color:#FFF;
   font-size: 1.2em;}

div.warning_box ul {
   margin: 10px 0 0 10px;}

div.warning_box ul li {
   margin: 0 0 4px 0;
   text-transform:uppercase;}

/* NAVIGATION */
ul.navigation {
   color:#504f4f;
   font-size: 10pt;
   list-style-type: none;}

ul.navigation li {
   float:left;
   padding:0 5px;
   border-right:1px solid #504f4f;}

ul.navigation li a {
   color:#504f4f;
   text-decoration:none}

ul.navigation li a:hover {
	color: #726f6f;
	text-decoration: underline;
}
ul.navigation li a.active {
	text-decoration: underline;
	color: #302d2d;
}

/* Ticket #1187 - BUG: Some themes are blocking the sidebar login form. */		
#right_side {float:right; width:191px;}
#right_side .section {background:#f1f1f1; width: 159px; float:left; margin:0 0 1em; padding: 10px 16px;}
#right_side .section p {font-size: 1.1em;}
#right_side .section p span.title {font-size: 1.3em; font-weight:bold;}
 
#right_side #login {}
#right_side #login h4 {}
#right_side #login form {background:none; padding:0;}
#right_side #login fieldset {padding:0}
#right_side #login ul {padding:0; margin:0;}
#right_side #login li {list-style:none; padding:0; margin:8px 0 0;}
#right_side #login li input {}
#right_side #login li label {float:none; text-align:left; color:#000; padding:0; width:auto;}