html, body{padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Verdana, "Tw Cen MT"; position: relative; font-size: 95%}
body, #footer p, #footer p a {margin-bottom: 0; padding-bottom: 0;}
#header {position:relative;background: url("images/top_banner.png") bottom repeat-x;height: 140px;padding: 0; margin:0;}


#header ul {list-style: none; margin; padding: 0; padding: .8em 0 0 0; margin:0; float:left;}
#header ul li {display: inline; padding-left: 1em; padding-right: 2em; font-size: 1.4em; margin: 1em 0 0;}
#header ul li a { color:#000; text-decoration: none;}
#header h1 {position:absolute; top: 66px; left: 16px; background: url("images/logo2.gif"); width: 197px; height: 55px; text-indent: -9999px; margin: 0; padding:0;}
/*#header h1 {position: absolute; top:55px; left: 16px; color:#f1f1f1;}*/
blockquote object.video {margin:1em auto;display: block;}
#search * { margin: 0; padding: 0;}
#search {float: right; margin: 1em 1em 0 0; height: 29px;}
#search .searchfield {font-size: 110%; border: 2px solid #AAA; -moz-border-radius: .4em;}
#content{ width: 70%; margin: 2em 1.2em 5em 0; float: right;}
#sidebar { float: left; position: relative; left: 1.5em; width: 23%; margin-top: 2.3em; margin-bottom: 5em;}
#footer { clear: both; width: 95%; margin: 0 auto; padding: 1em; border-top: 1px solid #ccc; margin-bottom: 2em;}
#sidebar a#idfimg img {border: 2px solid #ECECEC;}
#breadcrumbs { background: #ECECEC; margin: 0 auto; padding: .6em; text-align: center; width: 99%;}
#breadcrumbs p {padding: 0; margin:0; color: #880000;}
#breadcrumbs a img {border: none;}
#content h2, #content h3{padding: 0 .1em; border-top: 0px; border-bottom: 1px solid #DDD; background-color: #FFF; color:#457; font-size: 2em; margin-bottom:0;}
#content h2 a {color:#457;}
#content h3 {color: #800; font-size: 1.5em;}
#content p { padding: 1em; line-height: 1.7em; font-size:1.1em;}
#content blockquote { border: 1px dashed #CCCCCC; background: #FFFFE5;}
#content blockquote p { line-height: 1.5em; font-size: 1.05em;}
#content blockquote h4 { font-size: 1.2em; padding: .3em 0 0 1em; color:#444; margin: 1em 0 -1em;}
#sidebar h3#suportIDF {border-bottom: 1px solid #CCC; margin-bottom: .5em; width: 85%; color: #333;}

#sidebar ul { list-style: none; padding-left: 0; margin-left: 2em; margin-top:0;}
#sidebar h3 { font-size: 1.5em; color: #666;  width: 68%; padding: 0; margin-bottom: 0;}
#sidebar ul li { margin-top: .3em;}

a {color: #003399; text-decoration: none;}
#content p a {font-size: 1.1em; text-decoration: none;}

#content .date { border-top: 2px dotted #DDD; margin-top: 2em; margin-bottom: 6em;}
#content p.date {padding-top: .5em;}

#footer p {float: left; margin-top: 0; font-size:1.1em;}
#footer ul {list-style:none; margin: 0; padding: 0; font-size: 1.1em;}
#footer ul li {display:inline; margin: 0 1em; float: right;}
#footer ul li a, #content .date a.comments-num, #content .date a.read-more{border: 2px solid #EEE; background: #F5F5F5; color: #333; padding: .1em .5em; font-size:1.1em;}
fieldset { background: #FAFAFA;}
textarea {width: 95%; height: 20em;}

.commentsbox {background-color: #EFEFEF;}
#content .commentsbox  h2 {background-color: #444466; color: White;}

div.comment {margin: .2em 0; background-color: #FAFAFA;}
#content .comment .date {border: none; padding: .7em; font-size: 1.2em; background-color: #F1F1F1; color: #999; margin-bottom: 0; color: #224; font-weight: bold;}
#content .comment .date a {font-size: 1.1em; color: #333355; font-weight: bold; text-decoration: none;}

#sidebar h3#categories {background: url("images/categories.gif") no-repeat; width: 180px; height:45px; text-indent: -9999px;}

#sidebar h3#newarticles {background: url("images/newarticles.gif") no-repeat; width: 180px; height:45px; text-indent: -9999px; margin-top: 3em; margin-left: .3em;}

#sidebar h3#wklyverse {background: url("images/verse.gif") no-repeat; width: 180px; height:45px; text-indent: -9999px; margin-top: 3em; margin-left: .3em;}

#sidebar h3#links {background: url("images/links.gif") no-repeat; width: 180px; height:55px; text-indent: -9999px; margin-top: 3em; margin-left: .3em;}
#sidebar ul#rec-links {margin-left: 2.5em; margin-top: 1em; width: 70%}
#sidebar ul#rec-links li a {font-weight:bold;}
#sidebar ul#new-art li {margin-top: .6em; border-bottom: 1px solid #F4F4F4;}

#page-h4, #art-h4, .archive-month { font-size: 1.6em; color: #993333; margin-bottom: .6em; margin-left: .7em}
.site-map, .site-map2 {list-style: none; margin-left: 0; padding-left: 3em; padding-top:0; margin-top: 0;}
.site-map li {font-size: 1.1em;}
.site-map2 {padding-left: 3em; }
.cat-h5 {margin-left: 1.5em; margin-bottom: .8em; font-size: 1em; }
.cat-h5 a {color: #444477;}



#content .date a { margin: 0 .5em 0 0; text-decoration: none;}

#about-me {margin-top: 1em; font-size: .8em;}
#about-me strong {color: #772222; font-size: 1.2em;}
#about-me p { margin: 0; padding: .5em;}

div.youtubevid {margin: 0 auto; width:425px; border: 10px solid #F5F5F5;}
#sidebar h5#verse {color: #884444; font-size: 1.3em; margin-left: 1em; margin-bottom: 0; margin-top: .8em;}
#sidebar p#pverse {margin-left: 1em; width: 85%; margin-top: .5em; background: #F9F9F9; padding: .5em;}
#sidebar h5#verse a {color: inherit;}
#content ul {margin-left: 15%; margin-top: 2em; padding-left: 0; }

div.playerwrapper {padding: 5px; background:#E5E5E5; width: 200px; margin-left: 1em;}
div.playerwrapper2 {padding: 5px; background: #333; width: 196px; margin-left: 1em; border: 4px solid #CCC;}
#sidebar div.playerwrapper2 h3 {margin-top: 0; color: #FFF; margin-bottom: .2em;}

#not-found {font-size: 1.5em; color: #222255;}

.button {border: 1px solid #333; background-color: #E5E5E5; margin: 2px; padding: 2px 4px;}
.button:hover {background-color: #EEE;}