/*  
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 { 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 { display: none; }

body { font: 13px verdana; margin: 0; padding: 0; text-align: center; background: #000070; }
a { text-decoration: none; }
a:link, a:visited { color: #666; }
a:hover, a:active { }
h1, h2, h3, h4, h5, h6 { font-family: Verdana; }
/* Etc */
br.clear { clear: both; }
/* Design */
#page { text-align: left; width: 970px; margin: 0 auto; }
#sub-page { padding: 0; background: #fff; }
#content-wrap { float: left; width: 100%; background: #fff url(images/line_home_body.jpg) left top repeat-y; }
#content { margin: 0 300px 0 0; }
#sidebar { float: left; margin-left: -305px; width: 305px; overflow:hidden; }
.side1 { width: 300px; margin:0 auto; }
.side2 { width: 300px; margin:0 auto; }
#footer-all { border-top: 1px dotted #ccc; background: #000041; margin-top: 20px; }
#footer { width: 970px; margin: 0 auto; padding: 10px 10px 0; text-align: left; position: relative; color: #fff; }
#footer a { color: #fff; }
#footer p { font-size: 80%; }
#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 { height: 141px; }
#headr { margin: 0; padding: 10px 0; text-align:left; position: relative; height: 121px; background: no-repeat; }
#top { background: #000141; }
#navr { height: 35px; width: 970px; margin: 0 auto; position: relative; text-align: left; font-size: 12px; }
#navr ul { list-style: none; padding-top: 8px; float:left; }
#navr ul li { display: inline; }
#navr ul li a { padding: 2px 10px; color: #fff; border-right: 1px solid #8a8a8a; }
#navr ul li.current_page_item a { background: none; color: #efefef; }
#navr ul li a:hover { padding: 2px 10px; color: #efefef; background: none; }
#navr ul li ul#qtranslate-2 { float:right;  }

.search { position: absolute; right: 15px; bottom: 20px; width: 468px; }
.search #s { width: 200px; padding: 4px; border: 1px solid #fff; background: #fff url(images/lupa_search.jpg) 3px 3px no-repeat; color: #333; padding-left: 20px }
.search #s:hover, .search #s:focus { width: 200px; padding: 4px; border: 1px solid #ddd; background: #444 url(images/lupa_search.jpg) 3px 3px no-repeat; color: #fff; padding-left: 20px }
.search #cont-search { display:block; float:left; }
.search #social-networks { display:block; float:right; }

#headr h1 { font-size: 300%; padding: 0px; }
#headr h1 a { color: #B30300; }
.description { display: none; }
#ads-468 { position: absolute; right: 15px; top: 30px; }
.catcat { padding-top: 5px; background: none; }
h3.468-header { display: none; }

