<!--

/*******************************************************/
/*                opus1studios.com                     */
/*******************************************************/
	 
body
{
	font-family: "trebuchet ms", arial;
	color: #976;
	margin: 0;
	margin-bottom: 15px;
 	background: #DBD1AD url(images/background2.gif) center repeat-y;
	font-size: .8em;
}
p
{
	text-indent: 0;
	text-align: left;
	line-height: 1.4em;
}
a					{ color: #643; }
a:hover				{ color: #777; }
a:visited			{ color: #667; }
a.bodylink			{ color: #643; }
a.bodylink:hover	{ color: #777; }
a.comments
{
	font-size: 1em;
	color: #444477;
	text-decoration: underline;
	margin-right: 2em;
}
a.comments:hover	{ color: black; }
a.parent
{
	font-size: 1em;
	color: #444477;
	text-decoration: underline;
}
a.parent:hover		{ color: black; }
acronym				{ cursor: help; }
acronym:hover		{ border-bottom: 2px solid white; }	
.footnote
{
	font-size: .85em;
	text-indent: 0em;
	line-height: 1.2em;
}
h1
{
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
	padding: 0em;
	margin-bottom: 1.5em;
	border-bottom: solid 1px #976;
}
h2
{
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
	padding: 0em;
}
h3
{
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
	padding: 0em;
	margin: 0em;
}
hr
{
	border: none;
	color: #976;
	background-color: #976;
	height: 1px;
}
form { display: inline; }
input
{
	vertical-align: middle;
	font-family: "trebuchet ms", arial, "courier new", courier;
	font-size: 1em;
	display: inline;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
	input.search
	{
		font-family: verdana, arial, sans-serif;
		color: #976;
		border: solid 1px #112;
	}
	input.hide_form { display: none; }
	input.show_form
	{
		font-family: verdana, arial, sans-serif;
		color: #976;
		border: solid 1px #112;
	}
	input.btn
	{
	  	border-left: solid 1px #FFF;
		border-top: solid 1px #FFF;
	  	border-right: solid 1px #000;
	  	border-bottom: solid 1px #000;	  	
		vertical-align: middle;
		font-family: verdana, arial, sans-serif;
		font-size: 1em;
		padding-left: .5em;
		padding-right: .5em;
		background: #AAB;
		display: inline;
	}
textarea
{
	font-family: "trebuchet ms", arial;
	font-size: 1em;
	border: solid 1px #112;
	vertical-align: middle;
	background: #FFF;
	color: #976;
	display: block;
	padding: 0.3em;
}
select
{
  	background: #FFFFFF;
	border: solid 1px #112;
	font-family: "courier new", courier;
}


.invisible
{
	visibility: hidden;
	font-size: 1pt;
	position: absolute;
}
.update
{
	font-size: .85em;
	text-align: left;
	margin-top: 2em;
	color: #976;
}
.google
{
	font-size: .8em;
	color: #FFF;
	word-spacing: normal;
	margin-left: 2em;
}
.weblog
{
	position: relative;
	border: dotted 1px #976;
	margin-bottom: 3.2em;
	width: 400px;
	text-align: left;
	color: #976;
}
	.wlinner
	{
	    margin-left: 1.5em;
	    margin-right: 1.5em;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}
	.wlinner p	{ line-height: 1.5em; }
	.wlinner ol	{ line-height: 1.5em; }
	.wlinner h3
	{
		font-size: 1em;
		text-decoration: none;
		font-weight: bold;
		padding: 0em;
		margin: 0em;
	}
	.blog_quote { margin-left: 2em; }
.post
{
	font-size: .8em;
	color: #444477;
	background-color: #B7BFD4;
	width: 100%;
	line-height: 2em;
	margin-left: auto;
	margin-right: auto;
}
	.postdate
	{
		display: inline;
		margin-left: 2em;
	        margin-right: 2.33em;
	        float: left;
	}
	.posttime
	{
	        margin-right: 2.33em;
	        float: left;
	}
	.postcomments { margin-right: 2em; }
.copyright
{
	font-size: .8em;
	position: relative;
	clear: left;
 	margin-right: auto;
 	margin-top: 5em;
	margin-bottom: 1em;
	text-align: left;
	line-height: 1.1em;
}

/*
*  Hide text used to compensate for an error
*  in Firefox that keeps the full-height of a
*  div from showing unless text is present.
*/
.heightadjustment { color: #FAFEE4; }
.new_window
{
	margin: 2em;
	background: #FAFEE4;
	color: #976;
}
.go_to_page
{
	font-size: .9em;
	color: #976;
	background: white;
	font-family: "trebuchet ms", arial;
}
.backtotop
{
	text-align: right;
	font-size: .85em;
	text-indent: 0em;
	line-height: 1.2em;
}
div.alert
{
	border: dotted 1px black;
	padding: 1em;
	background: #F2EECC;
	font-size: 1.1em;
	color: #643;
	margin-bottom: 1em;
}
ul.faq a 			{ text-decoration: none;		}
ul.faq a:hover		{ text-decoration: underline;	}
ul.studio_news li	{ margin-bottom: 1em; }


/*******************/
/* =SPECIFIC DIVS= */
/*******************/

#container
{
	width: 710px;
	min-height: 100%;
  	background-color: #FAFEE4;
  	margin-left: auto;
  	margin-top: 1em;
  	margin-right: auto;
}
#banner
{
	background: url(images/banner_lessons.jpg) no-repeat;
	background-color: #000;
	height: 340px;
}
#navbar
{
  	-moz-box-sizing: border-box;
	background: #aba292;
	text-align: left;
	padding-top: 1em;
	padding-bottom: .8em;
	margin-bottom: 1em;
}
	#navbar a
	{
		color: #FFF;
		background: #aba292;
		text-decoration: none;
		padding-left: .8em;
		padding-top: .2em;
		padding-right: .8em;
		padding-bottom: .2em;
		border-left: solid 1px #aba292;
		border-right: solid 1px #aba292;
	}
	#navbar a.current
	{
		color: #976;
		background: #FAFEE4;
	  	border-top: solid 1px #888;
	  	border-left: solid 1px #888;
	  	border-bottom: solid 1px #888;
	  	border-right: solid 1px #888;
	}
	#navbar a.current:visited	{ color: #976; background-color: #FAFEE4; }
	#navbar a:visited			{ color: #FFF; }
	#navbar a:hover
	{
	  	color: #976;
	  	border-top: solid 1px #888;
	  	border-left: solid 1px #888;
	  	border-bottom: solid 1px #888;
	  	border-right: solid 1px #888;
		background-color: #FAFEE4;
	}
	#navbar a:active
	{
	  	border-top: solid 1px #333;
	  	border-left: solid 1px #333;
	  	border-bottom: solid 1px #888;
	  	border-right: solid 1px #888;
	}
	#innernavbar { display: inline; }
#lcol
{
	position: relative;
	float: left;
	width: 245px;
	margin-left: 1em;
	margin-right: 1em;
}
#rcol
{
	position: relative;
	float: left;
	width: 400px;
	margin-right: 1em;
}
#index_myquote
{
	position: relative;
  	width: 200px;
  	font-size: .85em;
	text-align: left;
	line-height: 1.4em;
	background-color: #F2EECE;
	padding: 2em;
}

/* This "sidebar" is for the Policies menu */

.sidebar
{
	width: 225px;
	position: relative;
	float: left;
	display: inline;
	border: solid 1px black;
	text-align: left;
	padding: 0em;
	background-color: #F2EECC;
	margin-bottom: 1.2em;
}
.searchbar { -moz-box-sizing: border-box; display: block; text-align: left; padding: 0.33em; padding-left: 0.5em; border-bottom: 1px solid black; color: #976; background-color: #F2EECC; text-decoration: none; }
.sidebar a { -moz-box-sizing: border-box; display: block; text-align: left; padding: 0.33em; padding-left: 0.5em; border-bottom: 1px solid black; color: #976; text-decoration: none; }
.sidebar a:link { color: #976; background-color: #F2EECC; }

.sidebar a:hover { color: #444477; background-color: #B7BFD4; }
.sidebar .selected { -moz-box-sizing: border-box; display: block; text-align: left; padding: 0.5em; border-bottom: 1px solid black; color: white; background-color: #6B7496; }
.sidebar h1  /* "Topics" and "Archives" title */
{
	font-size: 1.4em;
	color: #444477;
	background:	url(images/sidebar_h1_gradient.jpg) repeat-y; /* #B7BFD4; */
	text-decoration: none;
	padding: 0.33em;
	margin: 0em;
	border-bottom: 1px solid black;
	text-align: left;
}
.sidebar select
{
	width: 210px;
	font-size: .9em;
	color: #976;
	background: #FAFEE4;
	font-family: "trebuchet ms", arial;
}
.sidebar input
{
	font-size: 1em;
	font-family: "trebuchet ms", arial;
}
#google_adsense
{
  	text-align: center;
  	background: #FAFEE4;
  	position: relative;
  	float: left;
  	margin-top: 2em;
	margin-bottom: 1em;
	width: 225px;
}
#contact
{
	border: none;
	text-align: center;
   	background: url(images/contact.jpg) no-repeat center top;
   	height: 225px;
   	width: 225px;
}
	#contacttext { border: none; }

/**************** Not in scotthorlbeck.com ****************/

#lessons_indent p { margin-left: 20px; }
#lessons_info_pic
{
	background: url(images/piano01.jpg) no-repeat;
	height: 173px;
	width: 230px;
	position: relative;
	float: left;
	display: inline;
	margin-top: 1em;
	margin-left: 1em;
}
#lessons_faq_graphic
{
	width: 245px;
	height: 200px;
	background: url(images/faq_graphic.jpg) no-repeat;
	margin-bottom: 4em;
}


/* --> */
