/*   

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:999991.5

Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready

*/



.post-content p {

	padding:0;

	margin:0;

}

p{

padding:0;

margin:0;

}



fieldset{

padding:0;

margin:0;

border:none;

}

.rollovertozoom {

font-family: 'Times New Roman', Times, serif;

font-variant: small-caps;

font-weight: normal;

color: rgb(20, 36, 84); 

text-align: center;

}

#checkout-button{

background-image:url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif);

width:145px;
height:42px;
background-color:transparent;
border:none;
cursor:pointer;

}
.category-description p{

padding-top: 10px; 

text-indent: 30px; 

padding-left: 30px;

color: #808080;

}

.category-description{

padding-bottom:10px;

}

h4{

padding:0;

margin:0;

}

h2{

color: #142454;

border-bottom: 1px solid #94A3B5;

font-family: 'Times New Roman', Times, serif;

font-size: 20px;

font-variant: small-caps;

font-weight: normal;

padding-top:20px;

padding-left:30px;

}



.post table.detail_table{

background-color:white;

border:none;

width:auto;

color:#666;

font-size:small;

margin-left:30px;

}

table.detail_table tr{

border-top:none;

border-right:none;

border-left:none;

border-bottom:1px solid #aaaaaa;



}

table.detail_table th, table.detail_table td{

border:none;

padding:1px;

}

table.detail_table th{

width:200px;

}

div#single.post h1{

color: #142454;

font-family: 'Times New Roman', Times, serif;

font-variant: small-caps;

font-weight: normal;

}

#imageDiv{

padding-left:3px;

padding-bottom:2px;

padding-top:2px;

padding-right:2px;

background-color:transparent;

border: 3px double #A1B0BF;

margin-right:30px;

margin-left:30px;

}

.mirror .imageDiv_shortcode{

float:right;

}

.mirror .shortcode_detail{

margin-left:30px;

}

.imageDiv_shortcode{

float:left;

padding-left:3px;

padding-bottom:2px;

padding-top:2px;

padding-right:5px;

background-color:transparent;

width:auto

margin-right:30px;

margin-left:30px;

}

.addtocart input[type="submit"]{

padding-left:8px;

padding-right:45px;

padding-top:8px;

padding-bottom:8px;

border:none;

height:31px;

/*border-style:ridge;

border-width:5px;*/

/*border-color:white;*/

/*background-color:#28599b;*/

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAkdEVYdFNvZnR3YXJlAEFkb2JlIFBob3Rvc2hvcCBDUzMgV2luZG93c6tOXZwAAAAHdElNRQfaBhYMHTvCPhRWAAAAIXRFWHRDcmVhdGlvbiBUaW1lADIwMTA6MDY6MjIgMTI6Mjk6NTmSr4acAAAAW0lEQVQYVz2NUQrAMAhDY3r/u3U36U8ZLVWXlm2CD+VhRGst6THAjAJCRTN7QRJqoRTZg23h7sm1Fth737jBMScoAUbEzst38r16KjnyE/5Plro4Vl91ZkKtFx60oDz0/L+j5QAAAABJRU5ErkJggg==);

background-repeat:repeat-x;

width:auto;

/*color:#ecf6ff;*/

font-weight:200;

font-family: 'Times New Roman', Times, serif;

font-size:large;

cursor:pointer;

}

.addtocart input[type="submit"]:active{

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAkdEVYdFNvZnR3YXJlAEFkb2JlIFBob3Rvc2hvcCBDUzMgV2luZG93c6tOXZwAAAAHdElNRQfaBhYMHhaszBvgAAAAIXRFWHRDcmVhdGlvbiBUaW1lADIwMTA6MDY6MjIgMTI6MzA6MjIKVK/pAAAAZUlEQVQYV02OsQqAMBBD07SVw6H+/8cIgouDQwd/x56pFPSGQLjkEazb7ixlAR23pBFMOYIhBBBdUpQlAeacQTMDZ5v0SEkRHVtro+Huf8ugyIvqhCFRjc92AARwLRDlOC+w1ooHlQUb9uP+98AAAAAASUVORK5CYII=);



}

.details{

border-top:1px dashed #A3A7B2;

margin-top:10px;

background-color:transparent;



}

.details .name a{

color:#464768;

text-decoration:none;

}

.details .price{



color:#AABACA;

}

form{

display:inline;

}

#logo_image {

  padding-right:30px;

  float:left;

}



#menu3{





	padding-top:57px;



	margin: 0;

	padding-left: 30px;

	padding-right: 0;

	padding-bottom: 0;

	height: 1em; }

#menu3 li {

	list-style: none;

	float: left; }

#menu3 .current_page_item a,#menu3 .current-menu-item a{

	font-weight:bold;

	color:black;

	background-color:white;

}

#menu3 li a {

	display: block;

	padding: 3px 8px;

	/*background-color: #03152B;*/

	background:transparent;

	color: white;

	text-decoration: none; }

#menu3 li ul {

	display: none; 

	width: 10em; /* Width to help Opera out */

	background-color: #03152B;

}

#menu3 li a:hover{

	

	text-decoration:underline;

}

