/*
Theme Name: Hambrientos
Theme URI: http:
Description: Hecho por nosotros.
Version: 2
Author: Hambrientos.cl
Author URI:
*/
body {
	font-family: 'Open Sans', Arial, sans-serif;

	margin: 0;
	background: white url(images/bg-nuevo-alto.gif) repeat-x; 
}


h1{
	font-family: Arial, sans-serif;
	color: #231F20;
	font-size: 28px;
	margin-bottom: 0px;
	letter-spacing: -1px;
	line-height: 100%;
}

h1 img {
	margin-right: 5px;
}

h1.bar {
	font-size: 17px;
	height: 19px;
	background: url(images/barra.gif) repeat-x;
	color: #afafaf;
	text-transform: uppercase;
}

h1.cat_title {
	font-size: 28px;
	margin-bottom: 15px;
	border-bottom: 2px solid #ddd;
	padding-bottom: 25px;
}


.resultados-busqueda {
		font-size: 28px;
	margin-bottom: 15px;
}

.cantidad {
	border-bottom: 2px solid #ddd;
	padding-bottom: 25px;
}



h2{
	font-family: Arial, sans-serif;
	color: #231F20;
	font-size: 22px;
	margin-top: 0px;
}

h2.destacado  {
	font-size: 30px;
	margin-top: 15px;
	line-height: 100%;
}



h2.losmas  {
	font-size: 16px;
}


h2.rest-title {
	font-size: 18px;
}


h2 a{
	color: #333333;
	text-decoration: none;
}

h2 a:hover {
	color: #00afdb;
}



p {

	line-height: 150%;
	font-size: 16px;
	color: #333333;
}

 a {

color: #00afdb;

}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.left {
	float: left;
	width: 150px;


}

ul.right {
	float: right;
	width: 150px;

}


.alignleft {
	float: left;
	margin-right: 20px;
}


.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}


.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 0px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 4px 4px 5px;
}

/* Estilos Principales del Sitio */


.content {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

#header{
	width: 100%;
	height: 100px;
	

}


#logo {
	float:left;
	margin-top: 15px;

}




#menu {
	width: 960px;
	padding-top: 3px;
	margin-bottom: 25px;
}


#menu a {
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	color: #fff8f4;
	margin-right: 2px;
	padding: 6px 7px;
	text-transform: uppercase;
}

#menu a:hover {
	background-color: #604c3a;
	padding: 6px 7px;
}


#menu-principal li {
	float: left;
	
}


.menu-item-5879 {

	border:1px solid #664930;
	background: #433122;

}



#single {
	width: 640px;
	float: left;
}



#single-nosidebar p {

	font-size:22px;
	line-height: 100%;

}


#mapa {
	width: 640px;
	float: left;
	margin-bottom: 20px;
}


#mapa iframe {
	border: 1px solid #ddd;
}

#elementos{
	float: left;
	width: 740px;
	margin-top: 6px;
} 

#busqueda {
	float: right;
	width: 215px;
	padding-top: 1px;
	text-align: right;
}


#busqueda input#s {
	background-color: #796250;
	border: 1px solid #5C4B3D;
	height: 20px;
	padding: 3px;
	outline: none;
	width: 155px;
	color: #FFF;
}

input {
	vertical-align: middle;
}

#searchsubmit{
	height: 19px;
}

#busca-ya {
	background: url(images/lupa.png);
	text-indent: -9999px;
	width: 31px;
	height: 28px;
	border: 0;
	cursor: pointer;
	outline: none;
}




#col-izq {
	float: left;
	width: 640px;
}

#col-der {
	float: right;
	width: 300px;
}


.noticias {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.noticias p {
	font-size: 13px;
}

a.leer-mas {
	font-size: 12px;
	color: #00afdb;
}

.noticia-texto {
	float: left;
	width: 370px;
	
}

.noticia-foto {
	float: left;
	width: 250px;
	margin-right: 20px;
}



.toda-la-foto {
		position: relative;

}

p.cat-title {
	margin: 0;
	padding: 0;
}

.cat-title a {
	background:#9b3335;
	width:100px;
	text-decoration: none;
	height:23px;
	text-align:center;
	line-height:23px;
	color:#e6e6e6;
	font-size:11px;
	position:absolute;
	left:0;
	top:0;
	text-transform:uppercase;
}

.cat-title-largo a {
	background:#9b3335;
	width:170px;
	text-decoration: none;
	height:23px;
	text-align:center;
	line-height:23px;
	color:#e6e6e6;
	font-size:11px;
	position:absolute;
	left:0;
	top:0;
	text-transform:uppercase;
}





.noticia-social {
	float: right;
	width: 350px;
	text-align: right;
	padding-left: 40px;

}



.red {
	width: 110px;
	float: left;
	text-align: center;
}


.rest-social {
	float: right;
	width: 640px;
	text-align: right;
}

.rest-social a {
	font-size: 13px;
	color: #00afdb;

	
}


#extras {
	float: left;
	width: 640px;
	margin-top: 10px;
	border-top: 1px solid #e1e1e1;
	padding-top: 10px;
}

