/*
Theme Name: Sandro Russo Pianist Theme
Theme URI:http://bakecreatives.com
Description: Sandro Russo Pianist Theme
Author:Bake Creatives
Author URI:http://bakecreatives.com/
Tags: black, music

	The CSS, XHTML and design is released under the GPL.

*/

/* COLORS

footer text - #7b7777
h1 (yellow)- #d8ce2e
pixture border (slate): #0b0b0b
h2 (orange)- #aa3b15
*/

/*Graphics details

LOGO - logo.jpg  (268x72)
Social Media - social-media.png (110x70)
Navigation: navi.jpg (500x91)
TitleBar - title_bar.jpg (610x50)

Sidebar 300px
Body Main � 620px
Site Width 960px

*/

/*Typography
Search: Arial #cacaca
Post Title: Helvetica, Arial, #d6036e
User data: Arial, #4b4549
*/


/* BROWSER RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, font, img,
small, strong, sub, sup,
b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END BROWSER RESET */


/*Universal CSS */

* { padding: 0; margin: 0; background: none; } 
body { font-family: "Times New Roman", Times, serif; font-size: 0.9em; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3em; background: #000000;}
a { border: none; text-decoration: none; color:#ffffff; font-weight:500; }
a:hover { color:#d8ce2e; border: none; background-color:none; }
hr{ margin-top:35px; border:0; width:620px; color:#f15a22; clear:both; }
#wrapper { width:960px; margin: 0 auto; }
p {color: white;}
h1 {color: #d8ce2e; 1.3em;} 
h2 {color: #aa3b15; font-size: 1.1em;  } 


/*HEADER*/


#header {  background-color: #000000; background: #000000; width:960px; height: 70px; margin: 0 auto; padding: 0; }

#logo { float:left; width:auto; padding:0; }

#logo a {color:#ff2b06; font-size: 2em; font-weight:600; text-decoration:none; text-indent: -99999px;  height: 55px; width: 394px; display: block; position: relative; background: url(./images/logo.png) 0 0 no-repeat; float: left}


#socialmedia {float: right; position: relative; left: 25px; top: 25px; padding: 5px; width: 250px; }

#facebook { position: relative; }
#facebook a {text-indent: -99999px; height: 34px; width: 100px; background: url(./images/social-media.png) 0px 0px no-repeat; float: left; } 
#facebook a:hover {background: url(./images/social-media.png) 0px -28px no-repeat;}

#youtube { position: relative; }
#youtube a{text-indent: -99999px; height: 34px; width: 90px; background: url(./images/social-media.png) -100px 4px no-repeat; float: left; } 
#youtube a:hover {background: url(./images/social-media.png) -100px -27px no-repeat;}




/*NAVIGATION*/

#nav {float:left; width:auto; padding: 0 0; position: relative; top: 0px; left: 0px; clear: both; }

#nav ul {height:30px; width: 960px; float:left; position: relative;  border-top: 1px solid #fbf8f8; border-bottom: 1px solid #fbf8f8; padding: 0 0 0 20px; }

#nav li {text-align:center; float:left; display:inline; width:auto; padding: 5px 37px 0 0;}

#nav li a {color: #ffffff; font-size: 1.1em; font-weight:400; font-family:'Lucida Sans','DejaVu Sans Condensed',sans-serif; display:block; padding:0; border-bottom:none; }

#nav li a:hover {color: #d8ce2e; }

#nav li a:active {color: #475159; background: url(./images/buttons.jpg) -190px 0 no-repeat; }




/*ul#nav li.current_page_item a, ul#nav li.current-cat a { background: url(./images/navi.jpg) -30px 0px no-repeat; }
ul#nav ul.children {display: none;}*/




#blurb { font-family:Georgia; height:auto; border-bottom:1px dotted #ccc; width:100%; float:left; padding:35px 0;font-size:32px;font-weight:400;line-height:120%;}
#blurb:hover { color:#e12000;}

/*  CONTENT */

#contentwrap { width:960px; float:left; padding: 0; min-height:420px; background: #ffffff; }
#content { width:700px; float:left; padding: 0 0 30px 0px; min-height:420px; margin: 0px 10px 0 20px; }

#page { width: 960px; float:left; padding:20px 30px 30px 30px; min-height:420px; background: none;  }

#page .post {border: none; background: none; }
.pagemain {width:600px; float:left; padding:10px 30px 30px 30px; min-height:420px; background: #0f0f0f; border: 1px solid #2f3030; margin: 0 0 0 0; }
.pagesub { width:300px; float:right; margin:0 0 25px 10px; padding: 0 30px 0 0; } 


/************************  PAGE SPECIFIC CSS **********************************/

/************* HOME PAGE **************************/

#homecontainer {width: 960px; height: 800px; text-align: center; }  /**BOX FOR HOME PAGE **/
 
#homepix {width: 550px; height: 900px; float: left; position: relative; left: -30px; top: -20px; } 

#various4 {position: relative; color: #000000; }

/*** BOX FOR RIGHT COLUMN **/

#hometextsection{width:370px; height: 800px; padding: 0; float: left; position: relative; top: 0px; margin: 30px 20px 0 0; text-align: center; }

/*** NEW BOX AND SCROLL **/
#scrollbox{width:370px; height:300px; overflow:auto; overflow-x:hidden; cursor: pointer; border: 1px solid #615f5f; }

#newscontent { width: 330px; padding: 10px; font-family: "Times New Roman", Times, serif; } 
#newscontent  h1 {font-size: 1.4em; } 
#newscontent p {color: #e1e2de; font-size: 1.1em; font-weight: 500;  } 

/*** QUOTE BOX **/

#homequotes {width: 330px; height: 400px; margin: 30px 0 0 0; background: url(./images/home-quote-bg.png) 0 0 no-repeat; padding: 20px 20px; } 
#homequotes  p {color: #d4d068; font-size: 1.2em; font-weight: 500; }


/************************* BIOGRAPHY PAGE ******************************/

#biopix {width: 960px; text-align: center; margin: 0; padding: 0; } 
#biotext {margin: 20px 0 0 20px; padding: 10px 30px; background: url(./images/bio-bg.jpg) no-repeat 0 0; width: 880px; }
#biotext h1, #biotext h2 {text-align: center; }


/*********************** REPERTOIRE PAGE ************************/

#repertoire-page {width: 960px; height: 970px; background: url(./images/repertoire-bg2.jpg) no-repeat 0 0; position: relative; left: -40px; margin: 0 0 30px 0; }

#repertoire-col-one {float: left; width: 460px; text-align: center; padding: 30px 10px 30px 10px; margin: 0 10px 0 20px; }
#repertoire-col-two {float: left; width: 400px;  color: #ffffff; position: relative; top: 680px; text-align: center; margin: 0 20px 100px 20px; } 
#repertoire-col-two a{font-size: 1em; }

#repertoire-concertos {width: 960px; clear: both; text-align: center; margin: 60px 0 0 0; padding: 30px 0 0 0; }
.concertos-col-one {float: left; width: 400px; text-align: center; padding: 30px 10px 30px 10px; margin: 0 10px 0 20px; }


 /**********************CONCERT PAGE ***************************/
 
#concerts-pix {width: 960px; text-align: center; margin: 0; padding: 0 ; position: relative; left: -20px; }
#concert-text {width: 960px; text-align: center; background: url(./images/concerts-bg.jpg) no-repeat 0 0; margin: 20px 0 0 0; padding: 20px 0 0 0; }

/**************** LISTENING ROOM **************************/

#listeningroom-page {width: 960px; height: 2000px; text-align: center; background: url(./images/listeningroom-bg.jpg) no-repeat 0 0; padding: 10px 0 0 0;} 
#listeningroom-page h2 {color: #aa3b15; font-size: 1.3em; padding: 20px 0 0px 0; } 
#listeningroom-page h3 {position: relative; left: 195px;  color: #aa3b15; font-size: 1.2em; padding: 10px 10px 10px 10px; border: 2px solid #635f5f; width: 550px} 
.imgborder2 {border: 1px solid #ac0313; } 

/***************** REVIEWS PAGE ******************************/

#reviewspix {width: 960px; text-align: center; margin: 0; padding: 0 ; position: relative; left: -20px; }
#reviewstext {width: 960px; text-align: center; background: url(./images/reviews-bg.jpg) no-repeat 0 0; margin: 20px 0 0 0; padding: 20px 50px 0 50px;}
#reviewstext p, #reviewstext h1, #reviewstext h2{padding: 0 50px; position: relative; left: -60px;  } 
#reviewstext p {text-align: left; } 

/******************** CONTACT PAGE ************************/
#contact-page {width: 960px; height: 600px; background: url(./images/contact-bg.jpg) no-repeat 0 0; }

#contact-form{width: 520px; margin: 0; padding: 30px 40px 0 40px; }
#contact-form p, #contact-form h1{padding: 0 80px 0 0px; text-align: center;}

#contact-form label {padding: 10px; } 
#contact-form input {background: #ffffff; color: #000000; } 
#contact-form textarea {background:  #ffffff; color: #000000;}
#contact-form  .submitbutton {width: 100px; height: 20px; background: #000000; color: #ffffff; font-family: "Times New Roman", Times, serif;border: 1px solid #6d6d6d; font-size: 1em;  } 
div.wpcf7-response-output {	margin: 2em 0.5em 1em;	padding: 0.2em 1em;	color: #ffffff;	border: none; }div.wpcf7-mail-sent-ok {	border: none;	color: #ffffff; 	text-align: center; }

/************************ GALLERY PAGE *************************/

#gallery-page {width: 960px; text-align: center; background: url(./images/concerts-bg.jpg) no-repeat 0 0; margin: 20px 0 0 0; padding: 20px 0 0 0; }
.gallery { margin: 0 0 0 45px; /*position: relative; left: 50px; */}

/************************* REVEIEWS PAGE **********************/
#recording-page {width: 960px; }
.recordingsbox {width: 960px; height: 600px; background: url(./images/recordings-bg.jpg) no-repeat 60px 0px; text-align: center; padding: 20px 0 0 0;}
.recordings-img {width: 350px;  float: left; margin: 10px 0 0 80px; }
.recordings-text {width: 380px; float: left; padding: 0 20px; color: #ffffff; margin: 10px 0 0 0; }
.recordings-text h3 {color: #aa3b15; font-family: "Times New Roman", Times, serif; font-size: 1.2em; padding: 0; margin: 0; }


.recordings-img-noborder {width: 350px;  float: left; margin: 10px 0 0 60px; }
.recordings-img-noborder img {border: none }

/* ============ BLOG POST ================= */

.post { padding:0; background: #ffffff; margin: 0px 0 0 0; }
.post p { margin: 10px 0 10px 0; }
.post em{ font-style:italic; }
.post h2 { font-family: "Times New Roman", Times, serif; font-size:1.2em; margin:10px 0 10px 0; font-weight:normal; }
.post h1, .post h1 a{ font-family: "Times New Roman", Times, serif; font-size: 1.4em; margin:10px 0 10px 0; font-weight:normal; line-height:32px; color: #d8ce2e; }
.post h3, .post h4 { }
.post h4 { font-size:18px; }
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {}
.post a {text-decoration: underline; }

.post .indent { padding-left:10px; }
.post .indent p { padding-left:10px;}

.post small { font-size:1em; color: #4b4549; }
.post small a { font-weight:normal; color: #4b4549; }
.post small a:hover { color: #d6036e; }

.post .alignright { float:right; margin-left:10px; }
.post .alignleft { float:left; margin-right:10px; }
.post .aligncenter { margin:0 auto; display:block; }
.post abbr { font-weight:normal; }
.post ul{ list-style:circle; margin:0 0 0 25px; }
.post ol{ list-style:decimal; margin:0 0 0 30px; }
.post .wp-caption { background:#f7f7f7; border:1px solid #ccc; margin:10px; text-align:center; padding:5px 0 0; }
.post .wp-caption-text { margin:0; }
.post .wp-caption a, .post .wp-caption a:hover { border-bottom:0; }
.post blockquote { color:#777; border-left:5px solid #ccc; margin:15px 30px 0 10px; padding-left:20px; }
.post pre {font-family:courier; font-size:12px; letter-spacing:-1px; margin:14px 0 14px 0; }

.post .message ul { margin:12px 0 0; }
.post .message { display:none; background:#0F67A1; margin-top:10px; padding:20px; color:#fff; }

/* =============== TAG LIST ==================== */
.tag {float: right; }
.tag a {color: #ffffff; background: #d6036e; padding: 2px 10px 2px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.tag a:hoover {color: #ffffff; background: #000000;}

/* =========COMMENTS============= */

#comments h3, #comments h4{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; margin:35px 0 5px; font-weight:normal; color: #fefefe; }
#comments a { color: #4b4549; } 
#comments h4{ font-size: 1.2em; color: #4b4549; }
#comments cite{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; border-bottom: none; color: #fefefe; }
#comments cite a { color: #4b4549; }  
#comments em { font-style:italic; text-align:right; }
#comments ol.commentlist li { margin-top:20px; border:2px dotted #222222; padding:20px 5px 20px 10px; min-height:110px; }
#comments p { margin:20px 0 0 10px; width:auto; color: #4b4549;}
#comments span { display:block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:120px; font-weight:normal; float:right; padding-top:25px; }
#comments ul.formlist { margin:20px auto; width:375px; }
#comments ul.formlist li { display:block; margin:10px 0 0; }
#comments ul.formlist p{ margin:10px 0 0; text-align:center; color: #4b4549; }
#comments input { font-family:Arial, Helvetica, sans-serif; width:370px; font-size: 1.2em; font-weight:normal; color: #fefefe; border: 1px solid #222222; }
#comments textarea { font-family:Arial, Helvetica, sans-serif; width:400px; font-size: 1.2em; font-weight:normal; color: #aba8a8;}
#comments li.submitbutton input { text-align:center; background: #d6036e; border:1px solid #906; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.2em; width:400px;}
#comments .center { text-align:center; }


/* SIDEBARS CSS blocks are the divs for each part of the sidebar */

#sidebar { width:300px; float:right; margin:10px 0 25px 0px; padding: 0 20px 0 0; background: #ffffff; }
#sidebar h3 { padding:10px 0 3px 0; font-size:1.2em; color: #d6036e; }

#sidebar .block, .block a { color:#000000; } 
#sidebar .block ul { border-bottom:1px solid #333333; background: #ffffff; }
#sidebar .block ul .children{ border:0; padding: 0 0 0 8px; }
#sidebar .block li { border-top:1px dotted #D4D4D4; background: #ffffff;}
#sidebar .block li a { background: #ffffff; font-size:13px; font-weight:normal; padding: 3px 0 2px 15px; display:block; border-bottom:none; color: #4b4549; }
#sidebar .block li a:hover { background:#fffffff; color: #4b4549; }

/*.block a, .block h2, .block h3, block h4, .block p{ color:#fefefe; }*/



#sidebar .widget_search label { display:block; padding:25px 0 3px 0; font-size:18px; border-bottom:1px dotted #ccc; margin:0 0 5px; }
#sidebar .widget_recent_comments li { background:transparent url(../clean-home/images/bullet_black.gif) no-repeat scroll 6px 52%; padding:2px 0 2px 15px; }
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{ background:none; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; }
#sidebar .widget_recent_comments li a:hover { color:#e12000; border-bottom:1px dashed #e12000; background-color:#f7f7f7; }
#sidebar .widget_tag_cloud h3 { margin:0 0 8px; border-bottom:1px dotted #ccc; }
#sidebar .widget_text h3 , #sidebar .calendar h3{ border-bottom:1px dotted #ccc; }

#sidebar .calendar h3{ display:none; }
#sidebar #wp-calendar { width:95%; text-align:center; }
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{text-align:center; }
#sidebar #wp-calendar caption { font-size:18px; padding:25px 0 3px 0; }
#sidebar #wp-calendar th { font-weight: bold; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#sidebar #wp-calendar tfoot td{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
 
.adbox { border: 2px solid #eeeeee; padding: 2px; width: 300px; height: 280px;  } 

/*  FOOTER */

#footer { width:960px; height: 50px; background: #000000; text-align:center;  }
#footerinfo { padding: 0 0px 0 0; margin: 0 auto; }
#copywright { font-size: .9em; float: right; width: 960px; /*position: relative; top: 0; left: 110px;*/ color: #dededb; padding:0px 0 30px 0px; }
#copywright p {  color: #878686;  } 





/*utility*/
#clear {clear: both; }
.floatleft	{float: left; }
.floatright	{float: right; }
.floatcenter {float: center; width: auto; }
.button {background: #232322; border: 1px solid #414242; padding: 6px 10px 6px 10px; }
a:hover.button  {background: #232322; border: 1px solid #414242; } 
.imgborder {border: 12px solid #0b0b0b;}
.noborder {border: none; } 
.whiteborder img{border: 10px solid #ffffff; }