/*
Theme Name: Steinway Madison v2.5
Theme URI: 
Description: The Steinway Madison theme designed and edited by Brian Artka
Version: 2.5
Author: Brian Artka
Author URI: http://www.brianartka.com
Tags: Piano

	Steinway Madison 

	This theme was designed and built by Brian Artka
	who you will find at http://www.brianartka.com

	The CSS, XHTML and design is copyright 2009 Steinway Madison

*/

/*layout*/

body{margin:0; padding:0; background:#fff url(images/steinwayBG.jpg) top left;}

#gradient{background:url(images/gradient.png) top left repeat-y; margin:0 auto; width:960px; padding:0 5px 5px 5px;}

#container{margin:0 auto; width:960px; background:#fff url(images/containerBG.gif) top left no-repeat;}

#topContentContainer{
position:relative;
width:960px;
height:175px;
}

.showroom #topContentContainer{
position:relative;
width:960px;
height:175px;
}

.FAP #topContentContainer{
position:relative;
width:960px;
height:175px;
}

.MM #topContentContainer{
position:relative;
width:960px;
height:175px;
}

.contactHead #topContentContainer{
position:relative;
width:960px;
height:175px;
}

.level3 #topContentContainer{
position:relative;
width:960px;
height:175px;
}

#logoContainer{
position:absolute;
top:3px;
left:24px;
width:192px;
height:130px;
}

#mainNav{
width:690px;
height:30px;
position:absolute;
top:0px;
right:0px;
}

#mainNav ul li{display:inline; padding:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:30px; color:#dc6729;}

#mainNav ul li a{color:#000; text-transform:uppercase;}

#headerBanner{
position:absolute;
bottom:0px;
right:30px;
height:325px;
width:900px;
/*background:url(images/jquery.png) top left no-repeat;*/
}

#contentContainer{
background-color:#fff;
float:left;
margin:0;
padding:0 0 30px 0;
}

#sideContent{
float:left;
width:243px;
padding:30px 30px 0 30px;
}

#mainContent{
position: relative;
float:left;
padding:290px 30px 0 30px;
width:550px;
border-left:1px solid #eee;
}

body.level3 #mainContent{padding-top:0px;}

.indexPara{
padding:20px 0 20px 0;
font-weight:bold;
font-size:16px;
}

#footerContent{clear:both;margin:0px 0 0 0; width:960px; height:40px; border-top:4px solid #dc6729; position:relative;}
#footerBrands{clear:both;margin:0px auto 50px auto; width:960px; height:80px; padding:10px 10px 0 30px;}
#footerBrands img{padding:12px;}



.contentNav{padding:0 0 0 30px; margin:0;}
.contentNav ul {}
 ul.contentNav li{padding:10px 0 10px 25px; border-bottom:1px solid #eee; list-style-type:none;}
 ul.contentNav li a{color:#666666; font-size:2em;}
 
  ul.contentNav li ul{padding-left:0px;}
 ul.contentNav li ul li{padding:10px 0 10px 5px; border-bottom:none; list-style-type:none;}
 ul.contentNav li ul li a{color:#999; font-size:1.5em;}
 
 ul li.current_page_item a{color:#dc6729;}

#metaInfo{
position:absolute;
bottom:10px;
right:200px;
text-align:center;
}
#metaInfo ul{margin:0; padding:0;}
#metaInfo ul li{display:inline; padding:20px 20px 0 20px;}
#metaInfo ul li a{color:#666666;}





/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}


h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;
color:#494949;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:25px;
padding:10px 0 5px 0;
margin:0;
color:#666666;
}

#sideContent p{margin:0; padding:0;}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	padding:0;
	}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;
text-transform:uppercase;
color:#494949;
}


h2.pagetitle {
	font-size: 2.5em;
	}

#sidebar h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}
	
