/******************************************************************
Theme Name: Nimbu
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the Bones Documentation page. You can also view the conversation on Twitter by following the hashtag: #wpbones.
Author: Erica Mattos / Eddie Machado (Bones)
Author URI: http://www.themble.com/bones/
Version: 1.09
Tags: html5, css3, fixed, development, bones, h5bp
License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html
All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/
/*
TABLE OF CONTENTS
01 - RESET
02 - ISOTOPE
03 - GENERAL LAYOUT STYLES
04 - GRID STYLES
05 - COMMON & REUSABLE STYLES
06 - LINK STYLES
07 - TEXT SELECTION STYLES
08 - WORDPRESS BODY CLASSES
09 - HEADLINES & TITLES
10 - HEADER SYTLES & NAVIGATION STYLES
11 - MAIN CONTENT PAGES (nimbu)
12 - POSTS & CONTENT STYLES
13 - PAGE NAVI STYLES
14 - COMMENT STYLES
15 - COMMENT FORM STYLES
16 - SIDEBARS & ASIDES
17 - FOOTER STYLES
18 - MEDIA QUERIES & DEVICE STYLES
19 - PRINT STYLES
20 - IE SPECIFIC FIXES
*/
/******************************************************************
01 - RESET
******************************************************************/
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{border:0; vertical-align:baseline; margin:0; padding:0}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}body{line-height:100%}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after, q:before, q:after{content:none}table{border-collapse:collapse; border-spacing:0}h1, h2, h3, h4, h5, h6 {clear:both; }a img{border:none; }img{display:block; }
/******************************************************************
02 - ISOTOPE
******************************************************************/
/**** Isotope filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope animation ****/
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
}
/**** Infinite Scroll ****/
#infscr-loading {
display: block;
position: fixed;
text-align: center;
bottom: 10px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/**** Widgets ****/
#as_facebook_mem_likebox_widgets, #html_javascript_adder-2 {
overflow: hidden;
}
/******************************************************************
03 - GENERAL LAYOUT STYLES
******************************************************************/
html, body {
color: #333333;
background-image: url("library/images/bg_diagonal_2.png");
/*background-color: #ececec; */
font-family: "Trebuchet MS", sans-serif;
font-size: 100%; /* 16px = 100% | 14px = 87.5% */
overflow-y: auto
}
div#container {
width: 90%;
max-width: 1140px;
/*min-width: 735px; /*min-width: 755px; */
overflow: hidden;
margin: 0 auto;
/*margin: 2.857142857em auto 0.714285714em; /* 40px / 14px - 10px /14px */
/* problemas no tamanho final do containter. mudei para 0 auto.*/
padding-top: 1.5em; /* 40px / 14px
/* não sei pq é dividido por 14px e não 16px que é o em do body... mas parece que deu mais certo visualmente */
padding-right: 1.754385965%; /* 20px / 1140px */
padding-left: 1.754385965%; /* 20px / 1140px */
padding-bottom: 0.714285714em; /* 10px /14px */
font-size: 0.875em; /* 14px / 16px */
}
/******************************************************************
04 - GRID STYLES
******************************************************************/
/* GRID NIMBU - 12col de 85px, espaçamento de 10 px = 1130px. Página com 1140px e 5px de padding para cada lado. */
#container {
padding: 0 1.754385965%; /* 20px / 1140px */
}
.linha{
width: 99.12280702%;
max-width: 1130px;
/*min-width: 755px; */
overflow: hidden;
margin-left: 0.438596491%; /* 5px / 1140px */
margin-right: 0.438596491%; /* 5px / 1140px */
}
/* o container em que as colunas estarão contidas colunas deverá ter 99.12280702% -> 1130px / 1140px */
.col_1{ width: 7.52212389380531%; } /* 85px / 1130px */
.col_2{ width: 15.929203539823009%; } /* 180px / 1130px */
.col_3{ width: 24.336283185840703%; } /* 275px / 1130px */
.col_4{ width: 32.743362831858406%; } /* 370px / 1130px */
.col_5{ width: 41.150442477876105%; } /* 465px / 1130px */
.col_6{ width: 49.55752212389381%; } /* 560px / 1130px */
.col_7{ width: 57.9646017699115%; } /* 655px / 1130px */
.col_8{ width: 66.3716814159292%; } /* 750px / 1130px */
.col_9{ width: 74.77876106194691%; } /* 845px / 1130px */
.col_10{ width: 83.1858407079646%; } /* 940px / 1130px */
.col_11{ width: 91.5929203539823%; } /* 1035px / 1130px */
.col_12{ width: 100%; } /* 1130px / 1130px */
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
margin-right: 0.8849557522123894%; /* 10px / 1130px */
float: left;
min-height: 1px;
}
.last {
margin-right: 0px;
}
img, object, embed {
max-width: 100%;
}
img {
height: auto;
}
/* GRID NIMBU - opções de espaçamento horizontal entre colunas - prefixo e sufixo - modificado do grid Columnal */
/* spacing for before column */
.pre_1 {padding-left: 8.4070796460177%; } /* 95px / 1130px */
.pre_2 {padding-left: 16.8141592920354%; } /* 190px / 1130px */
.pre_3 {padding-left: 25.2212389380530943%; } /* 285px / 1130px */
.pre_4 {padding-left: 33.6283185840708%; } /* 380px / 1130px */
.pre_5 {padding-left: 42.0353982300885%; } /* 475px / 1130px */
.pre_6 {padding-left: 50.44247787610619%; } /* 570px / 1130px */
.pre_7 {padding-left: 58.849557522123895%; } /* 665px / 1130px */
.pre_8 {padding-left: 67.2566371681416%; } /* 760px / 1130px */
.pre_9 {padding-left: 75.66371681415929%; } /* 855px / 1130px */
.pre_10 {padding-left: 84.070796460177%; } /* 950px / 1130px */
.pre_11 {padding-left: 92.47787610619469%; } /* 1045px / 1130px */
/* spacing for after column */
.suf_1 {padding-right: 8.4070796460177%; } /* 95px / 1130px */
.suf_2 {padding-right: 16.8141592920354%; } /* 190px / 1130px */
.suf_3 {padding-right: 25.2212389380530943%; } /* 285px / 1130px */
.suf_4 {padding-right: 33.6283185840708%; } /* 380px / 1130px */
.suf_5 {padding-right: 42.0353982300885%; } /* 475px / 1130px */
.suf_6 {padding-right: 50.44247787610619%; } /* 570px / 1130px */
.suf_7 {padding-right: 58.849557522123895%; } /* 665px / 1130px */
.suf_8 {padding-right: 67.2566371681416%; } /* 760px / 1130px */
.suf_9 {padding-right: 75.66371681415929%; } /* 855px / 1130px */
.suf_10 {padding-right: 84.070796460177%; } /* 950px / 1130px */
.suf_11 {padding-right: 92.47787610619469%; } /* 1045px / 1130px */
/* GRID NIMBU - SUBCOLUNAS - modificado do grid Columnal */
/* coluna 8 (750px) - subcolunas */
.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1 {margin-right: 1.3333333333333337%; } /* 10px / 750px */
.col_8 .last { margin-right: 0; }
.col_8 .col_1 {width: 11.333333333333332%; } /* 85px / 750px */
.col_8 .col_2 {width: 24%; } /* 180px / 750px */
.col_8 .col_3 {width: 36.666666666666664%; } /* 275px / 750px */
.col_8 .col_4 {width: 49.333333333333336%; } /* 370px / 750px */
.col_8 .col_5 {width: 62%; } /* 465px / 750px */
.col_8 .col_6 {width: 74.66666666666667%; } /* 560px / 750px */
.col_8 .col_7 {width: 87.33333333333333%; } /* 655px / 750px */
.col_8 .col_8 {width: 100%; } /* 750px / 750px */
.col_8 .pre_1 {padding-left: 12.666666666666668%; } /* 95px / 750px */
.col_8 .pre_2 {padding-left: 25.333333333333336%; } /* 190px / 750px */
.col_8 .pre_3 {padding-left: 38%; } /* 285px / 750px */
.col_8 .pre_4 {padding-left: 50.66666666666667%; } /* 380px / 750px */
.col_8 .pre_5 {padding-left: 63.33333333333333; } /* 475px / 750px */
.col_8 .pre_6 {padding-left: 76%; } /* 570px / 750px */
.col_8 .pre_7 {padding-left: 88.66666666666667%; } /* 665px / 750px */
.col_8 .suf_1 {padding-right: 12.666666666666668%; } /* 95px / 750px */
.col_8 .suf_2 {padding-right: 25.333333333333336%; } /* 190px / 750px */
.col_8 .suf_3 {padding-right: 38%; } /* 285px / 750px */
.col_8 .suf_4 {padding-right: 50.66666666666667%; } /* 380px / 750px */
.col_8 .suf_5 {padding-right: 63.33333333333333; } /* 475px / 750px */
.col_8 .suf_6 {padding-right: 76%; } /* 570px / 750px */
.col_8 .suf_7 {padding-right: 88.66666666666667%; } /* 665px / 750px */
/* todas as colunas .last*/
.col_2 .last, .col_3 .last, .col_4 .last, .col_5 .last, .col_6 .last, .col_7 .last, .col_8 .last, .col_9 .last, .col_10 .last, .col_11 .last { margin-right: 0; }
/* GRID NIMBU - versão css Mobile - modificado do 1440grid */
@media handheld, only screen and (max-width: 767px) {
body {
font-size: 87.5%; /* 16px = 100% | 14px = 87.5% */
-webkit-text-size-adjust: none;
}
.linha, body, /*.container*/ {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 20px;
}
.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1 {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 20px;
}
.pre_1, .pre_2, .pre_3, .pre_4, .pre_5, .pre_6, .pre_7, .pre_8, .pre_9, .pre_10, .pre_11 {padding-left: 0;}
.suf_1, .suf_2, .suf_3, .suf_4, .suf_5, .suf_6, .suf_7, .suf_8, .suf_9, .suf_10, .suf_11 {padding-right: 0;}
}
/* FIM - GRID NIMBU */
/******************************************************************
05 - COMMON & REUSABLE STYLES
******************************************************************/
/* floats */
.left { float: left; }
.right { float: right; }
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }
/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
/* ELEMENTOS GERAIS */
/*span { font-size: 12px; font-weight: normal; text-align: left; margin-bottom: 20px; display: block; }*/
span.block { font-size: 12px; font-weight: normal; text-align: left; margin-bottom: 20px; display: block; }
p { font-family: Georgia, serif; font-weight: normal; text-align: left; margin-bottom: 15px; line-height:150%; }
/** Forms **/
form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border: 0; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
* html .clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* image replacement */
.fade-image, .fade-gota {
display: block;
position: relative;
/*width: 150px;
height: 150px; */
}
.fade-image a,
.fade-image-b {
position: absolute;
left: 0;
top: 0;
}
.fade-gota-a,
.fade-gota-b {
position: absolute;
right: 0;
top: 0;
}
.fade-image-b, .fade-gota-b {
z-index: 5;
opacity: 1;
transition: opacity .5s ease-in-out;
/*-moz-transition: opacity .5s ease-in-out; */ /* tava dando um probleminha de tilt na imagens no firefox */
-webkit-transition: opacity .5s ease-in-out;
}
.fade-image-b:hover, .fade-gota-b:hover {
opacity: 0;
}
/* HACK carregamento de imagens */
.js .projectbox { display: none; }
/******************************************************************
06 - LINK STYLES
******************************************************************/
a, a:visited, a:focus { color: #BB355E; text-decoration: none; }
a:hover{ color: #BB355E; text-decoration: underline; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
/******************************************************************
07 - TEXT SELECTION STYLES
******************************************************************/
/* Highlighted Text */
::selection {
background: #BB355E; /*#6fc2f6*/;
color:#fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #BB355E; /*#6fc2f6*/;
color:#fff;
text-shadow : none;
}
/******************************************************************
08 - WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
.rtl {}
.home {} /* home page */
.blog {}
.archive {} /* archive page */
.date {} /* date archive page */
.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
.search-results {} /* search result page */
.search-no-results {} /* no results search page */
.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
.category-1 {} /* individual category page (i.e. body.category-6) */
.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
.tag-slug {} /* individual tag page (i.e. body.tag-news) */
.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
.page-paged-1 {} /* replace the number to the corresponding page number */
.page-parent {}
.page-child {}
.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
.paged-1 {} /* individual paged (i.e. body.paged-3) */
/******************************************************************
09 - HEADLINES & TITLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: #333; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none;
color: #333;
}
h1 a:visited, .h1 a:visited, h2 a:visited, .h2 a:visited, h3 a:visited, .h3 a:visited, h4 a:visited, .h4 a:visited, h5 a:visited, .h5 a:visited {
text-decoration: none;
color: #333;
}
h1 a:hover, .h1 a:visited, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover {
color: #333;
}
h1, .h1 {
font-size: 1.285714286em; /* 18px / 14px */
font-weight: bold;
line-height: 120%;
text-align: left;
text-transform: uppercase;
margin-bottom: 1.111111111em; /* 20px / 18px */
}
h2, .h2 {
font-size: 24px;
font-weight: normal;
text-align: left;
}
/*h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }*/
h3, .h3 {
text-transform: uppercase;
font-size: 1em; /* 1.125em; */
margin-bottom: 1.111111111em; /* 20px / 18px */
margin-top: 2.111111111em; /* 20px / 18px */
}
h4, .h4 {
font-size: 1.1em;
font-weight: 700;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
}
/******************************************************************
10 - HEADER SYTLES & NAVIGATION STYLES
(Main Navigation)
******************************************************************/
/*header[role=banner] {}
#logo { margin: 1.1em 0; }*/
.header {
color: #101010;
width: 100%;
min-height: 10.71428571em; /* 150px / 14px */
margin-bottom: 5.714285714em; /* 80px / 14px */
padding: 0;
}
.home .header {
color: #FFF;
}
div#logo-container {
padding-top: 1.0714285571em; /* 15px / 14px */
border-top: 1px solid #DBDBDB;
}
.home div#logo-container img {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.home div#logo-container:hover img {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.home div#logo-container {
border-top: 1px solid transparent;
}
div#menu-container {
font-size: 0.857142857em; /* 12px / 14px */
padding: 1.25em 0 0 0; /* 15px / 12px */
border-top: 1px solid #DBDBDB;
}
.home div#menu-container {
border-top: 1px solid transparent;
}
div#menu-container a {
color: #333;
}
.home div#menu-container a {
color: #FFF;
}
nav[role=navigation] {
text-transform: uppercase;
}
nav[role=navigation] .menu ul {
padding: 0;
margin: 0;
}
nav[role=navigation] .menu ul li {
float: left;
list-style-type: none;
padding: 0;
margin: 0 6.25% 0 0; /* 35px / 560px */
}
nav[role=navigation] .menu ul li a {
padding: 0;
font-weight: bold;
color: #333;
}
nav[role=navigation] .menu ul li.current_page_item a {
color: #333;
/* padding: 1.0714285571em 0 0 0; /* 15px / 14px */
padding: 1.166666667em 0 0 0; /* 14px / 12px */
border-top: solid 1px #BB355E;
}
nav[role=navigation] .menu ul li a:hover {
color: #333;
/* padding: 1.0714285571em 0 0 0; /* 15px / 14px */
padding: 1.166666667em 0 0 0; /* 14px / 12px */
border-top: solid 1px #BB355E;
text-decoration: none;
}
div#contato {
padding: 0;
margin: 0;
}
div#contato span {
font-size: 1em; /* 14px / 14px */
font-weight: bold; padding: 0; margin: 0; text-align: left; text-transform: uppercase;
margin-bottom: 0.35714285714285715em; /* 5px / 14px */
}
div#contato p {
font-family: "Trebuchet MS", sans-serif;
margin-bottom: 1.4285714285714286em; /* 20px / 14px */
}
div#contato ul { margin-bottom: 0.35714285714285715em; /* 5px / 14px */ }
div#contato ul li { font-weight: bold; }
ul#portfolio-filter {
width: 100%; /* 750px */
float: left;
min-height: 1px;
padding: 0.833333333em 0 0 0; /* 10px / 12px */
margin: 0.833333333em 0 0 0; /* 10px / 12px */
border-top: solid 1px #DBDBDB;
font-size: 0.916666666em; /* 11px / 12px */
text-transform: uppercase;
}
ul#portfolio-filter li {
float: left;
list-style-type: none;
margin: 0;
padding: 0 0.5em; /* 6px / 12px */
border-left: solid 1px #DBDBDB;
}
ul#portfolio-filter li a.selected {
color: #BB355E;
}
ul#portfolio-filter li:first-child { padding-left: 0; }
ul#portfolio-filter li:first-child{ border-left: 0; }
ul#portfolio-filter li a {
padding: 0;
font-weight: normal;
color: #333;
}
/******************************************************************
11 - MAIN CONTENT PAGES (nimbu)
******************************************************************/
/* PORTFOLIO - página trabalhos > .home-portfolio .projectbox */
.home-portfolio {
display: block;
width: 100%;
float: left;
margin: 0; /* 80px / 14px */ /* antiga margem de cima foi colocada como margem de baixo do header */
}
.home-portfolio div {}
.home-portfolio .projectbox {
width: 32.45614035%; /* 370px / 1140px */
height: auto; /* 21.05263158%; /* 240px / 1140px */
float: left;
margin: 0.3571428557em 0.438596491%; /* 5px / 14px - 5px / 1140px */
/* margin: 0.438596491%; /* 5px / 1140px */ /* ainda não resolveu o problema da margin */
position: relative;
}
.home-portfolio .projectbox img {}
.home-portfolio .projectbox a{} /* o problema que ta dando com a margem de baixo é algo relacionado com o link */
.home-portfolio .projectbox a:hover{text-decoration: none; }
.home-portfolio .projectbox span.bak {
display: none;
width: 32.45614035%; /* 370px / 1140px */
height: 21.05263158%; /* 240px / 1140px */
/*left: 0; */
/*top: 0; */
/*position: absolute; */
}
.home-portfolio .projectbox span.nome {
display: none;
font-size: 0.857142857em; /* 12px / 14px */
left: 2.702702703%; /* 10px / 370px */
max-width: 70%;
padding: 0.142857142em 2.702702703%; /* 2px / 14px - 10px / 370px */
text-transform: uppercase;
bottom: 0.7142285714em; /* 10px / 14px */
/* top: 0.7142285714em; /* 10px / 14px */ /* usar esse pra funcionar com o jquery da imagem em pb */
position: absolute; */
z-index:999
}
.home-portfolio .projectbox span.cat {
display: none;
font-size: 0.785714285em; /* 11px / 14px */
line-height: 1.071428571em; /* 15px / 14px */
color: #FFFFFF;
right: 2.702702703%; /* 10px / 370px */
padding: 0.142857142em 0; /* 2px / 14px */
bottom: 2.5em; /* 35px / 14px */
/* position: absolute; */
}
.home-portfolio .projectbox:hover span.nome {
display: inline-block;
background: none repeat scroll 0 0 #FFFFFF;
color: #222222;
}
.home-portfolio .projectbox:hover span.cat {
display: inline-block;
max-width: 32.45614035%; /* 370px / 1140px */
}
/* MAIN CONTENT */
div[role="main"]{
float: left;
width: 100%;
margin-top: 0.357142857em; /* 5px / 14px */
margin-bottom: 0.357142857em; /* 5px / 14px */
padding: 0;
}
/* MAIN CONTENT - página projetos */
#ficha-projeto {
padding-right: 2.702702703%; /* 10px / 370px */
}
#ficha-projeto p{
color: #666;
}
#ficha-projeto article header span {
font-size: 0.785714em;
color: #666;
display: block;
margin-bottom: 2.142857143em; /* 30px / 14px */
}
#ficha-projeto .fichinha {
font-family: "Trebuchet MS", sans-serif;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
line-height: 150%;
padding-top: 1.071428571em; /* 15px / 14px */
padding-bottom: 1.071428571em; /* 15px / 14px */
margin-bottom: 1.428571429em; /* 20px / 14px */
}
.project-gallery p{
font-family: "Trebuchet MS", sans-serif;
font-size: 0.857142857em; /*12px / 14px */
color: #666;
display: block;
margin-bottom: 0.5em;
}
.single-custom_portfolio .fbcomments { display: none;}
.single-custom_portfolio .linkwithin_hook { display: none;}
/* MAIN CONTENT - página blog */
#blog-destaque { }
/*** Slideshow ***/
#slideshow, .slideshow {overflow: hidden; position: relative; height: 24.28571429em; }
.slideshow {
margin-bottom: 40px;
overflow: hidden;
}
/*achar o hack javascript pra resolver o problema das imagens aparecendo com javascript desabilitado*/
.slide .post span.nome {
display: block;
background-color: #fff;
font-size: 0.857142857em; /* 12px / 14px */
padding: 0.142857142em 1.333333333%; /* 2px / 14px - 10px / 750px */
text-transform: uppercase;
bottom: 1.428571429em; /* 20px / 14px */
left: 2.666666667%; /* 20px / 750px */
position: absolute;
z-index:999;
}
.slide .post span.nome a, .slide .post span.nome a:visited{
color: #333;
}
.slide .post span.nome a:hover, .slide .post span.nome a:visited{
text-decoration: none;
}
#larr, #rarr {display: block; width: 32px; height: 53px; position: absolute; top: 154px !important; opacity: 0.2; z-index: 99 !important; }
#larr {background: #BB355E url("library/images/larr.png") 8px 50% no-repeat; left: 0 !important; }
#rarr {background: #BB355E url("library/images/rarr.png") 11px 50% no-repeat; right: 0 !important; }
#larr:hover, #rarr:hover {opacity: 1; }
#blog-destaque #seletor-destaque .post { padding: 10px; }
#blog-main {}
#blog-main div:nth-of-type(even){
margin-right: 0px;
}
#blog-main div.post {
margin-bottom: 1.428571429em; /* 20px / 14px */
color: #666;
}
#blog-main div.post h2{
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.714285714em; /* 24px / 14px */
line-height: 120%;
}
#blog-main div.post p{
margin-top: 10px;
margin-bottom: 10px;
color: #666;
}
#blog-main div.post div.postmetadata{
color: #666;
font-size: 0.785714285em; /* 11px / 14px */
}
/* Single - custom portifolio */
#related-posts .custom_portfolio {
width: 32.45614035%; /* 370px / 1140px */
height: auto; /* 21.05263158%; /* 240px / 1140px */
float: left;
margin: 0.3571428557em 0.438596491%; /* 5px / 14px - 5px / 1140px */
/* margin: 0.438596491%; /* 5px / 1140px */ /* ainda não resolveu o problema da margin */
position: relative;
}
#related-posts .custom_portfolio a:hover{text-decoration: none; }
#related-posts .custom_portfolio span.nome {
display: none;
font-size: 0.857142857em; /* 12px / 14px */
left: 2.702702703%; /* 10px / 370px */
padding: 0.142857142em 2.702702703%; /* 2px / 14px - 10px / 370px */
text-transform: uppercase;
max-width: 70%;
bottom: 0.7142285714em; /* 10px / 14px */
/* top: 0.7142285714em; /* 10px / 14px */ /* usar esse pra funcionar com o jquery da imagem em pb */
position: absolute; */
z-index:999
}
#related-posts .custom_portfolio:hover span.nome {
display: inline-block;
background: none repeat scroll 0 0 #FFFFFF;
color: #222222;
}
#related-posts h3{
border-top: 1px solid #DBDBDB;
padding-top: 1.5em;
}
/* MAIN CONTENT - página serviços */
h1.servicos {
color: #999999;
border-bottom: 1px solid #BB355E;
padding-bottom: 10px;
margin-bottom: 30px; /* 20px / 18px */
font-weight: normal;
}
/******************************************************************
12 - POSTS & CONTENT STYLES
******************************************************************/
#content {}
#main {}
.hentry { padding: 0; }
.single-title, .page-title { /*margin: 0 0 0.375em; */}
.single-title {}
.page-title {}
.archive_title {
font-size: 1em;
margin-bottom: 1.11111em;
text-transform: uppercase;
font-weight: bold;
}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
.meta time {}
/* post content */
.post_content {}
.post_content p { font-family: Georgia, serif; font-weight: normal; text-align: left; margin-bottom: 15px; line-height:150%; }
/*{ margin: 0 0 1.5em 0; line-height: 1.5em; }*/
.post_content p.destaque { color: #B9335E ; font-size: 171.4285714%; /* 24px / 14px = 87.5% */ margin-bottom: 1.666666667em; /* 40px / 24px */}
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
/*.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }*/
.post_content li { margin-bottom: 0.75em; }
/*.post_content ul li { list-style-type: disc; }*/
.post_content ol li { list-style-type: decimal; }
.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
.post_content blockquote:before { font-family:Georgia, serif; content: ""; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { margin-top: 1.25em; font-weight:700; }
.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.tags { margin-top: 1.0em; }
div.sociable { margin-top: 0.5em; }
.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; border-top: 1px solid #DBDBDB; }
/******************************************************************
13 - PAGE NAVI STYLES
(Special Feature)
******************************************************************/
/* page navigation */
div#navigation { margin: 50px 0 0 0; /*margin: 1.1em 0 2.2em; */ }
.page-navigation, .wp-prev-next { margin: 50px 0 0 0; display: inline-block; width: 100%; /*margin: 1.1em 0 2.2em; */ }
.bones_page_navi, .wp-prev-next ul { }
.bones_page_navi li { float: left; margin-left: 10px; }
.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
.bones_page_navi li a:hover { color: #BB355E; text-decoration: underline; }
.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 1px solid #BB355E; position: relative; } /* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link { } /* previous link */
.bones_page_navi li.bpn-prev-link a { padding: 0; }
.bones_page_navi li.bpn-prev-link a:hover { background: none; }
.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
.bones_page_navi li.bpn-next-link a { padding: 0; }
.bones_page_navi li.bpn-next-link a:hover { background: none; }
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
/******************************************************************
14 - COMMENT STYLES
******************************************************************/
#comments {
margin: 0 0 0.75em;
padding-bottom: 0.7em;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
}/* h3 comment title */
#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist { margin: 0;}
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-left: 0; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #F8F8F8; }
.commentlist .even { background: #FFF; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #BB355E; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }
.commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }
/******************************************************************
15 - COMMENT FORM STYLES
******************************************************************/
.respond-form { /*margin: 1.5em 20px;*/ padding-bottom: 2.2em; }
#comment-form-title { font-size: 1em; font-weight: bold; margin: 0 0 1.1em; }
#cancel-comment-reply {}
#cancel-comment-reply a {}
.respond-form form[method=post] { margin: 0.75em 0; }
.comments-logged-in-as {}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #FFF; border: 1px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {
background: #DBDBDB;
border: none;
cursor: pointer;
height: 30px;
}
#submit:hover {
background: #BB355E;
color: #FFF;
}
/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
/* no comments */
.nocomments { margin: 0 20px 1.1em; }
/******************************************************************
16 - SIDEBARS & ASIDES
******************************************************************/
#sidebar1 { margin-top: 0; padding-right: 2.702702703% }
.widget {
padding: 0;
margin: 0 0 2.2em 0;
}
.widget li {
border-bottom: 1px solid #DBDBDB;
margin-bottom: 0.70em;
padding-bottom: 0.70em;
}
.widget li li {
border-bottom: none;
}
.widget li li li a{
color: #666;
}
.widget li ul {
margin-top: 0.70em;
padding-left: 1em;
}
.widgettitle {
font-size: 1em;
text-transform: uppercase;
margin-bottom: 0.70em;
padding-bottom: 0.70em;
}
/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}
/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {
color: #666;
}
/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {
color: #666;
}
.widget_archive select {}
.widget_archive option {}
/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}
/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {
color: #666;
}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
/* search widget */
#searchform {
background: #FFF;
height: 30px;
border: 1px solid #DBDBDB;
}
#s {
margin: 0;
padding: 6px;
background: none repeat scroll 0 0 transparent;
color: #DBDBDB;
}
#searchsubmit {
background: url("library/images/search.png") no-repeat scroll 50% 50% #DBDBDB;
border: none;
cursor: pointer;
height: 30px;
width: 30px;
vertical-align: middle;
float: right;
}
#searchsubmit:hover {
background: url("library/images/search.png") no-repeat scroll 50% 50% #BB355E;
}
.widget_search {}
.screen-reader-text {}
/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
#sidebar2 {
display: none;
}
/******************************************************************
17 - FOOTER STYLES
******************************************************************/
footer[role="contentinfo"] {
float: left;
width: 100%;
margin: 1.5em 0 0 0;
padding: 0;
/* margin: 0 0.438596491%; */
/* margin: 5.7142857114em 0.438596491% 0 0.438596491%; /* 80px / 14px - 5px / 1140px --- nao precisa de margem lateral!*/
/* margin: 7.01754386% 0.357142857em 0 0.357142857em; /* 80px / 1140px - 5px / 14px ---- calculo errado!*/
}
#inner-footer {
border-top: 1px solid #DBDBDB;
/*margin: 0 0.438596491%; /* 5px / 1140px
float: left;
width: 99.12280702%*/
}
#inner-footer span { margin-top: 0.8em; /*10px; */}
#inner-footer #gota { height: 21px; display:block; margin-top: 0.8em;}
.footer-links {
}
.footer-links ul {
}
.footer-links ul li {
}
.footer-links ul li a {
}
.footer-links ul li:last-child a {
}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {
}
.footer-links ul li ul.sub-menu {
}
p.attribution { }
/* footer[role=contentinfo] { border-top: 1px solid #cecece; padding: 1.1em 0 3.3em; margin-top: 2.2em; } */
/* footer menu */
/* footer[role=contentinfo] nav { float: left; margin: 1em 0; }
.footer-links {}
.footer-links ul { margin-top: 0; }
.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
.footer-links ul li a { margin-right: 10px; text-decoration: underline; }
.footer-links ul li:last-child a { margin-right: 0; }
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ; P */
/* .attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }
/******************************************************************
18 - MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/
@media only screen and (min-width: 480px) {
/* insert styles here */
}
@media only screen and (min-width: 768px) {
/* insert styles here */
}
@media only screen and (min-width: 992px) {
/* insert styles here */
}
@media only screen and (min-width: 1382px) {
/* insert styles here */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}
@media handheld, only screen and (max-width: 767px) {
div#logo {
margin: 0 39%;
text-align: center;
}
div#contato p {
text-align: center;
}
div#contato span {
text-align: center;
}
ul#menu-menu{
margin-left: 35%;
text-align: center;
}
div#social {
text-align: center;
}
#inner-footer div{
padding-bottom: 0;
}
.home-portfolio .projectbox {
width: 49.12280702%; /* 370px / 1140px */
margin: 0.3571428557em 0.438596491%; /* 5px / 14px - 5px / 1140px */
}
#related-posts .custom_portfolio {
width: 100%; /* 370px / 1140px */
margin: 0.3571428557em 0.438596491%; /* 5px / 14px - 5px / 1140px */
}
.home-portfolio .projectbox span.nome, #related-posts .custom_portfolio span.nome {
z-index: 999;
display: inline-block;
background: none repeat scroll 0 0 #FFFFFF;
color: #222222;
}
#blog-destaque{
display: none;
}
#sidebar1 {
display: none;
}
#sidebar2 {
display: block;
}
}
@media handheld, only screen and (max-width: 480px) {
div#logo {
margin: 0 30%;
text-align: center;
}
ul#menu-menu{
margin-left: 20%;
text-align: center;
}
#inner-footer div{
padding-bottom: 0;
}
.home div#menu-container, .home div#menu-container a {
color: #333;
}
#myatu_bgm_top {
display: none !important;
}
.home-portfolio .projectbox, #related-posts .custom_portfolio {
width: 100%; /* 370px / 1140px */
margin: 0.3571428557em 0.438596491%; /* 5px / 14px - 5px / 1140px */
}
.home-portfolio .projectbox span.nome, #related-posts .custom_portfolio span.nome {
z-index: 999;
display: inline-block;
background: none repeat scroll 0 0 #FFFFFF;
color: #222222;
}
#blog-destaque{
display: none;
}
#sidebar1 {
display: none;
}
#sidebar2 {
display: block;
}
}
/******************************************************************
19 - PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
/******************************************************************
20 - IE SPECIFIC FIXES
******************************************************************/
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }
To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }
To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }
To target the .post_content area in older IE use:
html.oldie .post_content { ... }
Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/