/*   
Theme Name: StyloGraff Theme
Theme URI: http://www.stylograff.com
Description: Theme de StyloGraff
Author: StyloGr4ff
Author URI: http://www.stylograff.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

a img { 
border: none; 
}

#page-wrap { width: 980px; margin: 0px auto; }


	/* ---------------------------*/ 
	/* LOGO						  */

	#logo{
		height:100px;
		margin-left: 28px; 

	}

	/* ---------------------------*/ 
	/* NAVIGATION				  */
	
	#navbar{
		height:22px;
		width: 650px;
	    background: url(images/navbar.png) no-repeat left top; 
 	    font-family: "Century Gothic";

	} 
	
		#navtabs { 
			margin-left: 28px;
		    list-style: none; 
		    text-align: center; 
		    font-size: 11px; 
   		    font-family: "Century Gothic";
		    font-weight: bold; 
		} 
 
		#navtabs li { 
   		    font-family: "Century Gothic";
			color: #636363;
		    float: left; 
			width: 100px;
			height: 22px;
		    padding-top: 3px;
		    background: url(images/tab-normal.png) no-repeat left top; 
		} 
	 	 
		#navtabs li.current_page_item  { 
		    background: url(images/tab-active.png) no-repeat left top; 
		} 
		#navtabs li.current_page_ancestor  { 
		    background: url(images/tab-active.png) no-repeat left top; 
		}  
		#navtabs li.current_page_parent { 
		    background: url(images/tab-active.png) no-repeat left top; 
		} 

		#navtabs li.last-active { 
		    background: url(images/tab-last-active.png) no-repeat left top; 
		} 
	
		#navtabs li.last { 
		    background: url(images/tab-last.png) no-repeat left top; 
		} 
	
		#navtabs li a { 
   		    font-family: "Century Gothic";

			text-decoration: none;
			text-align: center;
			font-weight: bold;
		    color: #636363; 
		} 


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



	#main {
		float:left;
		margin-left: 0px;
		margin-top: -7px;
		width:645px;
		height: 495px;	
	}

	#main p{
		font-family: Verdana, Helvetica;
		font-size: 12px;
		text-align: justify;
		color: #636363;
	}
	
	#main p.more{
		text-align: right;
	}
	
	#main a{
		color: #636363;
	}

	/* Sección principal */


	#main.index{
		background: url(images/main.png) no-repeat left top;
	}

	#box.index-superior{
		float: left;
		width: 600px;
		height: 230px;
		margin-left: 28px;
	}
	

	#box.index-inferior{
		float: left;	
		width: 600px;
		height: 240px;
		margin-left: 28px;
	}

	#text-box {
		margin-top: 20px;
		margin-left: 30px;
		width: 240px;
		float: left;
	}

	#text-box li{
		font-family: Verdana, Helvetica;
		color: #636363;
		font-size: 12px;
		list-style-type: none;
	}	

	#text-box img.titlebox {
		margin-bottom: 10px;
	}
	
	#text-box.derecha {
		margin-left: 60px;
	}

	#text-box.formulario p {
		font-size: 12px;
	}
	
	#text-box.formulario textarea {
		border: none;
		width: 240px;
		max-height: 85px;
		max-width: 240px;
		height: 85px;
		background: url(images/textarea.png) no-repeat left top;
	}
	#text-box.formulario input {
		border: none;
		width: 240px;
		height: 18px;
		background: url(images/input.png) no-repeat left top;
	}
	
	#text-box.formulario input[type=submit] { 
		background: url(images/enviar-main.png) no-repeat left top;
		float: left;
		width: 100px;
		margin-top: -205px;				
		margin-left: 170px;
	}


	/* Sección Quienes somos */
	

	#main.quien{
		background: url(images/main-quien.png) no-repeat left top;
		padding-top: 20px;
	}
	
	#main.quien .title{
		position: relative;	
		margin-left: 35px;
		width: 100px;
		margin-bottom: 20px;
	}

	
	#box.quien {
		position: relative;
		float: left;
		width: 600px;
		margin-left: 28px;
		height: 100px;
		margin-bottom: 40px;
	}
	
	#box.quien img {
		float: left;
		margin-left: 10px;
		vertical-align: middle;
	}
	
	#box.quien p{
		float: left;			
		margin-left: 140px;
		position: absolute;
		width: 440px;
	}

	/* Sección Que hacemos */

	
	#main.que{
		background: url(images/main-que.png) no-repeat left top;
		margin-left: -1px;
		padding-top: 25px;
	}
	
	#main.que .title{
		position: relative;	
		margin-left: 55px;
		width: 100px;
		margin-bottom: 20px;
	}

	
	#box.que {
		float: left;
		width: 600px;
		margin-left: 28px;
		margin-bottom: 30px;
		height: 65px;

	}
	
	#box.que p.titulo {
		float: left;
		margin-left: 35px;
		font-weight: bold;
		font-size: 12px;
	}
	
	#box.que ul.contenido{
		float: left;			
		margin-left: 240px;
		position: absolute;
		width: 350px;
		font-family: Verdana, Helvetica;
		font-size: 12px;
		color: #636363;
		list-style-type: none;
	}
	
	#box.que ul.contenido li{
		width: 170px;
		float: left;
				font-size: 12px;
	}
	
	
	
	/* Sección Trabajos */

	
	#main.trabajos{
		background: url(images/main-trabajos.png) no-repeat left top;
	}
	
	#main.trabajos img.title{
		float: left;
		margin-top: 20px;
		margin-left: 65px;
	}	
	
	#box.captura{
		float: left;
		position: absolute;
		margin-top: 50px;
	}
	
	#pagination {
		position: absolute;
		float: left;
		width: 360px;
		height: 20px;
		margin-top: 400px;
		margin-left: 70px;		
		text-align: left;
		font-family: Verdana;
	}


	#pagination ul li{
		display: inline;
		list-style-type: none;

	}

	#pagination li{
		margin-right: 10px; 
	}

	#pagination a{
		border: none;
		text-decoration: none;
	}	
	
	#listado li.page_item{
		font-family: Verdana;
		color: #636363;
		list-style-type: circle;
	}
	
	#box.trabajos-info {
		float: left;
		position: absolute;
		width: 185px;
		margin-left: 435px;
		margin-top: 20px;
		height: 400px;
		text-align: center;
	}
	
	#box.trabajos-info h2.titulo{
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 14px;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
	}
	#box.trabajos-info p{
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		text-align: left;
		font-size: 12px;
	}
	
	
	/* Sección Contacto */

	#main.contacto{
		background: url(images/main-contacto.png) no-repeat left top;

	}
	
	#main img.title{
		float: left;
		position: absolute;
		margin-top: 20px;
		margin-left: 60px;
	}
	
	#box.contacto-izquierda {
		float: left;
		position: absolute;
		width: 200px;
		margin-left: 60px;
		margin-top: 65px;
		height: 400px;
	}
	
	#box.contacto-derecha {
		float: left;
		position: absolute;
		width: 200px;
		margin-left: 300px;
		margin-top: 65px;
		height: 400px;
	}
	
	#box.formulario p {
		font-size: 11px;
		margin-bottom: 5px;
		font-family: Verdana, Helvetica;
		color: #636363;		
	}
	
	.texto-info{
		position: absolute;
		float: left;
		margin-top: 360px;
		margin-left: 330px;
	}
	
	#main.contacto .texto-info p {
		text-align: right;
		margin-right: 10px;
		font-family: Verdana, Helvetica;
		font-size: 11px;
	}
	
	#box.formulario textarea {
		border: none;
		width: 195px;
		max-height: 200px;
		max-width: 195px;
		height: 200px;
		background: url(images/textarea-contacto.png) no-repeat left top;
	}
	#box.formulario input {
		margin-bottom: 20px;
		border: none;
		width: 195px;
		max-width: 195px;
		height: 18px;
		background: url(images/input-contacto.png) no-repeat left top;
	}
	
	#box.formulario input.boton {
		width: 71px;
		height: 18px;
		float: right;
		margin-top: 20px;
		margin-right: 12px;
		margin-bottom: 40px;
	}
	
	#box.formulario input[type=submit] { 
		width: 71px;
		height: 18px;
		float: right;
		margin-top: 20px;
		margin-right: 12px;
		margin-bottom: 40px;
		background: url(images/enviar.png) no-repeat left top;
		
	}

	#box.contacto-info {
		float: left;
		position: absolute;
		width: 85px;
		margin-left: 535px;
		margin-top: 30px;
		height: 400px;
		text-align: center;
	}


	/* Blog */


	#main.blog{
		background: url(images/main-bg.png) repeat-y;
		margin-left: -3px;
		height: auto;
	}

	#main.blog h1{
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 18px;
		margin-top: 20px;	
		margin-left: 30px;
		padding-left: 30px;	
		padding-right: 30px;
		font-weight: lighter;
	}
	
	#main.blog p {
		font-size: 12px;
	}
	
	.post{
		width: 600px;
		margin-left: 30px;
		margin-top: 30px;
	}	

	.post h2 {
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 16px;	
		margin-left: 100px;
		padding-left: 30px;	
		padding-right: 30px;
	}
	
	.post h2 a{
		text-decoration: none;
	}
	
	.post img {
		margin-left: 100px;
	}

	.post a{
		color: #636363;
	}
		
	.entry {
		padding-left: 30px;
		padding-right: 30px;
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 12px;
		text-align: justify;

	}
	
	.entry li{
		margin-left: 30px;
	}
	
	.entry p{
		margin-bottom: 10px;
	}

	#main.blog p.wp-caption-text{
		font-size: 10px;
		margin-bottom: 20px;
		color: #9f9f9f;
		text-align: left;
		padding-left: 100px;
		width: 500px;

	}
	
	#main.blog p.fecha{
		font-size: 12px;
		font-family: Verdana, Helvetica;
		font-weight: bold;
		text-align: left;
	}

	/* Meta */

	#main.blog p.info{
		font-size: 10px;
		font-family: Verdana, Helvetica;
		color: #9f9f9f;
		text-align: left;
	}
		
	#main.blog p.fondo{
		padding-top: 80px;
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, Helvetica;
		text-align: left;
		margin-bottom: -10px;
	}

	#main.blog p.fondo a{
		text-decoration: none;
	}
	
		
	#main.blog span.fondo{
		font-size: 20px;
		font-weight: bold;
		font-family: Verdana, Helvetica;
		text-align: left;
	}	
	
	
	.meta {
		background-color: #f5d425; 
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px; 
		-webkit-border-top-left-radius: 10px; 
		-webkit-border-bottom-right-radius: 10px; 
		padding-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
		float: left;
		position: absolute;
		width: 90px;
		height: auto;
		min-height: 140px;
	}
	
	
	#abajo{
		margin-left: 2px;
		float:left;
		width:645px;
	}


	#main.blog blockquote p {
		padding-left: 60px;
		font-style: italic;
		color: #9f9f9f;
		background: url(images/blockquote.png) no-repeat left top;
	}


	pre{
		border: #f5d425 5px solid;
		width: 450px;
		padding-right: 30px;
		padding-top: 50px;
		padding-left: 50px;
		padding-bottom: 10px;
		background: #f5f0d6 url(images/code.png) no-repeat left top;
		margin-bottom: 10px;
	}

	.entry code{
			font-family: 'Lucida Console', Monaco, monospace;
		color: #767676;
		font-size: 14px;

	}
	
	/* Comentarios */
	
	#respond{
		margin-left: 30px;
		padding-left: 30px;
		padding-right: 30px;
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 12px;
		text-align: justify;
	}
	
	#respond p{
		padding-right: 30px;
	}
	
	#respond h2{
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#comments{
		margin-left: 30px;
		padding-left: 30px;
		padding-right: 30px;
		color: #636363;
		font-family: Verdana, Helvetica;
		font-size: 14px;
		text-align: justify;
		margin-bottom: 20px;
	}
	
	.pingback{
		margin-left: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	
	#respond input {
		margin-bottom: 20px;
		border: none;
		width: 195px;
		max-width: 195px;
		height: 18px;
		padding-left: 5px;
		background: url(images/input-contacto.png) no-repeat left top;
	}
	
	#respond input[type=submit] {
		width: 71px;
		height: 18px;
		margin-top: 10px;
		margin-right: 12px;
		margin-bottom: 40px;
		background: url(images/enviar.png) no-repeat left top;

	}
	
	#respond textarea {
		border: none;
		width: 353px;
		max-height: 160px;
		max-width: 353px;
		height: 160px;
		padding: 5px 5px 5px 5px;
		background: url(images/comentario.png) no-repeat left top;
	}
	
	
	
	/* ---------------------------*/ 
	/* COLUMN RIGHT 			  */

	#sidebar{ 
		position: relative;
		margin-left: 650px;
		margin-bottom: 15px;
		width:324px;
	}
	
	#trabajos {
		background: url(images/trabajos.png) no-repeat left top;
		height: 300px;

	}
	
	
	#trabajos ul{
		color: #636363;
		margin-left: 70px;
		padding-top: 90px;

	}
	
	#trabajos a{
		color: #636363;
	}
	
	#trabajos li.page_item{
		font-family: Verdana;
		color: #636363;
		list-style-type: none;
		display: inline ;

	}
	
	#trabajos img{
		width: 60px;
		height: 60px;
	}
		
	#working {
		
		margin-top: 40px;
		margin-left: 10px;		
	}


	/* ---------------------------*/ 
	/* COLUMN RIGHT (Blog)		  */

	#sidebar-blog{ 
		position: relative;
		margin-top: -100px;
		margin-left: 700px;
		margin-bottom: 15px;
		width:324px;
	}
	
	#sidebar-blog p{
		font-family: Verdana, Helvetica;
		font-size: 14px;
		text-align: left;
		color: #636363;
		margin-bottom: 5px;
	}
		
	#sidebar-blog ul{
		list-style-type: none;
	}
	
	#sidebar-blog li{
		font-family: Verdana, Helvetica;
		color: #636363;
		list-style-type: none;
	}
		
	
	.bloque{
		margin-bottom: 20px;
	}
	
	.badge {
		width: 240px;
		border: solid 1px #A9A9A9;
	}
	
	.badge img {
		margin: 5px 5px 5px 5px;
		border: none;
	}
	
	.aktt_tweets {
		font-family: Verdana, Helvetica;
		font-size: 12px;
		text-align: left;
		color: #636363;
		margin: 10px 10px 10px 10px;
	}
	
	#sidebar-blog h2 {
		font-family: Verdana, Helvetica;
		font-size: 18px;
		font-weight: bold;
		color: #636363;
	}
	
	#sidebar-blog p {
		font-family: Verdana,Helvetica;
		font-size: 14px;
		color: #636363;
	}
	
	#sidebar-blog a {
		font-family: Verdana,Helvetica;
		text-align: left;
		color: #636363;		
	}
	
	#sidebar-blog a:hover {
		color: black;
	}
	

	.bloque li{
		margin-bottom: 10px;
	}
	#sidebar-blog .bloque li a{
		color: #33ccff;
	}

	#sidebar-blog .bloque a.aktt_tweet_time {
		font-weight: lighter;
		color: #9f9f9f;
	}
	
	.subs {
		margin-bottom: 20px;
	}
	.subs a{
		text-decoration: none;
	}
	
	.buscar input.cuadro{
		background: url(images/buscar.png) no-repeat left top;
		border: none;
		width: 158px;
		height: 18px;
	}
	

	/* ---------------------------*/ 
	/* FOOTER 					  */
	
	#footer{ 
		width: 960px;
		height: 30px;
		margin-left: 28px;
		clear:both;
		
	}
	
	#footer p{
	
		font-family: "Century Gothic", Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #636363;
	}
	
	#copy {
		float: left;
	}
	
	
	#copy a{
		font-family: "Century Gothic", Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		color: #636363;
	}
	
	#navdown { 
		float: left;
		margin-left: 40px;
	    list-style: none; 
	    font-size: 12px; 
   	    font-family: "Century Gothic";
	    font-weight: bold; 
	} 
 
	#navdown li { 
		color: #636363;
	    float: left; 
    	border-left: 1px solid #000;
		padding-left: 5px;
		margin-right: 5px;
	} 

	#navdown li.first { 
		color: #636363;
	    float: left; 
	    border-left: none;
		margin-right: 5px;
	} 
 
	#navdown li a { 
		text-decoration: none;
		font-weight: bold;
	    color: #636363; 
	} 


	#follow {
		float: left;
		margin-left: 45px;
	}
	
	#iconos {
		float: left;
		margin-top: -4px;
		margin-left: 10px;
	}
	


.post-edit-link{
padding-left: 30px;
}



ul, ol { margin: 0 0 10px 0; }


	
ol.commentlist { list-style: none;
width: 600px;
margin-left: 31px;
font-family: Verdana, Helvetica; 
}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { padding: 10px 30px 10px 30px; }
ol.commentlist li.comment div.comment-author a {font-weight: bold; }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; border: 1px solid #e0e1e0;}
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { margin-top: 10px; }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even {  }
ol.commentlist li.odd { }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */