/*
Theme Name: Darilo's WPTheme
Theme URI: http://www.dariogimenez.com
Description: The original WordPress theme for DarioGimenez.com
Version: 1.0
Author: Drio Gimenez
Tags: blue, one colum, illustratons, widgets

Darilo's WPTheme by Dario Gimenez || http://www.dariogimenez.com
Designed by Fernando Acevedo || http://www.fernandoacevedo.com.ar
Este theme ha sido diseņado y programado para el uso exclusivo del
site dariogimenez.com
*/


body, html{
	height:100%;
	margin:0px;
	padding:0px;
	background:url(images/bg_patern.jpg) left repeat #c8c8b4;
}

/* CONTENEDOR PRINCIPAL */
#mainContainer{
	width:951px;
	margin:0px auto;
	padding:0px 0px 0px 1px;
	background:#fff;
}

/* HEADER */
#header{
	width:950px;
	height:150px;
	background:url(images/header.jpg) bottom no-repeat;
}

/* NAVEGACION PRINCIPAL */
#mainBotonera{
	width:950px;
	height:78px;
	background:url(images/bg_botonera.jpg) left no-repeat;
}
#menu{
	width:545px;
	height:50px;
	float:right;
}
	#menu ul{
		margin:0px;
		padding:0px;
	}
	#menu li{
		height:50px;
		margin:0px;
		padding:0px;
		cursor:pointer;
		list-style:none;
		float:left;
	}
	#menu li img{
		border:0px;
	}
	#menu .btnHome{
		width:100px;
		background:url(images/btnHome.jpg) left no-repeat;
	}
	#menu .btnHomeOver{
		
	} 
	#menu .btnBio{
		width:100px;
		background:url(images/btnBio.jpg) left no-repeat;
	}
	#menu .btnBioOver{
		
	} 
	#menu .btnCurriculum{
		width:200px;
		background:url(images/btnCurriculum.jpg) left no-repeat;
	}
	#menu .btnCurriculumOver{
		
	} 
	#menu .btnContact{
		width:145px;
		background:url(images/btnContact.jpg) left no-repeat;
	}
	#menu .btnContactOver{
		
	}

/* CONTENEDOR */
#main{
	width:950px;
	overflow:hidden;
}

/* SIDEBAR */
#sideBar{
	width:250px;
	background:#6c99a3;
	margin-bottom: -50000px; padding-bottom: 50000px;
	font:12px verdana;
	color:#ffffff;
	float:left;
}
	#sideBar .modContent{
		padding:10px 0px 20px 30px;
	}
	#sideBar a{
		font:14px verdana;
		color:#ffffff;
		text-decoration:none;
	}
	#sideBar a:hover{
		text-decoration:underline;
	}
	#sideBar .modFacebook{
		width:250px;
		height:78px;
		background:url(images/moduleFacebook.jpg) left no-repeat;
	}
	#sideBar .modRss{
		width:250px;
		height:95px;
		background:url(images/moduleRss.jpg) top no-repeat;
	}
	#sideBar .modTwitter{
	}
	#sideBar .modTwitter .modTitle{
		width:250px;
		height:101px;
		background:url(images/moduleTwitter.jpg) top no-repeat;
	}
	#sideBar .modTwitter .modContent{
	}
	#sideBar .modCategorias{
	}
	#sideBar .modCategorias .modTitle{
		width:250px;
		height:101px;
		background:url(images/moduleCategorias.jpg) top no-repeat;
	}
	#sideBar .modCategorias .modContent{
	}
	#sideBar .modLinks{
	}
	#sideBar .modLinks .modTitle{
		width:250px;
		height:101px;
		background:url(images/moduleLinks.jpg) top no-repeat;
	}
	#sideBar .modLinks .modContent{
	}
	#sideBar .modArchivos{
	}
	#sideBar .modArchivos .modTitle{
		width:250px;
		height:101px;
		background:url(images/moduleArchivos.jpg) top no-repeat;
	}
	#sideBar .modArchivos .modContent{
	}

