/*  



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



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: 02 January 2008 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 0.7em;



}



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 {


 size: 1px solid #999;
 margin-bottom:5px;


}



body {



	font: 12px verdana, arial,  tahoma, sans-serif;

	

	color: #333333;



	margin: 0;



	padding: 0;



	text-align: center;

	

		background-color: #AD5F17;





}



a {



	text-decoration: none;



}



a:link, a:visited {



	color: #666;



}



a:hover, a:active {



}



h1, h2, h3, h4, h5, h6 {



	font-family: Helvetica, Arial, Verdana, Serif;



}



/* 



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



Etc



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



*/



br.clear {



	clear: both;



}



/* 



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



Design 



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



*/






#sub-page {
}
#content-wrap {



	float: left;



	width: 100%;





}



#content {



	margin: 15px 320px 0 0;



}



#sidebar {



	float: left;



margin-top: 15px;



	margin-left: -300px;



	width: 300px;



}



.side1 {



	width: 300px;



	float: left;



}



.side2 {



	width: 120px;



	float: left;



}



#footer-all {



		width: 1010px;

		

		margin-top: 10px;



border-top: 2px dotted #ccc;



	background: #efefef;



	

	

		height:100%;



	position: relative;



}



#footer {



	width: 970px;



	margin: 0 auto;



	padding: 10px 10px 0;



	text-align: left;



	position: relative;

	



}



#footer p {



	font-size: 100%;



}



#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 



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



*/
#page {
	text-align: left;
	width: 970px;
	margin: 0 auto;
 	background-color: #ffffff;
 	padding: 0 20px;
}



#pager {
	text-align: left;
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
 	padding: 0 20px;
	padding-top:20px;
}



#headr {
	text-align:left;
	position: relative;
	height: 106px;
}

#top {
	background: #333;
	border-top: 5px solid #B1560F;/*	border-top: 5px solid #B1560F;*/
}



#navr {



	height: 40px;



	width: 970px;



	margin: 0 auto;



	position: relative;



	text-align: left;



	font-size: 110%;

	

	text-transform: uppercase;

	

	font-family: arial, helvetica, verdana;



}



#navr ul {



	list-style: none;



	padding-top: 10px;



}



#navr ul li {



	display: inline;



}



#navr ul li a {



	padding: 2px 10px;



	color: #efefef;



}



#navr ul li.current_page_item a {



	background: #D4A017;



	color: #000;



}



#navr ul li a:hover {



	padding: 2px 10px;



	color: #fff;



	background: #666;



}



.search {



	position: absolute;



	right: 0;



	top: 8px;



}



.search #s {



	width: 200px;



	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 {



	width: 200px;



	padding: 4px;



	border: 1px solid #ddd;



	background: #444 url(images/ico/search.png) 3px 3px no-repeat;



	color: #fff;



	padding-left: 20px



}



#headr h1 {



	font-size: 300%;



	padding-top: 20px;



}



#headr h1 a {



	color: #B30300;



}



.description {



	display: none;



}



#ads-468 {



	position: absolute;



	right: 0;



	bottom: 20px;



}



.catcat {



	padding-top: 5px;



	background: #666;



}



h3.468-header {



	display: none;



}



/*



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



myPost 



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



*/







.pix {



	background: #ccc;



}



.lastlast {



	background: #222 url(images/bg/last.jpg) 0 0 no-repeat;



	padding: 20px 20px 50px;



	color: #ccc;



	position: relative;



	z-index: 1;



}



.lastlast a {



	z-index: 100;



}



.lastlast h2 {



	z-index: 100;



}



.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: 180%;



	letter-spacing: ;



	margin-bottom: 10px;



}



.post h2 a:link {



	color: #B30300;



}







.post h2 a:visited {



	color: #B30300;



}





.superflow {



	border-top: 2px dotted #999;



	padding-top: 20px;



}



.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: #339900



}



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



	color: #B30300;



}



.featured h3 a:visited,.featured h3 a:link {



	color: #ccc;



}



.featured h3.title {



	background: #000;



	padding: 4px;



	margin-bottom: 10px;



}



.post-content {



	float: left;



	width: 480px;



}



.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: plain;



	margin-left: 30px;



	margin-right: 30px;



	font-family: ;



	font-size: 105%;



}



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;



}



.side1 h3, .side2 h3, .side1 h2, .side2 h2 {



	font-size: 16px;



	padding: 4px 0;



	margin-bottom: 5px;



	border-top: 1px dotted #999;



	border-bottom: 1px dotted #999;



}



.boxr, #sidebar .categories, #sidebar .linkcat, #sidebar .widget {



	margin-bottom: 20px;



}



.side1 .gapy {



	margin-right: 10px;



}



.boxtop {



	background: #efefef;



	padding: 15px 0 8px;



	margin-bottom: 20px;



	border: 1px dotted #666;



}



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



}



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



}







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











/* WP 2.7 */



.reply {



	text-align: right;



}







/* 



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



Change Log 



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







1.0	: First Public Released



1.1	: Fix Some Bugs



1.2	: Fix IE 6 Bugs and Add Featured Category Theme Options



1.3	: Update Little bit problem and Add Page with Comment Template



1.4	: Fix Bottom Featured Post



1.5	: Fix Bottom Featured Post Category Name



1.6	: Support WordPress 2.7 (Threaded Comment and More), wp-caption and img align







*** */