/*   
Theme Name:Piano Black
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo3/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:1.0.3
Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/

/*  ------ basic ------------------- */

h2{font-size:16px;}
h3{font-size:14px;}
h6{<text-align:left;margin:0px;padding:0px; font-size:12px; font-weight:400;}
h1 a:hover{ color:#CCC;}
body { margin:0; padding:0; background-color:#FFF; background:url(img/newbg.jpg) fixed left top;
       font-family: Arial, Helvetica, sans-serif; 
       font-size:12px; color:#cdcada; text-align:center; }
a img { border:none; }
a, a:visited { color:#8b8899; text-decoration:none; outline:none; }
a:hover { color:#CCC; text-decoration:none; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; }
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/*  ------ layout ------------------------ */


#contents { width:975px; height:100%; margin:0 auto; text-align:left; border: 0px #000 solid; background:#666; }
#header { background:url(img/top.png) no-repeat bottom; height:0px;margin-top:0px; }
#middle-contents { background-color:#FFF; height:100%; }
#registerlogin { background-color:#090;}
#left-col { width:675px; margin:0px;padding:0px; background-color:#FFF; }
#right-col { width:300px; height:100%; margin:0px;padding:0px; background-color:#333; text-align:center;  }
#footer { background-color:#000; height:100px; margin-bottom:0px; }
#footerlinks {  width:975px; padding-top:20px; text-align:center;}
#countdown {width:585px; height:60px;  padding:0px 0 0 0; background-color:#000;}


/*  ------ header ---------------------- */


/* Change the number of margin if you are using original logo image */
#logo_image { margin:69px 0 0 30px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

/* blog title */
#logo { float:left; display:inline; margin:64px 0 0 40px; }
#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }

#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

#rss-feed { font-size:11px; float:right; margin:62px 10px 0 0; display:inline; color:#777; background:url(img/rss.gif) no-repeat left top; height:25px; width:80px; padding:18px 0 0 60px; }
#rss-feed:hover {color:#83bac4; text-decoration:none; }

#search-area { float:right; display:inline; width:183px; height:29px; margin:70px 47px 0 0;  }
#search-input { float:left; margin:8px 0 0 24px; border:0px; height:17px; display:inline; width:125px; font-size:12px; color:#7e7e7e; background:transparent; }
#search-button { float:right; }


/*  ------ left-col ------------- */

.post-small {height:230px; margin:0px; padding:0px;}
.post { margin:0px 0 0px 0px;padding:5px 10px 5px 15px; width:650px;  border-top:1px solid #CCC;}
.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; color:#636; }
.post h2 a, .post h2 a:visited, #single h2 { color:#636; font-size:16px; line-height:120%; font-weight:normal; }
.post h2 a:hover { text-decoration:none; color:#669; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:0px 10px 0px 0px; line-height:160%; width:630px;}
.post-content p { margin:0 0 1em 0; line-height:160%; color:#333; }
.post-content a,.post-content a:visited { text-decoration:underline; }
.post-content a.more-link, .post-content a.more-link:visited 
  {  margin:0px 0 0px 0; height:23px; padding:0px 0 0 8px;  text-decoration:none;  color:#636;}
.post-content a.more-link:hover {text-decoration:none; color:#669; }

.post img, .post a img { border:0px solid #222; padding:0px; margin:0;  background:#555; }
.post a:hover img { border:0px solid #849ca0;  }
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post-content ul li { margin:0 0 0 0; line-height:160%; padding:0 0 0 12px; }
.post-content input { margin:5px 0; }

.post-meta {  padding:0px 0 0 0; float:left; margin:0px; }
.post-meta ul {  padding:0 10px 0px 0px; line-height:0%; margin-bottom:0px; }
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-comment a{ float:left; width:80px;  padding:0 10px 2px 0px;color:#636; }
.post-comment a:hover{ float:left; width:80px;  padding:0 10px 2px 0px;color:#669; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }


/*  ------ right-col ------------- */
#information-title { padding:25px 20px 5px 20px; width:232px; margin:0 0 0 30px; }
.information-contents { line-height:160%; font-size:11px; color:#868a8d; padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:232px; }

.side-title { margin:0 0 0px 0; font-size:11px; text-transform:uppercase; color:#999; font-weight:normal; line-height:100%; }
.side-box { color:#aaa; margin:0 0 0px 32px; font-size:11px; width:270px; }

 
#side-left { float:left; width:218px; padding:0 0 0 32px; background-color:#000;}
#side-right { float:right; width:218px; padding:0 0px 0px 32px; background-color:#000;}
.side-box-short { margin:0 0 0px 0; width:130px; font-size:11px; color:#aaa; }

#side-bottom { clear:both; }

/* this is just for default mode */
#side-left-ex { float:left; width:128px; padding:0 0 0 32px; }
#side-right-ex { float:right; width:120px; padding:0 30px 0 10px; }
#side-bottom-ex { clear:both; }




/* MIKES CSS STUFF*/

img {border: none;}
#nextshow{float:left; width:250px; height:126px; padding:0 0 0 0px;margin-top:10px; background-image:url(img/nextshow.png)}
#buycd{float:left; width:250px; height:126px; padding:0 0 0 0px;margin-top:10px; background-image:url(img/buycd.png)}
#rvecho{float:left; width:250px; height:126px; padding:0 0 0 0px;margin-top:10px; background-image:url(img/rvecho.png)}
#shoppingtop{float:left; width:250px; height:28px; background-image:url(img/shoppingcarttop.png);}
#shoppingbot{float:left; width:250px; height:28px; background-image:url(img/shoppingcartbot.png);}
#logintop{float:left; width:250px; height:42px; background-image:url(img/bartop.png);}
#loginbot{float:left; width:250px; height:16px; background-image:url(img/barbot.png);}
#register page{ background-color:#3C3;}
#facebooklink { background-image:url(img/headlinkfb.png); height:32px; width:32px; float:right;}
#myspacelink { background-image:url(img/headlinkms.png); height:32px; width:32px;float:right;}
#youtubelink { background-image:url(img/headlinkyt.png); height:32px; width:32px; float:right;}
#amazonlink { background-image:url(img/headlinkam.png); height:32px; width:32px; float:right;}
#ituneslink { background-image:url(img/headlinkit.png); height:32px; width:32px;float:right;}
#twitterlink { background-image:url(img/headlinktw.png); height:32px; width:32px;float:right;}
#mtvlink { background-image:url(img/headlinkmtv.png); height:32px; width:32px;float:right;}
#ilikelink { background-image:url(img/headlinkil.png); height:32px; width:32px;float:right;}
#soundcloudlink { background-image:url(img/headlinksc.png); height:32px; width:32px;float:right;}
#lastfmlink { background-image:url(img/headlinklf.png); height:32px; width:32px;float:right;}
#ustreamlink { background-image:url(img/headlinkus.png); height:32px; width:32px;float:right;}
#tumblrlink { background-image:url(img/headlinktu.png); height:32px; width:32px;float:right;}
#sociallinks a:hover {opacity:0.8;filter:alpha(opacity=80);}
#greytext {color:#444;}
.lyricsmenu { line-height:20px;}

/* MIKE BIO PAGES CSS*/

#bandmenu {width:710px; background-color:#000;padding-left:10px; padding-right:10px; text-align:center;}
#bandmenubtn {border:1px solid #000;}
#bioarea1 {width:710px; height: 771px; background-color:#000; border-top:#222 solid 1px; padding-top:10px; padding-left:10px; padding-right:10px;}
#bioarea {width:710px; height: 550px; background-color:#000; border-top:#222 solid 1px; padding-top:10px; padding-left:10px; padding-right:10px;}
#biopagepic {width:710px; height: 771px; background-image:url(img/bandbiopics/bandbiobg.jpg);}
#biotextbox {width:680px; height: 741px; padding:15px;}
#biotwitter {float:left; height:300px; width:200px;}
#biotextarea {float:left; height:300px; width:290px; padding-left:10px; padding-right:10px;}
#biopicmarshall {float:left; background-color:#000; background-image:url(img/bandbiopics/marshallbiopic1.jpg); height:500px; width:200px;}
#biopicmichael {float:left; background-color:#000; background-image:url(img/bandbiopics/merekbiopic1.jpg); height:500px; width:200px;}
#biopicblake {float:left; background-color:#000; background-image:url(img/bandbiopics/blakebiopic1.jpg); height:500px; width:200px;}
#biopicemmett {float:left; background-color:#000; background-image:url(img/bandbiopics/emmettbiopic1.jpg); height:500px; width:200px;}
#biopickyle {float:left; background-color:#000; background-image:url(img/bandbiopics/kylebiopic1.jpg); height:500px; width:200px;}

.bandbuttons {float:left;}

/* MIKE LYRICS CSS */

#lyricsarea {width:700px; background-color:#000; padding:0px 10px 10px 20px;}


/* MIKE SHOWS CSS */
#showsarea {width:658px; height:40px;  padding:10px 0px 10px 17px; border-top:1px #e0ced4 solid;}

#showdate {height:40px; width:80px; float:left; text-align:center; }
#showtime {height:40px; width:70px; float:left; text-align:center;}
#showvenue {height:40px; width:180px; float:left;text-align:center; }
#showcity {height:40px; width:120px; float:left;text-align:center; }
#showticket {height:40px; width:55px; float:left;text-align:center; }
#showdetails {height:40px; width:75px; float:left;text-align:center;}
#showfacebook {height:40px; width:70px; float:left;text-align:center; }
#showfacebook a{padding:7px 0px 5px 0px; width:70px; float:left;text-align:center; background-color:#994863; color:#FFF; }
#showfacebook a:hover{padding:7px 0px 5px 0px; width:70px; float:left;text-align:center; background-color:#a17080; color:#FFF; }

.showsin {padding-top:14px;}
.showdub {padding-top:6px;}
.showtri {padding-top:0px;}
.currentshow {color:#333;}
.oldshow {color:#999; background-color:#f1e1f1;}




/* MIKE BOOKING CSS */
#bookingarea {width:700px;  background-color:#000; padding:0px 15px 10px 15px;}

/* calendar */
#wp-calendar { margin:0 auto; width:100%; color:#111; }
#wp-calendar th, #wp-calendar td { border:1px solid #333; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; background:#000; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:underline; }
#wp-calendar td a:hover { }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; }
#wp-calendar td#today { background:#111; text-decoration:underline; color:#81c8d5; }

#copyrights { color:#777; border-left:3px solid #444; padding:1px 0 0 8px; clear:both; }
#copyrights li { margin:0; padding:0; line-height:160%; }
#copyrights a, #copyrights a:visited { color:#777; }
#copyrights a:hover { color:#849ca0; }
#copyrights #wp a { text-decoration:underline; }

#return_top a { position:absolute; position:fixed; right:0; bottom:15px;
                display:block; height:138px; width:38px;  }
#return_top a:hover { text-decoration:none; }

/*  ------ archive ------------- */
.archive, .search-page { margin:25px 0 25px 30px; border-left:3px solid #555; padding-left:10px;  }
.archive h2, .search-page h2 { font-size:14px; color:#fff; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }
.archive p, .search-page p { font-size:12px; }
.read-more { padding:0 0 0 0; }

/* ------ page navi -------------- */
.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:0px 0 0 0; padding:0px; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }

.page-navi span.current { color:#81c8d5; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }

#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px;  }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }


/*  ------ header for category/archive/search/...etc  ------------- */

.common-navi-wrapper { background-color:#000; no-repeat right top; padding:0px 0 0 0; width:585px; margin:0px 0 0; }
.common-navi-wrapper p { background-color:#000;; padding:0 10px 0px 32px; margin:0; line-height:100%; }

#archve-title { margin:0 0 0 13px; }
#search-hit { }

/*  ------ page widthout side ------------------------ */
#no-side { padding:60px 0; }
#no-side .post { margin:0 40px 20px 40px; }
#footer-noside { height:114px; margin-bottom:50px; }


/*  ------ header-menu ------------------------ */

.header-menu-wrapper1 { padding-top:0px;padding-bottom:0px; padding-right:0px;padding-left:0px;width:975px;height:100px; text-align:left; background-color:#000; border: 0px #333 solid; background:url(img/1newbanner.jpg) no-repeat left #000;}
#sociallinks {padding-left:340px; padding-right:12px; padding-top:10px;}
#topnav {padding-left:340px; padding-right:12px; padding-top:42px;}



ul.menu { float:left; font-size:14px; height:30px; margin:0; font-weight:bold; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:20px; padding:0 5px; z-index:100; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
ul.menu #header-menu-home { border:none; }
ul.menu #header-menu-home1 { border-left:1px solid #222; color:#969; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 10px; position:relative; top:5px; }
ul.menu a:hover { color:#ffffff; border-bottom:0px solid #83bac4; text-decoration:none; }

ul.menu ul { position:absolute; top:20px; left:0; display:none; opacity:0; height:0px; width:0px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:0px 30px 8px; border:0px solid #222;  margin:-1px 0 0 0; }
ul.menu ul a:hover { background:#222; }
ul.menu ul ul { margin: 0px 0 0 189px; }

ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#ffffff; border-bottom:0px solid #627376; }
ul.menu .current_page_item a:hover { color:#b5aab5; border-bottom:0px solid #83bac4; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
              { border-bottom:0px solid #373737; }


/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */