/*   
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;
}
.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 */