#menu3 li:hover ul {

	display: block;

	position: absolute;

	margin: 0;

	padding-top: 0;

	padding-left: 0;

	padding-right: 0;

	padding-bottom: 0; }

#menu3 li:hover li {

	float: none; }

#menu3 li:hover li a {

	background-color: #03152B;

	border-bottom: 1px solid #fff;

	color: white; }

#menu3 li li a:hover {

	background-color: #8db3ff; }



ul.menu2 { 

/*background-image:url('img/silver_gradient2.png');*/

background-image:url('img/txt_tab_nav_1.png');/* ligher gradient given on june 16 2010 */

background-position:middle;



font-weight:bold;font-size:16px; height:30px; 

margin-left:0; 

margin-right:0;

margin-bottom:0;

margin-top:0;

padding-left:0;

padding-right:0;

padding-bottom:5px;;

padding-top:5px;

background-color:white; 

line-height:0.5;}



ul.menu2 ul { line-height:0.5; margin:0; padding:0; }

ul.menu2 a {

font-variant: small-caps;

font-weight: 100;

color:black;

}

ul.menu2 a:hover {

font-weight: 400;

color:#7F8E91;

text-decoration:none;

}



ul.menu2 li {

background:transparent;

color:black;



/* background:transparent;position:relative; */



float:left; border-right:1px solid #b6b6b9; height:20px; 

	padding-top: 5px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 5px; 

 z-index:100; }

/*

ul.menu2 ul li { height:auto; border-left:none; padding:0; left:auto;  }

ul.menu2 #header-menu-home { border:none; }

ul.menu2 a, ul.menu2 a:visited { color:#888; display:block;padding:0 10px; line-height:20px; position:relative; top:2px; }

ul.menu2 a:hover { color:#dfdfde; text-decoration:none; }



ul.menu2 ul { background:transparent;position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }

ul.menu2 ul a, ul.menu2 ul a:visited {line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }

ul.menu2 ul a:hover { background:#222; color:white; }

ul.menu2 ul ul { margin: -34px 0 0 189px; top:34px; }

*/

 #searchbar{

width:auto;

float:right;

}

#searchbar input{

vertical-align:middle;

}

.search-input-box{

background-color:white;

border:1px solid #b6b6b9;

height:18px;

}

.search-submit-button{

background-color:#0B3162;

color:white;

height:20px;

padding-left:2px;

padding-right:2px;

font-weight:bold;

border:none;

}



ul.menu2 .current_page_item, ul.menu2 .current-menu-item 

{ 

color:gray;

background-image:none;

/*background-image:url('img/txt_tab_nav_2.png'); newer gradient given on jun 16 2010 */

background-color:white;  



}



ul.menu2 .current_page_item a:hover { text-decoration:none; }

ul.menu2 .current_page_item ul a, ul.menu2 .current_page_item ul a:visited, ul.menu2 .current_page_item ul a:hover

              { color:#dfdfde; }





.imageframe{

min-height:225px;

line-height:225px;

display:inline;

}

.imageframe img{

vertical-align:middle;

}



.sidebar_header{

font-size:132%;

margin-left:5px;

cursor:pointer;

color:black;

}

.shopp_categories .children{

margin-left:20px;



}

.shopp_categories .children a{

color:#333333

}

.shopp_categories .children a:hover{

color:#003399

}

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



body { margin:0; padding:0;



/*background:url(img/back1.gif);*/

background-color: #063166 ;

/*background-image:url(img/gradientback.png);*/

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABsSURBVEiJ7dJBDsAgCATA3fYNfUX//756akKjCSDopVw46GY0ZHFe93MAQI0aAPsz6pFtiqACgFnR3+AbYYoyC4CDFbuU7+2Qcm98jVL9k4oaYYpi+Wmofwal+udUwv0zKPMAUxRx+5P+dZEGtXAFg9ZcT4QAAAAASUVORK5CYII=);

background-repeat:repeat-x;

background-attachment:top middle;

/*background:transparent url(http://pics.bluenile.com/assets/chrome/bg/side-bg2.jpg) no-repeat scroll center 100px*/

       font-family: Arial, Helvetica, sans-serif; 

       font-size:12px; 

       /*color:#b8babb; */

       color:black;

       text-align:center; }

a img { border:none; }

a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }

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

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 { margin-left:auto; margin-right:auto; }

.centered { margin-left:auto; margin-right:auto; }

.clear { clear:both; }





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

/*

#wrapper { background:url(img/back2.png) no-repeat center top; }*/

#contents { width:959px; margin:0 auto;   text-align:left;  }

#header { background:url(img/top2.png) no-repeat bottom; height:180px; 

border-bottom:1px solid #C7CACF;

background-color:white;}

#middle-contents { /*background:url(img/side.png) repeat-y;*/ padding-bottom:50px; 

background-color:white;}

#left-col { float:left; display:inline; width:684px; margin:0 0 0 5px; 

/*border-top:1px solid #C8CBCF;*/

}

#right-col { float:right; display:inline; width:230px; padding-top:40px;

margin:0;

