/* 
	Theme Name: Start
	Theme URL: http://www.colorpersonal.com	
	Description: Tema realizado para el sitio http://colorpersonal.com
	Author: Isabel Luini
	Author URI: http://www.colorpersonal.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;
	border: 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; }

/*Links*/
a, a:visited { color: #252525; text-decoration: none; }
a:hover { text-decoration: underline; }

/*Header*/
#header{
width: 100%;
height: 147px;
background: url(images/headbg.png) repeat-x;
}

#hd-inner{
width: 980px;
margin: 0 auto;
position: relative;
}

#hd-inner img {
margin:auto;
}

#header h1 a {
float:left;
height:147px;
overflow:hidden;
width:550px;
}

#social { 
background: url(images/socialbg.png) no-repeat center top;
float: right; 
height:46px;
padding-top:40px;
width:330px;
margin-right:10px;
}

#social ul li a.rss { background: url(images/rsst.png) no-repeat 0 0 }
#social ul li a.facebook { background: url(images/facebt.png) no-repeat 0 0 }
#social ul li a.twitter { background: url(images/twittt.png) no-repeat 0 0 }
#social ul li a.tumblr { background: url(images/tumblrt.png) no-repeat 0 0 }
#social ul li a.stumble { background: url(images/stumblet.png) no-repeat 0 0 }

#social ul li a.rss:hover { background: url(images/rss.png) no-repeat 0 0 }
#social ul li a.facebook:hover { background: url(images/faceb.png) no-repeat 0 0 }
#social ul li a.twitter:hover { background: url(images/twitt.png) no-repeat 0 0 }
#social ul li a.tumblr:hover { background: url(images/tumblr.png) no-repeat 0 0 }
#social ul li a.stumble:hover { background: url(images/stumble.png) no-repeat 0 0 }

#social ul li a span { display: none; }
#social ul li a { width: 46px; height: 46px; display: block  }
#social ul li { float:right; width: 46px; height: 46px;  margin: 9px}

#feedcount {
padding-left:120px;
}

#menu { width: 100%; background: #444444; }

#menu-inner {
height:39px;
margin:0 auto;
width:980px;
}

#menu-inner ul li {
display: inline;
line-height: 38px;
}

#menu-inner ul li a {
color:#FFFFFF;
font-family:arial,tahoma;
font-size:20px;
margin:10px 0 0 0;
padding:5px 25px 0 0;
text-decoration:none;
}

#menu-inner a:hover {
text-decoration: underline;
color: #fff;
}

#searchbox {
bottom:35px;
position:relative;
width:300px;
left:650px;
}

#searchbox  #text {
width: 290px;
background: #fff;
border: none;
color: #000;
font-family: verdana, arial, tahoma;
font-size: 11px;
padding-top: 8px;
padding-left: 3px;
padding-bottom: 8px;
}

#searchbox   #b {
position: absolute;
padding-top: 0px;
}

/*Body*/
.body { width: 980px; margin: auto; }

/*Post*/
#content {
float:left;
padding:15px 15px 5px 5px;
width:600px;
text-align: justify;
margin-top: 10px;
}

#content h1 a { color: #D00A0B; }

#content h1 a:hover {
text-decoration: underline;
color: #d00a0b;
}

#content a { color: #d00a0b; }

#content a:hover {
text-decoration: underline;
color: #2f2f2f;
}

#content h1 {
font-family: Arial, Verdana;
font-size: 24px;
color: #D00A0B;
}

#content .postinfo {
font-family: Arial;
font-size: 10px;
color: #707070;
line-height: 15px;
border-bottom: #ebebeb 1px solid;
}

#content p {
margin-top: 12px;
font-family: Verdana;
font-size: 12px;
color: #555555;
line-height: 20px;
}

#content img {
padding: 5px;
border: #ededed 1px solid;
margin: 10px 0 10px 0;

}

/*Post Footer*/
.pfoot {
background: #FFF;
line-height: 33px;
margin: 20px 0 30px 0;
width: 600px;
border-top: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
}

#content .pfootleft {
font-family: Verdana;
font-size: 11px;
color: #707070;
float:left
}

#content .pfootright  {
margin:0 5px 0 0;
font-family: Verdana;
font-size: 11px;
color: #707070;
float: right;
}

.pfootright .comm a {
background:transparent url(images/comicon.png) no-repeat scroll 0 4px;
display:block;
line-height:33px;
padding-left:45px;
}

.pfootleft .tag {
background:transparent url(images/tagicon.png) no-repeat scroll 0 4px;
line-height:33px;
padding-left:40px;
}

