/* @override http://testwp.oriolboix.com/wp-content/themes/javiruiz/style.css */

/*
Theme Name: Javier Ruiz - Ilustrador Freelance
Theme URI: http://www.oriolboix.com/
Description: Theme creado para el Portfolio del Ilustrador Javier Ruiz.
Version: 1
Author: Oriol Boix
*/

/* @group CSS Reseter */

/* --
CSS Reseter
CSSLab © 2007
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }

/* @end */

/* @group ClearFix */

/* ========================================= clearfix == */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */


body {
	background: #312a24 url(images/bg_body.jpg) repeat-x;
	font:normal 12px Helvetica, Arial, Sans_serif;
}

a {
	color: #b41306;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#envoltori {
	width: 950px;
	margin: 0 auto;
}

#head {
	padding-top: 30px;
	padding-left: 50px;
}

#principal {
	margin-top: 54px;
}

#content {
	margin-right: 303px;
	padding-left: 90px;
	padding-top: 30px;
	background: url(images/portfolio.png) no-repeat 50px 0px;
	color: #312a24;
}



#content .post {
	background: #fbf7f8 url(images/bg_post.jpg) no-repeat top left;
	
}

#content .post img{
text-align: center;
border: #312a24 5px solid;
}

#content .post img:hover{
border: #b41306 5px solid;
}

#content .postBottom {
	background: url(images/bg_post_bottom.png) no-repeat bottom center;
	padding: 15px;
	padding-bottom: 60px;
	}

#content h2 a, #content h2{
	font:normal 18px Georgia, Times, Times New Roman;
	color: #b41306;
	text-decoration: none;
	
}

#content h2 a:hover {
color: #ce655d;
}

#content small {
	font:normal 11px Georgia, Times, Times New Roman;
}

#content p {
	margin: 20px 0px;
	line-height: 17px;
}

/**** paginacio ***/

div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
font-family: Georgia, Times, Times New Roman;
margin-bottom: 30px;
}
 
div.pagination a {
background-color: black;
margin-right:3px;
padding:2px 6px;
background-position:bottom;
text-decoration: none;
color: #b41306;
}

div.pagination a:hover, div.meneame a:active {
background-image:none;
background-color:#b41306;
color: #fff;
}

div.pagination span.current {
margin-right:3px;
padding:2px 6px;
font-weight: bold;
color: #ffffff;
}

div.pagination span.disabled {
margin-right:3px;
padding:2px 6px;
color: #adaaad;
}

/***********/

div#right {
	width: 288px;
	float: right;	
}

li#sobremi, li#contacte {
	background: url(images/bg_sobremi.png) no-repeat;
	font-size: 14px;
	color: white;
	padding-top: 85px;
	padding-left: 38px;
	margin-bottom: 15px;
}

li#contacte {
	background: url(images/bg_contacta.png) no-repeat;
	font-size: 12px;
}

li#sobremi div, li#contacte div.caixa{
	padding: 0px 15px 45px 15px;
	margin-right: 20px;	
	line-height: 17px;
	background:black url(images/bg_right_bottom.png) no-repeat bottom right;
}

/* contacta */

#contacte input, #contacte textarea{
	width: 194px;
	color: white;
	font-size: 10px;
	padding: 3px;
	margin-bottom: 20px;
	background-color: #312a24;
	border: none;
	}
	
#contacte textarea{
	height: 100px;
	margin-bottom: 15px;
	}
	
#contacte .submit {
	background-color: black;
	width: auto;
	padding: 0px 6px;
	float: right;
	color: #b41306;
	font-size: 12px;
	margin-bottom: 0px;
}

#contacte fieldset {
margin:0;
padding:0;
border:none;
}

#contacte #selfCC {
width:auto;
margin-bottom: 0px;
}

#contacte label {
float:left;
}


#log {
	text-align: center;
	font-size: 11px;
	color:white;
}
 
#log_res {
	overflow: auto;
	padding: 10px 10px;
	padding-bottom:0;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(images/load_contact.gif) no-repeat center;;
}