/*  



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



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: 13 September 2008 15.43  +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: 0px none;



}



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: left;



	margin: 10px 10px 0 0;



}



img.left, img.alignleft, .entry .alignleft {



	float: right;



	margin: 0 0 10px 10px;



}



hr {



	display: none;



}



body {



	font: 13px Tahoma, arial, verdana, sans-serif;



	margin: 0;



	padding: 0;



	text-align: center;



}



a {



	text-decoration: none;



}



a:link, a:visited {



	color: #666;



}



a:hover, a:active {



}



h1, h2, h3, h5, h6 {



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



}



/* 



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



Etc



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



*/



br.clear {



	clear: both;



}



/* 



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



Design 



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



*/



#page {



	text-align: right;



	width: 970px;



	margin: 0 auto;



}



#sub-page {



	padding: 20px 0 0;



}



#content-wrap {



	float: right;



	width: 100%;



}



#content {



	margin: 0 0 0 320px;



}



#sidebar {



	float: right;



	margin-right: -300px;



	width: 300px;



}



.side1 {



	width: 180px;



	float: right;



}



.side2 {



	width: 120px;



	float: right;



}



#footer-all {



	border-top: 2px dotted #ccc;



	background: #efefef;



	margin-top: 20px;



}



#footer {



	width: 970px;



	margin: 0 auto;



	padding: 10px 10px 0;



	text-align: right;



	position: relative;



}



#footer p {



	font-size: 120%;



}



#footer p.right {



	text-align: left;



	position: absolute;



	left: 0;



	top: 10px;



}



#footer .rss {



	background: url('images/ico/rss.png') no-repeat 0 2px;



	padding-right: 20px



}



/*



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



myHead 



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



*/



#pager {



	height: 90px;



}



#headr {



	margin: 10px 0 0;



	padding: 0;



	text-align:right;



	position: relative;



	height: 90px;



}



#top {



	background: #333;



	border-top: 5px solid #339900;/*	border-top: 5px solid #58C6F4;*/



}



#navr {



	height: 40px;



	width: 970px;



	margin: 0 auto;



	position: relative;



	text-align: right;



	font-size: 110%;



}



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



	color: #000;



}



#navr ul li a:hover {



	padding: 2px 10px;



	color: #fff;



	background: #666;



}



.search {



	position: absolute;



	left: 0;



	top: 8px;



}



.search #s {



	width: 200px;



	border: 1px solid #ccc;



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



	color: #ccc;



	padding-right: 20px; padding-left:4px; padding-top:4px; padding-bottom:4px



}



.search #s:hover, .search #s:focus {



	width: 200px;



	border: 1px solid #ddd;



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



	color: #fff;



	padding-right: 20px; padding-left:4px; padding-top:4px; padding-bottom:4px



}



#headr h1 {



	font-size: 300%;



	padding-top: 20px;



}



#headr h1 a {



	color: #B30300;



}



.description {



	display: none;



}



#ads-468 {



	position: absolute;



	left: 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') no-repeat 0 0;



	color: #ccc;



	position: relative;



	z-index: 1; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:50px



}



.lastlast a {



	z-index: 100;



}



.lastlast h2 {



	z-index: 100;



}



.superdate {



	margin-bottom: 10px;



}



.lastlast .metameta {



	position: absolute;



	bottom: 20px;



	left: 20px;



}



.superlast {



	float: right;



	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: #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: right;



	width: 315px;



	border-bottom: 1px dotted #999;



	padding: 0 0 10px;



}



.rightside {



	float: left;



	width: 315px;



	border-bottom: 1px dotted #999;



	padding: 0 0 10px;



}



.posties .metameta {



	position: absolute;



	bottom: 5px;



	right: 0;



	width: 315px;



}



.posties .metameta .commr {



	position: absolute;



	bottom: 0;



	left: 0;



}











.double .metameta .commr {



	text-align: left;



	position: absolute;



	left: 0;



	bottom: 10px;



}



.tages {



	position: absolute;



	right: 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: right;



	width: 480px;



}



.post-image {



	float: left;



}



.postin {



	width: 495px;



}



.featured .tumbr {



}



.navigation {



	margin-bottom: 20px;



	min-height: 20px;



}



.navigation a {



	color: #339900;



}



.navigation .alignleft {



	float: right;



	width: 50%;



}



.navigation .alignright {



	float: left;



	text-align: left;



	width: 50%;



}



.entry ul, .entry ol {



	margin: 0 30px 0.7em 0;



	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-right: 30px;



	font-family: Georgia, serif;



	font-size: 110%;



}



pre, code {



	margin: 0 0 1.2em;



}















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



.pagetitle {



	margin-bottom: 20px;



}



.archives ul {



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



	margin: 0 17px 10px 0;



	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-right: 16px;



	background: url('images/ico/10-dates.png') no-repeat 0 3px;



}



.linkcat li {



	padding-right: 16px;



	background: url('images/ico/10-link.png') no-repeat 0 3px;



}



.meta li {



	padding-right: 16px;



	background: url('images/ico/10-star.png') no-repeat 0 3px;



}







/*



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



myComment 



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



*/



h3#trackbacks, h3#comments, h3#respond {



	margin-bottom: 10px;



}







