/*
Theme Name: Fundação Bracara Augusta
Theme URI: fbracaraaugusta.org
Author: Fundação Bracara Augusta 2014
Author URI: fbracaraaugusta.org
Description: fbracaraaugusta.org
Version: 1.0
License: GNU General Public License
License URI: fbracaraaugusta.org
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/
/*Bracara*/
.fl{float: left;}
.oh{overflow: hidden;}
.mt1{margin-top: 10px !important;}
.mt2{margin-top: 20px !important;}
.mt3{margin-top: 30px !important;}
.mt4{margin-top: 40px !important;}
.mt5{margin-top: 50px !important;}
.ml3{padding-left: 30px !important; box-sizing: border-box;}
.tal{text-align: left;}
.ma{margin-left: auto;margin-right: auto;}
h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 25px;
	font-weight: 700;
	color: #512A1D;
}
.line_1{
	border-bottom: 1px solid rgba(82,42,29,0.39);
}
.img_evento img{
	width: 100%;
	height: auto;
}
.img_usar_bragalit img {
	height: auto;
}
.align_right .wp-post-image {
	float: right !important;
}
.mecenas_apoios img{
	margin-top: 5px;
	width: auto;
	height: 35px;
	display: inline;
	text-align: center !important;
}
.mecenas_apoios span{
	font-size: 12px;
	text-align: center;
}
.mecenas_apoios{
	text-align: center !important;
}
.email{
	width: 250px !important;
}
.apoio_img{
	
	
	overflow: hidden;
	width: auto;
	text-align: center;
}
.apoio_img img{
	margin-top: 5px;
	width: auto;
	height: 40px;
}
h2{
	font-family:  'Libre Baskerville', serif;
	font-size: 18px;
	font-weight: 400;
	color: #512A1D;
}
h3{
	font-family:  'Libre Baskerville', serif;
	font-size: 18px;
	font-weight: 400;
	color: #AF7F6E;
}
.none{
	display: none !important;
}
.btn-sub{
	width: 150px;
	height: 40px;
	background-color: #512A1D;
	border-radius: 5px;
	color: white;
	border: 0px solid #333;
}
.page_content p{
	font-size: 15px;
	color: #4A4A4A;
	font-weight: 400;
	line-height: 26px;
	padding-right: 10px;
}
.event-time{
	font-size: 12px !important;
	color: #AF7F6E !important;
	font-family: 'Open Sans', sans-serif;
}
.img_left{
	width: 100%;
	height: auto;
}
.page_content h3{
	font-family:  'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #512A1D;
}
.ultimas_noticias_home h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: 700;
	color: #512A1D;
}
.page_title h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: 700;
	color: #512A1D;
}
.page_img{
	padding: 5px;
	box-sizing: border-box;
	margin-top: 15px;
}
.page_img img{
	width: 100%;
	height: auto;
	max-width: 800px;
}
.menu_lateral h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #512A1D;
	font-size: 18px;
	margin-left: 15px;
}
.img_noticia img{
	
	height: 33%;
	width: 100%;
}
.img_noticia_noite{
	background-size:   cover !important;                      /* <------ */
	background-repeat: no-repeat;
	background-position-x: center !important;
	background-position-y: center !important;
	width: auto;
	height: 400px;
}
.img_noticia_noite.voluntariado{
	background-size:contain !important;
	background-position-y:top !important;
}
.img_noticia_home{
background-size:   cover !important;                      /* <------ */
background-repeat: no-repeat;
background-position-x: center !important;
background-position-y: center !important;
width: auto;
height: 250px;
}
.img_noticia_ultimas{
background-size:   cover !important;                      /* <------ */
background-repeat: no-repeat;
background-position-x: center !important;
background-position-y: center !important;
width: auto;
height: 200px;
}
.img_noticia{
	background-size:   cover !important;                      /* <------ */
	background-repeat: no-repeat;
	background-position-x: center !important;
	background-position-y: center !important;
	width: 100%;
	min-height: 400px;
	max-height: 600px;
}
.img_noticia_lista{
	background-size:   cover !important;                      /* <------ */
	background-repeat: no-repeat;
	background-position-x: center !important;
	background-position-y: center !important;
	width: 100%;
	height: 200px;
}
.img_autor{
background-size:   cover !important;                      /* <------ */
background-repeat: no-repeat;
background-position-x: left !important;
background-position-y: top !important;
width: auto;
height: 200px;
padding: 45px;
}

