/*  
Theme Name: Simple Grey
Theme URI: http://www.blogajuda.com.br/simple-grey-wordpress-theme/
Description: A minimalist theme based on grey color.
Version: 1.0
Author: Rodrigo P. Ghedin
Author URI: http://www.rodrigoghedin.com.br/
*/


/* -------------------------------------------
----------------- General ---------------------
------------------------------------------- */

* { margin:0; padding:0; border:0; }

body { background:#fff url(images/background.jpg) repeat-x; font-family:"lucida grande",verdana,tahoma; font-size:12px; color:#535353; }

a { color:#66A7C6; text-decoration:none; }
a:hover { text-decoration:underline; }

p, blockquote, li, h2 { margin-bottom:12px; line-height:24px; }

.form-campos { border:1px solid #E8E8E8; font-family:'lucida grande',verdana,tahoma; height:18px; width:100%; }
.form-campos:hover { border:1px solid #535353; }

.center { margin:0 auto; text-align:center; margin-bottom:12px; }

acronym { border-bottom:1px dotted #535353; }

.arquivo { border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:10px 0; margin-bottom:30px; }


/* -------------------------------------------
---------------- Structure -------------------
------------------------------------------- */

#principal { width:730px; margin:0 auto; }

#topo { height:102px; margin-top:10px; margin-bottom:15px; }
#topo h1 { color:#757575; font-size:40px; font-weight:normal; margin-bottom:4px; }
#topo h1 a { color:#757575; }
#topo h1 a:hover { color:#66A7C6; text-decoration:none; }

#topo h3 { color:#999999; font-size:14px; font-weight:normal; }

#posts { width:520px; float:right; margin-bottom:60px; }

#sidebar { width:180px; float:left; margin-bottom:60px; }


/* -------------------------------------------
------------------ Posts ---------------------
------------------------------------------- */

#posts h1 { margin-bottom:6px; font-size:24px; color:#757575; font-weight:normal; line-height:32px; }
#posts h1 a { font-size:24px; color:#757575; font-weight:normal; line-height:32px; }
#posts h1 a:hover { color:#66A7C6; text-decoration:none; }

#posts ul, #posts ol { margin-bottom:12px; margin-left:30px; }
#posts li { margin-bottom:4px; }

#posts blockquote { font-style:italic; margin-left:30px; }

#posts h2 { font-weight:normal; }

.cada-post { padding-bottom:4px; border-bottom:1px solid #E8E8E8; margin-bottom:45px; }
.cada-post img { border:1px solid #E8E8E8; padding:2px; margin:10px; }

.cada-comentario { margin-bottom:30px; }

.meta-data { background:url(images/info-data.jpg) no-repeat; padding-left:18px; margin-right:20px; }
.meta-autor { background:url(images/info-autor.jpg) no-repeat; padding-left:16px; margin-right:20px; }
.meta-comentarios { background:url(images/info-comentarios.jpg) no-repeat; padding-left:16px; margin-right:20px; }
.meta-categoria { background:url(images/info-categoria.jpg) no-repeat; padding-left:16px; }

.info-comentario { border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-size:11px; }
.botao-enviar { background:url(images/enviar.jpg) center no-repeat; width:44px; height:18px; color:#757575; }
.botao-enviar:hover { color:#535353; }

.post-technorati { background:url(images/info-technorati.jpg) no-repeat 1px; padding-left:18px; padding-top:12px; border-top:1px solid #E8E8E8;  }

#nav { width:100%; margin-bottom:30px; }
.nav-left { float:left; width:50%; }
.nav-right { float:right; text-align:right; width:48%; }

.rss { list-style:url(images/dot-rss.jpg); }
.rss a { color:#FF7F15; }
.rss a:hover { color:#FFB577; }


/* -------------------------------------------
---------------- Sidebar ---------------------
------------------------------------------- */

#sidebar h2 { padding-left:15px; font-size:12px; margin-bottom:6px; font-weight:bold; }

#sidebar ul, .textwidget, #calendar_wrap, #searchform { border-bottom:1px solid #E8E8E8; padding-bottom:10px; margin-bottom:30px; }


#sidebar a { color:#535353; }
#sidebar a:hover { color:#66A7C6; text-decoration:none; }

#sidebar li { line-height:18px; margin-bottom:6px; list-style:none; }


/* -------------------------------------------
----------------- Footer ---------------------
------------------------------------------- */

#rodape1 { clear:both; width:100%; background:url(images/rodape.jpg) repeat-x; }
#rodape2 { width:730px; margin:0 auto; height:80px; padding-top:10px; }

#rodape-left { float:left; width:450px; line-height:18px; }
#rodape-right { float:right; width:150px; }