/*  
Theme Name: Batega
Theme URI: http://radioactiu.cat
Description: Radioactiu theme for batega.cat
Version: 1.0
Author: Radioactiu
*/

body {background: url(img/timber-tiles.jpg) repeat; font: 90% Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;}

ul, ol, h1, h2, h3, h4, h5, h6, form, p {margin: 0; padding: 0;}
ul {list-style: none;}

h1 {color: #000; font-size: 1.6em; font-weight: bold;}
h2 {color: #000; font-size: 1.6em; font-weight: bold;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a {color: #2566c7; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a img {border: none;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

span.clear {clear: left; display: block;}
span.clear-right {clear: right; display: block;}

.left {float: left;}
.right, .alignright { float:right; }

/* Estructura */
#wrap {background: #FFF; margin: 0px auto; width: 1000px;}
#container {background: #FFF /*url(img/bk.gif) repeat-x*/; margin: 40px auto 0px auto; width: 960px;}
#header {height: 60px; margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px;}
#sidebar {border-left: 1px solid #ccc; margin: 0 0 20px 670px; padding: 0 0 0 20px; width: 235px;}
#contents {float: left; width: 640px;}
#footer {background: #2566c7; color: #FFF; text-align: center; padding: 6px;}

#header ul {float: right; padding: 45px 0 0 0;}
#header ul li {display: inline;}
#header ul li a img {}
#header img {}
#header h1, #header h2 {margin:9px 18px 18px 0;}
#header h1 a:link, 
#header h1 a:visited, 
#header h2 a:link, 
#header h2 a:visited {letter-spacing:-2px;font-size:36px;background:#eaeaea;padding:18px;line-height:54px;border:0;text-decoration:none;color:#000;}
#header h1 a:hover, #header h2 a:hover{background:#000000;color:#ffffff;}
#header p{font-family:Georgia, "Times New Roman", Serif;font-family:#000;font-size:11px;padding:9px 36px 9px 18px;line-height:18px;margin:0;}

#sidebar p {font-size: 1.1em; font-weight: bold; font-style: italic; margin: 0 0 5px 0;}
#sidebar div {margin: 0px 0px 30px 0px;}
#sidebar ul {font-size: 1em; margin: 0px;}
#sidebar ul li {margin: 0px 0px 5px 0px;}
#sidebar ul li a {color: #000;}

#contents .post {margin: 0 0 25px 0; padding: 0 0 0px 0;}
#contents.llista-posts .post {border-bottom: 1px dotted #ccc; margin: 0 0 35px 0; padding: 0 0 20px 0;}
#contents .post h2 {color:#000; margin:0px 0px 0px 0px; letter-spacing:-1px;}
#contents .post h2 a {color:#000;}
#contents .post h2 a:hover {border-bottom: none; color:#2566c7;}
#contents .post .meta {color:#aaa; font-size: 0.9em; letter-spacing:0px; margin: 0 0 10px 0;}
#contents .post .meta a {color:#aaa;}
#contents .post div.text {font-size: 1em; line-height: 21px; margin: 0 0 10px 0;}
#contents .post div.text p {margin: 0px 0px 10px 0px;}
#contents .post div.text ul {margin: 0 0 15px 20px;}
#contents .post div.text ul li {background: url(img/list.gif) no-repeat 0px 5px; padding: 0 0 3px 12px;}
#contents .post div.text ol {margin: 0 0 15px 40px;}
#contents .post .separat li {margin: 0 0 9px 0;}
#contents .post div.text div.wp-caption {float:left; margin: 0 5px 8px 0px;}
#contents .post div.text p.wp-caption-text {font-style: italic; font-size: 0.9em; margin: 0 0 0 0;}
#contents .post ul.related-posts {clear: left; margin: 10px 0px 0px 0px;}
#contents .post ul.related-posts li {margin: 0px 0px 0px 10px;}

#comments-list {
	margin: 0 0 1em 0;
	padding: 0 10px; }
 
	#comments-list div.comment { margin: 0 0 1em 0; }
 
		#comments-list div.comment div.comment-author {
			background: url('img/bg-comments.gif') no-repeat right center;
			float: left;
			padding:0 0 0 15px;
			text-align:center;
			width: 85px; }
 
			#comments-list div.comment div.comment-author img {
				display: block;
				margin: 0 0 5px 0; }
 
			#comments-list div.comment div.comment-author p {
				font-size: 11px;
				line-height: 1.2em;
				padding:0 35px 0 0; }
 
				#comments-list div.comment div.comment-author p a { color: #d26f27; }
 
		#comments-list div.comment div.comment-content {
			-moz-border-radius: 10px;
			background: #e9e9e5;
			float: left;
			padding: 12px 0 0 0;
			width: 460px; }
 
			#comments-list div.comment div.comment-content p {
				font-size:12px;
				line-height: 18px;
				margin: 0 0 1em 0;
				padding: 0 10px; }
				
			#comments-list div.comment div.comment-author p span.date { display:block; }