#extras a {
	margin-right: 10px;
}

.dueno-local {
	background: url(images/dueno-local.png) no-repeat;
	padding-left: 18px;
}

.local-cerrado {
	background: url(images/local-cerrado.png) no-repeat;
	padding-left: 13px;
}


p.chiqui {
	font-size: 11px;
	margin: 0;
}



p.chiqui a {
	color: #333;
}


#comentarios {
	float: left;
	width: 100%;
	border-top: 2px solid #ddd;
	padding-top: 10px;
	margin-top: 10px;
}


.comentar {
	float: left;
	margin-top: 2px;
	margin-left: 85px;
}


.botones-sociales {
	float: right;
	width: 350px;
}



strong.mas-noticias {
	margin-right: 10px;
}


.comentarios-count {

}

.icono-comentario {
	background: url('images/ico_comment.png') no-repeat;
	padding-left: 22px;
}

.icono-precio {
	background: url('images/peso-icon.jpg') no-repeat;
	padding-left: 12px;
	font-size: 13px;
	margin-right: 10px;

	
}

.icono-comuna {
	background: url('images/pin-icon.png') no-repeat;
	padding-left: 20px;
	margin-right: 10px;

	
}


.precio-comuna {
	float: left;
}


.redes {
	width: 350px;
	float: right;
}


#busqueda-home {
	width: 298px;
	margin-bottom: 20px;

}


.padding-feliz {
	border: 1px solid #e3e3e3;
	padding: 20px 20px 10px;
}

h1.marginless {
	margin-bottom: 0;
	margin-top: 0px;
}


#busqueda-home form select {
	
	font-size: 14px;
}

#busqueda-home form p {
	margin-top: 0;
}

.datos {
	font-size: 15px;
	font-weight: bold;
	color: #333;
}



#buscar {
	width: 90px;
	height: 35px;
	background-image: url(images/submit.png);
	border: none;
	background-color: transparent;
	margin-top: 10px;
	margin-left: 65px;
}


#buscar:active {
	background: url(images/submit.png) 0 -35px;
}


#restaurantes-destacados {
	width: 300px;
}


#categorias {
	margin-top: 20px;
}

#los-mas a, #categorias a {
	color: #000;
	text-decoration: none;
}

#categorias li {
	list-style-type: none;
	font-size: 11px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #c1c1c1;
}


#los-mas {
	float: left;
	margin-top: 20px;
}


#los-mas li {
	
}

span.title {
	float: left;
	background-color: #FFF;
	padding-right: 10px;
}

#paginador {
	float: left;
	margin-top: 10px;
}


#paginador a {
	color: #000;
	text-decoration: none;
}



#paginador a.page-numbers {
	background-color: #ebebeb;
	border: 1px solid silver;
	margin-right: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px;
}

#paginador a:hover.page-numbers {
	background-color: #d5d5d5;

}





#paginador .current {
		background-color: #d5d5d5;
	border: 1px solid silver;
	margin-right: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px;
}




/* SINGLE */


.entry ul {
	padding-left: 15px;
	list-style-type: disc;
	padding-top: 15px;
	padding-bottom: 15px;
}




.direccion {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
	display: block;
}

.telefono {
	font-size: 14px;
	display: block;
}


#restaurant-ficha {
	float: left;
	width: 200px;
}


#restaurant-info {
	float: right;
	width: 420px;
}

#restaurant-info p {
	font-size: 12px;
	margin-top: 0;
	padding-top: 0;
}

#restaurant-info iframe {
	border: 1px solid #ccc;
}



#restaurant-ficha h3 {
	margin: 0;
	padding: 0;
}

#restaurant-ficha p {
	font-size: 12px;
	padding: 0;
	margin: 0 0 8px;
}


#compartir {
	margin-bottom: 10px;
	margin-top: 10px;
}


.lomas-restaurantes {
	float: left;
	width: 640px;
	margin-bottom: 20px;
}


.lomas-restaurantes ul {
	list-style-type: disc;
	padding-left: 20px;

}

.lomas-restaurantes li {
	font-size: 13px;
	margin-bottom: 10px;
	color: #666;

}




.lomas-restaurantes a {
	text-decoration: none;
	color: #666;
}

.lo-mas-rest-izq {
	float: left;
	width: 180px;
	padding: 10px;
	border: #000 1px solid;
	height: 250px;
}

.lo-mas-rest-cent {
	float: left;
	width: 180px;
	padding: 10px;
	margin-left: 17px;
	border: #000 1px solid;
	height: 250px;
}