.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  font-size: 12px;
  display: inline-block;
  position: relative;
  font-family:  'Libre Baskerville', serif;
  font-size: 10px;
  color: #AF7F6E; 
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 3px;
  border-bottom: 1px solid #512A1D;
  border-top: 1px solid #512A1D;
  top: 0;
  width: 50px;
}
.fancy span:before {
  right: 100%;
  margin-left: 15px !important;
   margin-right: 15px !important;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px !important;
   margin-right: 15px !important;
}
.noticia{
	overflow: hidden;
	height: auto;
}
.full_img{
	background-position: center bottom;
	min-height: 250px;
	background-size: cover !important;
}
/*.noticia h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: 700;
	color: #512A1D;
	line-height: 30px;
}
*/
#ultimas h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	color: #512A1D;
	line-height: 25px;
}
#ultimas h3{
	font-family:  'Libre Baskerville', serif;
	font-size: 25px;
	text-align: left;
	font-weight: 700;
	color: #512A1D;
	line-height: 25px;
}
.noticia_home h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 16px;
	font-weight: 700;
	color: #512A1D;
	line-height: 30px;
	height: 60px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}
.noticia h1{
	font-family:  'Libre Baskerville', serif;
	font-size: 20px;
	font-weight: 700;
	color: #512A1D;
	line-height: 30px;
	text-align: left;
	
	   overflow: hidden;
}
.noticia p{
	line-height: 25px;
	max-width: 700px;
	font-size: 14px !important;
	color: #4A4A4A !important;
	font-family: 'Open Sans', sans-serif;
}
.menu_lateral h2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color: #512A1D;
	font-size: 13px;
	margin-left: 30px;
	line-height: 25px;
	margin-top: 5px;
}
.menu_lateral a:hover{
	color: #AF7F6E;
	font-weight: 400;
}
.bloo_esq{
	border-left: 1px solid #512A1D;
	padding-left: 10px;
}
.logo_mobile{
	display: none;
}
.mecenas img{
	padding: 20px;
}
.site_map h1{
	padding-bottom: 5px;
	width: 150px;
	font-size: 15px;
	color: #AF7F6E;
	border-bottom: 1px solid #512A1D;
}
.site_map ul{
	min-width: 200px;
}
.site_map li{
	margin-top: 10px;
	color: #AF7F6E;
	font-size: 12px;
	letter-spacing: 1px;
}
.in_{
	background: url(http://fbracaraaugusta.org/wp-content/uploads/2014/07/btn.png) no-repeat !important;
	background-position: center center;
	
}
#newsletter input{
	text-shadow: none !important;
	width: 40%;
	height: 40px;
	color: #512A1D;
	border: 2px solid #512A1D;
	position: relative;
	top: -16px;
		font-family:  'Libre Baskerville', serif;
	font-size: 16px;
	padding-left: 10px;
}
#newsletter img:hover{
	opacity: 0.8;
}	
footer h1{
	font-size: 18px;
}
footer h2, footer h3{
	font-size: 12px;
	line-height: 20px;
}
footer a:hover{
	color: #AF7F6E;
}
::-webkit-input-placeholder {
   color: #AF7F6E;
   font-family:  'Libre Baskerville', serif;
   font-size: 16px;
   line-height: 18px;
   padding-left: 10px;	
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}
.line{
	overflow: hidden;
	width: 90%;
	border-top: 2px solid #512A1D;
	opacity: 0.2;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}