/* CONTENIDO */
#contentContainer{
	width:690px;
	margin:0px 0px 0px 255px;
}
#mainContent{
	width:660px;
	margin:0px auto;
	background:#f0f0dc;
}
	#mainContent div{
		width:660px
	}
	#mainContent .top{
		height:123px;
		background:url(images/bgMainContainerTop.jpg) left no-repeat;
		text-align:right;
	}
	#mainContent .top h1{
		font:bold 30px Verdana;
		color:#96968c;
		position:relative;
		top:30px;
	}
	#mainContent .middle{
	}
	#mainContent .bottom{
		height:48px;
		background:url(images/bgMainContainerBottom.jpg) left no-repeat;
	}
	
	/* POST */
	#mainContent .mainContentPost{
		width:600px;
		margin:0px auto 70px;
		font:12px verdana;
		color:#333333;
	}
	#mainContent .mainContentPost a{
		font:12px verdana;
		color:#6c99a3;
		text-decoration:none;
	}
	#mainContent .mainContentPost a:hover{
		text-decoration:underline;
	}
	#mainContent .mainContentPost .postTop{
		width:600px;
		height:55px;
		overflow:none;
	}
	#mainContent .mainContentPost .postTop .postTitle{
		width:400px;
		height:55px;
		float:left;
		position:relative;
		z-index:2;
	}
	#mainContent .mainContentPost .postTop .postTitle h2{
		padding:0px;
		margin-top:25px;
		font:bold 20px verdana;
		color:#96968c;
	}
	**#mainContent .mainContentPost .postTop .postTitle h2{
		margin-top:40px;
	}
	#mainContent .mainContentPost .postTop .postTitle h2 a{
		font:bold 20px verdana;
		color:#96968c;
		text-decoration:none;
	}
	#mainContent .mainContentPost .postTop .postDate{
		width:150px;
		height:55px;
		margin:0px 0px 0px 430px;
		background:url(images/modPostDate.jpg) left no-repeat;
		position:relative;
		z-index:1;
	}
	#mainContent .mainContentPost .postTop .postDate h3{
		padding:0px;
		padding:25px 0px 0px 25px;
		font:bold 20px verdana;
		color:#f0f0dc;
	}
	**#mainContent .mainContentPost .postTop .postDate h3{
		padding:37px 0px 0px 25px;
	}
	#mainContent .mainContentPost .separator{
		width:590px;
		height:23px;
		background:url(images/modPostSeparator.jpg) left no-repeat;
		position:relative;
		margin-top:-8px;
		z-index:0;
	}
	**#mainContent .mainContentPost .postTop .separator{
		margin-top:-25px;
	}
	#mainContent .mainContentPost .postMiddle{
		width:600px;
	}
	#mainContent .mainContentPost .postMiddle .skills{
		width:600px;
		font:12px verdana;
		color:#333333;
	}
	#mainContent .mainContentPost .postMiddle .skills img{
		border:0px;
		padding:0px;
		margin:0px;
		vertical-align:middle;
	}
	#mainContent .mainContentPost .postMiddle .right{
		border:0px;
		padding:0px;
		margin:0px 30px 0px 0px;
		float:right;
	}
	#mainContent .mainContentPost .postMiddle .skills .skillText{
		width:500px;
		margin:0px 0px 0px 30px;
		padding:8px;
	}
	#mainContent .mainContentPost .postMiddle .scotch_1{
		width:555px;
		height:45px;
		background:url(images/bgTiras1.jpg) left no-repeat;
	}
	#mainContent .mainContentPost .postMiddle .scotch_2{
		width:555px;
		height:45px;
		background:url(images/bgTiras2.jpg) left no-repeat;
	}
	#mainContent .mainContentPost .postMiddle .scotch_3{
		width:555px;
		height:45px;
		background:url(images/bgTiras3.jpg) left no-repeat;
	}
	#mainContent .mainContentPost .postMiddle .scotch_4{
		width:555px;
		height:45px;
		background:url(images/bgTiras4.jpg) left no-repeat;
	}
	#mainContent .mainContentPost .postMiddle h3{
		font:bold 18px verdana;
		color:#84897E;
	}
	#mainContent .mainContentPost .postMiddle img{
		margin:10px 0px 10px 0px;
		padding:5px;
		border:1px dashed #96968c;
	}
	#mainContent .mainContentPost .postBottom{
		width:600px;
		margin:25px 0px 0px 0px;
		font:11px verdana;
		color:#333333;
		text-align:right;
	}
	#mainContent .mainContentPost .postBottom a{
		font:11px verdana;
		color:#6c99a3;
		text-decoration:none;
	}
	#mainContent .mainContentPost .postBottom a:hover{
		text-decoration:underline;
	}
	#mainContent .mainContentPost .commentsModule{
		width:600px;
		margin:10px 0px;
	}
	#mainContent .mainContentPost .commentsModule .btnEnviar{
		border:0px;
		cursor:pointer;
	}
	#mainContent .mainContentPost .commentsModule h4{
		font:bold 15px verdana;
		color:#96968c;
	}
	#mainContent .mainContentPost .commentsModule .comment{
		margin:0px 0px 10px 0px;
		padding:5px;
		width:585px;
		border:1px dashed #96968c;
	}
	#mainContent .mainContentPost .commentsModule .comment .commentDate{
		width:550px;
		font:11px verdana;
		color:#666;
	}
	#mainContent .mainContentPost .commentsModule .comment .commentAuthor{
		margin:5px 0px;
		width:550px;
		font:bold 13px verdana;
		color:#666666;
	}
	#mainContent .mainContentPost .commentsModule .comment .commentAuthor a{
		font:bold 13px verdana;
		color:#6c99a3;
	}
	#mainContent .mainContentPost .commentsModule .comment .commentText{
		width:550px;
		font:11px verdana;
		color:#666666;
	}
	#mainContent .mainContentPost .commentsModule .form_comment{
		padding:10px 0px 0px 20px;
		width:575px;
		min-height:350px;
		background-color:#c8c8b4;
		border:1px dashed #96968c;
		font:11px verdana;
		color:#666666;
	}
	#mainContent .mainContentPost .commentsModule .form_comment input{
		padding:0px;
		margin:0px;
		width:200px;
		height:20px;
		background-color:#f0f0dc;
		border:1px dashed #96968c;
		font:11px verdana;
		color:#333333;
	}
	#mainContent .mainContentPost .commentsModule .form_comment textarea{
		width:500px;
		height:200px;
		background-color:#f0f0dc;
		border:1px dashed #96968c;
		font:11px verdana;
		color:#333333;
	}	
	
/* FOOTER */
#footer{
	width:950px;
	height:100px;
	background:url(images/footer.jpg) left no-repeat;
	font:12px verdana;
	color:#f0f0dc;
}
#footer .footerContent{
	width:615px;
	padding:45px 0px 0px 250px;
	text-align:center;
}
#footer .footerContent a{
	margin:0px;
	padding:0px;
	font:15px verdana;
	color:#f0f0dc;
	text-decoration:none;
}
#footer .footerContent a:hover{
	text-decoration:underline;
}