/*
Theme Name: B Side
Theme URI: 
Description: The default theme for B Side
Version: 1.0
Author: Pedro Rogerio
Author URI: http://www.pinceladasdaweb.com.br/blog/
*/

/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/					
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}

/*
+----------------------------------------------------------------+
	Extras														
+----------------------------------------------------------------+
*/
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}
.clear {clear:both; overflow:hidden; font-size:0; visibility:hidden}
h1,h2,h3,h4,h5,h6,strong {font-weight:700}
a {outline:none; text-decoration:none}

/*
+----------------------------------------------------------------+
	CSS3 Font-face														
+----------------------------------------------------------------+
*/
@font-face {
	font-family: 'BodoniStdBook';
	src: url('bodonistd-book.eot');
	src: local('?'), url('bodonistd-book.woff') format('woff'), url('bodonistd-book.ttf') format('truetype'), url('bodonistd-book.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
+----------------------------------------------------------------+
	Definicoes Gerais														
+----------------------------------------------------------------+
*/
body {background:url(img/bg-site.jpg) fixed center top; font:62.5% Arial, Helvetica, sans-serif}

/*
+----------------------------------------------------------------+
	Container														
+----------------------------------------------------------------+
*/
#container {margin:0 auto; width:961px}

/*
+----------------------------------------------------------------+
	Header														
+----------------------------------------------------------------+
*/
#header {padding:14px 0 15px 0}
#header h1 {background:url(img/logo.png) no-repeat; float:left; height:212px; width:240px}
#header h1 a {display:block; height:100%; text-indent:-9000px; overflow:hidden; width:100%}
#header ul {float:left; height:145px; margin-top:26px; width:703px}
#header ul li {float:left; height:49px; margin-bottom:7px; text-transform:uppercase}
#header ul li a {background-color:#000; color:#bdbdbd; font:4.8em BodoniStdBook, Georgia, "Times New Roman", Times, serif; padding:0 5px}
#header ul li.current-page a {color:#e6086f}
#header ul li.current-page a span {color:#bdbdbd}

/*
+----------------------------------------------------------------+
	Content														
+----------------------------------------------------------------+
*/
#content {padding-bottom:80px}

/*
+----------------------------------------------------------------+
	Posts Home														
+----------------------------------------------------------------+
*/
.home .post {float:left; margin:0 10px 10px 0; width:469px}
.home .post img {float:left; margin-right:10px}
.home .post h2 {font:2em Georgia, "Times New Roman", Times, serif; margin-bottom:9px; text-transform:uppercase}
.home .post h2 a {background-color:#000; color:#fff}
.home .post p {background-color:#000; color:#fff; display:inline; font-size:1.1em}
.home .full-post {clear:both; float:none}
.home .products {cursor:pointer; height:242px; position:relative; width:230px}
.home .products .hover {background:url(img/opacity.png) repeat; bottom:0; display:none; left:0; padding:14px 10px 12px 10px; position:absolute; right:0; top:0}
.home .products h2 {font-size:3em; margin-bottom:20px}
.home .products h2 a {background-color:transparent}
.home .products .entry {color:#fff; font:1.3em Georgia, "Times New Roman", Times, serif}
.home .products .entry h3 { margin-bottom:20px; text-transform:uppercase}
.home .products .entry p {background-color:transparent; display:block; font-size:1.1em; margin-bottom:10px}
.home .products .more {background:url(img/ico-more.gif) no-repeat; bottom:12px; display:block; height:25px; overflow:hidden; position:absolute; right:10px; text-indent:-9000px; width:26px}
.home .video {position:relative}
.home .video .ico-video {background:url(img/ico-play.png) no-repeat; cursor:pointer; height:91px; left:64px; position:absolute; top:72px; width:91px}

/*
+----------------------------------------------------------------+
	Press room													
+----------------------------------------------------------------+
*/
.pressroom .date {float:left; width:214px}
.pressroom .date {background-color:#000; color:#fff; font:5.5em Georgia, "Times New Roman", Times, serif; letter-spacing:-5px; text-align:right; padding:160px 16px 20px 0}
.pressroom .posts {float:left; width:717px}
.pressroom .post {display:inline; float:left; height:242px; margin:0 0 10px 9px; position:relative; width:230px}
.pressroom .post .entry {background:url(img/opacity.png) repeat; bottom:0; padding:10px 12px; position:absolute; width:206px}
.pressroom .post .entry h2, .pressroom .post .entry p {font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; text-transform:uppercase}
.pressroom .post .entry h2 a, .pressroom .post .entry p {color:#fff}

.pressroom .navigation .alignleft {margin-left:240px}
.pressroom .navigation .alignright {margin-right:13px}

/*
+----------------------------------------------------------------+
	Our BSide													
+----------------------------------------------------------------+
*/
.our-bside h3 {background:url(img/bg-our-bside.png) no-repeat; height:521px; margin-bottom:60px; text-indent:-9000px; width:915px}
.our-bside .bt-products {background:url(img/bt-products.png) no-repeat; float:right; height:48px; overflow:hidden; text-indent:-9000px; width:230px}
.our-bside .social {clear:both; margin:0 auto; padding-top:40px; width:426px}
.our-bside .social li {height:70px; overflow:hidden; text-indent:-9000px; width:189px}
.our-bside .social li a {display:block; height:100%; width:100%}
.our-bside .social .twitter {background:url(img/bt-twitter.jpg) no-repeat; float:left}
.our-bside .social .facebook {background:url(img/bt-facebook.jpg) no-repeat; float:right}

/*
+----------------------------------------------------------------+
	Products													
+----------------------------------------------------------------+
*/
.products .category {float:left; width:192px}
.products .category {background-color:#000; color:#fff; font:1.1em Arial, Helvetica, sans-serif; height:198px; height:auto!important; min-height:198px; padding:22px 19px 22px 19px}
.products .category a {color:#fff; text-transform:uppercase}
.products .posts {float:left; width:717px}
.products .post {cursor:pointer; display:inline; float:left; height:242px; margin:0 0 10px 9px; position:relative; width:230px}
.products .post h2 {font:2em Georgia,"Times New Roman",Times,serif; margin-bottom:20px; text-transform:uppercase}
.products .post h2 a {color:#fff}
.products .post .hover {background:url(img/opacity.png) repeat; bottom:0; display:none; left:0; padding:10px 12px; position:absolute; right:0; top:0; width:206px}
.products .post .hover .entry {color:#fff; font:1.3em Georgia, "Times New Roman", Times, serif;}
.products .post .more {background:url(img/ico-more.gif) no-repeat; bottom:12px; display:block; height:25px; overflow:hidden; position:absolute; right:10px; text-indent:-9000px; width:26px}

.products .navigation .alignleft {margin-left:238px}
.products .navigation .alignright {margin-right:13px}

/*
+----------------------------------------------------------------+
	Products Full Page													
+----------------------------------------------------------------+
*/
.products-full #full-image {float:left; height:492px; margin:0 14px 50px 0; width:467px}
.products-full #product-description {background-color:#000; color:#fff; float:left; height:250px; height:auto!important; min-height:250px; margin-bottom:50px; padding:27px 14px 216px; position:relative; width:441px}
.products-full #product-description h5 {color:#bdbdbd; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:-16px; text-transform:uppercase}
.products-full #product-description h2 {color:#fff; font:4em BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:27px; text-transform:uppercase}
.products-full #product-description h3 {font:1.3em Georgia, "Times New Roman", Times, serif; margin-bottom:10px}
.products-full #product-description ul {margin-bottom:20px}
.products-full #product-description p, .products-full #product-description li {font:1.3em Georgia, "Times New Roman", Times, serif}
.products-full #product-description p {margin-bottom:10px}

.products-full #product-description #placeholder {border:1px solid #a5a5a5; float:left; height:113px; margin-right:17px; overflow:hidden; width:113px}
.products-full #product-description #other-colors {float:left; margin-bottom:0; width:300px}
.products-full #product-description #other-colors li {border:1px solid #a5a5a5; float:left; height:19px; margin:0 9px 10px 0; width:19px}

.products-full #product-description #fixed {position:absolute; bottom:27px}

/*
+----------------------------------------------------------------+
	Related Products													
+----------------------------------------------------------------+
*/
.products-full #related {clear:both}
.products-full #related h3 {background:url(img/ttl-pordutos-relacionados.jpg) no-repeat; height:50px; margin-bottom:10px; text-indent:-9000px; width:509px}
.products-full #related li {cursor:pointer; float:left; height:242px; margin-right:10px; position:relative; width:230px}
.products-full #related li .hover {background:url(img/opacity.png) repeat; bottom:0; display:none; left:0; padding:14px; position:absolute; right:0; top:0}
.products-full #related li h4 {font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:21px; text-transform:uppercase}
.products-full #related li h4 a {color:#fff}
.products-full #related li p {color:#fff; font:1.3em Georgia, "Times New Roman", Times, serif}

/*
+----------------------------------------------------------------+
	Where to buy													
+----------------------------------------------------------------+
*/
.buy .category {float:left; width:192px}
.buy .category {background-color:#000; color:#fff; font:1.1em Arial, Helvetica, sans-serif; height:198px; height:auto!important; min-height:198px; padding:22px 19px 22px 19px}
.buy .category h3 {color:#bdbdbd; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; text-transform:uppercase}
.buy .category a {color:#fff; text-transform:uppercase}
.buy .posts {float:left; margin-left:10px; width:717px}
.buy .post {background-color:#000; font-family:BodoniStdBook, Georgia, "Times New Roman", Times, serif; height:218px; height:auto!important; margin-bottom:10px; min-height:218px; padding:14px 22px 10px}
.buy .post h2 {color:#fff; font-size:3.5em; font-weight:normal; text-transform:uppercase}
.buy .post h2 a {color:#fff}
.buy .post img {float:left; margin-right:30px}
.buy .post .entry {color:#fff; font-size:2em; padding-top:10px}
.buy .post .entry .more {color:#bdbdbd; display:block; float:left; margin-top:30px; text-transform:uppercase; width:150px}

.buy .navigation .alignleft {margin-left:240px}

/*
+----------------------------------------------------------------+
	Contact Us													
+----------------------------------------------------------------+
*/
.contact-us .info {float:left; width:192px}
.contact-us .info {background-color:#000; color:#fff; font:1.1em Arial, Helvetica, sans-serif; height:198px; height:auto!important; min-height:198px; padding:22px 19px 22px 19px}
.contact-us .info h3 {color:#bdbdbd; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:10px}
.contact-us .info h3 + p + p {margin-bottom:15px}
.contact-us .info h3 + p + p + h3 + p + p {margin-bottom:0}
.contact-us .info p + p + p {margin-bottom:10px}
.contact-us .info a {color:#fff}
.contact-us .posts {float:left; margin-left:10px; width:717px}
.contact-us #contact {background-color:#000; padding:30px 35px 20px 30px}
.contact-us #contact h3 {color:#fff; font:2em Georgia, "Times New Roman", Times, serif; margin-bottom:20px; width:400px}
.contact-us #contact label {color:#bdbdbd; font:1.1em Arial, Helvetica, sans-serif; display:block; margin-bottom:5px; padding-left:10px}
.contact-us #contact input[type=text]{background-color:#000; border:1px solid #bdbdbd; color:#fff; height:27px; margin-bottom:10px; width:640px}
.contact-us #contact textarea {background-color:#000; border:1px solid #bdbdbd; color:#fff; font:1.4em Arial, Helvetica, sans-serif; margin-bottom:20px; width:640px}
.contact-us #contact #send {background:url(img/bt-send.gif) no-repeat; border:none; content:""; cursor:pointer; display:inline-block; float:right; height:27px; line-height:0; padding:0; text-indent:-9999px; width:133px}

/*
+----------------------------------------------------------------+
	Hot Topics													
+----------------------------------------------------------------+
*/
.blog .archive {float:left; width:711px}
.blog .archive .post {background-color:#000; margin-bottom:10px; padding:20px 23px 15px 30px}
.blog .archive .post h5 {color:#bdbdbd; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; text-transform:uppercase}
.blog .archive .post h2 {font:3.5em/30px BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:20px; text-transform:uppercase}
.blog .archive .post h2 a {color:#fff}
.blog .archive .post .entry {border-bottom:1px solid #404040; color:#fff; margin-bottom:10px; padding-bottom:15px}
.blog .archive .post .entry img {display:block; margin:0 auto 10px}
.blog .archive .post .entry p {margin-bottom:10px; font-size:1.3em}
.blog .archive .post .entry a {color:#bdbdbd}
.blog .archive .post .postmeta {color:#bdbdbd; font-size:1.1em}
.blog .archive .post .postmeta .share {float:right}
.blog .archive .post .postmeta span {color:#e6086f; text-transform:uppercase}
.blog .archive .post .postmeta a {color:#bdbdbd}

.blog + .navigation .alignright {margin-right:250px}

/*
+----------------------------------------------------------------+
	Comments													
+----------------------------------------------------------------+
*/
#comments {background-color:#000; color:#fff; font:2em BodoniStdBook,Georgia,"Times New Roman",Times,serif; margin-bottom:10px; padding:10px 23px}
.commentlist {background-color:#000; color:#fff; margin-bottom:10px; padding:10px 23px}
.commentlist li {font-size:1.1em; padding-bottom:10px}
.commentlist li a {color:#fff}
#respond {background-color:#000; color:#fff; padding:10px 23px}
#respond h3 {font:2em BodoniStdBook,Georgia,"Times New Roman",Times,serif; margin-bottom:10px;}
#respond p {margin-bottom:5px}
#respond input[type=text]{background-color:#000; border:1px solid #bdbdbd; color:#fff; height:27px; width:400px}
#respond textarea {background-color:#000; border:1px solid #bdbdbd; color:#fff; font:1.4em Arial, Helvetica, sans-serif; margin-bottom:10px; width:650px}
#respond input[type=submit] {background:url(img/bt-send.gif) no-repeat; border:none; content:""; cursor:pointer; display:inline-block; float:right; height:27px; line-height:0; padding:0; text-indent:-9999px; width:133px}

/*
+----------------------------------------------------------------+
	Navigation													
+----------------------------------------------------------------+
*/
.navigation .alignleft a {background:url(img/bt-previous.png) no-repeat; display:block; height:48px; text-indent:-9000px; overflow:hidden; width:231px}
.navigation .alignright a {background:url(img/bt-next.png) no-repeat; display:block; height:48px; text-indent:-9000px; margin-left:10px; overflow:hidden; width:231px}

/*
+----------------------------------------------------------------+
	Sidebar														
+----------------------------------------------------------------+
*/
#sidebar {float:left; margin-left:8px; width:231px}
#sidebar #rss {background:url(img/bt-rss.jpg) no-repeat; display:block; margin-bottom:10px; text-indent:-9000px; height:60px;}
#sidebar #recents {background-color:#000; margin-bottom:10px; padding:20px 18px}
#sidebar #recents h3 {color:#fff; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:20px; text-transform:uppercase}
#sidebar #recents ul li {border-bottom:1px solid #404040; color:#fff; font-size:1.1em; margin-bottom:7px; padding-bottom:7px}
#sidebar #recents ul li a {color:#fff}
#sidebar #recents ul li.last {border-bottom:none; margin-bottom:0}

#sidebar #twitter {background-color:#000; margin-bottom:10px; padding:20px 18px}
#sidebar #twitter h3 {background:url(img/twitter-logo.png) no-repeat right center; color:#fff; font:2em BodoniStdBook, Georgia, "Times New Roman", Times, serif; margin-bottom:20px; text-transform:uppercase}
#sidebar #twitter h3 a {color:#fff; display:block}
#sidebar #twitter ul li {border-bottom:1px solid #404040; color:#fff; font-size:1.1em; margin-bottom:7px; padding-bottom:7px}
#sidebar #twitter ul li a {color:#fff}
#sidebar #twitter ul li.last {border-bottom:none; margin-bottom:0}

/*
+----------------------------------------------------------------+
	Footer														
+----------------------------------------------------------------+
*/
#footer {background-color:#000}
#footer-iner {margin:0 auto; padding:8px 0 40px; position:relative; width:961px}
#footer-iner h4 {background:url(img/logo-bside-footer.jpg) no-repeat; height:51px; float:left; width:122px}
#footer-iner h4 a {display:block; height:100%; text-indent:-9000px; overflow:hidden; width:100%}
#footer-iner ul {float:right; margin:0 38px 5px 0; padding-top:16px}
#footer-iner ul li {float:left; margin-right:7px}
#footer-iner ul li a {border-right:1px solid #fff; color:#fff; padding-right:7px}
#footer-iner ul li.last {margin:0}
#footer-iner ul li.last a {border:none; padding:0}
#footer-iner p {clear:right; color:#616161; margin-right:38px; float:right}
#footer-iner #twitter {background:url(img/twitter-logo.png) no-repeat; height:27px; position:absolute; right:0; top:25px; width:27px}
#footer-iner #twitter span {display:none}