.related {
width: 300px;
float: left;
border: 0px solid #F5F5F5;
padding: 5px;
margin: 10px 0 10px 0;
}

.related  h5{
color:#D00A0B;
font-size:15px;
font-weight:lighter;
line-height:3px;
margin:0 0 20px;
}

.related a {
color:#000000 !important;
}

.related li {
line-height: 20px;
}

/*Paginacion*/

.pagebar {
padding: 0.2em 0.5em;
margin-right: 0.1em;
border: 0px solid #fff;
text-decoration: none;
text-align: center;
font-family: verdana, arial;
font-size: 12px;
margin-bottom:10px;
}

.pagebar a,.pageList, .this-page {
border: 1px solid #DEDEDE;
padding: 0.2em 0.5em;
background: #fff;
color: #454545 !important;
}

.pagebar a:visited {
border: 1px solid #DEDEDE;
text-decoration: none;
padding: 0.2em 0.5em;
}

.pagebar .break {
padding: 2px 6px 2px 6px;
border: none;
background: #fff;
text-decoration: none;
}

.pagebar .this-page {
border: 2px solid #dedede;
padding: 0.2em 0.5em;
font-weight: bold;
background: #f1f1f1;
color: #fff;
}

.pagebar a:hover {
border-color: #2f2f2f;
background: #f1f1f1;
}

.pagebar .inactive {
border: 1px solid #cccccc;
color: #ccc;
text-decoration: none;
padding: 0.2em 0.5em;
}


/*Sidebar*/
#sidebar {
width: 330px;
float: right;
background: #fff;
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
font-family: verdana, arial, tahoma;
font-size: 12px;
text-align: justify;
}

#sidebar #sbwrapper {
width: 330px;
margin: auto;
padding-top: 10px;
}

#sidebar  h2 {
border-bottom:1px solid #EBEBEB;
color:#D10A0D;
font-family:Arial;
font-size:23px;
line-height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0 8px;
}

/*Categorias*/
#sidebar  li {
font-family: verdana;
list-style: none; 
font-size: 11px;
line-height: 20px;
width: 161px;
}

#sidebar  ul li a:hover {
background: #f9f9f9;
display:block;
text-decoration: underline;
}

#cats li {
float:left;
width:49%;
margin-left: 2px;
border-bottom: #dfdfdf 0px solid;
}

#blogroll li {
float:left;
width:49%;
margin-left: 2px;
border-bottom: #dfdfdf 0px solid;
}

#mascoment li{
margin-left: 2px;
border-bottom: #dfdfdf 0px solid; 
}

/*tabs */
	
.widget {
margin: 30px auto;
padding: 4px;
background: #ededed;
border: 0px solid #d4d4d4;
}

.widget a {
color: #2f2f2f;
text-decoration: none;
}

.tabnav li {
float: left;
list-style: none;
padding: 0px;
width: 200px;   
text-align: center; 
}

.tabnav li a {
text-decoration: none;
text-transform: uppercase;
color: #B62B2B;
padding: 4px 50px;
font-weight: bold;
}
	
.tabnav li a:hover,  .tabnav li a:active , .ui-tabs-selected a {
color: #B62B2B;
text-decoration: none;
padding: 0px 50px;
background: #e7e7e7;
}
	
.tabdiv {
background: #fff;
border: 1px solid #ededed;
padding: 5px;
}

.tabdiv a:hover {
padding: 0px;
color: #2f2f2f;
}
	
.tabdiv li  {
background: transparent url(images/bullet.gif) no-repeat 0px 9px; 
margin: 0 10px;
padding-left: 10px;
width: 300px;
}


.ui-tabs-hide { display: none; }

#recientes li, #recientes li a {
width:275px;
}

#recientes ul li a:hover {
background: transparent; 
}

#archivos li, #archivos li a {
width:300px;
}

#archivos ul li a:hover {
background: transparent; 
}

.full_widget {
margin-top: 30px !important;
}

/*Footer*/
#footer{
background:#FFFFFF none repeat scroll 0 0;
border-bottom:2px solid #EBEBEB;
border-top:2px solid #EBEBEB;
clear:both;
padding:20px 0;
position:relative;
width:100%;
margin-top:10px;
}

#f-inner {
width: 980px;
margin: auto;
color: #000;
}

#footer h2 {
color: #D10A0D;
font-family: Arial;
font-size: 22px;
margin-bottom: 10px;
border-bottom: #ebebeb 1px solid;
}

#footer li {
background: transparent url() no-repeat 0px 15px; 
padding-left: 10px;
font-family:Verdana;
font-size:11px;
color:#4F4F4F;
}