#sideContent h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em; color:#c4c4c4; padding:0px 0 5px 0;
border-bottom:solid #eeeeed 1px; text-align:center;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #494949;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	color: #494949;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Arial, Helvetica, sans-serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #494949;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #000;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	font-size:1.2em;
	margin: 0 0 30px;
	clear:both;
	padding:15px 0 0 0;
		}
		
.post p{line-height:22px;}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	display:none;
	clear: both;
	line-height:20px;
	font-size:12px;
}

.clear {
	clear: both;
}



#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 0px;
	margin: 0;
	}

h2 {
	margin: 0px 0 0px 0;
	}

h2.pagetitle {
	margin-top: 0px;
	text-align: left;
}

#sidebar h2 {
	margin: 0px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 0px 0 0;
	}
	
h3#respond {clear:both; padding:15px 0 0 0;}

h3.comments {
	padding: 0;
	margin: 0;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
#sidebar ul li.eventsCal {height:200px; margin:0; padding-bottom:20px; border-bottom:1px solid #EEEEED;}


#sidebar ul p, #sidebar ul select {
	margin: 0px 0 0px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 0px 0 0 0;
	margin:0;
	}
	
#sidebar h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em; color:#c4c4c4; padding-bottom:5px;
border-bottom:solid #eeeeed 1px; text-align:center;
}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: none;
	text-align: center;
	margin:0px 0 20px 0;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


.showroom #mainContent{position:relative; padding-top:290px;}
.FAP #mainContent{position:relative; padding-top:290px;}
.MM #mainContent{position:relative; padding-top:290px;}
.contactHead #mainContent{position:relative; padding-top:290px;}

.cycleHeader{position:absolute; width:625px; height:325px; margin:0; padding:0; margin:0; padding:0; position:absolute; top:-65px;left:0px;}

.cycleHeader #JQ01{background:transparent url(images/JQimage01.jpg) no-repeat top right; width:625px; height:325px; margin:0; padding:0; position:relative;}
#mainContent #JQ01{
background:transparent url(images/JQimage01.jpg) no-repeat top right; 
width:626px; height:325px; margin:0; padding:0; position:absolute; top:-65px;left:0px;}


.cycleHeader #JQ01 h3{
text-indent:-9999px;
display:block;
width:626px;
height:50px;
background:transparent url(images/JQmessage01.png) no-repeat top left;
position:absolute;
top:275px;
left:0px;
}

.cycleHeader #JQ02{background:transparent url(images/JQimage02.jpg) no-repeat top right; width:900px; height:325px; margin:0; padding:0; position:relative;}
#mainContent #JQ02{
background:transparent url(images/JQimage02.jpg) no-repeat top right; 
width:626px; height:325px; margin:0; padding:0; position:absolute; top:-65px;left:0px;}

body.MM #mainContent #JQ02{background:transparent url(images/JQimageFAP.jpg) no-repeat top right;}

#mainContent #JQ02SP{
background:transparent url(images/JQimage02.jpg) no-repeat top right; 
width:626px; height:325px; margin:0; padding:0; position:absolute; top:-65px;left:0px;}

.cycleHeader #JQ02 h3{
text-indent:-9999px;
display:block;
width:626px;
height:50px;
background:transparent url(images/JQmessage02.png) no-repeat top left;
position:absolute;
top:275px;
left:0px;
}

.cycleHeader #JQ03{background:transparent url(images/JQimage03.jpg) no-repeat top right; width:900px; height:325px; margin:0; padding:0; position:relative;}
#mainContent #JQ03{
background:transparent url(images/JQimage03_old.jpg) no-repeat top right; 
width:626px; height:325px; margin:0; padding:0; position:absolute; top:-65px;left:0px;}

body.FAP #mainContent #JQ03{background:transparent url(images/JQimage03.jpg) no-repeat top right;}

.cycleHeader #JQ03 h3{
text-indent:-9999px;
display:block;
width:626px;
height:50px;
background:transparent url(images/JQmessage03.png) no-repeat top left;
position:absolute;
top:275px;
left:0px;
}

