/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */

/*
.custom #header #logo a { display: block; height: 86px; width: 250px; background: url('images/funkpianolessons-logo.png') no-repeat; outline: none; }
*/

/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline
{
	text-indent: -9999px;
	margin: 0;
}

/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 0px; }

.custom #header
{
	display:none;
}

#header_image { margin-bottom: 30px; padding-bottom:80px;}

.custom #content .space
{
	color: #421311;
	font-family: arial;
	font-size: 19pt;
	padding: 5px 0;
	margin: 45px 0;
	word-spacing: .1em;
	border-top: 1px #CCC dotted;
	border-bottom: 1px #CCC dotted;
}


.custom #content .redhead
{
	color: #990000;
	font-family: arial;
	font-size: 19pt;
	padding: 5px 0;
	margin: 45px 0;
	word-spacing: .1em;
	border-top: 1px #CCC dotted;
	border-bottom: 1px #CCC dotted;
}


/* remove title from pages */
.notitle .headline_area { display: none; }
.custom #multimedia_box { background: #FFF; }

/*
.custom #archive_info { display: none; }

*/

/* Archive Page Customizations */
.custom #content #archive_info h1
{
	font-size: 3.8em;
	font-weight: normal;
}

.custom #content #archive_info p
{
	font-size: 1.3em;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}

/* hide RSS feed subscribe // not needed now? */

/*
.custom ul#tabs li.rss {display:none;}
*/

/* no line above articles alert */
.custom .post_box { border-top: 0px; }
.custom .headline_area { margin-bottom: 0; }

/*---:[ Set 1: solid background with slick borders around your "page" area ]:---*/
/*
body.custom { background: #362221 url('images/background1.jpg'); }
*/
body.custom { background: #DADADA;}

.custom #container
{
	margin-top: 2em;
	margin-bottom: 2em;
	background: #33332f;
	border: 1px solid #3E3E3A;
}

.custom #page { background: #fff; }

/*---:[ end Set 1 ]:---*/
/* TABS */
.custom #tabs,
.custom #tabs li
{
	border: 0;
	font-family: arial;
}

.custom #tabs
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.custom #tabs li,
.custom #tabs .current_page_item,
.custom #tabs .current-cat
{
	padding: 2px 4px;
	background: none;
	border-right: 1px solid #eee9e0;
}

.custom #tabs a:link,
.custom #tabs a:visited { padding: 8px 9px 7px; }

.custom #tabs a:hover,
.custom #tabs a:active
{
	background: #942824;
	color: #fff;
	text-decoration: none;
}

.custom #tabs .current_page_item a:link,
.custom #tabs .current_page_item a:visited,
.custom #tabs .current-cat a:link,
.custom #tabs .current-cat a:visited
{
	color: #942824;
	background: none;
	font-weight: bold;
}

.custom #tabs .current_page_item a:hover,
.custom #tabs .current_page_item a:active,
.custom #tabs .current-cat a:hover,
.custom #tabs .current-cat a:active { color: #942824; }

/* clear */
p.clear { clear: both; }

/* Login Form */
#loginform
{
	border: 1px #CCC dotted;
	padding: 20px 20px 20px 20px;
	width: 200px;
	margin-left: 20px;
	background-color: #6CC6C3;
}

#loginform label, #loginform input
{
	display: block;
	width: 100px;
	height: 16px;
	font-size: 10pt;
	float: left;
	margin-bottom: 10px;
	font-family: arial;
}

#loginform label
{
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#loginform .submit
{
	float: right;
	margin-right: 3px;
	height: 16px;
	width: 70px;
}

#loginform br { clear: left; }

#loginform a
{
	font-family: arial;
	font-size: 10pt;
}

#loginform a:hover
{
	color: #000;
	text-decoration: underline;
}

.search_form #searchsubmit { display: none; }

.search_form input
{
	width: 200px;
	background-color: #e5e597;
}

.member_login
{
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 10px;
}

/* Other Links */
#otherlinks
{
	padding: 20px;
	width: 200px;
	margin-left: 20px;
	font-family: arial;
	font-size: 12pt;
}

#otherlinks .title
{
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

#otherlinks ul { list-style-type: none; }
#otherlinks li { margin-bottom: 10px; }

a:hover
{
	color: #942824;
	text-decoration: underline;
}

.widget_tag_cloud
{
	font-family: arial;
	font-size: 12pt;
}

.st-tag-cloud
{
	font-family: arial;
	font-size: 12pt;
}

#sidebar_1
{
	margin-left: 20px;
	padding: 20px;
}

#player
{
	margin-top: 30px;
	float: left;
	width: 500px;
}

#welcome_sidebar
{
	margin-top:60px;
	float: right;
	width: 320px;
	font-family: arial;
	font-size: 12pt;
}

#freesignupform {
	height: 287px;
	width: 294px;
/*
	background-image: url(images/form-bg.jpg);
*/
	background-repeat: no-repeat;
	background-position: center top;
	z-index:15;
}

.hidelist li { list-style-type: none; margin-bottom:10px;}

#formentry {
	padding-top:60px;
	margin-left: 20px;
	}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
}


input
{
color: #781351;
background: #E5E597;
border: 1px solid #362221
}

.headline
{
	color: #000;
	background: #FFF;
	font-family: arial;
	font-size: 24pt;
	font-weight: bold;
	padding:4px;
}

.subheadline
{
	color: #000;
	background: #FFF;
	font-family: arial;
	font-size: 14pt;
	font-weight: bold;
	padding: 4px;
	font-style: italic;
}



.submit input
{
	color: #000;
	background: #F1A23C;
	border: 2px outset #d7b9c9;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	padding:4px;
}


#inserts input
{
	color: #000;
	background: #942824;
	border: 2px outset #000;
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
	padding:4px;
}


.notice
{
	width: 90%;
	margin: auto;
	text-align: left;
	color: #333;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #fdf4c9;
	margin-bottom: 8px;
}

.notice_clear
{
	width: 600px;
	margin: auto;
	text-align: left;
	color: #707070;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #fff;
	margin-bottom: 8px;
}

.notice_red
{
	width: 80%;
	margin: auto;
	text-align: left;
	color: #333;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #FC9;
	margin-bottom: 8px;
}
.notice b
{
	font-size: 14px;
	color: #421311;
}

.notice a:link
{
	color: #942824;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:visited
{
	color: #942824;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:active
{
	color: #942824;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:hover
{
	color: #421311;
	font-weight: bold;
	text-decoration: none;
}




/* LOGIN FORM CSS */
/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */


/***** Main Layout ****/
#container_login {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
	font: 12pt arial, helvetica, sans-serif;
  	line-height: 130%;
}

#login {
	font: 10pt arial, helvetica, sans-serif;
}

.loginClose {
	font-size: 12pt;
}

#content_login {
  	width: 900px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}


.entry-title a { color: #2361a1; text-decoration: none; }
.entry-title a:hover { color: #942824; text-decoration: underline; }


p.box {margin:10px; float:left; width:230px; border:0px dotted #ccc; padding:10px;}


.redtitle
			{
				color: #CC0000;
				font-family: Georgia, Times New Roman, Times, serif;
				font-size: 32px;
				font-weight: bold;
			}
			
.redheadline
{
	font-family: Tahoma,Arial;
	color: #880000;
	font-size: 2.5em;
	line-height: 1.25em;
}