.intitucional img{
	height: 40px;
	width: auto;
	margin: 8px;
}
.line_s{
	overflow: hidden;
	width: 10%;
	border-top: 2px solid #512A1D;
	opacity: 0.2;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}
#main_index{
	width: 100%	;
}
#top{
	height: 120px !important;
	margin-bottom: 0px !important;
}
.logo-bg{
	position: absolute;
	top: -30px;
	left: -30px;
	z-index: -100;
	width: 250px;
	height: auto;
}
.social-link{
	font-size: 12px;
	font-weight: 700;
	font-family:  'Libre Baskerville', serif;
	color: #512A1D;
}
.social-link_img{
	margin-top: 10px;
}
.logo{
	margin-left: 50px;
	margin-top: 30px;
	width: 200px;
	float: left;
	overflow: hidden;
}
.menu-basic{
	margin-left: 50px;
	float: left;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #512A1D;
	text-align: right;
	position: absolute;
	right: 110px;
	z-index: 999;
}
.menu-basic li:hover{
	background: rgba(175, 127, 110, 0.25);
	color: #000000 !important;
}
.menu_basic li{
	float: left;
	overflow: hidden;
	
}
.menu{
	float: left;
	overflow: hidden;
}
.social-link{
	text-align: right;
	margin-left: 50px;
	margin-top: 20px;
	width: 100px;
	float: right;
	overflow: hidden;
	
}
/*Bracara*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
}
html { height: 101%; }
body { font-size: 62.5%; line-height: 1; font-family: 'Open Sans', sans-serif; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

p { font-size: 1.6em; line-height: 1.75em; color: #565656; margin-bottom: 12px; }

a {
text-decoration: none;
color: #512A1D;
transition: color .2s linear;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
}

a:hover {
}

/** page wrapping **/
.wrapper { max-width: 100%; margin: 0 auto; }

#top { margin-bottom: 40px; overflow: hidden; }
#top h1 { font-family:  'Libre Baskerville', serif; font-size: 4.0em; letter-spacing: -0.1em; line-height: 1.8em; color: #575757; margin-top: 10px; width: 100%; text-align: center; margin-bottom: 12px; }
#top h1 a { color: #575757; }
#top h1 a:hover { color: #575757; text-decoration: none; }

#mainbody { display: block; z-index: auto; width: 100%; }

/** full navigation **/
#navbar { display: none; }

nav { display: block; }
#n ul {
padding-top: 50px;
display: block; 
height: 120px; 
width: 800px;
}

#n ul li { display: inline-block; position: relative;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #512A1D;
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px;
	border-radius: 5px;
 }
#n ul li a { display: block; padding: 0px 12px; line-height: 50px; color: #777; }
#n ul li a:hover { color: #477aad; text-decoration: none; background: #fafafa; }

#n ul li ul { display: none;  margin: 0; position: absolute; top: 50px; zoom: 1; z-index: 9999; background: #fff; border-top: 1px solid #cacaca; border-bottom: 1px solid #e1e1e1; }
#n ul li ul li { display: block; width: 11em; border: 0; }
#n ul li ul li a { background: #fff; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }

#n ul li:hover > ul { display: block; }
#n ul li:hover > a { text-decoration: none; }

/** posts **/
#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; margin-right: 280px; -moz-box-sizing: border-box; padding: 0 12px; }

.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display: block; margin-bottom: 25px; }

.post p { margin-bottom: 20px; line-height: 1.7em; } 

.post header h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 4px !important; color: #323232; }
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-family: Cambria, Georgia, serif; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px; }


.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #AF7F6E; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #AF7F6E; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }
.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%; padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }
 
.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em;
	color: #000000;
}
.nav-prev a:hover, .nav-next a:hover {  }


/** comments **/
#comments { display: block; margin-top: 15px; } 
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 
		/* for the threaded reply comment form styles */
		
#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 
#cancel-comment-reply-link:hover { color: #000; text-decoration: none; background: #AF7F6E; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #AF7F6E; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #AF7F6E; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #AF7F6E; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AF7F6E', endColorstr='#4197ee');
	background-color: #AF7F6E;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	color: #000;
	cursor: pointer;
	font-size: 1.45em;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
}

