/*  
Theme Name: Mimbo for OculosdeSol.info
Theme URI: http://www.darrenhoyt.com
Description: A magazine-style WP
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com

/* HTML Elements */
* {
margin:0;
padding:0
}

body,html {
min-height:101%
}

body {
background:#A7DBD8;
color:#2F2F2F;
padding:13px 0 25px
}

body,select,input,textarea {
font:100% Arial, Verdana, Sans-Serif
}

p {
font-size:0.95em;
line-height:1.5em;
margin:15px 0;
text-align:left
}

a:link,a:visited {
color:#F38630;
text-decoration:none
}

a:hover,a:active {
color:#FA6900;
text-decoration:underline
}

hr {
background:#333;
border:0;
display:block;
height:1px
}

small {
background:#eef5e1;
font-size:0.95em;
padding:3px 6px
}

a:link img,a:visited img {
margin:0;
border:0;
padding:0
}

img {
border:2px solid #A7DBD8;
padding:4px;
margin:0 4px
}

/* Estrutura da Página */
#page {
background:#FFF;
font-size:0.7em;
margin:0 auto;
padding:10px 25px 25px;
width:960px
}

#branding {
padding-bottom:15px;
width:500px
}

#description {
float:right;
font-size:1.2em;
width:450px
}

.left {
float:left
}

.right {
float:right
}

#sidebar {
float:right;
width:280px
}

#leftcol {
border-right:1px dotted #69D2E7;
padding-right:18px;
width:310px
}

#leftcol,#rightcol {
float:left;
margin-top:20px
}

#rightcol {
padding-left:18px;
width:300px
}

.adbanner {
float:left;
width:250px
}

/* Slide Menu */
.sm {
display:block;
height:100px;
list-style:none;
overflow:hidden;
width:960px
}

.sm li {
color:#FFF;
display:inline;
float:left;
font-size:0px;
overflow:hidden
}

.subnav li a:link,.subnav li a:visited {
background:#E0ECEF;
font-size: 1.05em;
border-left:4px solid #A7DBD8;
display:block;
padding:4px 4px 4px 8px
}

.subnav li a:hover,.subnav li a:active,.button:hover {
background:#A7DBD8;
color:#FFF;
text-decoration:none
}

.subnav li li a:link,.subnav li li a:visited {
border-left:none
}

/* headers */
h1 {
font:2.95em Georgia, "Times New Roman", Times, serif;
font-weight:700;
letter-spacing:-0.02em
}

h2 {
background:#E0ECEF;
border:2px solid #69D2E7;
font:2.3em Arial, "Times New Roman", Times, serif;
margin:20px 0;
padding:7px
}

h3,#sidebar h2 {
color:#5f5f5f;
font:1em Arial, Helvetica, sans-serif;
font-weight:700;
letter-spacing:0.1em;
margin-bottom:4px;
text-transform:uppercase
}

#branding h1 a {
background:transparent url(images/logo_oculos.png) no-repeat 0 0;
display:block;
height:100px;
overflow:hidden;
text-indent:-9999px;
width:360px
}

#branding h1 a:hover {
background:transparent url(images/logo_oculos.png) no-repeat 0 -100px
}

#sidebar h3,#sidebar h2 {
border-bottom:1px solid #BBB;
border-top:5px solid #BBB;
font-size:1em;
margin:22px 0 15px;
padding:6px 0 6px 2px
}

h3#respond {
border-top:1px dotted #b6b6b6;
margin-top:25px;
padding-top:20px
}

h3#comments {
margin-top:32px
}

h4 {
font-size:1.45em
}

/* Conteudo */
#content {
float:left;
font:1.25em Helvetica, Arial, sans-serif;
width:655px
}

.description {
color:#545454;
font-size:1.3em;
font-style:italic;
font-weight:700
}

.feature {
background:#E0EFEE;
border-bottom:1px solid #69D2E7;
border-top:2px solid #69D2E7;
padding:15px
}

.feature:hover {
background:#E0ECEF
}

.feature p,#rightcol p {
margin:0
}

.feature img,#rightcol img {
float:left;
padding:0
}

