/*  
Theme Name: danillonunes 2008
Theme URI: http://danillonunes.net
Description: Um tema ainda mais simples e limpo.
Version: 1.0
Author: Marcus Danillo
Author URI: http://danillonunes.net
*/

/*
# Strong Black:      #111
# Black:             #3c3c3c
# Mid black:         #666
# Light black:       #888
# Light white:       #dcdcdc
# White:             #fff
# Blue:              #24f
*/

/* GENERIC STYLISH */
* { margin: 0; padding: 0; }
body { color: #3c3c3c; }
a { color: #24f; }
a:visited,
a:active { color: #666; }
a:hover { color: #3c3c3c; }
a img { border: none; }
p { margin: 0.8em 0; }

/* STRUCTURE */

#mobilehelp-top { display: none; }
#header { height: 100px; width: 430px; padding-top: 80px; margin-left: 30px; z-index: 100; }
#header #description { display: none; }
#aboutme { position: absolute; top: 40px; right: 10px; margin-left: 460px; z-index: 20; }

#topbar { position: absolute; top: 0; left: 0; width: 100%; height: 24px; padding: 4px 0; z-index: 200; line-height: 24px; }
#topbar #topbar-1 li { float: left; margin: 2px 0 0 10px; }
#topbar #topbar-2 li { float: right; margin: 2px 10px 0 0; }
#topbar #searchform form { display: inline; }
#topbar #searchform form input {  }

#page { margin-top: -120px; position: relative; z-index: 50; }
#content { margin-top: 140px; float: left; width: 66%; padding: 0 0 2em 2%; }
#sidebar { float: right; width: 26%; padding: 0 1% 2em 2%; }

#content ul, #content ol { margin-left: 2em; }
#content blockquote { margin-left: 1em; padding-left: 1em; }
.entry { margin: 1em 0 0 0.5em; }

#comments h2 { margin-bottom: 1em; }
.comment { margin-bottom: 1em; padding: 4px 8px; }
#comments a.compermalink { float: left; margin-right: 5px; }
#comments textarea { width: 100%; }
#comments #submit { padding: 4px 10px; }

#sidebar { margin-top: -20px; }
#sidebar li { margin: 20px 0 0 10px; }
#sidebar li li { margin-top: 5px; }
#sidebar ul h2 { margin-left: -10px; }

#navbar { padding: 1em; margin: 0 1% 1em; clear: both; }

#ontheweb { margin: 0 0 0 1%; }
#ontheweb div { float: left; width: 28%; padding: 0 2.5%; }
#ontheweb div li { padding: 0.2em 0; }

#footer { clear: both; padding: 2em 1% 0; text-align: right; }
#footer a { margin: 10px 5px; }

/* COLORS */

#topbar { color: #dcdcdc; background-color: #111; opacity: 0.9; }
#topbar:hover { opacity: 1.0; }
#topbar a { color: #dcdcdc; }
#topbar a:hover,
#topbar label:hover { color: #fff; }

#content h2 a { color: #3c3c3c; }
#content a img { border-color: #24f; }
#content a:visited img,
#content a:active img { border-color: #666; }
#content a:hover img { border-color: #3c3c3c; }
#content blockquote { color: #888; }

#comments a.compermalink { color: #3c3c3c; }
#comments .inputtext,
#comments textarea { border-color: #dcdcdc; }
#comments .inputtext:focus,
#comments textarea:focus { border-color: #24f; }

#aboutme,
#topbar #searchform,
#sidebar,
#navbar,
#ontheweb li { border-color: #dcdcdc; }
#navbar #mailsubscribe #mailsubtext { color: #dcdcdc; }
#navbar #mailsubscribe #mailsubtext:focus { color: #111; }

#ontheweb:hover,
#ontheweb:hover a { color: #dcdcdc; }
#ontheweb div:hover { color: #3c3c3c; }
#ontheweb div:hover a { color: #24f; }
#ontheweb div:hover a:visited,
#ontheweb div:hover a:active { color: #666; }
#ontheweb div:hover a:hover { color: #3c3c3c; }

/* TYPOGRAPHY */

body { font: 1em Tahoma; }

body { font: 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; }
/* */

#topbar { font: bold 1.1em sans-serif; }
#topbar a { text-decoration: none; }
#topbar #searchform #searchsubmit { font-weight: bold; }

#content h2,
#content h2 a { font: normal normal bold 1.4em sans-serif; text-decoration: none; }
.comment { text-align: right; font-size: 1.4em; }

#comments h2 { font: normal normal bold 1.2em sans-serif; }
#comments h2 a { font-size: 1em; }
#comments a.compermalink { text-decoration: none; font-size: 2em; }
#comments #submit { font-size:1.4em; }

#sidebar ul h2 { font: normal normal bold 1.4em sans-serif; }
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#navbar { font-size: 1.4em; text-align: center; }
#navbar #mailsubscribe input { font-size: 1.4em; }

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



/* SPECIAL STYLISH */
/* BACKGROUNDS, BORDERS, ETC */

#header { position: relative; }
#header span { margin-top: -80px; background: url('images/danillonunes.png') 0 0 no-repeat; position: absolute; width: 100%; height: 100%; cursor: pointer; }
#aboutme { border-width: 1px; border-style: solid; padding: 10px; border-width: 1px 5px; box-shadow: 5px 5px 10px #dcdcdc; }

#topbar ul li { list-style-type: none; }
#topbar #searchform { border-style: solid; border-width: 0 0 0 1px; padding-left: 10px; }
#topbar #searchform #searchsubmit { border: none; width: 38px; height: 20px; background: url('images/button.png') 0 0 no-repeat; }
#topbar #feedlink a { background: url('images/feed.gif') 0 0 no-repeat; padding: 2px 0 2px 26px; }
#topbar #englishlink a { background: url('images/usa.png') center left no-repeat; padding: 2px 0 2px 26px; }
#topbar #portugueselink a { background: url('images/brazil.png') center left no-repeat; padding: 2px 0 2px 26px; }

#content a img { border-width: 1px; border-style: solid; padding: 4px; }
.post .dtstart { background: url('images/date.png') center left no-repeat; padding-left: 20px; border: 0; }
.post .taxonomy { background: url('images/tag.png') center left no-repeat; padding-left: 20px; border: 0; margin-top: 2px; }
#comments ul li { list-style-type: none; }
#comments ul li ul li { list-style-type: circle; }
#comments .inputtext,
#comments textarea { border-width: 2px; border-style: solid; }

#sidebar { border-style: dotted; border-width: 0 0 0 1px; }
#sidebar li { list-style-type: none; }
#sidebar li li { list-style-type: disc; }

#navbar { border-style: dotted; border-width: 1px 0 0 0; }
#ontheweb li { border-style: solid; border-width: 1px 0 0 0; }

#ontheweb a.rsswidget img { padding: 14px 14px 0 0; width: 0; height: 0; overflow: hidden; background: transparent url('images/rss.gif') 0 0 no-repeat !important; }
#ontheweb:hover a.rsswidget img { background-position: 0 -16px !important; }
#ontheweb div:hover a.rsswidget img { background-position: 0 0 !important; }


/* TMP */


/* CLASSES */
.aligncenter, .center { text-align: center; }