.cycleHeader #JQ04{background:transparent url(images/JQimageFAP.jpg) no-repeat top right; width:900px; height:325px; margin:0; padding:0; position:relative;}



.cycleHeader #JQ04 h3{
text-indent:-9999px;
display:block;
width:626px;
height:50px;
background:transparent url(images/JQmessage04.png) no-repeat top left;
position:absolute;
top:275px;
left:0px;
}

#mainContent #JQ04{
background:transparent url(images/JQimageFAP.jpg) no-repeat top right; 
width:626px; height:325px; margin:0; padding:0; position:absolute; top:-65px;left:0px;}


#emailLetter{
padding:20px 0 0 0;
}

#emailLetter div{padding:10px; background-color:#b66e4a; text-align:center;}

#logoNav{position: absolute; top:113px; left:22px; height:21px; margin:0; padding:0 0 0 10px; z-index:10;}

#logoNav ul{
margin:0; padding:0; list-style-type:none;	
}

#logoNav ul li{
float:left;	
}

#sideContent p img{padding:30px 0 30px 30px;}

/*contest form visuals*/

form div{clear:both; height:20px; padding:10px 0 10px 0; width:400px;}
form div p{float:left; padding:0 5px 0 0; margin:0; width:50px; text-align:right;}
form div input{float:left;}
div#address input{width:200px;}
div#StateZip input{width:50px; margin-right:10px;}
div#over18 input,div#elist input,div#ownpiano input, div#contestRules input{width:25px;}
div#over18 p,div#elist p,div#ownpiano p, div#contestRules p{width:auto;}
#formBG{background-color:#E1E1E1; width:500px; padding:25px; height:auto;}

#theContestRules{
text-align:left;
padding:20px 0 0 0;
margin:20px 0 0 0;
border-top:5px solid #e1e1e1;
}

#concertDIV fieldset{}
#concertDIV label { float: left; width:225px; }
#concertDIV label.error {color: red; padding-left: .5em; vertical-align: top; width:50px; }
#concertDIV p { clear: both; }
#concertDIV p input{ float:left; }
#concertDIV .submit {text-align:center; clear:both; float:left;}
#concertDIV em { font-weight: normal; padding-right: 1em; vertical-align: top; }


/*events cal page styles */
ul.eventsCalendar{margin:0; padding:0; list-style-type: none;}

li.eventsCalpage{margin:0; padding:0; list-style-type: none;}

li.eventsCalpage ul.ec3_events{margin:0; padding:0; list-style-type: none;}
li.eventsCalpage ul.ec3_events ul{margin:0; padding:0; list-style-type: none;}

li.eventsCalpage ul.ec3_events li.ec3_list_day{font-size:16px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; color:#BB704A;}
li.eventsCalpage ul.ec3_events li.ec3_list_day ul li{color:#999; padding:10px 0 0 0;}

/*archive list styles*/

ul.archiveList{margin:0; padding:0; list-style-type: none;}

ul.archiveList li{margin:0; padding:0; list-style-type: none; font-size:16px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; color:#BB704A;}

/*sidebar Content styles*/

#sidebarContent{margin:40px 0 0 0;}
#sidebarContent p img{padding:0;}

/*hide UL on recital page page-item-37 in wordpress*/

ul.contentNav li.page-item-37 ul{display:none;}
body.contactHead ul.contentNav li.page-item-37 ul{display:block;}
#sideContent ul.recital {display:none;}

/*video floats */

#floatleft{float:left; padding:20px;}
#floatright{float:right; padding:20px;}

/*main nav changes 2009-10*/

#mainNav ul{margin:0; padding:10px 0 0 0; text-align: center;}

#blogHeader{width:626px; height:252px; background: transparent url(images/JQimageBlog.jpg) top left no-repeat; margin:-60px 0px 30px -30px;}