/*
Theme Name: EXO Planet BR
Theme URI: http://exoplanetbr.com/
Version: 2.0
Author: Bruna 
Author URI: http://brubsyo.org
*/

html, body {background: #77c7c4 url('images/bg.png') 0 60px repeat-x; font-family: Arial; font-color: #ffffff;
font-size: 12px; margin:0px; text-align: justify;}  

::-webkit-scrollbar {width: 5px; background: #afe1df;}
::-webkit-scrollbar-thumb {background: #3f9491;}

#header {width: 1130px; height: 385px; background: #eee; align: center; margin: 0 auto 0 auto;}

.welcome {font-family: Arial, sans-serif; font-size: 11px; color: #888; text-align: justify;}

#menu {width: auto; height: 40px; background: #fff; padding: 10px 0; font-size: 30px; text-align: center;}
#menu a {color: #ef705d; text-decoration: none;} #menu a:hover {text-decoration: none; border-bottom: 5px solid #ef705d; padding-bottom: 3px;}

.logo {background: url('images/logo.png') no-repeat; width: 995px; height: 200px; margin: -90px auto 0 auto;}

#page {min-height: 100%; margin-left: auto; margin-right: auto; width: 1000px; position:relative;
* html #page {height: 100%; /* hack para IE6 que trata height como min-height */}
}

#footer {background: url('images/footer.png') repeat-x; clear: both; margin-top: 30px; bottom: 0; width: 100%; height: 120px; text-align: center;}
#footer a, #footer a:hover {color: #3f9491; text-decoration: none;}

#sidebar {font-size: 10pt; font-family : Arial; line-height: 15px; margin: 0px 10px; float: left;}

#sidebar a {color: #fff; text-transformation: none;}

.box {background: #222; width: 270px; padding: 20px 15px; margin-bottom: 20px; color: #fff;}

.box img {border: 7px solid #333;}
.box a img {border: 7px solid #333; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.box a:hover img {border: 7px solid #111; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.box_title {color: #fff; padding: 7px 10px; margin-bottom: -10px; margin-left: 5px; background: #ef705d; font-size: 20px;}
.box_title2 {color: #77c7c4; padding: 7px 10px; margin-bottom: -10px; margin-left: 5px; background: #fff; font-size: 20px;}

.gplus {background: url('images/social.png') no-repeat; width: 40px; height: 40px; margin-right: 45px; margin-bottom: 5px; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.gplus:hover {background: url('images/social.png') no-repeat -0 -42px; width: 40px; height: 40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.whi {background: url('images/social.png') no-repeat -85px 0; width: 50px; height: 42px; margin-right: 40px; margin-bottom: 5px; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.whi:hover {background: url('images/social.png') no-repeat -85px -45px; width: 50px; height: 42px; margin-right: 40px; margin-bottom: 5px; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.ytb {background: url('images/social.png') no-repeat -185px 0; width: 48px; height: 42px; margin-right: 40px; margin-bottom: 5px; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.ytb:hover {background: url('images/social.png') no-repeat -185px -42px; width: 48px; height: 42px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.ig {background: url('images/social.png') no-repeat -260px 0; width: 48px; height: 42px; float: right; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.ig:hover {background: url('images/social.png') no-repeat -260px -42px; width: 48px; height: 42px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

#content {color:#333; font-size: 12px; line-height:15px; text-align:justify; width: 650px; margin: 0; float:left;}

.post {background: #fff; box-shadow: 0 0 10px #53aeaa; padding: 10px 15px; width: 630px; margin: 0 0 10px 10px; font-family: Arial, sans-serif;}

.post img {box-shadow: 0 0 10px #ccc; border: 0;}

.info {color: #888; font-size: 10px; text-align: center; font-family: Arial, sans-serif; margin: 15px auto 0px auto; text-transform: uppercase;}
.info a {color: #888; font-weight: bold;} .info a:hover {color: #333;}

#content a img {background: #eee; border: 1px solid #ddd; padding: 6px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
#content a:hover img {background: #ddd; border: 1px solid #ccc; padding: 6px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

a {color: #333; text-decoration: none; font-weight: bold; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} a:hover {color: #ef705d; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.navlink {display: block; color: #3f9491; font-size: 22px; text-decoration: none; margin: -12px 0 5px 0; line-height: 23px; width: 530px; float: left;}
.navlink a {color: #3f9491; text-decoration: none;}	
.navlink a:hover {color:#555; text-decoration:none;}

.date {text-decoration: none; float: left;  margin: -20px 5px 0px 20px;}

.leiamais {display: block; color: #fff; background: #222; font-size: 22px; text-decoration: none; padding: 10px 15px; align: right; margin: -5px 10px 20px 0; float: right;}
.leiamais a, .leiamais a:hover {color: #fff; text-decoration: none; }

.clear {clear:both;}

h1 {color:#333; font-size: 30px; text-align: left; padding-bottom: 5px; border-bottom: 5px solid #333;}

h2 {color:#3f9491; font-size: 20px;}

hr {width: 97%; clear: both; border-bottom: 0px; border-left: 0px; border-right: 0px; text-align:center; margin:5px 0 5px 0; height: 1px;}

form, fieldset {margin: 0; padding: 0; border: 0px;}

input, textarea, select, button {font-size: 12px; color:#444; font-family: Arial; border: 1px solid #bbb; box-shadow: 0 0 10px #ccc;
background-color: #f8f8f8; margin: 0; padding: 10px;}

input#searchsubmit {background: #d85340; border: 0px; width: 185px; height: 2px; padding: 10px 5px; color: #fff; font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; margin: 94px 0 0 525px; box-shadow: 0 0 2px #ef705d;}

blockquote {text-align: justify; color:#444444; background-color: #f6f6f3; padding: 10px; margin: 5px 5px 0 5px; border: 1px solid #c3c3c3;}

.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignleft {float: left; margin: 1px 10px;}
.alignright {float: right; margin: 1px 10px;}