#contents #comentaris {clear:both;}
#contents #comentaris h4 {background: #F3F3F3; font-size: 18px; font-style: italic; margin: 10px 0 3px 0; padding: 2px 4px;}
#contents #comentaris ul {margin: 10px 0 10px 30px;}
#contents #comentaris ul li {border-bottom: 2px solid #F3F3F3; margin: 0px 0px 10px 0px; padding: 0px 0 10px 0px;}
#contents #comentaris ul.related-posts {margin: 10px 0 35px 30px;}
#contents #comentaris ul.related-posts li {border:none; margin: 0px; padding: 0px;}
#contents #comentaris p.rss {margin: 0px 0 35px 30px;}
#contents #comentaris p.nocomments {margin: 0px 0 10px 30px;}
#contents #comentaris p.comentariDades {font-size: 13px; margin: 7px 0; padding: 0 0 5px 0;}

#contents form#comenta {padding: 10px 0 10px 15px;}
#contents form#comenta label {float: left; display: block; margin: 0 10px 10px 0; width: 195px;}
#contents form#comenta label input {width: 190px;}
#contents form#comenta label.tex {margin: 10px 0 10px 0; width: 615px;}
#contents form#comenta label textarea {font-family: Arial; font-size: 14px; height: 80px; width: 615px;}

#paginacio {margin: 0px 0px 0px 0px; text-align: center;}
#paginacio a {}
#paginacio a:hover {}

#footer p a {color: #fff; text-decoration: none;}

/* Crossblocs */
.enllasos {display: block; font-size: 0.7em; width: 100%; height: 20px; background: #2566c7; padding-top: 2px 0px 2px 0px;	text-align: center;	color: #fff;}
.enllasos ul li {display: inline;}
.enllasos a {color: #fff; text-decoration: none;}

#contents .related { background: url(img/related_bk.gif) no-repeat;  width: 100%; float:left; margin: 0 0 25px 0; padding:0; border: 1px solid #e4e2d3; font-size:12px; color: #666; }
#contents .related p { margin: 0 0 15px 0; padding:0; line-height: 24px; }
#contents .related ul, ol { color: #555; }
#contents .related ul li, ol li { line-height: 130%; }
#contents .related h3 { margin: 24px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
#contents .related h4 { margin: 12px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; }
#contents .related .pos { margin:0; padding: 10px; }
#contents .related .pos h3 { font-size: 14px; line-height:18px; font-weight:normal; border: 1px solid #f4f3e9; border-width: 0 0 1px 0; padding: 0 0 8px 0px; margin:0; }
#contents .related .pos .column { width: 300px; }
#contents .related .pos .column a { color: #666; text-decoration: underline; }
#contents .related .pos .column a:hover { color: #222; text-decoration: none; }
#contents .related .pos .column h4, #contents .related .pos .wp23related h3 { font-size: 14px; line-height:100%; text-transform: none; color:#f70; margin:10px 0 0 0; padding: 0 0 5px 0; }
#contents .related .pos .column p { font-size: 12px; line-height: 14px; }
#contents .related .pos .column ul { margin: 0; padding: 0; }
#contents .related .pos .column ul li { list-style: none; }
#contents .related .pos .wp23related {}
#contents .related .pos .wp23related h3 { font-weight:bold; border:0; background: none; }
#contents .related .pos .wp23related ul li { margin-bottom: 5px; font-size: 12px; }

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