/*  
Theme Name: Ceramique
Theme URI: http://wordpress.org/
Description: The default WordPress theme, totally tweaked, to fit a kind of professional CMS.
Version: 1.0
Author: 4tres.com
Author URI: http://www.4tres.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Have fun, and don't be afraid to contact me if you have questions.

* html { overflow: hidden; }
* html body{ height: 100%; overflow: auto; }
* html #header{ position: absolute; }
#header { position: fixed; top: 0; z-index: 10;}
#allcontent {padding-top: 92px; }
*/

/* Main structure & definitions */

	/* Begin Structure */
	body { margin: 0; padding: 0; }
		#top { margin: 0 auto .5em auto; padding: 0; width: 760px; }
		#all { margin: 0 auto 1em auto; padding: 0; width: 760px; }		
			#header { padding: 0; margin: 0 auto .8em auto; width: 100%; }
			#allcontent {}
			#footer { margin: 2em auto 0 auto; clear: both; }
			
	/* 	maincolumn - sidebar
		narrowcolumn - widecolumn
		onecolumn */
	
	#maincolumn { float: left; padding: 0 0 20px 45px; margin: 0; width: 450px; }
	#sidebar { padding: 20px 0 10px 0; margin-left: 545px; width: 190px; }
		
	#narrowcolumn { float: left; padding: 0; margin: 0 0 0 30px; width: 240px; }
	#widecolumn { padding: 0 0 10px 0; margin-left: 330px; width: 400px; }
		
	#onecolumn { padding: 0; margin: 0 30px; }
	/* End Structure */

	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #333;
		background: #fff url(../../../imgs/gral/topbg.png) top repeat-x fixed;
		background: #fff url(../../../imgs/gral/bg.png) top center fixed;
		text-align: center;
	}
	#header {
	  	background: #e3d8cc url(../../../imgs/gral/header.png) top; height: 65px;
	}
	#all {
		background-color: #e3d8cc;
		text-align: left;
		border-width: 0 1px; border-style: solid; border-color: #552f0e;
		font-size: 1.2em;
	}
	#footer {
		font-size: 0.9em;
		color: #e3d8cc;
		background-color: #552f0e;
	}
	#logow2 { position:fixed; right: 0; top: 0; z-index: 20; }

	/* End Structure */
	
