/*  

Theme Name: OculosBlog

Theme URI: http://oculos.blog.br

Description: Please, don't copy.

Version: 1.0

Author: Daniella

primeiro  color: desta pag era #4582a1

title post era #636363

*/

 
body {background:#3B92AD; margin:0; font:79%/1.6em Segoe UI,verdana, tahoma, arial, sans-serif; line-height:21px; color:#333; text-align:center;}
  /*     body {background:#3B92AD; margin:0; font:76%/1.6em verdana, tahoma, arial, sans-serif; line-height:16px; color:#333; text-align:center;}     */

a, a:link, a:active, a:visited {color:#4582a1; text-decoration:none; outline:none;}

a:hover {text-decoration:underline;}


ul, li, ol {border:0; margin:0; padding:0; list-style:none;}

h4, h5 {margin-bottom:5px; font-size:8pt; font-weight:bolder; letter-spacing:1px;}
h1, h2, h3 { font-weight:normal}
 
.both {clear:both;}

.divider {border-bottom:1px solid #F5F5F5; margin:10px 0 5px 0;}

blockquote {border-left:10px solid #3B92AD; margin:5px 0; padding:2px 0 0 8px; color:#A2A2A2;}



img {border:0; max-width:100%;}

img.aligncenter {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px;	border-top:#eee 1px solid; border-left:#eee 1px solid; margin:1px auto; display:block;}

img.alignnone {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px;	border-top:#eee 1px solid; border-left:#eee 1px solid; margin:3px;}

img.alignleft, img.imgtfe {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px;	border-top:#eee 1px solid; border-left:#eee 1px solid; margin:3px 5px 3px 0; display:inline;}

img.alignright {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px; border-top:#eee 1px solid; border-left:#eee 1px solid; margin:3px 0 3px 5px; display:inline;}

img.random-posts-thumb  {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px;	border-top:#eee 1px solid; border-left:#eee 1px solid; margin:3px 5px 3px 0; display:inline;}

.alignleft {width:auto; float:left;}

.alignright {width:auto; float:right;}

.aligncenter {text-align:center;}



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

input, textarea {background:#fff; border:1px solid #E6E1DB; border-right-color:#D6D1CC; border-bottom-color:#D6D1CC; margin:0; padding:3px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#787878; letter-spacing:1px;}









.navigation {padding:3px 0 5px 0; font: 7pt Verdana, Arial, Helvetica;}

.navigation a:link, .navigation a:active, .navigation a:visited {background:#505050; padding:2px 3px; color:#FDFDFD;}

.navigation a:hover {background:#3B92AD; color:#FDFDFD; text-decoration:none;}



#footlink {margin:0; padding:0;}

#footlink a:link, #footlink a:active, #footlink a:visited {background:#505050; border:0; margin:0 2px 0 0; padding:2px 3px; color:#FDFDFD;}

#footlink a:hover, #footlink span.footlink-current {background:#3B92AD; border:0; margin:0 2px 0 0; padding:2px 3px; color:#FDFDFD;}











/* layout */

#topo {background:#000; margin:0; padding:0; width:100%; height:25px; color:#A9A9A9;}

#header {background:#E9E9E9; margin:0; padding:15px 0 15px 0; width:100%;}

#page {background:#E9E9E9; margin:0; padding:0; width:100%;}

#menu-content-top {background:#E9E9E9; margin:0; padding:0; width:100%;}

#footer {background:#000 url(images/footer.jpg) repeat-x; margin:0; padding:20px 0; width:100%; color:#BBBCC0;}



.content {width:999px; text-align:left;}
  /*     .content {width:999px; text-align:justify;}     */


#postpage {margin:20px 0 0 0; width:521px; float:left;}

#postsingle {margin:20px 0 0 0; width:768px; float:left;}



#sidebar-left {margin:20px 0 0 0; width:247px; margin-right:12px; float:right;}

#sidebar-right {margin:20px 0 0 0; width:179px; float:right;}







/* assinar feeds e twitter no topo */

#assinarfeeds {padding: 2px 0 0 0; width:150px; float:left; font-size:12px;}
/* era padding:8px color:#FEBF62*/
#assinarfeeds a, #assinarfeeds a:link, #assinarfeeds a:active, #assinarfeeds a:visited {background:url(images/feeds.jpg) left no-repeat; padding:0 0 0 20px; color:#fbce13;}



#twittertop {width:810px; float:right;}

#twittertop a, #twittertop a:link, #twittertop a:active, #twittertop a:visited {color:#23c9ff;}

#twittertop .title {background:#444444 url(images/seta-twitter.jpg) right no-repeat; padding:5px 15px 0 10px; width:70px; height:20px; float:left; color:#4FAABD; text-transform:uppercase; font-size:12px; font-weight:bold;}

/* #twittertop .title {background:#444444 url(images/seta-twitter.jpg) right no-repeat; padding:cima7px direita10px 0 10px; width:70px; height:29px; float:left; color:#4FAABD; text-transform:uppercase; font-size:12px; font-weight:bold;}  */

#twittertop .text {width:715px; float:right; font-size:11px; line-height:4px;}
/* era line-height: 13px */
#twittertop .text .txt {padding:10px 0 0 5px;}

#twittertop .text img {background:none; border:0; margin:3px 0 0 5px; padding:0; float:right;}









/* logo e banner topo */

#logo {margin:20px 0 0 10px; width:206px; height:58px; float:left;} 

#logo a {background:url(images/logo.jpg) no-repeat; width:206px; height:58px; float:left;} 

h1#logo  { margin:20px 0 0 10px; width:206px; height:58px; float:left;}
h1#logo a { background:url(images/logo.jpg); width:206px; height:58px; float:left;}



#bannertopo {width:750px; height:90px; float:right; text-align:center;}









/* content top e menu */

#menu-content-top .content {background:#fff url(images/contenttop.jpg) top no-repeat;}



ul#navi {border:0; idth:999px; height:36px; font-size:12px; text-transform:uppercase; font-weight:bolder;}

ul#navi li {border:0; padding:7px 5px 0 20px; width:auto; float:left;}

ul#navi li a:link, ul#navi li a:active, ul#navi li a:visited {color:#898989;}

ul#navi li a:hover, ul#navi li.current a {color:#CE4340; text-decoration:none;}













/* content e pages */

#page .content {background:#fff; padding:0 10px 20px 10px; width:979px;}





#bannerstop {padding:0; text-align:center;}

#bannerrosa {background:url(images/bannertop-rosa.jpg); width:320px; height:144px; float:left;}

#bannerazul {background:url(images/bannertop-azul.jpg); width:320px; height:144px; float:left; margin:0 0 0 10px;}

#bannerverde {background:url(images/bannertop-verde.jpg); width:320px; height:144px; float:right;}



#bannerstop .txt {padding:8px; color:#FFFAFF; font-size:11px; line-height:15px;}

#bannerstop .content {background:none; margin:0; padding:0; width:189px; float:right;}

#bannerstop img {background:#fff; padding:4px; margin:0; width:97px; height:119px; float:left;}

#bannerstop .title {background:none; border:0; margin:0 0 10px 0; padding:0; font-size:13px; color:#FFFAFF; text-transform:none; font-weight:bold;}



#bannerstop .titlerosa {background:url(images/bannertop-rosatitle.jpg); margin:0 0 10px 0; padding:5px 0 0 25px; width:117px; height:21px; color:#525252; font-size:11px; font-weight:bold;}

#bannerstop .titlerosa a, #bannerstop .titlerosa a:link, #bannerstop .titlerosa a:active, #bannerstop .titlerosa a:visited {color:#c8638d;}



#bannerstop .titleazul {background:url(images/bannertop-azultitle.jpg); margin:0 0 10px 0; padding:5px 0 0 25px; width:104px; height:21px; color:#525252; font-size:11px; font-weight:bold;}

#bannerstop .titleazul a, #bannerstop .titleazul a:link, #bannerstop .titleazul a:active, #bannerstop .titleazul a:visited {color:#91a3d3;}



#bannerstop .titleverde {background:url(images/bannertop-verdetitle.jpg); margin:0 0 10px 0; padding:5px 0 0 25px; width:124px; height:21px; color:#525252; font-size:11px; font-weight:bold;}

#bannerstop .titleverde a, #bannerstop .titleverde a:link, #bannerstop .titleverde a:active, #bannerstop .titleverde a:visited {color:#b7cb72;}















/* posts */

.titlepage {background:#3B92AD; border:0; margin:0 0 15px 0; padding:2px 3px; color:#ECF4F6; font-size:12px; font-weight:bolder;}

.breadcrumb {background:#3B92AD; border:0; margin:0 0 15px 0; padding:2px 3px; color:#ECF4F6; font-size:12px; font-weight:bolder;}

.breadcrumb #postpage .breadcrumb {color:#d1d9db;}

.breadcrumb a:link, #postpage .breadcrumb a:active, #postpage .breadcrumb a:visited {color:#ECF4F6;}

.breadcrumb a:link, #postsingle .breadcrumb a:active, #postsingle .breadcrumb a:visited  {color:#d1d9db;}

.breadcrumb a:hover {color:#CF4F6; text-decoration:none;}


.ray-ban {background:#EBEBEB; border:1px solid #BFBFBF; border-width:0 1px 1px 0; margin:0 7px 5px 0; width:58px; float:left; text-align:center;}

.ray-ban .imagem {margin:0; padding:2px 0;}

.ray-ban .nome {border-top: 1px solid #BFBFBF; padding:0; font-size:10px; color:#757575;}



.titlepost {margin:2px 0 4px 0; font-size:18px; color:#4582a1;}

.titlepost a:link, #postpage .titlepost a:active, #postpage .titlepost a:visited {color:#4582a1;}

.titlepost a:hover {color:#CF4949; text-decoration:none;}

         .titlepost h1, .titlepost h2, .titlepost h3 {margin:2px 0 4px 0; font-size:18px; color:#4582a1;}


.date {margin:0; color:#9A9A9A; font-size:10px; line-height:15px;}



.entry {margin-top:15px;}

.entry input#text {width:190px; float:left; margin-right:4px;}

.entry input#submit {background:#3B92AD; border:0; padding:3px; width:70px; color:#FFFAF9; font-weight: bolder;}



.meta {margin:25px 0 35px 0; font-size:11px; color:#787878;}

.meta .line1 {font-size:12px; color:#D0D0D0;}

.meta .line1 a {font-weight:bold;}

.meta .line2 {font-size:10px;}

.meta .line3 {background:#F9F9F9; padding:2px; font-weight:bold;}

.meta .line4 {font-size:10px; font-weight:bold;}

.meta .line5 {background:#F9F9F9; padding:2px; font-size:10px;}

.meta .leiamais {margin:5px 0; text-align:right;}

.meta .leiamais a, .meta .leiamais a:active, .meta .leiamais a:link, .meta .leiamais a:visited {background:#505050; padding:2px 7px; color:#F7F7F7;}

.meta .leiamais a:hover {background:#000; text-decoration:none;}



/* esta primeira linha é a distancia entre posts nos artigos no height */

.resultado {margin:0 9px 15px 5px; padding:0; width:370px; height:216px; overflow:hidden; float:left;}

.resultado .titlepost {height:22px; overflow:hidden;}

.resultado .line5 {height:17px; overflow:hidden;}





.resultado2 {margin:0 9px 0 5px; padding:0; width:370px; float:left;}

.resultado2 .titlepost {height:22px; overflow:hidden;}

.resultado2 .line5 {height:17px; overflow:hidden;}









/* p�gina de arquivos */

#page-archives {margin-top: 5px;}

#page-archives h1 {border-bottom:1px solid #EAEADE;}

#page-archives ul li {border-bottom:1px solid #f1f1f1; padding:3px 0; width:384px; float:left;}





/* p�gina de links */

#page-links {margin-top: 7px;}

#page-links li.linkcat h1, li.linkcat h2 {border-bottom:1px solid #EAEADE; margin:0 0 7px 0; padding:15px 0 2px 0; height:25px; clear:both;}

#page-links li.linkcat ul {margin:0; padding:0; clear:both;}

#page-links li.linkcat ul li {border-bottom:1px solid #f1f1f1; padding:3px 0; width:384px; float:left;}









/* coment�rios */

#comments {margin:10px 0;}

.comment-number {display:block; padding:20px 0 5px 0; font-weight:bold;}

.comment-number span {font-size:1.3em; color:#777;}

.none {border-bottom:1px dashed #EAEADE;}

h4 {border-bottom:1px solid #EAEADE; margin:25px 0; padding-bottom:2px;}

h4 a:hover {color:#655545; text-decoration:none;}

li.comment {background:#FAFAFA; border:0; margin:10px 0; padding:10px 7px;}

li.comment.depth-2 {margin-bottom:10px;}

.avatar-author {padding:5px;}

.c-grav {width:auto; float:left; margin-right:7px;}

a.comment-reply-link {font-size:10px;}

.c-body {padding:0 3px 0 3px;}

.c-body p {margin:3px 0; padding:0;}

ul.children {padding-top:5px; font-style:italic;}

ul.children li {padding-top:10px;}

ul.children li.commet {font-style:normal;}

ul.children li.byuser .avatar-author {padding:5px; font-style:normal;}

#comments .navigation {padding-top: 20px;}

form#commentform {margin-bottom:10px;}

form#commentform label.comment-field {display:block; margin:10px 0 3px 0; font-size:10pt;}

input.text-input, form#commentform textarea {padding:7px 3px; width:480px; font-family:inherit;}

input#author, input#email, input#url {width:300px;}

form#commentform input#submit {background:#3C3C3C; border:0; padding:5px; width:150px; color:#a4a4a4; font-weight: bolder;}

form#commentform p.guidelines {margin:10px 0;}

p.subscribe-to-comments, p.comments-rss{margin-bottom:10px;}

p.note {font-style:italic; font-size:9pt;}

ol.pinglist li {list-style-type:decimal-leading-zero; margin-left:28px; padding:0 0 3px 2px; font-size:1.0em;}









/* link pra arquivo e seta pra subir */

#postpage #arquivo-subir {padding:20px 0; text-align:left;}

#postpage #arquivo-subir #arquivo {background:#505050; margin:5px 0 0 0; width:490px; height:21px; float:left;}

#postpage #arquivo-subir #arquivo .link {background:#3B92AD; padding:2px 0 0 0; width:75px; height:19px; color:#FFFAF9; text-align:center;}

#postpage #arquivo-subir #arquivo .link:hover {background:#377C93; text-decoration:none;}

#postpage #arquivo-subir #arquivo a, #postpage #arquivo-subir #postpage #arquivo a:link, #postpage #arquivo-subir #arquivo a:active, #postpage #arquivo-subir #arquivo a:visited {color:#FFFAF9;}

#postpage #arquivo-subir #arquivo a:hover {text-decoration:none;}

#postpage #arquivo-subir #subir {width:21px; float:right;}





#postsingle #arquivo-subir {padding:20px 0; text-align:left;}

#postsingle #arquivo-subir #arquivo {background:#505050; margin:5px 0 0 0; width:730px; height:21px; float:left;}

#postsingle #arquivo-subir #arquivo .link {background:#3B92AD; padding:2px 0 0 0; width:75px; height:19px; color:#FFFAF9; text-align:center;}

#postsingle #arquivo-subir #arquivo .link:hover {background:#377C93; text-decoration:none;}

#postsingle #arquivo-subir #arquivo a, #postsingle #arquivo-subir #postsingle #arquivo a:link, #postsingle #arquivo-subir #arquivo a:active, #postsingle #arquivo-subir #arquivo a:visited {color:#FFFAF9;}

#postsingle #arquivo-subir #arquivo a:hover {text-decoration:none;}

#postsingle #arquivo-subir #subir {width:21px; float:right;}











/* sidebar */

.widget {margin-bottom:20px;}

#sidebar-right {font-size:11px;}

#sidebar-right .advanced-random-posts {font-size:11px;}

#sidebar-right .advanced-random-posts li {font-size:11px; border-bottom:1px dotted; border-color:#ccc;}

#sidebar-right .widget_twitter {font-size:11px;}

#sidebar-right .widget_twitter li {font-size:11px; border-bottom:1px dotted; border-color:#ccc;}

#sidebar-right .title {background:none; border-bottom:1px solid #3993AB; margin:0 0 5px 0; padding:0 0 2px 0; color:#4C4C4C; font-size:14px; font-weight:bolder;}

#sidebar-right .widget_mycategoryorder li { border-bottom:1px dotted; border-color:#ccc; padding:3px 0; font-size:13px; line-height:18px;} 
/* antes nao tinha  border-bottom:1px dotted; border-color:#ccc; era  border-bottom:1px solid #F5F5F5; */

#sidebar-right .widget_mycategoryorder ul li ul li {background:url(images/sub.gif) left top no-repeat; border:0; padding:2px 0 3px 20px; font-size:12px; line-height:18px;} /* font-size:11px e nao tinha line-height nas widget_categories */



#sidebar-right .search {background:url(images/buscafundo.jpg); margin:0 0 15px 0; width:179px; height:66px; text-align:center;}

#sidebar-right .search .txt {padding:7px;}

#sidebar-right .search .title {background:url(images/buscatitle.jpg) right no-repeat; border-bottom:0; margin:0 0 8px 0; padding:0; color:#FEE8EB; font-size:13px; font-weight:bolder; text-align:left;}

#sidebar-right .search input#text {background:#fff; border:1px solid #4C4A4D; border-width:1px 0 0 1px; margin:0 3px 0 0; padding:4px 3px 0 3px; width:113px; height:17px; float:left; letter-spacing:normal; font-size:11px; color:#6A6A6A;}

#sidebar-right .search input#submit {background:url(images/buscaok.jpg) repeat-x; border:0; margin:0; padding:0; width:38px; height:22px; letter-spacing:normal; color:#FFFFFB; font-size:10px; font-weight:bold; text-transform:uppercase;}



#sidebar-right input#textnews {width:160px;}

#sidebar-right input#submitnews {background:#3B92AD; border:0; margin-top:3px; padding:3px; width:75px; color:#FFFAF9; font-weight: bolder;}


#sidebar-left {font-size:12px;}

#sidebar-left .widget_blogs_sol {font-size:12px;}

#sidebar-left .widget_blogs_sol  li {font-size:12px; border-bottom:1px dotted; border-color:#ccc;}

#sidebar-left .title {background:#3B92AD url(images/sidebartitle.jpg) bottom no-repeat; margin:0 0 5px 0; padding:2px 3px 7px 3px; color:#ECF4F6; font-size:12px; font-weight:bolder;}

#sidebar-left .flickr img {background:url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px;	border-top:#eee 1px solid; border-left:#eee 1px solid; margin:3px 0 3px 5px; width:62px; height:62px; display:inline;}









/* tabs */

.tabs {width:247px; margin-bottom:15px;}





#menu ul{padding-left:0px; margin-left:0px; margin-right:auto;}

#menu li { list-style:none; float:left;}

#menu ul a {display:block; padding:6px 5px; text-decoration:none; margin:1px; font-size:11px; color:#ECF4F6; background:#3B92AD;}

#menu ul a:hover {color:#FFF; background:#555;}

#menu ul a.selected {color:#555; background:#fff; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#aaa; cursor:default; font-weight:bold;}



#menu2 ul{padding-left:0px; margin-left:0px; margin-right:auto;}

#menu2 li { list-style:none; float:left;}

#menu2 ul a {display:block; padding:6px 5px; text-decoration:none; margin:1px; font-size:11px; color:#ECF4F6; background:#3B92AD;}

#menu2 ul a:hover {color:#FFF; background:#555;}

#menu2 ul a.selected {color:#555; background:#fff; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#aaa; cursor:default; font-weight:bold;}



#menu3 ul{padding-left:0px; margin-left:0px; margin-right:auto;}

#menu3 li { list-style:none; float:left;}

#menu3 ul a {display:block; padding:6px 5px; text-decoration:none; margin:1px; font-size:11px; color:#ECF4F6; background:#3B92AD;}

#menu3 ul a:hover {color:#FFF; background:#555;}

#menu3 ul a.selected {color:#555; background:#fff; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#aaa; cursor:default; font-weight:bold;}



#menu4 ul{padding-left:0px; margin-left:0px; margin-right:auto;}

#menu4 li { list-style:none; float:left;}

#menu4 ul a {display:block; padding:6px 5px; text-decoration:none; margin:1px; font-size:11px; color:#ECF4F6; background:#3B92AD;}

#menu4 ul a:hover {color:#FFF; background:#555;}

#menu4 ul a.selected {color:#555; background:#fff; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#aaa; cursor:default; font-weight:bold;}



.tabs div {clear:left; color:#000; font-size:12px;}

.tabs div a { color:#555;}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10 {border:1px solid #222; border-color:#aaa; padding:8px 8px 0px 0px;}

#tab1 ul, #tab2 ul, #tab3 ul, #tab4 ul, #tab5 ul, #tab6 ul, #tab7 ul, #tab8 ul, #tab9 ul, #tab10 ul  {padding-left:7px;}  

#tab1 li, #tab2 li, #tab3 li, #tab4 li, #tab5 li, #tab6 li, #tab7 li, #tab8 li, #tab9 li, #tab10 li  {list-style:none; border-bottom:1px dotted; border-color:#ccc; padding:0px 0px 4px 4px;}

#tab1 li:last-child, #tab2 li:last-child, #tab3 li:last-child, #tab4 li:last-child, #tab5 li:last-child, #tab6 li:last-child, #tab7 li:last-child, #tab8 li:last-child, #tab9 li:last-child, #tab10 li:last-child {border-bottom:0px;}







.tabs span h1, .tabs span h2 {display:none;}





/* footer */

#footer a:link, #footer a:active, #footer a:visited {color:#BBBCC0;}

#footer .title {border-bottom:1px solid #736866; margin-bottom:5px; padding-bottom:2px; color:#FFFEFF; font-size:16px; text-transform:none;}

#footer .widgetcontent {margin:0 20px 0 0; width:183px; float:left;}

#footer .widgetcontent2 {margin:0; width:183px; float:right;}

#footer ul li {padding:2px 0; border-bottom:0;}

#footer .widgetcontent ul li { border-bottom:1px dotted; border-color:#ccc; padding:3px 0; font-size:13px; line-height:13px;} 

/* grifa sublinha tudo esta ultima linha nao tinha */




/* cr�ditos */

#creditos {background:#3B92AD; border-top:2px solid #fff; padding:5px 0; width:100%; text-align:center; color:#E5EFEE; font-size:10px;}

#creditos a, #creditos a:link, #creditos a:active, #creditos a:visited {color:#E5EFEE;}

.widget_gdstarrating_star {font-size:13px;} 
.widget_gdstarrating_star li {font-size:13px; border-bottom:1px dotted; border-color:#ccc;} 

.tweetbadgeok { float: right;       padding-left: 1em;     padding-bottom: 0.5em; }