/*
Theme Name: Modo Meu 2.0
Theme URI: http://www.modomeu.com
Description: Modo Meu
Version: 2.0
Author: Dyego Cruz
Design: Modo Meu (Mariana Fernandes);
*/

body{ margin: 0; padding: 0; color: #999999; font-family: Helvetica, Arial; font-size: 14px; font-weight: normal; line-height: 20px; background-image: url(images/bg.jpg); }

img{ margin: 0; padding: 0; border: none; }

a { text-decoration: none; color: #12afc0; }
a:hover { text-decoration: underline; }

/** Início Fonte **/
@font-face {
	font-family: "Archive";
	src: url("fonts/Archive.eot?") format("eot"), url("fonts/Archive.woff")
		format("woff"), url("fonts/Archive.ttf") format("truetype"),
		url("fonts/Archive.svg#Archive") format("svg");
	font-weight: normal;
	font-style: normal;
}
/** Fim Fonte **/

/** in’cio estilos gerais **/
.clear { clear: both; }

.a_left{ float: left; }
.a_right{ float: right; }
.uppercase { text-transform: uppercase; }

/** fim estilos gerais **/


.container-site{ width: 960px; margin: 0 auto;}

/** INêCIO HEADER **/

.header{ padding-top: 20px; }
.header .logo-topo { float:left; position: relative; z-index: 9999; }
.header .logo-topo img { width: 208px; }
.header .header-right { float:right; margin: 0; padding: 0; }
.header .header-right .banner-top { width: 728px; height: 90px; }

.page-header { width: 630px; }

.archive-title{ width: 630px; text-align: right; }

.menu-categ { font-size: 14px; padding: 2px 0 7px 0; background-color: #12afc0; margin-top: 30px; float: right; width: 728px; }
.menu-categ ul { list-style: none; margin: 4px 8px 0 -40px; }
.menu-categ ul li { float: left; margin: 0 3px 0 34px; }
.menu-categ ul li a { text-transform: uppercase; color: #fff; font-family: "Archive" }

/** FIM HEADER **/

/** INêCIO CONTEòDO POST **/

.main-content { float: left; margin-top: -60px; position: relative; z-index: 0; }
.main-content .contents { width: 960px; float: left; margin-right: 10px; }

.contents .featureds-top {
	margin: 0 auto;
	padding: 0;
	width: 632px !important;
}

.contents .featureds-top .featured-top-big {
  position: relative;
  background: #fff;
  padding: 5px;
  margin: 0 0 15px 0;
  border: 1px solid #d5d6d8;
}

.contents .featureds-top .featured-top-big .featured-top-big-content-img {
	height: 220px;
	overflow: hidden;
}

.contents .featureds-top .featured-top-big .featured-top-big-content-img img {
  width: 100%; 
}
.contents .featureds-top .featured-top-big .titles {
  position: absolute;
  width: 98.4%;
	bottom: 5px;
	left: 5px;
}
.contents .featureds-top .featured-top-big .titles h1,
.contents .featureds-top .featured-top-big .titles h2 {  
  cursor: pointer;
  font-family: 'Archive';
  margin-top: 0px;
  padding: 1%;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 26px;
}
.contents .featureds-top .featured-top-big .titles h1 {
  /*background: #12afc0;*/  
  background: rgba(18, 175, 192, 0.6);
  margin-bottom: 0px;
  font-size: 1.6em;
  padding: 8px 15px;
}
.contents .featureds-top .featured-top-big .titles h2 {
  background: rgba(18, 175, 192, 0.6);
  font-size: 1.4em;
  display: none;
  margin-bottom: 0px;
}
.contents .featureds-top .featured-top-big .titles a {
  color: #fff;
}

.contents .featureds-top .featureds-small{
	width: 632px !important;
	margin: 0 0 15px 0;
}

.contents .featureds-top .featured-small {
  position: relative;
  padding: 7px;
  background: #fff;
  border: 1px solid #d5d6d8;  
}
.contents .featureds-top .featured-small img {
  width: 100%;
  max-height: 110px;
}
.contents .featureds-top .featured-small .titles {
  position: absolute;
  left: 7px;  
  bottom: 7px;
  width: 93%;
  display: none;
}
.contents .featureds-top .featured-small .titles h3,
.contents .featureds-top .featured-small .titles h4 {
  cursor: pointer;
  font-family: 'Archive';
  font-weight: normal;
  margin: 0px;
  padding: 1%;
  text-transform: uppercase;
}
.contents .featureds-top .featured-small .titles h3 {
  /*background: #12afc0;*/
  background: rgba(18, 175, 192, 0.6);
  padding: 8px 10px;  
}
.contents .featureds-top .featured-small .titles h4 {
  background: rgba(18, 175, 192, 0.6);
  display: none;
}
.contents .featureds-top .featured-small .titles a {
  color: #fff;
}


/* CONFIG PLAYERS */
.mejs-container { margin: 0 0 0 7px; }
.podPress_content audio { width: 610px; }

.box-post { width: 630px; float:left; background-color: #fff; border: 1px solid #d5d7d9; margin-bottom: 20px; }
.box-post .post-destaque { margin: 8px 0 0 6px; width: 615px; height: 315px; position: relative; font-family: 'Archive'; border: 1px solid #d5d7d9; background-size: cover !important; }
.post-title { position: relative; position: absolute; bottom: 0; left: 0; width: 100%; }
.post-title .data { background-color: #12AFC0; width: 22%; color: #fff; }
.post-title .categoria {  background-color: #FFF; padding-right: 12px;}
.post-title .categoria a { color: #12AFC0; }
.data, .categoria { float:left; line-height: 2; font-size: 12pt; padding: 2px 0 0 11px;}

.box-post .post-destaque .post-title .the-title { float: left; width: 98%; font-size: 14pt; padding: 10px 0 4px 13px; line-height: 26px; background: rgba(18,177,192,0.6); color: #fff; }
.box-post .post-destaque .post-title .the-title h2 { font-size: 100%; padding: 0; margin: 0 0 3px 0; font-weight: normal; }
.box-post .post-destaque .post-title .the-title h2 a { color: #fff; }

.box-post .post-content { float:left; position: relative; z-index: 0; }
.box-post .post p { padding: 0 10px; /*width: 612px;*/ }
.box-post .post p iframe { width: 610px; border: none; }
.box-post .post p img { width: 615px; margin: 0 0 0 -3px; }
.box-post .post > p:first-child a img { display: none !important; }

#wp_rp_first { text-align: center; }

.box-post .post h1, h2, h3, h4, h5, h6 { padding-left: 10px; }

/** INêCIO POST FOOTER **/ 

.post-footer { float: left; margin: 10px 0 0 10px; }
.box-author, .share-post { float: left; }
.box-author { background-color: #12AFC0; color: #FFF; width: 60%; padding: 10px 7px 10px 10px; font-size: 12px;}
.author-info-top a { color: #FFF; }
.author-photo { margin-right: 20px; }
.author-photo img { width: 77px; height: 75px; border: 2px solid #FFF; }
.author-photo, author-info { float: left; }

.share-post { float: left; width: 30%; margin-left: 25px; padding-top: 0px; padding-left: 0px; text-align: center; }
.share-post .addThisButtonsSocialNetWorkShare{ float: left; width: 90px; height: 30px; }
.share-post .addThisButtonsSocialNetWorkShare .at_pinitbutton{ margin-top: 2px !important; }
.share-post .link-comentarios { color: #12AFC0; text-decoration: none; font-family: 'Archive'; font-size: 20px; float: left; margin-top: 10px; margin-left: 10px; }
.kindleWidget { position: absolute !important; right: 16px !important; bottom: -62px !important; }

.tagSection { float: left; margin-top: 10px; font-size: 11px; }
.tagSection a { text-decoration: none; color: #12AFC0; }
.tagSection a:hover { text-decoration: underline; }

.wp_rp_content { margin-top: 10px; text-align: center !important; width: 100% !important; }

/** FIM POST FOOTER **/ 

/** INêCIO COMENTçRIOS **/

/** FIM COMENTçRIOS **/

.fb-comments { background-color: white; margin-bottom: 10px; border: 1px solid #999; }

#respond { background-color: #12AFC0; color: white; float: left; width: 632px; margin-bottom: 20px; }
#reply-title { font-family: 'Archive'; font-size: 24px; padding: 0px 0 0 15px; }

#commentform { padding: 0px 15px; }
#commentform a { color: #FFF; text-decoration: underline; }
.commentlist { list-style: none; }

.comment-form-author, .comment-form-email, .comment-form-url { color: #12AFC0; background-color: #FFF; height: 30px; line-height: 30px; }
.comment-form-author label, .comment-form-email label, .comment-form-url label { padding: 0 0 0 15px; }
#author, #email, #url, #comment { float: right; width: 530px; border: none; height: 28px; color: #12AFC0; }
#comment { width: 100%; height: 100px; }

.form-submit { text-align: right; }
#submit { border: none; font-family: 'Archive'; font-size: 24px; color: #FFF; background: none; cursor: pointer; margin-top: 15px; }

/** FIM POST **/

/** INêCIO PAGE **/

.page{ background: none; border: none; }
.page-title{ font-family: 'Archive'; color: #12AFC0; font-size: 26pt; background: url(images/line.png) bottom center repeat-x; line-height: 40px; text-align: right; }
.page-title h1 { font-size: 20pt; font-weight: normal; }
.page p, .page-title { padding: 0 0 0 20px; }

.category { width: 620px !important; margin: 0 0px 20px 0px; padding: 0 0 0 10px; }

.user{ width: 590px; float: left; margin: 20px 0; padding: 0 20px; }
.user-social, .user-photo, .user-info { float: left; }
.user-social { background: url(images/bar.png) top left repeat-y, url(images/bar.png) top right repeat-y; margin: 0 10px 0 0; }
.user-social ul { list-style: none; margin: 0 4px 0 -36px; }
.user-social ul li { line-height: 11px; }
.user-photo { border: 10px solid #12AFC0; margin-right: 20px; }
.user-photo img { border: none; }
.user-photo, .user-photo img { width: 195px; height: 195px; }
.user-info { width: 292px; }
.user-info h2 {  font-family: 'Archive'; text-transform: uppercase; color: #12AFC0; margin: 0 0 15px 0; }


/** FIM PAGE **/

/** NAVIGATION **/
#nav-below { float: left; width: 95%; padding: 0 0 0 12px; }
.nav-previous, .nav-next { width: 50%; float: left; }
.nav-previous a, .nav-next a { font-family: 'Archive'; color: #12AFC0; text-decoration: none; font-size: 16px; }
.nav-previous { text-align: left; }
.nav-next { text-align: right; }

/** FIM CONTEòDO POST **/

/** INêCIO SIDEBAR **/

.sidebar { float: right; width: 305px; text-align: center; }
.widget, .sidebar-widget { float:left; width: 100%; margin-bottom: 25px; position: relative; }

.menu-sidebar{ background-color: #12AFC0; }
.menu-sidebar ul { list-style: none; margin: -3px 0 0 -21px; }
.menu-sidebar ul li { float: left; margin: 10px 10px 7px 0;}
.menu-sidebar ul li a { color: #fff; font-family: 'Archive'; font-size: 13px; }

.box-search { background-color: #12AFC0; height: 30px; padding: 5px 0 5px 0; }
.box-search form { margin-left: 5px; }
.box-search form .field { float: left; width: 225px; height: 28px; border: none; }
.box-search form .submit { float: left; border: none; height: 30px; background-color: #88D7DF; color: white; font-family: 'Archive'; line-height: 31px; margin-left: -2px; }

.social { background: url(images/line.png) top center no-repeat, url(images/line.png) bottom center no-repeat; height: 54px; }
.social ul { list-style: none; float: left; margin: 6px 0 6px -40px; }
.social ul li { float: left; margin: 0 1px 0 0; }

.banner-sidebar { width: 300px; height: 250px; border: 1px solid #D5D7D9; }
.facebook-sidebar { background-color: #12AFC0; padding: 15px 0; }
.fb_iframe_widget iframe { left: 0px; }

.fb-like-box { background-color: #fff; height: 258px; }
.fb-like { position: relative; right: 0px; top: -5px; }

.gplus-sidebar { background-color: #12AFC0; padding: 8px 0px 3px 0px; }
.gplus-sidebar div { border: none; }

.blogroll { background-color: #fff; text-align: left; border: 1px solid #D5D7D9; color: #12AFC0; padding: 0 10px 10px 16px; width: 276px; }
.blogroll h2 { font-family: 'Archive'; }
.image-blogroll { width: 86px; height: 84px; float: left; margin: 0 6px 6px 0;}

/** FIM SIDEBAR **/

/** In’cio Footer **/

.footer { float: left; width: 100%; margin-top: 20px; background: url(images/footer-top.png) top center no-repeat, url(images/footer-bottom.png) bottom center no-repeat; padding: 20px 0 13px 0;}
.footer-container{ width: 960px; margin: 0 auto; }
.footer-col { float: left; }
.logo-footer, .menu-rodape { float: left;  }

.menu-rodape { background: url(images/chave_menu_rodape.png) no-repeat; background-position: 20px 5px; }
.menu-rodape ul { list-style: none; }
.menu-rodape ul li { line-height: 15px; }
.menu-rodape ul li a { font-family: 'Archive'; color: #12AFC0; font-size: 12px; text-decoration: none; }

.logo-513 { background: url(images/logo_513_footer.png) no-repeat; width: 300px; height: 73px; padding: 0 0 0 130px; margin: 16px 0 0 60px; }
.logo-513 a { text-decoration: none; font-size: 12px; color: #999999; }

.footer-assinaturas { background: url(images/logo_mary_footer.png) no-repeat; background-position: top right; float: right; width: 220px; height: 75px; text-align: right; padding-right: 60px; line-height: 2px; font-size: 11px; margin-top: 20px; }
.footer-assinaturas a { text-decoration: none; font-weight: bold; color: #12AFC0; }

/** Fim Footer **/

/** CFORMS **/
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { font-family: 'Archive'; color: #12AFC0; background-color: #FFF !important; margin: 0 20px 20px 0 !important; border: none !important;} 
/** CFORMS **/

/** PODPRESS **/
.podPress_content { padding: 0 10px !important; }
/** PODPRESS **/