/*  



Theme Name: Hamasaki



Theme URI: http://www.jauhari.net/themes/hamasaki/



Description: <p>Hamasaki Theme is magazine style theme. I dedicated this theme for Ayumi Hamasaki.</p> <p>Visit the <a href="http://www.jauhari.net/themes/hamasaki">Theme Page</a> for theme update and other related information. Icon by <a href="http://www.pinvoke.com/">Pinvoke</a> </p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>



Version: 1.7



Author: Nurudin Jauhari



Author URI: http://www.jauhari.net/



Tags: blue, gree, three columns, fixed width, 125 ads ready, widgets, theme options





 This theme was designed and built by Nurudin Jauhari,

 whose blog you will find at http://www.jauhari.net/themes/hamasaki

 Crafted on 09 July 2008

 Last Edit: 18 February 2009 07.47  +7 GMT





 The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:

 http://creativecommons.org/licenses/by/3.0/







*/







@import url("src/menu.css");  /* Drop Navigation specific styles */



@import url("src/contact.css");  /* Contact specific styles */







/* 



*********************



Social Style 



********************* 



*/



html { height: 100%; }



* { padding: 0; margin: 0; }



img { border: 0; }



p { line-height: 1.6em; margin:0 0 1.2em 0; }



dl { margin: 1em 0; }



dt { font-weight: bold; }



dd { margin: 0.5em; padding: 0; }



img.right, img.alignright, .entry .alignright { float: right; margin: 10px 0 0 10px; }



img.left, img.alignleft, .entry .alignleft { float: left; margin: 0 10px 10px 0; }



hr { display: none; }



body { font: 13px arial, verdana, tahoma, sans-serif; margin: 0; padding: 0; text-align: center;background:#000; }



a { text-decoration: none;color:#003399; }







a:hover, a:active {  }



h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Verdana, Serif; }



/* 



********************



Etc



******************** 



*/



br.clear { clear: both; }



/* 



********************



Design 



******************** 



*/



#page { text-align: left; width: 950px;padding:0px 10px 0px 10px; margin: 0 auto;background:#fff; }



#sub-page { padding: 20px 0 0; }



#content-wrap { float: left; width: 100%; }



#content { margin: 0 320px 0 0; }



#sidebar { float: left; margin-left: -300px; width: 300px; }



.side1 { width: 180px; float: left; }



.side2 { width: 120px; float: left; }



#footer-all { border-top: 2px dotted #ccc; background: #efefef; margin-top: 20px; }



#footer { width: 970px; margin: 0 auto; padding: 10px 10px 0; text-align: left; position: relative; }



#footer p { font-size: 120%; }



#footer p.right { text-align: right; position: absolute; right: 0; top: 10px; }



#footer .rss { background: url(images/ico/rss.png) 0 2px no-repeat; padding-left: 20px; }



/*



********************



myHead 



********************



*/



#pager { border-bottom:10px solid #D4D4D4; }



#headr { margin:0px; padding: 10px 0px 0px 0px; text-align:left; position: relative; height: 120px;border-bottom: 5px solid #666; }



#top { background: #333; border-top: 5px solid #C50303;/*	border-top: 5px solid #58C6F4;*/

 }

 