#leadpic {
float:left;
margin:0 18px 8px 0
}

#lead {
margin-top:22px
}

.title {
font-size:1.2em;
font-weight:700;
line-height:115%
}

.feature#lead .title {
display:block;
font:1.8em Impact, "Times New Roman", Times, serif;
line-height:100%;
padding-bottom:7px
}

#leftcol .feature {
border-bottom:none;
margin-bottom:5px
}

#rightcol img {
float:left;
margin:3px 10px 4px 0
}

#leftcol img {
display:block;
margin-bottom:4px
}

#rightcol .clearfloat {
border-bottom:1px dotted #b6b6b6;
padding:12px 0
}

#sidelist li {
list-style:none
}

#sidelist .bullets li {
line-height:115%;
list-style:square;
margin-bottom:5px;
margin-left:22px
}

#sidelist .children {
background:#e4efd5
}

#sidelist .children li {
border-bottom:1px solid #e4efd5;
list-style:square;
margin-left:28px
}

#sidelist .children li a,#sidelist .children li a:visited {
background:#e4efd5;
border:0;
color:#818d6f;
padding:2px 2px 2px 0
}

#sidelist .children li a:hover,#sidelist .children li a:active {
color:#465d23
}

.entry {
padding-bottom:28px
}

h3 a:link,h3 a:visited {
color:#5f5f5f
}

/*Post Formatting*/
.picleft {
border:7px solid #f2f2f2;
float:left;
margin:3px 14px 10px 0
}

.picright {
border:7px solid #f2f2f2;
float:right;
margin:3px 0 10px 14px
}

.post {
border-bottom: 1px solid #D8DDEC;
margin:0;
padding:0
}

.post-rayban {
background-color:#E0EFEE;
border:1px solid #A7DBD8;
margin:10px 0;
padding:5px
}

.post-rayban:hover {
background-color:#A7DBD8
}

.post blockquote {
background:#f2f2f2;
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
color:#76767a;
margin:18px 35px;
padding:6px 14px
}

.post ul li {
line-height:125%;
font-size: 1em;
margin-bottom:10px;
margin-left:30px
}

.post ul li ul li {
line-height:125%;
list-style:square;
font-size: 0.9em;
margin-bottom:8px;
}

.post ol li {
line-height:115%;
margin-bottom:5px;
margin-left:48px
}

#tags {
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
padding:3px
}

/* Form Elements */
select {
background:#f2f2f2;
border:1px solid #9c9c9c;
width:100%
}

#searchform {
float:right;
margin-top:20px;
margin-right:20px
}

.searchbox {
background:#FAFAFA url(images/lupa.gif) no-repeat 2px 50%;
border:2px solid #69D2E7;
color:#999;
font-size:1.25em;
padding-left:25px;
width:321px
}

.searchbox:hover {
border:2px solid #E1ECF6
}

.button {
border:2px solid #69D2E7;
color:#000;
width:100px
}

/* Float Properties*/
.clearfloat:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

/* Footer*/
#footer {
color:#FFF;
font-size:0.7em;
margin:0 auto;
padding-top:15px;
width:960px
}

#footer a {
color:#FA6900
}

.subnav li,.bullets li {
border-bottom:1px solid #FFF;
list-style:none
}

.commentmetadata,.clearfloat {
display:block
}

/* WORDBAY CSS */
/* Classes for whole listings panel*/
#leftpanel {}

/* Classes for individual items - could put rounded corners in or something. You'll want to change these colours for sure */
.firstlocaleitem {
padding: 8px 8px 8px 8px;
margin: 4px 4px 4px 4px;
background-color: #E0ECEF;
border: 1px solid #E0EFEE;
min-height: 120px;
-moz-border-radius: 5px
}

.firstlocaleitem:hover {
background-color: #D1EFED;
border: 1px solid #FF903F
}

.firstlocaleitem a:link{
font-size:15px
}


.firstlocaleitem table {
font-size: 1em
}

.clickicon {
border:none;
padding-left: 128px
}

.ebay {
font-size: 1.4em;
font-weight: 600
}