padding-top:10px;

border:5px solid #F2F4F8;

background-image:url('img/sidebar_gradient.png');

background-repeat:repeat-x;

background-color:#E2E3E4;





 } /* jon change margin-top from 70px */

#footer {/* background:url(img/bottom.png) no-repeat top; */

background:#03152B;

min-height:20px; margin-bottom:50px; 

color:white;

padding-left:20px;

padding-right:20px;

padding-top:15px;

padding-bottom:15px;

-moz-border-bottom-left-radius: 15px;

-webkit-border-bottom-left-radius: 15px;

-moz-border-radius-bottomleft:15px;

border-bottom-left-radius:15px;

-moz-border-bottom-right-radius: 15px;

-webkit-border-bottom-right-radius: 15px;

-moz-border-radius-bottomright:15px;

border-bottom-right-radius:15px;

}

#footer a{

color:white;

text-decoration:none;

}





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



/* Change the number of margin if you are using original logo image */

/*

#logo_image { margin:10px 0 55px 40px; 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 { background:url(img/rss.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }



#search-area { float:right; display:inline; width:183px; height:29px; margin:35px 47px 0 0; background:url(img/search-area.gif) no-repeat; }

#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 { margin:60px 0 5px 35px; }



.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; }

.post h2 a, .post h2 a:visited, #single h2 {/* color:#ccc; */font-size:16px; line-height:120%; font-weight:normal; }

.post h2 a:hover { text-decoration:none; color:#83bac4; }

.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:15px 0 40px 0; line-height:160%; }

.post-content p { margin:0 0 1em 0; line-height:160%; }

/*.post-content a,.post-content a:visited { text-decoration:underline; }*/

.post-content a.more-link, .post-content a.more-link:visited 

  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(img/arrow3.gif) no-repeat left top; text-decoration:none; }

.post-content a.more-link:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }



.post img, .post a img { /* border:1px solid #222;  padding:5px; */ margin:0;  /*background:#555;*/ }

/*.post a:hover img { border:1px solid #849ca0; background:#59847d; }*/

.post img.centered,div.centered { display:block; margin:0 auto; }

.post img.aligncenter,div.aligncenter { 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%; background:url(img/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }

.post-content input { margin:5px 0; }



.post-meta { background:url(img/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; }

.post-meta ul { background:url(img/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }

.post-meta li { display:inline; font-size:11px; line-height:140%; }

.post-category { float:left; width:345px; background:url(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }

.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }

.post-comment { float:right; width:80px; background:url(img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; }



#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 { 

/*background:url(img/info-box-top.gif) no-repeat left top;*/



/*padding:25px 20px 5px 20px; 

width:132px; margin:0 0 0 30px; */

padding-top:10px;

padding-left:10px;

padding-bottom:5px;

}



.information-contents { line-height:160%; font-size:11px; color:#868a8d; 

background:white;

border:2px solid #aeb3b9;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

border-radius:15px;

min-height:150px;

/*background:url(img/info-box-bottom.gif) no-repeat left bottom;

*/

padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:132px; }



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

.side-box { color:#aaa; margin:0 0 50px 32px; font-size:11px; width:270px; }

#right-col ul { }

#right-col li { margin:0 0 1em 0; line-height:140%; }

#right-col li li { padding:0 0 0 10px; margin:3px 0; background:url(img/bullet1.gif) no-repeat 1px 7px; }



#side-left { float:left; width:128px; padding:0 0 0 32px; }

#side-right { float:right; width:120px; padding:0 30px 0 10px; }

.side-box-short { margin:0 0 50px 0; width:130px; font-size:11px; color:#aaa; }



#side-bottom { clear:both; }



/* this is just for default mode */

#side-left-ex { float:left; width:78px; padding:0 0 0 32px; }

#side-right-ex { float:right; width:70px; padding:0 30px 0 10px; }

#side-bottom-ex { clear:both; }



/* calendar */

#wp-calendar { margin:0 auto; width:100%; color:#777; }

#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; background:url(img/return-top.png) no-repeat left top; }

#return_top a:hover { background:url(img/return-top.png) no-repeat right top; 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:20px 0 0 0; }

.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; background:url(img/arrow8.gif) no-repeat center bottom; 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; background:url(img/arrow2.gif) no-repeat left top; }

#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; background:url(img/arrow3.gif) no-repeat right top; }

#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:url(img/archive-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; margin:70px 0 0; }

.common-navi-wrapper p { background:url(img/archive-bottom.gif) no-repeat right bottom; padding:0 10px 10px 32px; margin:0; line-height:140%; }



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

#search-hit { }



/*  ------ page widthout side ------------------------ */

#no-side { background:url(img/side-noside.png) repeat-y; padding:60px 0; }

#no-side .post { margin:0 40px 20px 40px; }

/*#footer-noside { background:url(img/bottom-noside.png) no-repeat top; height:114px; margin-bottom:50px; }*/

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



.header-menu-wrapper { 

padding-top:10px;

}

/*

#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }

#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

*/





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



.header-menu-wrapper { }

/*

#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }

#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

*/







/* ---------- 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 */