.lo-mas-rest-der {
	float: right;
	width: 180px;
	padding: 10px;
	border: #000 1px solid;
	height: 250px;

}


.meta {
	float: left;
	width: 640px;
}

.meta p {
	float: left;
	padding: 0;
	margin-right: 10px;
}


.la-categoria a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.relacionados {
	
	width: 640px;
	margin-bottom: 10px;
	margin-top: 20px;
	border-top: 2px #eef0f0 solid;
}


.relacionados p {font-size:18px;}

.relacionados ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.relacionados li {
	font-size: 11px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 10px;
}

.relacionados a {
	text-decoration: none;
	color: #424242;
}


.foto-principal {
	margin-bottom: 20px;
	float: left;
	width: 660px;
}

/* Slider */

.sliderbutton { width:32px; position: absolute; top: 81px;}
.sliderbutton2 {width:32px; position: absolute; left: 268px; top: 81px;}

.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {}
.sliderbutton2 img:hover {}


.sliderbutton2 img {cursor:pointer}
#slider {float:left; position:relative; overflow:auto; width:300px; height:200px; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:300px; height:200px; padding-right:10px}
.titulo-slider {
	position: absolute; 
 	top: 160px;
	color: white;
	font-weight: bold;
	width: 300px;
	height: 30px;
	padding-top: 10px;
	float: left;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
 
}

.titulo-slider a {
	text-decoration: none;
	color: #FFF;
}

/* Estilos de Footer */

#footer {
	width: 100%;
	float: left;
	margin-top: 40px;
	padding-bottom: 20px;
	background-color: #4A3C31;
	/*background-color: #dfded8; */
}


#footer a {
	color: #e5e5e5;
}

#footer a:hover {
	color: #949494;
}



#footer h1 {
	padding: 0;
	margin: 0 0 10px;
	color: #add5da;
}

#footer p {
	font-size: 11px;
	color: #a8855b;

}

#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#lista-izq {
	float: left;
}

ul#lista-der {
	float: right;
}


#footer li {
	font-size: 11px;
	padding-bottom: 5px;
	list-style-type: none;

}

#footer li a{
	text-decoration: none;
	color: #a8855b;
}

#footer img
 {
	margin-right: 5px;
}


#foot-izq {
	width: 300px;
	float: left;
	margin-top: 20px;
}


#foot-central-izq {
	margin-top: 30px;

	width: 190px;
	float: left;
	margin-left: 60px;
}

#foot-central-der {
	margin-top: 30px;

	width: 150px;
	float: left;
	margin-left: 20px;
}



#foot-der {
	margin-top: 30px;

	width: 180px;
	float: right;
	text-align: right;
}


h2.footer-title {
	margin-top: 0;
	font-size: 13px;
	color: #d4aa74;
}


iframe {
	border: 0;
}


#sharebarx li {

	display: inline-block;
	width: 100px;

}




.clear {
	clear: both;
}

/* Input */

#single input, #single textarea {
	border: 1px solid #000;
	padding: 5px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.formulario-contacto {
	margin-top: 50px;
}

#single-nosidebar .formulario-contacto p {

	font-size:16px;

}



/*ESTILOS TABS*/
.widget {  
width: 280px; 
padding: 10px;
background: #f7f7f7;  
border: 1px solid #dedbd1;  
margin-bottom: 15px; 
}  
  
.widget a {  
color: #222;  
text-decoration: none;  
}  
  
.widget a:hover {  
color: #009;  
text-decoration: underline;  
}  
  
.tabnav li {  
display: inline;  
list-style: none;   
font-size: 14px;
}  
  
.tabnav li a {  
text-decoration: none;  
text-transform: uppercase;  
color: #222;  
font-weight: bold;  
padding: 4px;  
outline: none;  
}  
  
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  
background: #e3e3e3;  
color: #222;  
text-decoration: none;
}  
  
.tabdiv {  
margin-top: 2px;  
background: #fff;  
border:  1px solid #DEDBD1;
padding: 10px 5px 5px;  
}  

.tabnav {
height: 21px;
}
  
.tabdiv li {  
font-size: 11px; 
margin-bottom: 10px;
list-style-type: disc;
margin-left: 20px;
}  

#tabvanilla {
	margin-top: 20px;
}



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

/* Publicidad */


.redes-sociales {
	text-align: center;
	width: 300px;
	margin-bottom: 20px;
	background-color: #F7F7F7;
	padding-bottom: 20px;
	padding-top: 20px;
}

.fb {
	margin-bottom: 20px;
}

.tw {
	width: 300px;
}


.rectangulo {
	width: 300px;
	height: 250px;
	margin-bottom: 20px;
}

.rectangulo-peque {
	width: 300px;
	height: 100px;
	margin-bottom: 20px;
}