#commentform #submit:hover, .button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #4197ee), to(#AF7F6E)) #AF7F6E;
	background: -moz-linear-gradient(top, #4197ee 1%, #AF7F6E 100%) #AF7F6E;
	background: linear-gradient(to bottom, #4197ee 1%, #AF7F6E 100%) #AF7F6E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AF7F6E', endColorstr='#AF7F6E');
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** sidebar **/
#sidebar { display: block; float: right; width: 250px; padding-top: 30px; height: 100%; }
#sidebar-responsive { display: none; }

#sidebar .widget { display: block; margin-bottom: 20px; }
#sidebar .widget h3 { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; padding: 15px 0px; padding-bottom: 5px; font-size: 1.6em; border-bottom: 1px solid #ddd; color: #898989; margin-bottom: 10px; } 

#sidebar .widget ul { display: block; margin-left: 10px; }
#sidebar .widget ul li { font-size: 1.1em; margin-bottom: 6px; }
#sidebar .widget ul li ul { font-size: 0.9em; }
#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear;
	color: #000000;
}

#sidebar .widget ul li a:hover { color: #000; background: #AF7F6E; text-decoration: none; }


/** search **/
#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }


/** footer **/
footer { clear: both; text-align: center; font-family: Baskerville, 'Goudy Old Style', 'Book Antiqua', Palatino, serif; font-style: normal; padding: 10px; font-size: 1.4em; color: #434343; padding-bottom: 80px; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 621px) 
and (max-width : 1024px){
	#n ul li{
		font-size:14px;
	}

}
@media only screen 
and (min-width : 0) 
and (max-width : 620px) {
	.logo_mobile{
		display: block;
	}
	.social-link{
		display: none;
	}
	.logo{
		display: none;
	}
	.menu-basic{
	right: 0px;
	}
	#top{
		height: 0px !important;
	}
	#navbar { 
	z-index: 999;
	display: block; 
	height: 44px; 
	background-color: #512A1D;
	width: 100%; 
	}
	#navbar a { display: block; line-height: 44px; padding: 0 10px; font-weight: bold; font-size: 1.2em; color: #AF7F6E; }
	#navbar a:hover { color: #AF7F6E; text-decoration: none; }
	
	#n ul { display: none; background: #ffffff; border: 0; height: auto; padding: 5px 10px; overflow: hidden; }
	
	#n ul li { font-size: 1.3em; }
	
	#n ul li ul { display: block; position: static; border: 0; background: #ffffff; }
	#n ul li ul li { font-size: 1.1em; margin-left: 22px; width: auto; }
	#n ul li { border: 0; width: 100%; background: #ffffff; border: 0; }
	
	#n ul li a, #n ul li ul li a { display: block; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; line-height: 1.3em; text-shadow: none; width: 100%; padding: 5px 12px; margin: 0;
		color: #000000;
	}
	#n ul li ul li a { font-size: 1.0em; background: #ffffff; border: 0;
		color: #000000;
	}
	#n ul li a:hover, #n ul li ul li a:hover { background: #ffffff; color: #000; text-decoration: none; }

	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0; }
	#sidebar { display: none; float: none; }
	
	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; }
	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }
	#sidebar-responsive .widget h3 { font-family: "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }
	
	#sidebar-responsive ul li { display: block; }
	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: none; -webkit-transition: none; -moz-transition: none;
		color: #000000;
	}
	#sidebar-responsive ul li a:hover { text-decoration: none; background: #ffffff; color: #000; }
	
	.post header h2 { font-size: 2.75em; }
	
	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }
	
	#commentform #allowed_tags { display: none; }
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 1% 0% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

.span_1_of_3_autor {
	width: 31.3%;
	margin: 2% 2% 0% 0% !important;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 680px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 680px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_3_autor {
		width: 100%;
	}
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}
}