/*  
Theme Name: Floral Oriental
Theme URI: http://wordpress.org/
Description: Tema para o meu site inspirado nas roupas do filme "House of Flying Daggers" de Zhang Yimou.
Version: 1.0
Author: Cátia Kitahara
Author URI: http://www.catiakitahara.com.br/
*/
/*cores
azul claro - #CFF
azul - #0CC
rosa - #FCF
vinho - #939
vinho escuro - #636
bege claro - #CC9
bege escuro - #996 */

/* reset based on Eric A. Meyer's code */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: #996;	background: #CFF; background-image: url(img/padrao.gif); text-align: center;}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Tipografia */
body { font: 12px/18px "Lucida Sans Unicode", Arial, Helvetica, sans-serif }
pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
cite { font-style: italic; }
h1,h2,h3,h4,h5,h6 { clear:both; }
h1 { font-size: 24px; line-height:36px; padding:0 0 18px 0; }
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:36px; }
h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }

/* Elementos de texto */
p           { margin: 0 0 18px 0; }
p.last      { margin-bottom:0; }
p img       { display: inline; margin: 18px 0 18px; padding:0; border: 5px solid #CC9 }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a           { color: #939; text-decoration: none; border-bottom: 1px dotted #939; }
a:hover     { background-color: #FCF; }

ul, ol      { margin: 0 0 18px 18px; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { color: #636; margin-bottom: 18px; background: #FFF; border:1px solid #FCF; padding:16px; }

/* Estrutura */
html, body { height: 100%; }
#container { position: relative; margin: auto; width: 918px; min-height: 100%; height: 100%; height: auto; background: #0CC url(img/degrade.gif) repeat-x; border-left: 5px #ccebd6 solid; border-right: 5px #ccebd6 solid; text-align:left; padding: 0 18px }
html>body #container { height: auto }

/*Topo*/
#topo { height: 72px; padding-top: 125px; background: url(img/topo.jpg) no-repeat; text-align: right; color: #FCF }
#menu { height: 18px; margin-left: 656px }
#menu li { display: inline; float: left; margin-left: 18px }
#menu li a { border: none }
#menu li a:hover { border-bottom: 2px #969 solid; background: none }

#principal,#sidebar,#ads,#busca { display: inline; float: left; }

/*Principal*/
#principal { width: 528px; margin: 0 18px 36px 0; padding: 18px 0 18px; background: url(img/top_post.png) top no-repeat }
.post { width: 492px; background-color:#CFF; padding: 18px; }
.post h1 { padding: 0 0 18px 60px}
.postNav { display: inline; float: left; padding-top: 36px; background: url(img/bottom_post.png) no-repeat; width: 528px; }
.data { display: inline; float: left; padding-right: 18px; width: 42px; text-align: center; font-size:10px; color: #CC9 }
.breadcrumb { padding-left:60px; font-size: 10px; }
.texto { display: inline; float:left; width: 432px; border-bottom: 1px #FCF solid; }
.texto li { list-style: disc }
.noPost { clear:both; width: 492px; border-bottom: 1px #FCF solid; padding-bottom: 17px; }

/*Imagens e botões*/
.botao, .botao:hover { border: none; background: none; }
.aEsq { display: inline; float: left }
.aDir { display: inline; float: right }
.icone { float: none; margin: 0; vertical-align:middle; border: none; background: none; }

/*Sidebar*/
#sidebar { width: 216px; margin: 0 18px 36px 0; padding-top: 18px; background: url(img/top_sidebar.png) top no-repeat; font-size: 10px}
.caixas { padding-bottom: 54px; background: url(img/bottom_top_sidebar.png) bottom no-repeat; }
.ultimaCaixa { padding-bottom: 18px; background: url(img/bottom_sidebar.png) bottom no-repeat; }

.fundoAzul { margin: 0; padding: 0 18px 0; background-color: #CFF }
.fundoAzul ul { margin:0; }
.categorias { margin-bottom: 0px; padding: 4px 0; text-align:right; }
.social {clear: both; padding-left:60px; font-size: 10px; }
.apagado { color: #CC9 }

/*Ads*/
#ads { margin-bottom: 18px; width: 138px; text-align: center; background: url(img/bottom_ads.png) bottom no-repeat }
.googleads { background-color: #CFF; padding-bottom: 12px; clear: both; }


/*Rodapé*/
#rodape { clear: both; width: 918px; height: 36px; padding-top: 5px; border-top: 2px #FCF solid; color:#FCF; font-size: 10px }

/* Tips */
.tool-tip { color: #663; font-size:10px; z-index: 13000; background: url(img/tips.png); max-width: 200px; } 
.tool-title { display: none; margin: 0; padding: 0 3px 0; } 
.tool-text { padding: 0 3px 0; }

/* Busca */
#busca { width: 138px; height: 72px; background: url(img/top_ads.png) bottom no-repeat }
#s { width: 112px; height: 14px; padding: 2px; border: none; background-color:#CFF; color: #996; font: 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; vertical-align: middle }
#searchsubmit { padding: 1px; }
/* This is mainly for password protected posts, makes them look better. */
.entry form { text-align:center; }
.select { width: 130px; }

/* Comentários */
#comentarios {  width: 432px; padding-left: 60px; font-size: 10px }
.commentlist { margin: 18px 0 }
.commentlist li { border-bottom: 1px #FCF solid; margin-top: 17px;}
.commentmetadata { margin-top: -18px; }
#commentform input, #commentform textarea { color: #939; font: 12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
#commentform input { width: 160px; height: 14px; padding: 2px; border-bottom: 1px #FCF solid; background-color: #CFF}
#commentform textarea { float: left; display:inline; width: 240px; height: 138px; padding: 2px; margin-right: 18px; border: 1px #FCF solid; }
#commentform #submit { float: right; display:inline; width: 45px; height: 18px; padding: 0; border: none; background-color: #FCF; }
.limpar { clear: both; }
li.autor { background-color: #9FF; border: none; }

/* Accordion */
.toggler { cursor: pointer; }