/*  
Theme Name: WordPress Personal para Tiendas
Theme URI: http://www.personalparatiendas.com/
Description: Tema para el blog de Personalparatiendas.com.
Version: 1.0
Author: Juanma Orta
Author URI: http://www.oozyte.com/

	Personal para Tiendas
	 http://www.personalparatiendas.com/blog/

	Tema diseņado por Xavi Colomer y maquetado
	por  Juanma Orta

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
body {background-color: #31232f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	margin: 1px;
	min-width: 700px;
	text-align: center;
	margin: 3px;
}

p {font-size: 0.95em;}

h1 {font-size: 1.5em; color: #c00a61; margin: 8px; margin-right: 11px; border-bottom: solid 3px #AD003C; clear: both; }
h2,h3 {font-size: 1.2em; color: #c00a61; margin-top: 8px; margin-right: 11px;}
h2 {border-bottom: solid 1px #AD003C;}
h3 {font-size: 1em; margin-bottom: 0px;}
h3.separator {margin-bottom: 8px; border-bottom: solid 1px #999; font-size: 1.0em;}
dt {font-weight: bold;}
hr {border-style: none; border-bottom: solid 1px #808080; clear: both; padding: 5px 0 5px 0;}

#wrapper {text-align:left;width:984px;margin:0 auto; background-color:#fff;color:#333; padding: 5px;min-width:984px;}
#header, #footer {clear:both;width:100%}
#header h1 {display: none;}

#header {text-align: left;background-color: #ececec; border-bottom: solid 3px #fff;}
#logouseyourtime {float: right; margin: 4px;}

ul#mainmenu {
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #d5d5d5;
	border-bottom: solid 1px #d5d5d5;
	list-style: none;
	background-image: url(/img2/bg_menu.png);
	background-repeat: repeat-x;
	height: 21px;
}

ul#mainmenu li {display: inline; border-right: solid 1px #d5d5d5; border-left: solid 1px #fff;}
ul#mainmenu li.last {border: none;}
ul#mainmenu li.first {border-left: none;}
ul#mainmenu li a {font-size: 0.80em; text-decoration: none; color: #000; padding: 10px; padding-top: 5px;}
ul#mainmenu li a:hover {text-decoration: underline; color: red;}
div#breadcrumbs {padding: 3px; font-size: 0.72em; color: #000;
	background-image: url(/img2/bg_migas.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	padding-bottom: 7px;
	margin-bottom: 8px;
	padding-left: 8px;
}
div#breadcrumbs a {color: #666; text-decoration: none;}
div#breadcrumbs a:hover {color: red; text-decoration: underline;}

/** columnas **/
/** margin: 0 0 0 -5% **/
div#left {float:left;width:160px;margin: 0% 0% 0% -49px; background-image: url(/img2/bg_izda.png); background-position: 100% 0%; background-repeat: repeat-y; padding: 0 12px 0 0; border-bottom: solid 2px #f3f3f3;}
div#right {float:right;width:160px;margin:0;}
/** con el border, parece que no se desplaza 169px **/
div#content {margin:0 180px 0 180px;}
div#centerwrap {float:left;width: 100%;margin: 0% -95% 0% 0%;}

div#left div {border-bottom: solid 5px #fff;}
div#content {padding-left: 8px;}

/** caja login **/
iframe#acc_directo {width: 160px; border: none; height: 91px; margin-bottom: 5px;border-style:none;border-width: 0;}

/** cajas columna izda **/
.boxizda {background-color: #ecebf1;}
.boxizda h1 {background-color: #ad003d;
	color: #fff;
	font-size: 0.77em;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 15px;
	background-image: url(/img2/upleft.gif);
	background-repeat: no-repeat;
}
.boxizda ul {list-style-type: none; margin: 0px; padding: 0px;}
.boxizda ul li {border-bottom: solid 1px #fff; background-image: url(/img2/bullet_flecha.gif); background-repeat: no-repeat; background-position: 5px 10px; padding: 7px; padding-left: 15px; font-size: 0.88em }
.boxizda ul li a {color: #333; text-decoration: none;}
.boxizda ul li a:hover {color: red; text-decoration: underline;}
.boxizda ul li.over, .boxizda ul li.current {background-color: #fff; border-bottom: solid 1px #ad003d; cursor: pointer; color: #ad003d;}
.boxizda ul li.over a {color: red;}
.boxizda ul li.out {background-color: inherit;}
.boxizda ul li.inactive {background-color: #ececec; color: #636363; cursor: url;}
.boxizda ul li.separator {border-bottom: solid 1px #ad003d;}

div#footer {border-top:solid 1px #808080; text-align:center; color:#999;font-size:0.8em;}
div#footer img {vertical-align: middle; margin: 15px 20px 10px 20px; border: none;}
div#footer p {border-top: solid 1px #808080; padding-top: 10px; line-height: 2em;}

/** estilos propios wordpress **/
div#sidebar {background-color: #ECECEC; padding: 4px; border-left: solid 1px #C2C2C2; border-top: solid 1px #C2C2C2;}
div#sidebar ul {list-style: none; padding: 0px; margin: 0px;}
div#sidebar h2 {border: none; font-size: .77em; padding: 5px 5px 5px 5px; margin: 6px 0 2px 0; font-weight: normal; color: #fff; background-color: #AD003D; text-transform: uppercase;}
div#sidebar form#searchform input#s {font-size: 0.95em;
	border-bottom: solid 1px #ccc; 
	border-right: solid 1px #ccc; 
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	padding-left: 2px;}
form#searchform {margin-bottom: 50px;}
form#searchform input.btn {background-image: url(/img2/lupa2.gif); background-repeat: no-repeat; padding-left: 20px; font-size: 0.85em; 
    border-width: 3px;
    border-style: double;
    border-top-color: #ccc;
    border-right-color: #b5b5b5;
    border-left-color: #b5b5b5;
    border-bottom-color: #777;
    cursor: pointer;
    width: auto;
    margin-top: 2px;
}
div#sidebar p {font-size: .9em;}
div#sidebar li a {font-size: .9em;}

.post h2 a {text-decoration: none; color: #c00a61;}
.post h2 a:hover {text-decoration: underline;}