/*
Theme Name: Creative Technologie
Theme URI: http://www.rumba.com.br
Description: 
Version: 1.0
Author: Paula Mariano
*/


/* css reset */

/* v1.0 | 20080212 */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

#aspnetForm { height: 100%; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


.fontCitroenLight, .fontCitroen{ font-family: Trebuchet MS; }

.clear{ clear: both; }

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

html{ background: url(img/bg_mid.jpg) repeat-y top center; }
body{ background: url(img/bg_top.jpg) no-repeat top center; font: 11px Arial; color: #818181; line-height: 16px; }

#wrapper{ width: 986px; margin: 0 auto; }


#container{ padding-top: 55px; background: url(img/bg_dot_y.jpg) repeat-y 678px 0px; }

#header h1{ display: none; }
#header h2{ display: none; }

#content{ padding: 0 24px; width: 630px; float: left; }
#sidebar{ width: 270px; float: right; }

h2{ font-size: 26px; color: #4c4c4c; font-weight: normal; margin-bottom: 20px; text-transform: uppercase; } 
h2 a{ color: #4c4c4c; }

.info-top{ }
.autor-data{ color: #c0c0c0; padding: 5px 0 0 5px; font-family: Trebuchet MS; float: left; }
.comentarios{ background: url(img/bg_comentarios.gif) no-repeat bottom right; float: right; height: 26px; margin-bottom: -6px; color: #ffffff; padding: 4px 12px 0 12px; font-family: Trebuchet MS; position: relative; }
.comentarios a{ color: #fff; }
.cnt{ clear: both; }
.cnt p{ padding-bottom: 20px; }

.info-bot{ border: 1px solid #dddddd; border-width: 1px 0; float: left; width: 100%; line-height: 29px; margin-top: 20px; }
.tags{ float: left; width: 50%; padding: 3px 0; }
.tags strong{ color: #dc002e; }
.tags a{ color: #818181; }

.social{ float: right; width: 50%;padding: 3px 0; }

.social li{ float: left; padding: 2px 3px; }

.box{ background: url(img/bg_dot_x.jpg) repeat-x bottom left; padding-bottom: 5px; margin-bottom: 20px; width: 230px; }
.box h3{ margin-bottom: 20px; }
.box p{ padding-bottom: 20px; }

.box-twitter li{ padding-bottom: 20px; }
.box-twitter li a{ color: #dc002e; text-decoration: underline; }

.box h3.fontCitroen{ color: #333333; font-size: 18px; padding-left: 10px; border-left: 2px solid #db002f; font-weight: normal; }
.box h3.fontCitroen a{ color: #333; }

.box-creative{padding-bottom: 20px; }

/*
.box-creative ul{ list-style: none; width: 245px; }
.box-creative li{ background: #e5e7e7 url(img/bg_creative.jpg) no-repeat bottom left; margin-bottom: 20px; padding: 5px 10px 15px 10px; }
.box-creative p{ text-align: right; margin-top: 5px; }
.box-creative p a{ color: #dc002e; }
*/

.box-divulgue{ padding-bottom: 100px; }


.box-divulgue p{ padding-bottom: 10px; }
.box-divulgue .icos{ text-align: right; border: 1px solid #dddddd; height: 29px; border-width: 1px 0; line-height: 29px; }
.box-divulgue .icos img{ vertical-align: middle; }

.post{ padding-bottom: 50px; clear: both; float: left; width: 630px; }

.box-tags a{ color: #818181; }

#comentarios{ padding-top: 20px; }

#comments{ font-size: 11px; color: #dc002e; text-transform: none; font-weight: normal; }
#commentlist li{ padding-bottom: 40px; }
#commentlist .autor, #commentlist .autor a{ color: #818181; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#commentlist .data, #commentlist .data a{ color: #ababab; font-size: 10px; }
#postcomment{ font-weight: bold; font-size: 11px; color: #dc002e; }

#commentform p{ clear: both; height: 27px; width: 480px; }

#commentform label{ display: block; width: 75px; float: left; }
#commentform input{ display: block; float: left; width: 170px; border: 1px solid #818181; float: left; font: 11px Arial; color: #818181; }
#commentform p.textarea{ height: auto; }
#commentform textarea{ width: 480px; border: 1px solid #818181; height: 165px; clear: both; overflow: auto; font: 11px Arial; color: #818181; margin-top: 5px; display: block; }
#commentform p.submit{ text-align: right; }
#commentform p.submit input{ float: none; border: none; padding: 10px 0; width: auto; display: inline; }

div#footer { clear: both; margin-top: 40px; padding-bottom: 50px; font-size: 10px; }

#footer a{ color: #707070; }


div#f_top { border-bottom: solid 3px #dc002e; padding: 0 20px 10px 20px; }

div#fm_content { clear: both; margin: 0 20px; font-family: 'Trebuchet MS', Arial; }

#fm_content ul { list-style: none; margin: 0; }

#fm_content li { width: 25%; font-size: 11px; font-family: 'Trebuchet MS', Arial; float: left; }
#fm_content dt{ padding-top: 10px; }

#fm_content dt strong { font-size: 11px; color: #3c3c3c; }

#fm_content dd a { color: #919191; text-decoration: none; }

#fm_content dd a:hover { color: #DF2703; text-decoration: none; }

#links a { text-decoration: none; }

#links a:hover { text-decoration: underline; }

div#f_menu { font-size: 11px; color: #707070; }

#f_menu .title { color: #3c3c3c; }

.f_options { float: right; font-weight: normal; }

.f_citroen b { color: #ff0000; font-weight: normal; }

div#fm_logos { padding-top: 68px; padding-right: 23px; float: right; }

div#rumba{ text-align: right; }

div#rumba a { font-size: 10px; color: #b1b1b1; }



select, input, button, textarea{ font: 10px Arial; color: #666; }


.list-polls{ display: none; }

.carrossel p{ display: none; }
.carrossel p strong{color: #000}
.carrossel  .list-polls p{ display: block }