/*   



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.2



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



*/







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







body { margin:0; padding:0; background:url(img/back1.gif);



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



       font-size:12px; color:#b8babb; text-align:center; }



a img { border:none; }



a, a:visited { font-size:12px; font-weight:normal; color:#7f8e91; text-decoration:none; outline:none; }



a:hover { font-weight:normal; 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 { display:block; margin-left:auto; margin-right:auto; }



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



.clear { clear:both; }











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







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



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



#header { background:url(img/top.png) no-repeat bottom; height:109px; margin-top:10px; }



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



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



#right-col { float:right; display:inline; width:330px; margin:70px 5px 0 0; }



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

#footer a, a:visited { color:#777; font-size:14px; font-weight:normal; text-decoration:none; }

#footer a:hover { text-decoration:underline; color:#4682B4; }

#footer p { color: #CC0000; font-size:18px; font-weight:bold; text-decoration:none; }





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











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



#logo_image { margin:69px 0 10px 10px; float:left; display:inline; }



#logo_image h1 { margin:0; padding:0; }







/* blog title */



#logo { float:right; display:inline; margin:50px 50px 0 40px; text-align:right; }



#logo a, #logo a:visited { color:#4682B4; font-size:14px; }



#logo a:hover { text-decoration:none; color:#83bac4; }







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







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







#mybreadcrumbs { float:left; display: inline; margin:80px 80px -100px 15px; text-align:left; height: 109px;padding-bottom:0;}



#mybreadcrumbs a, #mybreadcrumb a:visited { color:#4682B4; font-size:14px;}



#mybreadcrumbs a:hover { text-decoration:none; color:#83bac4; }







/* --------end breadcrumb ---------*/







#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:70px 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:0 0 5px 35px; padding:30px 0; }







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



.post h2 a, .post h2 a:visited, #single h2 { color:#ccc; font-size:16px; line-height:80%; 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:0px 0px 0px 0px; line-height:160%; position:relative; }



.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-searchcontent { clear:both; padding:15px 0px 40px 0; line-height:160%;background-color:red; }



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



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



.post-searchcontent 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-searchcontent a.more-link:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }







.post img, .post a img { border:none; padding:5px; margin:0;  background:none; }



.post a:hover img { border:none; background:none; } 



.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%; 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:232px; margin:0 0 0 30px; }



.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(img/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:232px; }







.side-title { margin:0 0 20px 0; font-size:14px; text-transform:capitalize; color:#4682B4; font-weight:bold; 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; }

#right-col a, a:visited { color:#4682B4; font-size:12px; }



#right-col a:hover { text-decoration:none; color:#83bac4; }





#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:128px; padding:0 0 0 32px; }



#side-right-ex { float:right; width:120px; 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-color:#262626; }



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



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



#footer-noside a, #footer-noside a:visited { color:#777; font-size:14px; font-weight:normal; text-decoration:none; }

#footer-noside p { color: #CC0000; font-size:18px; font-weight:bold; text-decoration:none; }



#footer-noside a:hover { text-decoration:underline; color:#4682B4; }



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







.header-menu-wrapper {display:none}



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



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







ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0;display:none}



ul.menu, ul.menu ul { line-height:1; margin:0; padding:0;display:none }



ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100;display:none}



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



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



ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px;display:none}



ul.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none;display:none}







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



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



ul.menu ul a:hover { background:#222; border-bottom:1px solid #222;display:none}



ul.menu ul ul { margin: -34px 0 0 189px; top:34px;display:none}







ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-bottom:2px solid #627376;display:none}



ul.menu .current_page_item a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; display: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:1px solid #373737;display:none}







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