/* Main styles & HTML tags & links */

	h1 { font-size: 2em; text-align: center; padding-top: 20px; margin: 0; }
	h2 { font-size: 1.4em; margin: 0 30px 1em 30px ; }
	#maincolumn .post h2, #widecolumn h2, #maincolumn .post h3, #widecolumn h3 { margin: 0; } /* corrección para títulos 'dentro' de post */
	h3 { font-size: 1.2em; }
	h2, h3 { padding: 0; color: #552f0e; border-bottom: 1px solid #552f0e; }
	h4 { margin: 0; padding: 2px; background-color: #552f0e; color: #fff; font-size: 1em; }	
	
	a { color: #552f0e; text-decoration: none; }
		.entrytext p a,
		.commentlist li p a, 
		.pagecontent a,
		#preview-div div a { text-decoration: underline; }
	a:hover { color: #f26420;text-decoration: underline; }
	a img  { border: none; text-decoration: none; }
	h3 a { }
	h2 a:hover, h3 a:hover { text-decoration: none; color: inherit; }
	
	p img { padding: 0; max-width: 100%; }
	
	#header h1, hr { display: none; }
	
	#noticias .post h3 a, #narrowcolumn h3 a, .post h3 a, .album h3 a, #gallery #narrowcolumn #links a
	 { padding-right: 1.6em; background: url(../../../imgs/gral/link.png) right bottom no-repeat; }
	#gallery #narrowcolumn #links a {background-position: right -1px;}
	
	/* forms */
	form, fieldset { margin: 0; padding: 0; }
	fieldset { border: 1px solid #c69c6d; }
	legend { padding: 0; color: #000; }
 	input, textarea, select { margin: 0; padding: 2px; font-size: 100%; font-family: inherit; }
	input, textarea { border: 1px solid #c7b299; background-color: #fff; }
	textarea { width: 100%; }
	select { width: 130px; padding: 0; }
	.submit { border-width: 0px 2px 2px 0px; }

		/* searchform */
		#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
		#searchform #s {width: 115px; padding: 2px; }
		#searchsubmit { padding: 1px; }
		
	/* lists */

	/*	Special stylized non-IE bullets
		Do not work in Internet Explorer, which merely default to normal bullets.	
	
	html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
	html>body .entry li { margin: 7px 0 8px 10px; } */
	
	ul li { list-style-type: none;}
	/* ul li:before ul li ul li:before { content: "\0020 \00BB \0020"; } */
	ol li { list-style: decimal outside; }
		
	.entry ol { padding: 0 0 0 35px; margin: 0; }
	.entry ol li { margin: 0; padding: 0; }
	
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}	


	/* xtra tags */
	code { font: 1.1em 'Courier New', Courier, Fixed; }
	acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
	blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #552f0e; }
	blockquote cite { margin: 5px 0 0; display: block; }
	
	small, .postinfo { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; }
	.highlightcolor { color: #f26420; }
	.error, .tip { color: #f26420; font-size: 110%;  font-weight: bold; }
	.entrytext .error, p.error, .entrytext .tip { display: block; border: 1px solid #552f0e; border-width: 1px 0; padding: .4em 0; margin: .4em 0; }
	.post p.error { padding: 1.4em 0; margin: 5em 2em 3em 2em; text-align: center; }
	
	
/* block specific */

	/* navbar */
	ul#navbar { width: 730px; margin:0; padding: 0 0 2px 30px;  text-align: left; font-size: 1.1em; border-top: 3px solid #552f0e; }
	ul#navbar li { display: inline; margin: 0 .6em 0 0; list-style-type: none; padding: 0; }
	ul#navbar li.here{ padding: 1px 0.5em; border: 1px solid #552f0e; border-width: 0 0px 2px 2px; background: #552f0e none; color: #fff; }
	ul#navbar li a{ padding: 1px 0.5em; border: 1px solid #e3d8cc; border-width: 0 1px 2px 1px; border-left-color: #fff;
		background: #f3efec url(../../../imgs/gral/tab_bg.png) repeat-x; text-decoration: none; }
	ul#navbar li a:hover {	background: #e3d8cc; border-color: #552f0e; }
	
	/* homebox */
	.homebox {padding:0;border:0;margin:0 0 1em 0; border-top: 3px solid #552f0e; }
	.homebox .post h3, .homebox ul li h3 {margin: .2em 0 0 0; }
	.homebox ul, .homebox ul li ul {margin: 0; padding: 0; border-top: 1px dotted #552f0e; }
	.homebox ul li, .homebox ul li ul li {margin: 0; padding: .3em 0;  border-bottom: 1px dotted #552f0e;}
	
	/* hometit(s) */
	h2.hometit { margin: 0; padding: 29px 0 0 0; border: none;
		overflow: hidden; height: 0px !important; height /**/:29px; /* for IE5/Win only */ }
		/* workaround for 'hand cursor' (this very case and some other ones) @ IE.css */
	
	#narrowcolumn .homebox a h2 {width: 240px;}	
	#narrowcolumn .homebox a:hover h2.hometit { background-position: -240px 0; }
	#widecolumn .homebox a h2 {width: 400px;}	
	#widecolumn .homebox a:hover h2.hometit { background-position: -400px 0; }
	
	#lastprods h2 { background: #e3d8cc url(../../../imgs/home/tit_derniereproductions.png) top left no-repeat; }
	#bulletin h2 { background: #e3d8cc url(../../../imgs/home/tit_bulletin.png) top left no-repeat; }
	#minibio a h2 { background: #e3d8cc url(../../../imgs/home/tit_aproposjacqueline.png) top left no-repeat; }
	#contacto a h2 { background: #e3d8cc url(../../../imgs/home/tit_contactezmoi.png) top left no-repeat; }
	#noticias a h2 { background: #e3d8cc url(../../../imgs/home/tit_nouvelles.png) top left no-repeat; }
	#lastcomments h2 { background: #e3d8cc url(../../../imgs/home/tit_dernierescoms.png) top left no-repeat; }
	#enlaces a h2 { background: #e3d8cc url(../../../imgs/home/tit_liensrecomandes.png) top left no-repeat; }	
		
	/* lastprods y randomprods */
	#lastprods .zp_photos, #narrowcolumn #randomprods .zp_photos { font-size: 0; }
	#lastprods .zp_photos .zp_photo, #lastprods .zp_photos .zp_photo a img, 
		#narrowcolumn #randomprods .zp_photos .zp_photo { display: inline; margin: 0;}
	#lastprods .zp_photos .zp_photo a img, #randomprods .zp_photos .zp_photo a img { border: 1px solid #552f0e; }
		#lastprods .zp_photos .zp_photo:first-child, #narrowcolumn #randomprods .zp_photos .zp_photo:first-child { margin-right: 8px;} /* (several) modification(s) for IE exists in IE.css */
		#sidebar #randomprods .zp_photos .zp_photo a img { margin-left: 60px;}
	#lastprods .zp_photos .zp_photo a:hover img, #randomprods .zp_photos .zp_photo a:hover img  { border-color: #f26420; }
	#randomprods .zp_photos a  { text-decoration: none; }
	#randomprods .zp_photos a .zp_title  { display: block; width:170px;padding: 0 10px 1px 10px; 
		background-color: #552f0e; color: #e3d8cc; margin: .4em 0 1px 0;}
	
	/* bulletin */
	#bulletin { font-size: 0.9em; }
	#bulletin form input.text { width: 7em; }
	#bulletin form input.submit { padding:0; }
	
	/* minibio */
	
	/* contacto */
	#contacto p { margin: 0; }
	
	/* productos */
	#productos { margin-bottom: 1em; }
	
	/* noticias */
	#noticias div .entry p { margin: 0; }
	#noticias .post { margin: 0; }
	#noticias .post .entry { margin: .2em 0; padding: 0; }
	#noticias .post .entry p { margin: 0; padding: 0; }
	#noticias ul li.post a {font-weight: bold; }
	#noticias ul li.post .postinfo {display: inline; text-align: left; margin: 0; padding: 0; border: none; }

	/* comentarios */
	
	/* enlaces */
	#enlaces ul li h3 { border-width: 0; margin-bottom: .1em; }
	
	/* now (importante) */
	#now {margin: 0 30px 1em 30px; padding-left: 240px; border-bottom: 3px solid #f26420; background: url(../../../imgs/home/important.png) 1em center no-repeat}
	#now .post { padding: 0 .8em .4em 0; margin: 0; }
	#now .post h3 { margin:0; padding: 0; }
	#now .post .postinfo {display: block; text-align: right; margin: 0; padding: 0; border-top: 1px solid #552f0e; }
	#now .post .postinfo .postcomment {display: none;}
	#now .post .entry { font-size: .9em; }
	#now .post .entry p {margin:0;}

	
	/* otros */
	.banner { margin: 2em 0 .6em 0; }
	
	/* footer */
	#footer a{ font-weight: bold; color: #fff; }
	#footer p { margin: 0; padding: 1em 0; text-align: center; }
	#footer img#emailimg { margin-bottom: -2px; }
	
	#extlogos {height: 15px; margin: 0; }
	#extlogos img {height: 15px; }


/* WP specific */

	/* posts */
	.post { margin: 14px 0 26px 0; text-align: justify; }
	.post .postinfo {display: block; text-align: right; margin: 0; padding: 0; }
	.entry, .entrytext { line-height: 1.4em; }
	.entry ul li, .entrytext ul li {list-style-type: circle;}
	.entrytext img, .entrytext p img { border: 1px solid #552f0e; border-top-width: 3px; padding: 3px; margin: .5em 11px .2em 0; background: url(../../../imgs/gral/stripe_bg.png) repeat;}
	.smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0; }
	.attachment { text-align: center; margin: 5px 0; }
	
	.urgent h2 a{background: url(../../../imgs/gral/important.png) no-repeat left bottom; padding-left: 45px; }
	.homebox ul li.urgent a {background: url(../../../imgs/gral/important.png) no-repeat left bottom; padding-left: 45px;}

	/* comments */
	.commentlist { padding: 0; text-align: justify; }
	.commentlist li { margin: 1em 0 .1em 0; padding: .6em .6em .1em .6em; list-style: none; }
	.commentlist li.authorcomment { background-color: #c7b299; }	
	.commentlist li.alt { }	
	.commentlist li .commentnum { display: block; float: left; width: 3em;  background-color: #c7b299; font-weight: bold; text-align: center; margin-right: 1em; }	
	.commentlist li.authorcomment .commentnum { background-color: #e3d8cc; }
	.commentmetadata { margin: 0; display: block; }
	/* *html #preview-div div { margin-left: -280px; position: fixed;} */
	#preview-div div { border: 1px solid #c7b299; padding: .3em; margin-left: -300px; width: 240px; float: left; position: absolute; background: url(../../../imgs/gral/halfgrey.png); }


/* Alignments */
	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 }
	.center { text-align: center; }

/* (.entrytext) Forms (subscription y login) y contactform (parcialmente) */
	.entrytext form, .maildiv form  { width: 26em; background: url(../../../imgs/gral/stripe_bg.png) repeat;
  		font-weight: bold; border: 1px solid #552f0e; margin: 1em auto; font-size: 92%; }
	.entrytext form fieldset, .maildiv form fieldset { padding: 1em .3em 0 .3em; margin-bottom: 1em; border: none; }
	form fieldset label { width: 9em; text-align: right; padding: 0 1em 0 0; 
		vertical-align: bottom; position: relative; display: block; float: left; clear: left; }
	form fieldset input { margin-bottom: .3em; font-weight: normal; }
	.fmsubmit { text-align: center; padding-bottom: 1em; }

/* Galería */
	.album h3 { width: 240px; clear: left;margin: 0 0 1px 0; }
	.album .albumthumb { float: left; width: 240px; text-align: right;  }
	.album .albumdesc { float: left; width: 400px; margin-left: 60px;}
	#unproducte img { border: 1px solid #552f0e; border-top: 3px solid #552f0e; padding: 3px; margin: 0; background: url(../../../imgs/gral/stripe_bg.png) repeat; width: 392px; }
	#gallery .homebox { margin-top: .4em; }
	#productenav .imagethumb { display: inline; }
	#productenav .imagethumb a img, .albumthumb a img { display: inline; border: 1px solid #552f0e; }
	#productenav .imagethumb a:hover img, .albumthumb a:hover img  { border-color: #f26420; }