#footer a {
color: #D00A0B;
font-family: verdana, arial;
font-size: 11px;
}

#footer a:hover {
color: #2f2f2f;
font-family: verdana, arial;
text-decoration: underline;
}

#fcol1 {
float: left;
width: 30%;
padding: 0 20px 0 0;
}

#fcolcentro {
float: left;
width: 30%;
padding: 0 0 0 65px;
}

#fcol3 {
float:right;
width: 30%;
text-align: right;
}

#foot h3 {
color: #4F4F4F;
font-family: verdana;
font-size: 10px;
text-align: right; 
}

.menufooter {
margin-bottom: 30px;
line-height:30px;
}

.extras {
padding-top: 30px;
}

/* Tumblr */

#tumblr  img{
width: 250px;
}

#tumblr  li{
width: 280px;
background: none;
text-align:center;
}

#tumblr p, #tumblr a{
color: #939393;
font-size:9px;
}

/* Twitter */

#twitter {
background: transparent url(images/foottwitt.png) no-repeat scroll 110px 7px;
font-family:Verdana;
font-size:11px;
height:100px;
padding-top:85px;
width:300px;
}

/*Comentarios*/

#comments {
font-family:Arial;
font-size:18px;
}

#commentlist li {
list-style: none;
margin-bottom:30px;
}

#commentlist h2 {
font-family:verdana;
font-size:10px;
font-weight:lighter;
padding:25px 0 15px 55px;
color:#555555;
}

#commentlist p img {
border: 0px;
margin:auto;
padding:5px 0 0;
}

#commentlist p {
font-size: 11px;
padding:0 0 10px;
line-height:18px;
}

#commentlist .gravatar img {
border: 0px;
position: absolute;
}

.commenttext {
border-top: 1px solid #ededed;
}

#commentsfeed a {
border-bottom:1px solid #EDEDED;
font-family:Arial;
font-size:12px;
padding-left: 20px;
}

#commentsfeed {
background: transparent url(images/rsscom.png) no-repeat scroll 0 4px;
}

#postcomment {
font-family:arial;
font-size:18px;
padding:40px 0 0;
}

#commentform h5 {
font-family:arial;
font-size:12px;
font-weight:lighter;
}

.SubmitComment { 
background:#EDEDED;
border:1px solid #E3E3E3;
color:#414141;
font-family:verdana,arial,tahoma;
font-size:11px;
padding:5px 100px;
text-transform:uppercase;
}

.SubmitComment:hover { 
background: #c9c9c9; 
text-decoration: none;
color: #414141;
}

/*Fin comentarios*/

/*Encabezados*/

h1 {	font-size: 25px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 12px; }

/* Contacto */

div#coldform { padding: 0; margin: 0; }

div#coldform {
font-family: Verdana, sans-serif;
background-color: #fff;
font-size: 11px;
margin: 11px 0;
width: 550px;
color: #2f2f2f;
}

div#coldform fieldset {
border: 0 none;
display: block;
clear: both;
}

div#coldform legend.hide { display: none; }

div#coldform label.label {
text-align: right;
display: block;
padding: 3px 0;
margin: 3px 0;
width: 125px;
clear: left;
float: left;
}

input#coldform_carbon { 
margin: 0 0 -7px 7px; 
}

div#coldform textarea#coldform_message, div#coldform input.input {
font-family: Verdana, sans-serif;
margin: 3px 11px;
font-size: 11px;
display: block;
padding: 3px;
width: 300px;
float: left;
}

div#coldform input.submit {
margin: 3px 0 13px 137px;
width: 307px;
float: left;	
color: #fff;
font-family: verdana, arial, tahoma;
font-size: 12px;
padding: 5px;
background: #6f6f6f; 
border: 1px solid #4f4f4f;
}

	/*Error 404*/
	
.error404 {
padding-top:20px;
width:600px;
}

.error404 img {
margin-left:180px;
}

.error404 span img{
padding-left: 40px;
}

.error404 a:hover {
background-color:#fff;
border-bottom:0px dashed #444444;
}

.error404 h1 {
font-family:Arial;
font-size:18px;
text-align:center;
color:#4e4e4e;
}

.error404 p {
font-family:verdana;
font-size:11px;
line-height:20px;
padding:20px 0;
text-align:center;
}

.error404 p a {
color:#D10A0D;
}

.errorultimos {
width: 600px;
text-align: left;
padding-top: 20px;
}

.errorultimos a {
color:#D10A0D;
font-family:Verdana;
font-size:12px;
text-decoration:none;
}

.errorultimos a:hover {
color:#252525;
text-decoration: underline;
}