/*   
Theme Name: Teko Estudio
Description: Tekos portfolio 
Author: Hugo Moreno (Teko)
Author URI: http://www.tekoestudio.com/
Version: 1.0
.
General comments/License Statement.
.
*/

/* Reset the browser and comment stylesheet 
	
	colors
	
	blue tit = #52c5ed;

*/

@import url(reset.css);
@import url(commentstyle.css);

/*------------------------------------------------------------------ */

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; padding:0; margin:0;}

* { margin:0; padding:0;}

html { margin-bottom:1px; height:100%; }

strong { font-weight:bold;}

/*------------------------------  STYLES -------------------------- */

.left { float:left;}

.right { float:right}

/*------------------------------  CONTENEDOR -------------------------- */

#contenedor { width:960px; margin:0 auto; }

/*------------------------------  HEADER -------------------------- */

#header { margin:35px 0 0 0;}

#logo { width:271px; height:74px; background:url(images/logo_tekoestudio.png) no-repeat; text-indent:-999999px; display:block;}

/* nav */

#nav { margin:20px 0 0 0;}

#navul li { float:left; margin:0 10px 0 0;}


#home a { background:url(images/btn_home.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px;  background-position: 0 -81px; }

#home a:hover {  background:url(images/btn_home.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}

#home .active {  background:url(images/btn_home.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}


#portafolio a { background:url(images/btn_portafolio.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px;  background-position: 0 -81px;}

#portafolio a:hover {  background:url(images/btn_portafolio.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}

#portafolio .active {  background:url(images/btn_portafolio.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}


#blog a { background:url(images/btn_blog.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px;  background-position: 0 -81px;}

#blog a:hover {  background:url(images/btn_blog.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}

#blog .active {  background:url(images/btn_blog.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}


#contacto a { background:url(images/btn_contacto.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px;  background-position: 0 -81px;}

#contacto a:hover {  background:url(images/btn_contacto.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}

#contacto .active {  background:url(images/btn_contacto.jpg) no-repeat; display:block; width:104px; height:36px; text-indent:-99999px; background-position: 0 -40px;}

/* bienvenida */

#saludo { background:url(images/bienvenida.jpg) no-repeat; text-indent:-999999px; width:953px; height:140px; margin:30px 0 20px 0;}

/*------------------------------  CONTENIDO -------------------------- */

#contenido { margin:10px 0 0 0;  background:url(images/fondo_contenido.jpg) bottom no-repeat;}

.boxp { width:518px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 0 1px;}