ol.commentlist, ol.trackbacklist {



	list-style: none;



	margin-bottom: 20px;



}



.track {



	padding: 10px 0;



}





.comment a {



	color: #004199;



}



.alt {



	background: #ffffff;



}



.alt a {



	color: #132A34;



}



.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: medium none;



}







.leftarea {



	float: right;



	width: 170px;



}



.leftarea img {



	background: #B8E7FA;



	padding: 4px;



	margin-bottom: 10px;



}



.alt .leftarea img {



	background: #fff;



	padding: 4px;



}



.rightarea {



	margin-left: 50px;



	margin-right: 170px;



}



.commentmetadata {



	position: absolute;



	bottom: 10px;



}



.numero {



	position: absolute;



	left: 10px;



	top: 10px;



	font-size: 200%;



}



.alt .numero a {



	color: #fff;



}







.tool-tip {



	color:#444444;



	width:250px;



	z-index:13000;



}



.tool-title {



	border-left:1px dotted #999; border-right:1px dotted #999; border-top:1px dotted #999; font-weight:normal;



	font-size:16px;



	font-family:Georgia, "Times New Roman", Times, serif;



	margin:0;



	color:#343434;



	background:url('images/tips-trans.png') top right;



	text-align:right;



	border-bottom: medium none;; padding-left:8px; padding-right:8px; padding-top:8px; padding-bottom:5px



}



.tool-text {



	border-left:1px dotted #999; border-right:1px dotted #999; border-bottom:1px dotted #999; font-size:12px;



	background:url('images/tips-trans.png') bottom left;



	text-align:right;



	border-top: medium none;; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:8px



}



img.wp-smiley {



	vertical-align: -25%;



}











#content h4 {

	color: #000000;

	border: 1px solid #D2D0D0;

	background: #F5F5F5;

	font-size: 18px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	direction:rtl;

	}



#commentblock {

	width: 590px ;

	color: #000000;

	float: right;

	padding: 20px 0px 10px 0px;

	margin: 0px 0px 0px 0px;

	}

	

#commentblock ol {

	margin: 0px 25px 0px 0px;

	padding: 10px 0px 0px 0px;

	}

	

.commentdate {

	font-weight: bold;

	font-size: 12px;

	}



.commentname {

	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 5px 0px 0px 0px;

	}



.commentinfo {

	clear: both;

	}



.commenttext {

	width: 540px;

	color: #000000;

	font-size: 12px;

	font-family: Tahoma, Arial, Verdana;

	padding: 0px 0px 0px 0px;

	margin: 5px 0px 20px 0px;

	border-bottom: 0px dotted #C0C0C0;

	}



.commenttext-admin {

	width: 540px;

	color: #000000;

	font-size: 12px;

	font-family: Tahoma, Arial, Verdana;

	padding: 0px 0px 0px 0px;

	margin: 5px 0px 20px 0px;

	border-bottom: 1px dotted #C0C0C0;

	}



.comments {

	background: #FFFFFF;

	float: right;

	width: 590px;

	margin: 0px 0px 10px 0px;

	padding: 20px 10px 20px 10px;

	direction:rtl;

	}



.comment_span {

 background: #F4F3F3;

 border: 1px solid #D2D0D0;

 padding: 3px 3px 3px 3px;

}

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



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



*** */



div#coldform * {



    padding: 0;



    margin: 0;



    border: 0px none;



}



div#coldform {



    font-family: Tahoma;



    background-color: #dddddd;



    border: 3px solid #666666;



    font-size: 10px;



    margin: 11px 0;



    width: 500px;



    color: #777;



}



div#coldform fieldset {



    border: 0px none;



    display: block;



    clear: both



}



div#coldform legend.hide {



    display: none;



}







}



.input:focus, textarea:focus { 



    border: 1px solid #777; 



    color: #aaa;



}











div#coldform label.label {



    font-size: 1.1em;



    display: block;



    margin: 5px 0;



    padding-top: 5px;



    width: 177px;



    clear: left;



    float: left;



}







div#coldform label.label2 {



color:#888888;



display:block;



font-family:Tahoma;



font-size:12px;



padding-bottom:10px;



width:463px;



float:left;



clear:left;







}







  



div#coldform input.input {



    font-family: Tahoma;



    border: 1px solid #000000;



    background: #ffffff;



    padding: 3px 3px;



    font-size: 12px;



    margin-top: 10px;



    margin-right: 10px;



    display: block;



    width: 300px;



    color: #888;



    clear: right;



    float: right;



}







div#coldform textarea#coldform_message



 {



    font-family: tahoma;



    border: 1px solid #000000;



    background: #666;



    padding: 1px 3px;



    font-size: 12px;



    margin-top: 10px;



    margin-right: 10px;



    display: block;



    width: 470px;



    color: #ffffff;



    clear: right;



    float: right;



}











div#coldform input.submit {



   font-family: Tahoma;



    border: 1px solid #000000;



    margin: 7px 10px 10px 0;



    background: #666;



    font-size: 12px;



    cursor: pointer;



    display: block;



    padding: 3px;



    width: 308px;



    color: #ffffff;



    clear: right;



    float: right;



}











div#coldform input.check {



display:block;



margin: 0;



padding-bottom: 5px;



width:37px;



float:right;



clear:right;



}