/*
THEME NAME: Carlos Parra
THEME URI: http://www.carlosparra.com.mx
DESCRIPTION: Sitio personal basado en el framework Sandbox
VERSION: 1.2a
AUTHOR: TECREES.COM
AUTHOR URI: http://www.tecrees.com
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* blueprint */
@import url('blueprint/screen.css') screen;
@import url('blueprint/print.css') print;

/* generales */
body{background:#dfdfdf url(img/bg_b.jpg) repeat top center;}

	.left{float:left;}
	.right{float:right;}
	.topad{padding:20px auto;}
	.rr{background:red;}
	.bb{background:blue;}
	.breakline{background:#ccc;height:1px;margin:5px 0 20px 0;padding:0;}

/* reset de estilo */
*{margin:0;padding:0;}
a,a:visited{color:red;text-decoration:none;margin:0;padding:0;}
ol,ul,li{list-style-type:none;}
label{font-weight:normal;}
abbr,acronym{border:none;margin:0;padding:0;}
fieldset{margin:0;padding:0;border:none;}
*:focus {outline:none;}
a:active,button:active {position:relative;top:1px;}

/* layout */
#general-wrap-header{background:#fdfdfd;border-left:#999 solid 1px;border-right:#999 solid 1px;margin:0 auto;width:950px;padding:0 20px;}
#general-wrap-content1{background:#fdfdfd;border-left:#999 solid 1px;border-right:#999 solid 1px;margin:0 auto;width:950px;padding:0 20px;}
#general-wrap-content2{background:#111;padding:21px;border-top:#aaa solid 1px;}

/* header */
#header{background:transparent;padding:20px 0;margin:10px 0 0 0;}
#blog-title{background:transparent;height:14px;text-transform:uppercase;}
#blog-description{background:transparent;}

#access{background:none;border-bottom:#ddd solid 1px;border-top:#ddd solid 1px;margin:0 auto;padding:2px 10px;position:absolute;top:150px;width:930px;}
	.skip-link{float:right;margin:0;}
	#menu{float:left;margin:0;padding:2px 0;}
	#menu ul{margin:0;padding:0;}
	#menu li{display:inline;margin:0 15px 0 0;padding:0;text-transform:uppercase;}
	#menu li a{color:#111;padding:4px;}
	#menu li a:hover{border-bottom:red solid 3px;}
	
	/* logo */
	#header h1{
		background:url(img/logo-cp.jpg) no-repeat;
		width:320px;
		height:110px;
		display:block;
		text-indent:-9999px;
		padding:0;
	}

	#header h1 a{
		width:320px;
		height:110px;
		display:block;
		text-decoration:none;
		border:0;
		outline:0;
	}
	
	#blog-description{text-indent:-9999px;}
		
/* social networks iconos */
#submenu{background:transparent url(img/sig.jpg) no-repeat;margin:64px 0 0 0;padding:0 0px;text-align:right;height:120px;}
#submenu ul{margin:4px 0 0 0;float:right;}
#submenu li{display:inline;}
#submenu ul li a{margin:0;padding:0 7px 16px 6px;}
#submenu ul li a:hover {background-position:0 0;}

.social1 a,.social2 a,.social3 a,.social4 a,.social5 a{background:transparent url(img/socialnetworks.gif) no-repeat;margin:0 5px 0 0;padding:0;height:18px;}
.social1 a{background-position:0 0;}
.social2 a{background-position:-33px 0;}
.social3 a{background-position:-65px 0;}
.social4 a{background-position:-98px 0;}
.social5 a{background-position:-130px 0;}
	#submenu ul li.social1 a:hover{background-position:0 -34px;}
	#submenu ul li.social2 a:hover{background-position:-33px -34px;}
	#submenu ul li.social3 a:hover{background-position:-65px -34px;}
	#submenu ul li.social4 a:hover{background-position:-98px -34px;}
	#submenu ul li.social5 a:hover{background-position:-130px -34px;}
		
/* index */
#content{margin:0 !important;padding:20px 40px 20px 0;background:none;}
#sidebar{float:right !important;margin:0;padding:30px 0 20px 0;background:none;width:230px;}

	/* posts */
	h2.entry-title{float:left;font-size:22px;font-weight:bold;height:26px;letter-spacing:normal;margin:0;padding:0;text-transform:uppercase;width:100%;}
	.comments-link a{background:transparent url(img/comments.png) no-repeat top right;color:#fdfdfd;font-weight:bold;float:right;height:29px;width:34px;text-align:center;padding:3px 0 0 0;}
	div.entry-date{float:left;font-size:10px;margin:0;padding:0;text-transform:uppercase;}
	abbr.published{margin:0;padding:0;}
	div.entry-content{color:#111;font-size:15px;line-height:20px;}
	div.entry-content img{margin:0 0 20px 0;}
	span.tag-links{background:transparent url(img/tags.png) no-repeat left;padding:0 0 0 54px;}
	
/* sidebar */
.xoxo{margin:0;padding:0;}
.xoxo h3{background:#ddd;margin:0;padding:4px;text-align:left;text-transform:uppercase;}
.xoxo ul{margin:0;padding:0;}
ul.xoxo li ul li{border-bottom:#ddd solid 1px;padding:2px 4px;}

/* search */
	input.texto{
		background:#fff;
		border:#ccc solid 1px;
		color:#111;
		float:left;
		font-size:12px;
		text-align:left;
		width:160px;
		margin:0;
		height:18px;
		padding:4px 6px;
	}	

	.search input.texto:focus{border:#aaa solid 1px;}
	
	input.button{
		background:#444;
		border:#444 solid 1px;
		color:#fff;
		cursor:pointer;
		float:left;
		font-size:11px;
		margin:0px;
		text-align:left;
		height:28px;
		padding:8px 2px;
	}
	
/* footer */
#footer .breakline{background:#181818;}
#infooter{color:#333;font-size:10px;text-align:center;}
#infooter a:hover{color:#555;}

		/* twitter */
		#twit_feed{background:#111 url(img/bird.png) no-repeat left;color:#fdfdfd;border-bottom:#181818 solid 1px;float:left;padding:12px 0 12px 60px;width:700px;}
		#twit_feed a:hover{color:#555;}
	
		/* inkujo */
		#inkujo{float:left;padding:42px 0 0 0;width:740px;}
		#inkujo img{border:#0a0a0a 1px solid;}
			
		/* flickr */
		.flickr{background:#111 url(img/flickr.png) no-repeat top center;height:32px;float:right;text-indent:-9999px;width:174px;}
		
		#flickr{background:#222;height:174px;margin:10px 0 0 0;padding:0;width:174px;float:right;border:#0f0f0f solid 1px;}
		 
		#flickr a img {
			border:#1f1f1f 1px solid;
			float:left;
			margin:5px;
			padding:0;
			width:75px;
			height:75px;
		}