.boxp img { border:1px solid #dfdfde;}

.boxpostp { width:518px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 0 1px;}

.boxpostp img { border:1px solid #dfdfde; margin:0 15px 0 0;}

.boxpostp p { font-size:12px; line-height:16px;}

#masdestacado { background:url(images/masdestacado.jpg) no-repeat; width:561px; height:31px; text-indent:-9999px; margin:0 0 20px 0;}

#miportafolio { background:url(images/miportafolio.jpg) no-repeat; width:561px; height:31px; text-indent:-9999px; margin:0 0 20px 0;}

#enblog { background:url(images/nuevoblog.jpg) no-repeat; width:561px; height:31px; text-indent:-9999px; margin:0 0 20px 0;}

#contblog {background:url(images/fondo_contenido.jpg) bottom no-repeat;}

.titpostp { color:#52c5ed; font-size:18px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 10px 0; }

.titpostp a { color:#52c5ed; font-size:18px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 10px 0; text-decoration:none; }

.more a { color:#52c5ed; font-weight:bold; text-decoration:none;}

#contright { width:366px; margin:0 0 0 30px;}

#yo { background:url(images/tit_yop.jpg) no-repeat; height:15px; width:175px; text-indent:-99999px; margin:0 0 5px 0;}

#desyop { color:#52c5ed; font-weight:bold; font-size:13px; letter-spacing: -0.5px; margin:0 0 20px 0;}

#bio { font-size:13px; line-height:20px;}

#bio strong { color:#52c5ed;}

#contactame a { background:url(images/btn_contactame.jpg) no-repeat bottom; width:360px; height:58px; margin:30px 0 0 0; text-indent:-999999px; display:block;}

#contactame a:hover { background-position:top;}

#contactameside a { background:url(images/contactame_side.jpg) no-repeat; width:249px; height:45px; text-indent:-999999px; display:block;}

#contactameside a:hover { background-position:bottom;}

#portside a { background:url(images/portafolio_btn.jpg) no-repeat; width:249px; height:45px; text-indent:-999999px; display:block;}

#portside a:hover { background-position:bottom;}

/*------------------------------  ERROR 404 -------------------------- */

#errorwrap { width:954px; height:336px; background:url(images/404.jpg) no-repeat; margin:40px 0 0 0; padding:70px 0 0 0 ;}

#errorwrap h2 { font-size:20px; margin:0 0 10px 0; font-weight:bold;}

#errorwrap p { line-height:15px; margin:0 0 10px 0;}

.d10 { margin:0 0 10px 0;}


.widgete { width:250px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 0 140px;}

.widgete p { margin:10px 0 0 0; font-size:13px;}

.widgete strong {color: #52c5ed;}

/*------------------------------  PORTAFOLIO -------------------------- */

.portbox {  width:910px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 20px 1px; }

.portbox img { border:1px solid #dfdfde;}

.descport { font-size:14px;}

.descport ul { margin:0 0 0 21px; width:285px;}

.descport  ul li { margin:0 0 10px 0; line-height:17px;}

.descport strong { color:#52c5ed; font-size:16px; font-weight:bold; font-style:italic;}

.verwebsite a { background:url(images/btn_verwebsite.jpg) no-repeat bottom; width:284px; height:29px; display:block; text-indent:-99999px; margin:0 0 0 20px;}

.verwebsite a:hover { background-position:top;}

/*------------------------------  BLOG -------------------------- */

code 								{ font-size: 12px; overflow: auto; display: block; padding: 10px;
													  background: #F0F0F0;
													  margin-bottom: 15px; margin-top: 5px; width: 570px; }
pre code[class]:after 				{ content: attr(class); display: block; text-align: right;
													  font-size: smaller; padding-top: 0.5em; color: #fe4902; }

#blogleft { width:632px;}

.post { width:598px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 20px 0; }

.postcomment { width:598px; border:1px solid #dfdfde; background:url(images/tekoside.png) no-repeat left bottom; padding:20px; margin:0 0 20px 0; }

.contactopost { height:560px;}

.post img { border:1px solid #dfdfde; margin:0 15px 0 0;}

.post p { font-size:14px; line-height:20px; }

.postd { width:598px; border-left:1px solid #dfdfde; border-top:1px solid #dfdfde; border-right:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px;}

.postd img { border:1px solid #dfdfde; margin:10px 15px 20px 0; display: block;}

.postd a { color: #52c5ed;}

.postd a:hover { color: #666666;}

.postd p { font-size:13px; line-height:20px; margin:0 0 10px 0; }

.postd h1, postd h2, postd h3 {color:#52c5ed; font-size:15px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 8px 0;}

/*- Post Lists -*/
.postd ul, .postd ol { margin: 20px 0 20px 30px;}

.postd ul li {background: url(images/ico-list.gif) no-repeat 0 6px; margin: 0 0 .4em;	padding: 0 0 0 10px; font-size:13px; line-height:20px;}

.postd ol li {	list-style: decimal;	list-style-position: inside;	margin: 0 0 .4em; font-size:13px; line-height:20px;}

/*- Post Blockquote -*/

.postd blockquote { 	border-left: 3px solid #cfcfcf;	font-size: 13px;	font-style: italic;	margin: 0 0 1.5em;	padding: 5px 0 0 10px;}



.extpost { width:350px;}

.extpost p { font-size:14px; line-height:17px; margin:0 0 0 3px;}

.titpost {color:#52c5ed; font-size:20px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 8px 0;}

.titpost a {color:#52c5ed; font-size:20px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 8px 0; text-decoration:none;}

.morepost a { background:url(images/vermas_post.jpg) no-repeat bottom; height:28px; width:350px; text-indent:-99999px; display:block; margin:8px 0 0 0;}

.morepost a:hover { background-position:bottom;}

.social {width:598px; height:10px; border:1px solid #dfdfde; background:url(images/bg_social.png) repeat-x bottom; padding:20px; margin:0 0 20px 0;}

.pagenavi { margin:0 0 20px 0; width:598px;}

/*------------------------------  WIDGET -------------------------- */

#sidebar { width:290px;}

.widget { width:250px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 20px 26px;}

.widget p { margin:10px 0 0 0; font-size:13px;}

.widget strong {color: #52c5ed;}

/*------------------------------  CONTACTO -------------------------- */

#contcontacto { width:632px; border:1px solid #dfdfde; background:url(images/bg_box.jpg) repeat-x; padding:20px; margin:0 0 20px 1px;}

#contactoh2 { background:url(images/contactotit.png) no-repeat; width:227px; height:17px; text-indent:-99999px;}

/*------------------------------  COMENTARIOS -------------------------- */

#tekoside{ background:url(images/bg_box.jpg) repeat-x; }

#comments { padding:15px;}

#comments h3 {  color:#52c5ed; font-size:18px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 10px 0;}

#respond { padding:15px;}

#respond h3, .contact { background:url(images/contactotit.png) no-repeat; width:227px; height:17px; text-indent:-99999px;  color:#52c5ed; font-size:18px; letter-spacing: -0.5px; font-weight:bold; margin:0 0 30px 0;}

#submit { width:446px; height:49px; background:url(images/enviarcomment.jpg) no-repeat; border:none; margin:0 0 0 132px; cursor:pointer;}

#submit:hover { background-position:bottom;}

.inputform { margin:10px 0 10px 0;  width:600px;}

.input , .inputform input{ height:25px; padding:5px 0 0 5px; font-size:13px; color:#333333; width:437px; background:white; border:1px solid #dfdfde; margin:0 0 0 133px; font-family:Arial, Helvetica, sans-serif;}

.inputwrap { height:30px;} 

.con p { margin:15px 0 10px 0;}

.small { font-size:10px; color:#333333; width:437px; background:white; margin:0 0 0 133px; font-family:Arial, Helvetica, sans-serif; text-align:right;}

.areacomentario, .inputform textarea { height:200px; padding:5px 0 0 5px; font-size:13px; color:#333333; width:437px; background:white; border:1px solid #dfdfde; margin:0 0 0 133px; font-family:Arial, Helvetica, sans-serif; display:block;}

.siguientes a, .anteriores a { font-size:14px; color:#52c5ed;; text-decoration:underline; }

.siguientes a:hover, .anteriores a:hover { color: #333333;} 

/*------------------------------  FOOTER -------------------------- */

#footer { border-top:1px solid #dfdfde; height:22px; background:url(images/bg_box.jpg) repeat-x; margin:-13px 0 0 0; padding:15px;}

#foo {width:960px; margin:0 auto;}

#foo p { margin:5px 0 0 0;}

#facebook, #twitter { display:block; text-indent:-99999px;}

#facebook { width:106px; height:22px; background:url(images/facebook.png) no-repeat; margin:0 20px 0 0;}

#twitter { width:104px; height:20px; background:url(images/twitter.png) no-repeat; margin:2px 50px 0 0;}