.red-bar { height:5px;background:#C50303;margin:0px;padding:0px; }



#navr { height: 40px; width: 970px; margin: 0 auto; position: relative; text-align: left; font-size: 120%; }



#navr ul { list-style: none; padding-top: 0px; }



#navr ul li { float:left; }



#navr ul li a { padding: 0px 10px; color: #efefef;line-height:40px;display:block; }



#navr ul li.current_page_item a, #navr ul li a:hover { background: #C50303; color: #FFF; }



.search { position: absolute; right: 0; top: 8px; }



.search #s { width: 100px; padding: 4px; border: 1px solid #ccc; background: #666 url(images/ico/search.png) 3px 3px no-repeat; color: #ccc; padding-left: 20px; }



.search #s:hover, .search #s:focus { border: 1px solid #ddd; background-color: #444;color:#fff;padding-left:20px; }



h1 { display:none; }



.description { display:none; }



#ads-468 { position: absolute; right: 0; bottom: 0px; }



.catcat { padding-top: 5px; background: #666; }



h3.468-header { display: none; }



.catr a { color:#000 !important; }

.catr a:hover { text-decoration:underline; }



/*myPost */

.pix { background: #ccc; }



.lastlast { background: #fff; padding: 20px 20px 50px; color: #000; position: relative; z-index: 1;border:5px solid #000; }



.lastlast a { z-index: 100; }



.lastlast h2 { z-index: 100;color:#000 !important; }

.lastlast h2 a {color:#000 !important;}

.lastlast h2 a:hover { text-decoration:underline; }

.superdate { margin-bottom: 10px; }



.lastlast .metameta { position: absolute; bottom: 20px; right: 20px; }



.superlast { float: left; width: 300px; z-index: 3; }



.post { margin-bottom: 20px; }



.post h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 220%; letter-spacing: -1pt; margin-bottom: 10px; }



.post h2 a:link, .post h2 a:visited { color: #FF0000; }



.superflow {  }



.post a { color:#900000 !important; }



.posties { height: 180px; margin-bottom: 20px; position: relative; }



.posties h2 { margin-bottom: 5px; }



.double h2 a:link,.double h2 a:visited, .posties h2 a:link, .posties h2 a:visited { color: #FF0000

 }



.double .entry, .posties .entry { margin-top: 5px; }



.leftside { float: left; width: 315px; border-bottom: 1px dotted #999; padding: 0 0 10px; }



.rightside { float: right; width: 315px; border-bottom: 1px dotted #999; padding: 0 0 10px; }



.posties .metameta { position: absolute; bottom: 5px; left: 0; width: 315px; }



.posties .metameta .commr { position: absolute; bottom: 0; right: 0; }











.double .metameta .commr { text-align: right; position: absolute; right: 0; bottom: 10px; }



.tages { position: absolute; left: 0; bottom: 10px; }











.double { min-height: 140px; width: 650px; }



.featured { margin-top: 20px; }



.double, .featured-post { border-bottom: 1px dotted #999; padding: 0 0 10px; margin-bottom: 20px; position: relative; }



.double { padding-bottom: 30px; }



.featured a:link,.featured a:hover, .superflow a:link, .superflow a:hover { color: #B30300; }



.featured h3 a:visited, .featured h3 a:link { color: #ccc; }



.featured h3.title { background: #000; padding: 4px; margin-bottom: 10px; }

.superflow h3.title { background: #000; padding: 4px; margin-bottom: 10px; }

.featured h3.title a, .superflow h3.title a { color: #ccc; }



div#slidewrapper { margin-bottom:20px; }



.post-content { width: 628px; }



.post-image { float: right; }



.postin { width: 495px; }



.featured .tumbr { }



.navigation { margin-bottom: 20px; min-height: 20px; }



.navigation a { color: #339900; }



.navigation .alignleft { float: left; width: 50%; }



.navigation .alignright { float: right; text-align: right; width: 50%; }



.entry ul, .entry ol { margin: 0 0 0.7em 30px; line-height: 1.6em; }



.entry a:link, .entry a:visited { color: #004199; text-decoration: none; }



.entry a:hover { color: #000; text-decoration: underline; }



.lastlast a:link, .lastlast a:visited { color: #fff; }







.lastlast h2 a:link, .lastlast h2 a:visited { color: #fff; }







blockquote { font-style: italic; margin-left: 30px; font-family: Georgia, serif; font-size: 110%; }



pre, code { margin: 0 0 1.2em; }















/* -------- art --- */



.pagetitle { margin-bottom: 20px; }



.archives ul { margin-left: 30px; }







.singlelis { margin-bottom: 20px; }



.singlelis h3 { border-bottom: 1px solid #ccc; }



.inn { border-bottom: 1px dotted #ccc; padding: 5px 0 0; }



/*



********************



myday



********************



*/



#sidebar a { color: #333; }



#sidebar a:hover { text-decoration: underline; }



.side1 ul, .side2 ul { list-style: none; width:300px;}



.side1 h3, .side2 h3, .side1 h2, .side2 h2 { font-size: 16px; padding: 4px; margin-bottom: 5px; background:#000;color:#ccc; }



.boxr, #sidebar .categories, #sidebar .linkcat, #sidebar .widget { margin-bottom: 20px; }



.side1 .gapy { margin-right: 10px; }



.boxtop { background: #fff; padding: 15px 0 8px; margin-bottom: 0px;  }



/* Box Ads */

 	.box-ad { margin: 0; overflow: hidden; padding: 0; width: 100%; text-align: center; list-style: none; font-size: 0.9em; }



.box-ad li { float: left; margin: 0 0 10px 17px; padding: 0; display: inline;height:90px;width:120px; }







/* clearfix */



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.clearfix { display: inline-block; }



/* Hides from IE-mac \*/



* html .clearfix { height: 1%; }



.clearfix { display: block; }



/* End hide from IE-mac */







#ayu { margin-bottom: 20px; }







.stats { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; font-size: 90%; }







.archiv li { padding-left: 16px; background: url(images/ico/10-dates.png) 0 3px no-repeat; }



.linkcat li { padding-left: 16px; background: url(images/ico/10-link.png) 0 3px no-repeat; }



.meta li { padding-left: 16px; background: url(images/ico/10-star.png) 0 3px no-repeat; }







/*



********************



myComment 



********************



*/



h3#trackbacks, h3#comments, h3#respond { margin-bottom: 10px; }







ol.commentlist, ol.trackbacklist { list-style: none; margin-bottom: 20px; }



.commentlist ul { list-style: none; }



.track { padding: 10px 0; }



.comment { padding: 10px 5px; position: relative; }



.comment a { color: #004199; }



.alt { background: #58C6F4; }



.alt a { color: #132A34; }











.commentlist .children { margin-left: 30px; }











.formin input { padding:4px 2px; border:solid 1px #aacfe4; }



textarea { width: 100%; padding:4px 2px; border:solid 1px #aacfe4; }



.formin #submit { 	clear:both; 	width:125px; 	height:31px; 	background:#666666 url(images/submit.png) no-repeat; 	text-align:center; 	color:#FFFFFF; 	font-size:11px; 	font-weight:bold; 	border: none; }







.leftarea { float: left; width: 170px; }



.leftarea img { background: #B8E7FA; padding: 4px; margin-bottom: 10px; }



.alt .leftarea img { background: #fff; padding: 4px; }



.rightarea { margin-right: 50px; margin-left: 170px; }



.commentmetadata { position: absolute; bottom: 10px; }



.numero { position: absolute; right: 10px; top: 10px; font-size: 200%; }



.alt .numero a { color: #fff; }







.tool-tip { color:#444444; width:250px; z-index:13000; }



.tool-title { font-weight:normal; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#343434; padding:8px 8px 5px 8px; background:url(images/tips-trans.png) top left; text-align:left; border: 1px dotted #999; border-bottom: none; }



.tool-text { font-size:12px; padding:0 8px 8px 8px; background:url(images/tips-trans.png) bottom right; text-align:left; border: 1px dotted #999; border-top: none; }



img.wp-smiley { vertical-align: -25%; }





.sponsor { margin-bottom:30px;border-bottom:1px dotted #999;padding:0px 0px 20px 0px; }



.sponsor-logo { float:left;width:200px;text-align:center; }



.sponsor-description { float:left;margin:0px;padding:0px 0px 0px 20px;width:420px;border-left:1px dotted #999; }



/* Begin Images */



p img { padding: 0; max-width: 100%; }







/*	Using 'class="alignright"' on an image will (who would've

 thought?!) align the image to the right. And using 'class="centered',

 will of course center the image. This is much better than using

 align="center", being much more futureproof (and valid) */







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







img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }







img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }







.alignright { float: right; }







.alignleft { float: left

 }



/* End Images */



/* Captions */



.aligncenter,



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







.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }







.wp-caption img { margin: 0; padding: 0; border: 0 none; }







.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }



/* End captions */





.red { color:#C50303; }





/* WP 2.7 */



.reply { text-align: right; }



.clear { clear:both; }



.iconimg { float:right; margin:4px 0px 4px 15px; }