#rect-peque-der{
float:right;
width:120px;

}

#rect-peque-izq{
float:left;
width:120px;
}


.interpost {
	width: 640px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDD;
}


.internoticias {
	width: 600px;
	height: 90px;
	margin-top: 20px;
	margin-bottom: 20px;

}


.fullbanner {
	width: 468px;
	height: 60px;
	float: right;
	margin-top: 20px;

}




.single-ad-wrap {
	width: 600px;
	margin-top: 20px;
	margin-bottom: 20px;

}


.single-ad {
	width: 640px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 20px;
	border-top: 1px solid #DDD;
}




/* ----- FOODTRUCKS PAGE ----- */

body.foodtruck-body {background: none;}

body.foodtruck-body h1 {text-align: center; margin-bottom: 40px;}

body.foodtruck-body h1, body.foodtruck-body h2, body.foodtruck-body h3 {font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400;}

body.foodtruck-body p {font-family: Georgia; font-size:16px; color:#444;}

.header-foodtruck {

	width: 100%;
	height:600px;
	background: url("images/foodtruck-bg.jpg");
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	


}


body.foodtruck-body .header-foodtruck h1, body.foodtruck-body .header-foodtruck h2 {font-family: 'Open Sans', Arial, sans-serif;
text-align: center; color:#FFF; margin: 0;}



body.foodtruck-body .header-foodtruck h1 {font-size: 60px; font-weight: 300; margin-top: 190px;}
body.foodtruck-body .header-foodtruck h2 {font-size: 16px; font-weight: 600; text-transform: none;}




.content-foodtruck {

	width: 90%;
	margin:0 auto;

}

.menu-foodtruck {

	width:80%;
	margin: 0 auto;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
	padding-top: 10px;

}


.logo {width:100%; text-align:center; margin-bottom: 20px;}


body.foodtruck-body #menu-principal {font-weight: bold; text-transform: uppercase; font-size:14px;}

body.foodtruck-body ul#menu-principal  {margin-left: 14.545454545%;}

body.foodtruck-body #menu-principal li a {color:#FFF; text-decoration: none;}

body.foodtruck-body #menu-principal li {float:none; display: inline; margin: 0 0.9090909091%;}

body.foodtruck-body li.menu-item-5879 {background: none; border: none;}


.negocio {width:22.072072072%; margin:0 1.3513513514% 20px 1.3513513514%; float:left;}

.attachment-foto {margin-bottom: 10px; width: 100%; height: auto;}



@media (max-width: 1430px) {
	
	
	body.foodtruck-body p {font-family: Georgia; font-size:15px; color:#444;}
	
	
	}
	
	
@media (max-width: 1340px) {
	
	
	body.foodtruck-body p {letter-spacing: -0.02em;}
	
	
	}
	
	
@media (max-width: 1290px) {
	
	
	.negocio {width:30%; margin:0 1.65% 20px 1.65%; float:left;}
	body.foodtruck-body p {letter-spacing: normal; font-size: 16px;}
	
	
	}



@media (max-width: 1053px) {
	
	
	
	body.foodtruck-body p {font-size: 15px;}
	
	
	}
	
	
@media (max-width: 987px) {
	
	
	
	body.foodtruck-body p {letter-spacing: -0.02em;}
	
	
	}
	
	
@media (max-width: 950px) {
	
	
	
	.negocio {width:46.65%; margin:0 1.65% 20px 1.65%; float:left;}
	.menu-foodtruck {width:90%;}
	body.foodtruck-body ul#menu-principal {margin-left: 3%;}
	body.foodtruck-body .header-foodtruck h1 {font-size: 55px;}
	.logo img {max-width: 100%;}
	
	
	
	}

@media (max-width:620px) {

	body.foodtruck-body .header-foodtruck h1 {font-size: 30px; margin-top: 40px;}
	.negocio {width: 100%;margin: 0 0 20px 0; text-align: center;}
	body.foodtruck-body #menu-principal li {float:none; display: block; padding:5px 0; text-align: center; border-bottom: 1px solid #FFF;}
	.menu-foodtruck {border-bottom: none;}
	.header-foodtruck {height: auto; padding-bottom: 20px;}	

}




/*OVERLAY PARA CERRADOS*/

html, body{
  min-height: 100%;
}
body{
  position: relative;
}


#col-izq {position:relative;}


.overlay{
  position: absolute;
  top: 0;
  left: -120px;
  width: 770px;
  height: 100%;
  z-index: 100;
  background-color: rgba(0,0,0,0.7); /*dim the background*/
}







/* Avatares */


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 476px; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
	width: 490px;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 540px;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
}
#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}
#site-generator .sep {
	background: url(images/wordpress.png) center left no-repeat;
	color: transparent;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 7px;
	width: 16px;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* Make sure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}
	
	
	
	
	
	
	
	

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}