/*
Theme Name: japan-style
Description: japan-style Wordpress Theme by<a href="http://blog.gooddesignweb.com/">Good Design Web</a>
Version: 1.0.0
Author: Good Design Web
Author URI: http://blog.gooddesignweb.com/
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
Amended by: Reprogramat per <a href="http://siberita.com/">Albert Simo</a> i amb el disseny de <a href="http://laperruquera.com/">La Perruquera</a>.
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }

/*______________________
test------------------------------*/

#sidebar .twitxr-badge {
  background: #A27220;
  
}

#sidebar .fb_object a {
	color: #000;
}

#sidebar #tbody a {
	color: #0F0;
}

#sidebar p {
	color: #FFFFFF;

}
#sidebar #twitxr-logo-img {
  display:none;
}

/* Body
-------------------------------------------------------------------*/
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #8B5F22;
	background-image: 
	url('images/fons_blog.jpg');
	background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #814722 }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span {
	color: #B78546;
}

a {
	color: #8B5F22;
	
}
a:hover {
	color: #8B5F22;
	text-decoration: underline;
}
a:visited {
	color: #C39561;
}

p { margin-bottom: 10px; }

input, textarea { font: 12px Arial, Helvetica, sans-serif }

blockquote { 
	font: italic 14px/22px Arial, Helvetica, sans-serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}



/* Header
-------------------------------------------------------------------*/
#header {
	width: 899px;
	height: 300px;
	margin: 0 auto;
	background: url(images/header_bg.gif) no-repeat center;
	position: relative;
}

* html #header {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	background: url(images/header_bg.gif) no-repeat;	
}

#header h1 {
	width: 230px;
	position: absolute;
	top: 80px;
	left: 160px;
	font: 20px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin-bottom: 0;
	color: #814722;
}
#header h1 a {
	color: #7A4A22;
	text-decoration: none;
}
#header span {
	position: absolute;
	top: 195px;
	left: 150px;
	padding-left: 10px;
	font-size: 12px;
	color: #814722;
}


/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 900px; 
	overflow: hidden; 
	background: url(images/container_bg.gif) repeat-y;
        margin: 0 auto; 
}
* html #wrapper { 
	width: 940px; 
	overflow: hidden; 
	background: url(images/container_bg.gif) repeat-y;
        margin: 0 auto; 
}


/* Navigation
-------------------------------------------------------------------*/
#nav {
height:84px;
margin-left:64px;
position:relative;
top:227px;
width:800px;
}
#nav ul {
bottom:-2px;
height:69px;
margin-left:-15px;
overflow:hidden;
position:absolute;
}
#nav ul li {
float:left;
font-weight:bold;
margin-right:3px;
padding-left:3px;
}
#nav ul li.current_page_item {
height:45px;
width:100px;
}
#nav ul li a {
color:#814722;
display:block;
height:10px;
line-height:45px;
text-align:center;
text-decoration:none;
width:100px;
}
#nav ul li a:hover {
color:#FFFFFF;
}
#nav ul li.current_page_item a {
color:#FFFFFF;
}


/* Content
-------------------------------------------------------------------*/
/*#content { 
	width: 600px; 
	float: left; 
	padding: 25px; 
	padding-left: 30px;
}*/

#content {
float:left;
padding:25px 19px 18px 56px;
width:560px;
}


#content .post { margin-bottom: 20px; }
#content .post p { margin-bottom: 10px; }
#content .post h3 a { text-decoration: none; color:#B78546;font-size: 20px; padding-left: 20px; }
#content .post h3 a:hover { text-decoration: underline; color:#B78546; }
#content .post-list li { list-style: none; }

#content .post .post-info {
	clear: both;
	font-size: 11px; /*9px*/
	color: #D3A34E;
	padding: 30px 5px 5px 5px;
	margin-bottom: 20px;
	text-align: right;/*center*/
	background: url(images/meta_bg.gif) top center no-repeat;
}
#content .post .post-info a { color: #8B5F22; text-decoration:none; }
#content .post .post-info a:hover {
	color: #814722;
	text-decoration:none;
}

#content #pages { text-align: center; }
#content #pages a { text-align: center; font: bold 10px Arial, Helvetica, sans-serif; color: #814722; text-decoration: none; }
#content #pages a:hover {
	color: #8B5F22;
}

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd {
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #FFFFFF;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 235px;
	float:none;
	float: right;
	font-size: 14px; 
	margin: 0 10px 10px 0;
	color: #FFFFFF;
}

* html #sidebar { 
	width: 265px;
	float:none;
	float: right;
	font-size: 14px; 
	margin: 0 10px 10px 0;
	color: #FFFFFF;
}
 

#sidebar h3 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(images/sidetitle_bg.gif) no-repeat;
	padding-left: 45px;
}

#sidebar a { color: #FFFFFF; text-decoration: none; }
#sidebar a:hover { color: #8B5F22; }

#sidebar .block {
	width: 197px;
	padding: 11px;
	border-bottom: 1px solid #bfccbf;
	overflow: hidden;
	color: #FFFFFF;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block a:hover {
	color: #8B5F22;
}

/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td {
	width: 14.2%;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
}



/* Search
-------------------------------------------------------------------*/
#search {
	
}

#search input { border: 0; }

#search #s { 
	width: 148px;
	padding: 3px 0 4px 5px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #8B5F22;
	background: url(images/search_bg.gif) no-repeat;
}
#search #searchsubmit { 
	width: 60px; 
	height: 20px;
        text-align: center;
	background: url(images/searchbt_bg.gif) no-repeat;
        font-weight: bold;
}
.bt{
        cursor: pointer;
}



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 17px Arial, Helvetica, sans-serif; 
	color: #814722; 
}
#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 558px; 
	padding-bottom: 5px; 
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 450px; 
	background: #F7F8F9; 
}
#comments .comment .comment-content a {
	color: #7F4724;
}


#comments .comment .comment-info {
	font-size: 11px;
	color: #B78347;
	margin-bottom: 5px;
}
#comments .comment .comment-info span {
	font: bold 16px Arial, Helvetica, sans-serif;	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a {
	color: #7F4724;
	text-decoration: none;
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform {
	background: #F7F8F9;
	border: 5px solid #E7E8EB;
	padding: 10px;
	color: #8B5F22;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea {
	width: 500px;
	border: 1px solid #E7E8EB;
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit {
        width: 148px;
        height: 30px;
        background: url(images/submit_bg.gif) no-repeat;
        text-align: center;
        border: none;
}




/* Footer
-------------------------------------------------------------------*/

#footer { 
	width: 900px; 
    height: 200px;
	margin: 0 auto;
	background: url(images/footer_bg.gif) no-repeat center;
        position: relative; 
}

* html #footer { 
					width: 950px; 
    				height: 200px;
					margin: 0 auto;
					background: url(images/footer_bg.gif) no-repeat center;
        			position: relative; 
}

 
.rss {
        float: right;
	width: 200px; 
        height: 73px;
}

#footer-inner {

        clear: both;
        text-align: left; 
	width: 900px; 
	margin-left: 100px;
        padding-top: 10px; 
}
#footer p { 
	font-size: 10px; 
	margin: 0; 
}
#footer a { color: #814722; }