/*
Theme Name: zmh-bw
Version: 1.0
Author: Zahara Méndez Hernández
Description: A basic theme for me!
Author URI: http://www.zaharamh.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
body					{ background:url(img/llibreta.png) #fff; font-size: 76%; 
						font-family:Verdana, Arial, sans-serif; color:#000; }

#header				{ display:block; height:2.5em; background:url(img/hdr_bg.png) repeat-x #000;
						border: 1px solid #000; border-bottom-color:#c8d7dc; color:#fff;}
#header #lang		{ float: left; margin-left:1em; }
#header #lang li		{ float:left; }

#header #lang li a,
#header #lang li.act	{ float:left;}
#header #lang li.act	{font-weight:600; }
#header  li a:focus,
#header  li a:hover {text-decoration: underline; }

#header #sec_but		{ float:right; }
#header #sec_but li	{ float:right; }
#header #sec_but li a	{ float:right; text-indent:-5000px; width:2.5em;  outline:0 none;}
#header #sec_but li a.mail	{ background:url(img/mail.png) no-repeat top left; }
#header #sec_but li a.rss	{ background:url(img/rss.png) no-repeat top left; }

#header #nav			{ float:left; margin-left:2.5em; }
#header #nav li		{ float:left; }
#header #nav li a		{ float:left; }
#header #nav .act	{ color:#d7933d; }

#header li a,
#header li.act		{ display:block; padding:0.5em; text-decoration: none; color:#fff; }

#content			{ margin: 1em 1em 1em 2em; width:50em; float:left; }
#content .navp		{ font-size:120%; color: #D7933D; clear:both;}
#content .navp a 		{ text-decoration:none; color: inherit; }
#content .navp .next	{ float:right; }

#content .category-web .article p {}

h1 a#logo	{ clear:both; text-indent:-5000px; background:url(img/zaharamh.png) no-repeat top left;
						display:block; float:left; height:12em; width:12em; outline:0 none; }
						
h2					{ font-family: Georgia, Times, serif; font-size:1.2em; 
						margin: 0 0 0.6em; }
p					{ margin: 0.4em 0; }
#content>.cat		{ color:#FF9D23; background-color:rgba(255,255,255,0.7) !important; background-color:#fff; display:table;}
.post,
.commentlist li 		{ background-color: rgba(255,255,255,0.7) !important; background-color:#fff; border:1px solid #CFD7E8; padding:1em; float:left;
						margin-bottom:6px; position:relative; width:582px;}
.post h2				{ font-size:1.5em; float:left}
.post h2 a			{ text-decoration: none; color: inherit; }
.post h2+p 			{ clear:both; }

.post .date 			{ color:#FFF;position:absolute; width:130px;font-size:1em;right:-131px;}
.post .date span		{ background-color: #AAB9C5;padding:2px 12px; }
.post .cat			{ color:#fff; position:absolute; width:75px; right: -76px; top:40px; }
.post .cat a			{ background-color:#FF9D23; padding:1px 10px; color:#fff; }
.post .cat a:hover,
.post .cat a:focus	{ background-color:#DB7C05; }
.post .tags			{ bottom:0;position:absolute;right:-139px;table-layout:fixed;text-align:right;width:140px; }
.post .tags li		{ display:table;margin:2px;}
.post .tags li a		{ color:#fff; background-color: #393C3F;padding:2px 6px; display:table; margin:2px 0; text-decoration:none; text-align:left; }
.post .tags li a:hover,
.post .tags li a:focus { background-color: #111; }
.post .cat a, .cat 	{ text-decoration:none; font-variant:small-caps; border:0;}
.post .article		{ clear:both; }
.post .com			{ position:absolute;right:-96px;top:60px; background:url(img/com_bg.png) no-repeat; 
						height:4.6em; padding:1em 0 0 1em; width:6em; }
.post .com a:focus,
.post .com a:hover	{ background:none; color:#DB7C05; }
.post .com a			{ text-decoration:none; color:inherit; font-size:1.3em; padding:0.7em 0 0 1.3em; 
						display:block; outline:0 none; border:0;}
#commentform p		{border:1px dotted;padding:3px 5px; }
#commentform input	{ border:0; background:transparent; color:#4169AF; width:70%;}
#commentform label 	{ font-size:80%;}
#commentform textarea { border:1px dotted; width:566px; background:transparent; font-family:inherit; padding:6px; color:#4169AF;font-size:100%;
						line-height:130%;}
#commentform #submit	{ border:1px dotted; background:#fff;color:#000;margin:6px auto;padding:2px 3px;text-align:left;width:100%;}
#commentform #submit:hover,
#commentform #submit:focus { background:#CFDEEB; cursor:pointer;}		

.commentlist .bypostauthor { background-color:rgba(255, 159, 38, 0.2) !important; background-color:rgb(255, 159, 38) }
.commentlist .even	{ background-color:rgba(207, 215, 232, 0.6) !important;background-color:rgb(207, 215, 232); }
.commentlist .comment-author { float:left; }
.commentlist .comment-author .fn {font-weight:600; }
.commentlist .comment-meta { float:right; }
.commentlist p {clear:both;margin:2px 0;}
.post p				{ font-size:1.1em; line-height:1.4em; /*width:40em;*/ }
.post img			{ float: left; margin: 0 1em 1em 0; }
.post ul li			{ list-style:circle inside url("img/arrow.gif") }
.post p a,
#footer a,
.commentlist a		{ text-decoration:none; color:#5F3006; border-bottom: 1px dotted; }
.commentlist a:hover,
.commentlist a:focus,
.post p a:hover,
.post p a:focus		{ background-color:#FF9D23;color:#fff; }

.wpcf7 p { clear:both; float:left; margin-bottom:6px; }
.wpcf7 label { float:left; clear:both; width:220px; text-align:right; display:block;padding-right: 1em;}
.wpcf7 input, textarea { border:1px solid; float:left; width:280px; padding:2px; }
.wpcf7 input.wpcf7-submit { width:auto; text-align:center; margin-left:220px; }
.wpcf7-response-output { clear:both; }

#searchform			{ float:right; margin-top:2px;}
#searchform label		{ display:none; }
#searchform #s,
#searchform #searchsubmit	{ background: #fff; border:1px solid;}
#side				{  float:left; padding-left:150px; }
#side #flickrrss		{ float: left; width:75px; }
#side #flickrrss	li	{ float: left; height:75px; margin:3px 0; }
#side #flickrrss	li a img	{ border:1px solid #CAD9DD; }
#side #flickrrss	li a:hover img,
#side #flickrrss	li a:focus img { border:1px solid #D7933D; }
#side .widget_tag_cloud {float:right;width:300px; padding:8px;}
#side .widget_tag_cloud a { text-decoration:none; color:#323437;}
#footer				{ clear: both; width:100%; }