/*  
Theme Name: Godfrey
Theme URI: http://www.tgpo.org
Description: A classy gray and red theme with custom shaped content areas and bottom information areas. Traduction française par <a href="http://www.niss.fr/>(niss.fr)</a>
Version: 1.0
Author: tgpo
Author URI: http://www.tgpo.org

*/

* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

body { background: #fff; text-align: center; }

#header { background: url('images/topnav-bg.gif') top left repeat-x; height: 51px; }
#navcontainer { margin: 0 auto; text-align: right; width: 778px; }
#topnav { float: right; list-style: none; text-align: right; }
#header .page_item {  display: inline; font: 14px Arial, Helvetica, sans-serif; list-style: none; }
#header .page_item a { border: dotted #434343; border-width: 0 1px; color: #fff; display: block; float: left; height: 30px; padding: 21px 18px 0 18px; text-decoration: none; }
#header .page_item a:hover { background: url('images/topnav-bg-active.gif') top left repeat-x; border-top: 2px solid #c32116; padding: 19px 18px 0 18px; }

#page { margin: 16px auto; width: 778px }

#splash { background: url('images/splash.jpg') top left no-repeat; height: 86px; padding: 70px 0 0 27px; text-align: left; width: 751px; }
#splash h1, #splash h1 a { color: #fff; font: 45px Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
#splash .description { color: #fff; font: 14px Arial, Helvetica, sans-serif; }

.blurb { background: #e7e7e7; border: solid #ccc; border-width: 1px 0; margin: 30px 0; padding: 5px; text-align: left; width: 770px; }
.blurb p { color: #434343; font-size: 13px; }
.blurb .blurb-day, .blurb .blurb-year { color: #434343; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }
.blurb .blurb-month { color: #c32116; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }

.post-top { background: url('images/post-top.gif') top left no-repeat; margin: 30px 0; width: 778px; }
.post-bottom { background: url('images/post-bottom.gif') bottom left no-repeat; padding-bottom: 12px; width: 778px; }
.post-middle { background: url('images/post-middle.gif') top left no-repeat #d4d4d4; border: solid #bababa; border-width: 0 1px; min-height: 204px; padding: 0 0 5px 0; width: 776px; }
.post-date { display: block; height: 23px; padding: 5px 15px 0 0; text-align: right; }
.post-date .post-day, .post-date .post-year { color: #434343; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }
.post-date .post-month { color: #c32116; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }

.post-middle { color: #434343; text-align: left; }
.post-middle h2, .post-middle h2 a { color: #c32116; font-size: 18px; text-decoration: none; }
.post-middle small { font-size: 12px;  }
.post-middle small span { padding-right: 5px;  }
.post-middle small a { color: #c32116; text-decoration: none;  }
.post-middle .reply { background: url('images/reply-bg.png') bottom left no-repeat; display: block;  float: right; height: 24px; left: 5px; margin: 10px 0 10px 10px; padding-top: 13px; position: relative; text-align: right; width: 194px; }
.post-middle .reply a, .post-middle .reply p { color: #fff; font-size: 15px; font-weight: bold; padding: 0 15px 0 0;  text-decoration: none; } 
.post-middle .reply a:hover { text-decoration: underline; } 
.post-middle .post { padding: 0 20px; }
.post-middle .post .entry { margin-top: 10px; }
.post-middle .post p { font-size: 13px; padding: 0 5px; }
.post-middle .post em { color: #c32116; font-style: normal; font-size: 15px; font-weight: bold; }
.post-middle .post ol { font-size: 13px; list-style-position: inside; }
.post-middle .post ol li { padding: 5px; }

#digdeeper { background: url('images/digdeeper-bg.gif') top center no-repeat #dbdbdb; height: 175px; }
#lookcloser { background: url('images/lookcloser-bg.gif') top center no-repeat #444; height: 175px; }
.container { margin: 0 auto; width: 778px; }
.boxtitle { display: block; height: 23px; padding: 5px 0 0 0; text-align: right; }
.boxtitle .post-day { color: #434343; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }
.boxtitle .post-month { color: #c32116; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }

.box { display: block; float: left; font-size: 12px; margin-right: 35px; width: 236px; }
.last { margin-right: 0; }
.box ul{ list-style: none; text-align: left; }
#digdeeper .box h2 { border-bottom: 1px solid #434343; color: #434343; }
#lookcloser .box h2 { border-bottom: 1px solid #adadad; color: #adadad; }
.box h2 { font-size: 12px; font-weight: bold; margin-bottom: 5px; text-align: left; }
.box a { font-weight: bold; text-decoration: none; }
.box a:hover { border-bottom:1px dotted; }
#digdeeper .box a { color: #c32116; }
#lookcloser .box a { color: #fff; }
#digdeeper li { background:url('images/digdeeper-bullet.gif') 0 5px no-repeat; padding-left: 10px; }
.categories li{ background-image: none !important; float: left; margin-right: 5px; padding-left: 0 !important; }
.bold { font-weight: bold; }
#digdeeper .recent-day, #digdeeper .recent-year { color: #666; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }
#digdeeper .recent-month { color: #434343; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }

.music li { background:url('images/bullet-music.gif') 0 3px no-repeat; padding-left: 11px; }

#comments { text-align: left; }
#comments h3 { color: #c32116; font-size: 18px; margin: 10px 0; }
#comments label{ color: #434343; font-size: 14px; font-weight: bold; }
#comments small { color: #c32116; font-size: 11px; }
#comments em { color: #828282; font-size: 11px; font-weight: bold; }
#comments input { border: 1px solid #bababa; margin-bottom: 10px; }
#comments #commentform { height: 250px; }
#commentform p { color: #434343; font-size: 14px; }
#commentform p a { color:#C32116; text-decoration:none; }
#comments #who { display: block; float: left; width: 225px; }
#comments #what { display: block; float: left; width: 402px; }
#comments textarea { border: 1px solid #bababa; overflow: auto; width: 400px; }
#comments #submit { border: none; margin-top: 5px; float: right; }

.commentlist { list-style: none; }
.commentlist li { margin: 5px 0;padding: 7px; clear: both; min-height: 73px; }
.commentlist cite, .commentlist cite a { color: #434343; font-size: 14px; font-weight: bold; font-style: normal; }
.comment-date { color: #c32116; font-size: 11px; font-weight: bold; }
.commentlist p { color: #828282; font-size: 14px; margin-left: 5px; }
.commentlist .alt { background: #f6f6f6; border: 1px solid #d0d0d0; -moz-border-radius:5px; border-radius:5px; }
.foravatars { float: left; border: 1px solid #404040; margin: 5px 10px 5px 0; }

.page .post-top { padding-top: 28px; }

h3 a { color: #c32116; font-size: 14px; text-decoration: none;  }
.result { margin-bottom: 10px; padding: 10px; }
.entry .alt { background: #f6f6f6; border: 1px solid #d0d0d0; }
.entry form { font-size: 12px; margin-left: 5px; }
.entry p { margin-top: 7px; }
.entry a { color:#C32116; text-decoration:none; }
.entry .image { margin: 0 10px 10px 10px; }
.query { color: #434343; }

.navigation { display: block; height: 15px;  }
.navigation .alignleft { float: left; }
.navigation .alignleft a { background:url('images/btn.back.gif') 0 5px no-repeat; padding-left: 10px; }
.navigation .alignright { text-align: right; }
.navigation .alignright a { background:url('images/btn.next.gif') right 5px no-repeat; padding-right: 10px; }
.navigation a { color:#C32116; font-size: 12px; text-decoration:none; }

.postmetadata { clear: both; }
.postmetadata a { color:#C32116; font-weight: bold; text-decoration:none; }
}