﻿/* 
	Theme Name: Clean
	Theme URL: http://www.isabelluini.com
	Description: Tema realizado para el sitio http://isabelluini.com
	Author: Isabel Luini
	Author URI: http://www.isabelluini.com
	Version: 1.0
*/

/************************************************
*	RESETEAR ESTILOS									

*
************************************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;

	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }

blockquote, q { quotes: none; font-style:italic; }

acronym { border-bottom:1px dotted; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }

.clear { clear: both; display: block; overflow: hidden; 	width: 0; height: 0;}
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { 	display: inline-block; }
* html .clearfix { height: 1%;}
.clearfix { display: block; }

* {border:0}


#container{
margin:auto;
width:980px;
background: #fff;
padding-top: 30px;
}

#header {
width:980px;
margin:auto;
height: 135px;
background: #fff;}

#header h1 {
float: left;
margin-top: 10px;
width: 500px;
}

#searchform {
bottom:75px;
position:relative;
width:300px;
left:620px;
}

#searchform  #text {
width: 290px;
background: #fff;
border: 1px solid #e8e8e8;
color: #989898;
font-family: verdana, arial, tahoma;
font-size: 12px;
padding-top: 8px;
padding-left: 3px;
padding-bottom: 9px;
}

#searchform   #b {
position: absolute;
padding-top: 0px;
padding-left:5px;
}

#post {
width: 660px;
float: left;
padding-top: 30px;
padding-bottom:30px;
margin-left:10px;
}

#img a:hover {
border-top: 3px solid #e9e9e9 !important;
}

.subtitle {
font-size: 11px;
font-family: Arial;
color: #989898;
padding-bottom: 10px;
}

#post p {
font-family: Arial;
font-size: 13px;
color: #2f2f2f;
line-height: 20px;
margin-top: 10px;
margin-left:10px;
}

.postmeta {
font-size: 11px;
font-family: Arial;
color: #989898;
padding-top: 10px;
}

.postnavigation a {
color: #a0b925;
font-family: Arial;
font-size:13px;
}

#sidebar{
width: 280px;
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
font-family: Arial;
font-size: 13px;
color: #989898;
float: left;
padding-bottom:20px;
}

#sidebar h2 {
font-size: 24px;
color: #b2cb39;
border-bottom: 1px solid #b2cb39;
padding-top: 30px;
}

#sidebar a {
color: #989898;
font-size: 18px;
text-decoration: none;
}

#sidebar li {
padding-top:5px;
}

#footer {
width: 970px;
clear:both;
line-height: 40px;
border-top: 1px solid #989898;
}

#footer p {
font-size: 11px;
font-family: Arial;
color: #989898;
}

#footer a {
color: #a0b925;
}

#foot-left {
float:left;
width: 240px;
}

#foot-right {
float: right;
width: 650px;
text-align: right;
}

.social { 
padding-bottom:20px;
width:200px;
}

.social ul li a.linkedin { background: url(images/linked.png) no-repeat 0 0 }
.social ul li a.rss { background: url(images/rss.png) no-repeat 0 0 }
.social ul li a.facebook { background: url(images/faceb.png) no-repeat 0 0 }
.social ul li a.twitter { background: url(images/twitter.png) no-repeat 0 0 }

.social ul li a span {display: none; }
.social ul li a { 
display:block;
height:32px;
width:32px;
}

.social ul li { 
float:left;
margin-top:10px;
}


.entry {
background:#f6f6f6 none repeat scroll 0 0;
border:1px solid #ededed;
height:230px;
margin:10px;
text-align:right;
width:320px;
}

.thumbnail{
border:1px solid #e9e9e9 !important;
margin-right:12px;
margin-top:10px;
padding:2px !important;
}

.entry h2 {
	font-size: 10px !important;
        text-align: right;
        margin:5px 10px;
        font-family:Verdana, serif;
        text-transform: uppercase;
        color:#989898;
}

.entry h2 a {
color: #a9a9a9;
}

.postitles h2 {
border-bottom:1px solid #B2CB39;
color:#B2CB39;
font-size:24px;
font-family: Arial;
}

.postinfos {
	margin-left: 20px;
        font-family: verdana, arial;
        font-size: 10px; 
        width: 350px;
color: #a9a9a9;
}

#error {
padding: 60px 0 30px 30px;
width: 660px;
float: left;
}

#error h2 {
color:#8da617;
font-size:18px;
font-family: Arial;
}

#error p {
color:#afafaf;
font-size:13px;
font-family: Arial;
}