/* myPost */
#titular { color:#8e8e8e; margin-bottom: 10px; }
#titular img { width: 320px; margin:0 auto; }
#titular-featured { color:#8e8e8e; margin-bottom: 10px; }
#titular-featured img { width: 640px; margin:0 auto; }
.pix { background: #ccc; }
#afirmaciones { border-bottom: 2px solid #07196f; margin: 0 1px; }
.lastlast { color: #000; position: relative; z-index: 1; border-bottom:1px solid #dcdcdc; background: #fff; margin: 0 1px; }
.lastlast a { z-index: 100; }
.lastlast h2 { z-index: 100; }
.superdate { margin-bottom: 10px; text-align: right; font-size: 80%; font-style: italic; }
.lastlast .metameta { position: absolute; bottom: 20px; right: 20px; }
.superlast { float: left; width: 630px; z-index: 3; padding: 20px 10px 20px 10px; }
.post { margin-bottom: 0px; }
.post h2 { margin:0; padding:0; margin-bottom: 5px; font-size: 25px; }
.post h4 { font-size: 12px; color: #333; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.1em; }
.post h3 { font-size: 12px; color: #333; margin-bottom: 8px; }
h4.featured { font-size: 12px; color: #333; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.1em; }
.post h2, h2.featured { margin:0; padding:0; margin-bottom: 5px; font-size: 25px; }

.post h2 a:link, .post h2 a:visited { color: #07196F; }
.superflow { padding-top: 10px; }
.posties { margin-bottom: 0px; border-bottom: 1px solid #bcbcbc; padding: 0 5px; margin-bottom:10px; }
#xposties { margin:0; padding:0; list-style:none; }
#xposties li.xleft { list-style:none; float:left; width: 333px;  }
#xposties li.xright { list-style:none; float:right; width: 329px;  }

.posties h2 { margin-bottom: 5px; font-size: 17px; }
.posties h4 { font-size: 12px; color: #333; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.1em; }
.double h2 a:link,.double h2 a:visited, .posties h2 a:link, .posties h2 a:visited { color: #07196f; }
.double .entry, .posties .entry { margin-top: 5px; }
.leftside { float: left; width: 323px; border-bottom: 1px solid #bcbcbc; padding: 0 5px; margin-bottom:10px; }
.rightside { float: right; width: 320px; border-bottom: 1px solid #bcbcbc; padding: 0 5px; margin-bottom:10px; }
.posties .metameta { position: absolute; bottom: 5px; left: 20px; width: 300px; }
.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 { 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: 630px; }
.postin .metameta { margin-top:20px; }
.featured .tumbr {}

.gap { background: url(images/line_home_body.jpg) left top repeat-y; border-top: 1px solid #fff; border-right: 1px solid #dcdcdc; margin-right: 5px; }
.single { background:#fff; border-left: 1px solid #dcdcdc; padding: 10px; }
.single h2 { margin:0; padding:0; margin-bottom: 5px; font-size: 25px; font-family: Verdana; color: #07196f; }
.single h3 { font-size: 12px; color: #333; margin-bottom: 8px; font-family: Verdana; font-weight:normal;  }
.single h4 { font-size: 12px; color: #333; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.1em; font-family: Verdana; }
.single .entry  { font-size:95%; font-family: Verdana; }

.single-att { background:#fff; border-left: 1px solid #dcdcdc; padding: 10px; }
.single-att h2 { margin:0; padding:0; margin-bottom: 5px; font-size: 18px; font-family: Verdana; color: #07196f; }
.single-att h3 { font-size: 12px; color: #333; margin-bottom: 8px; font-family: Verdana; font-weight:normal;  }
.single-att h4 { font-size: 12px; color: #333; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.1em; font-family: Verdana; }
.single-att .entry  { font-size:95%; font-family: Verdana; }


.navigation { padding: 2px; min-height: 20px; background:#fff; }
.navigation a { color: #152052; }
.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: #07196f; }
.lastlast h2 a:link, .lastlast h2 a:visited { color: #07196f; }
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; }
.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: 2px; }
.side1 .gapy { margin-right: 10px; }
.boxtop { margin:0 auto; width:300px; }

/* 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 0; padding: 0; display: inline; width: 300px; border:none; }
.postmetadata { text-align:right; margin-bottom: 10px; font-size: 70%; font-style: italic; }

/* 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 */
#comments-feed { margin-top: 20px; border-top: 1px dashed #aacfe4; padding-top: 10px; }
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; overflow:hidden; }
.comment a { color: #004199; }
.alt { background: #f2f2f2;  }
.thechild { overflow:hidden; margin:5px 0 }
.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: 90px; }
.leftarea img { background: #B8E7FA; padding: 4px; margin-bottom: 10px; width:80px; }
.alt .leftarea img { background: #fff; padding: 4px; }
.rightarea { margin-right: 0px; margin-left: 95px; }
.commentmetadata { position: absolute; bottom: 5px; }
.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:Verdana; 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 */

/* Switch Languages */
#switch_languajes { float:left; }
#qtrans_language_chooser { float:left; margin: 5px 10px 0 10px; }
#qtrans_language_chooser select { padding: 0 4px ; border:none; border-top: 1px solid #000; border-left: 1px solid #000; color: #3d3d3d; background: #fff; }
#qtrans_language_chooser select option { padding: 2px 4px ; border:none; color: #3d3d3d; }

/* User info */
#sigup-getuser { float:right; }

/* Register form */
#tml-page { margin:7px 30px; text-align:left; }
#tml-page label { color:#464646; padding: 2px 5px; }
#tml-page input { width: 250px; padding: 5px ; border:none; border-top: 1px solid #000; border-left: 1px solid #000; color: #3d3d3d; font-size: 120%; }
#tml-page input#rememberme-tml-page { width:auto; border:none; }
#tml-page input#wp-submit-tml-page { background: #004199; color:#fff; width:auto; border:none; }
.tml-user-links, .tml-links { margin:0; padding:0; list-style:none }
.tml-user-links li, .tml-links li { list-style:none; }
#navr #login_form ul.remove-top { margin:0; padding: 0; } 

/* Contact form */
.contactform form { padding: 10px; }
.contactform form label { color:#464646; padding: 2px 5px; }
.contactform form input, .contactform form textarea { width: 250px; padding: 5px ; border:none; border-top: 1px solid #000141; border-left: 1px solid #000141; color: #3d3d3d; font-size: 120%; }
.contactform form input#contactsubmit { background: #004199; color:#fff; width:auto; border:none; }

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

.message, .info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('images/ico/knob_info.png'); }
.message, .success { color: #4F8A10; background-color: #dff2bf; background-image:url('images/ico/knob_valid_green.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('images/ico/knob_attention.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('images/ico/knob_cancel.png'); }

.commr { line-height: 28px; }