/**
 * www.gomah.fr
 * GREEN Color
 */
 
 html { overflow-y: scroll; height: 100%; margin-bottom: 0.1em; }
* { padding: 0px; margin: 0px; }
img { border: 0px; }
div.clear { clear: both; margin: 0px; padding: 0px; }
hr { display: none; }
ul { list-style-image:none; list-style-position:outside; list-style-type:none; }

/* Tables */
table { border: 0px solid #7c726a; border-width: 0px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #7c726a; }
th, td { padding: 5px 3px; }

/* Body */
body { background: #4b3c31 url(images/bg.png) repeat-x top; color: #dbd7cc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
div#page { width: 998px; margin: 4px auto; }
 
a:link, a:visited, a:active { color: #00dbc2; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Top Bar */
div.blogurl { position: absolute; top: -2px; padding-left: 4px; float: left; color: #675546; font-size: 16px; font-weight: bold }

.topbuttons { position: relative; float: right; line-height: 1; width: 66px; margin-right: 2px; margin-top: 8px; top: -30px; }
.topbuttons, .topbuttons * { list-style: none; }
.topbuttons li { float: left; padding: 0; position: relative; }
.topbuttons ul li { width: 100%; }
.topbuttons a { display: block; position: relative; height: 22px; width: 22px; }
a.delicious { background: url(./images/buttons.png) 0px 0px; text-indent: -9000px; display: block; width: 22px; height: 22px; float: left; }
a.delicious:hover { background: url(./images/buttons.png) 0px -22px; }
a.twitter { background: url(./images/buttons.png) -22px 0px; text-indent: -9000px; display: block; width: 22px; height: 22px; float: left; }
a.twitter:hover { background: url(./images/buttons.png) -22px -22px; }
a.rss { background: url(./images/buttons.png) -44px 0px; text-indent: -9000px; display: block; width: 22px; height: 22px; float: left; }
a.rss:hover { background: url(./images/buttons.png) -44px -22px; }

/* Header */
div#header { width: 998px; height: 104px; background: url(./images/header_bg_green.png) repeat-x top; position: relative; top: 32px; left: 0px; }
div.logo { position: relative; top: 12px; left: 16px; height: 50px; width: 400px; }
div.logo a { color: #FFFFFF !important; font-size: 24px; font-weight: bold; text-decoration: none; line-height: 38px; text-shadow:1px 1px 1px #2c241d; }
div.description { color: #FFFFFF; font-size: 11px; font-weight: bold; line-height: 4px; text-shadow:1px 1px 1px #2c241d; }

/* Menu */
.nav { position: relative; float: left; line-height: 1; width: 730px; margin-left: 5px; top: 15px; }
.nav, .nav * { list-style: none; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }
.nav a { display: block; position: relative; padding: 10px 8px; color: #fff; font-size: 14px; font-weight: bold; text-shadow:1px 1px 1px #2c241d; }
.nav li:hover ul, .nav li.nav-hover ul { background: #00ccb4; }
.nav a:hover { text-decoration: none; }
.nav li:hover, .nav li.nav-hover, .nav a:focus { background: url(./images/topmenu_hover_green.png) repeat-x top; }

/* Don't Touch */
.nav ul { position: absolute; top: -9999em; width: 14em; }
.nav li:hover ul, .nav li.nav-hover ul { left: -1px; top: 29px; z-index: 99; }
.nav li:hover li ul, .nav li.nav-hover li ul, .nav li li:hover li ul, .nav li li.nav-hover li ul, .nav li li li:hover li ul, .nav li li li.nav-hover li ul { top: -999em; }
.nav li li:hover ul, .nav li li.nav-hover ul, .nav li li li:hover ul, .nav li li li.nav-hover ul, .nav li li li li:hover ul, .nav li li li li.nav-hover ul { left: 14em; top: 0px; }
.nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

div#container { min-height: 1185px; position: relative; top: 42px; width: 998px; background: url(./images/container_bg.png) no-repeat top; display: block; }

/* Sidebar */
div#sidebar { display: block; width: 198px; position: relative; float: left; padding: 16px 12px 32px 4px; }
div#sidebar h2.widgettitle { font-size: 14px; color: #FFFFFF; margin: 0px; background: url(./images/eye_green.png) no-repeat left; padding-left: 16px; display: block; width: 182px; font-weight: bold; margin-top: 16px; margin-bottom: 4px; text-align: left; line-height: 29px; }
div#sidebar h2.widgettitle a { color: #FFFFFF !important; text-decoration: none; }
div#sidebar h2.widgettitle a:hover { color: #00dbc2 !important; }
div#sidebar ul { list-style: inside decimal; display: block; width: 182px; margin-left: 16px; }
div#sidebar ul li { font-size: 11px; padding-bottom: 4px; padding-top: 4px; border-bottom: 1px solid #7c726a; }
div#sidebar div.textwidget { margin-left: 16px; font-size: 11px; padding-bottom: 4px; padding-top: 4px; }
div#sidebar div.textwidget ul { margin-left: 0px; }

/* WP-Cumulus */
div#wp-cumulus { margin-left: 16px; }

/* Search */
div.widget_search { display: block; width: 186px; height: 25px; margin-left: 8px; }
div.widget_search input#s { background: #FFF url(./images/searchfield_bg.png) no-repeat; border: 0px; display: block; float: left; height: 17px; width: 150px; padding: 4px; color: #2c241d; position:relative; }
div.widget_search input#submit { background: #FFF url(./images/searchbutton_bg.png) no-repeat; width: 28px; height: 25px; display: block; float: right; border: 0px; text-indent: -9000px; position: relative; }

/* Tag Cloud */
.widget_tag_cloud .widgettitle { display: none !important; }
div#tag_cloud, .widget_tag_cloud { display: block; width: 186px; margin-left: 12px; text-align: center; margin-top: 12px; }
div#tag_cloud a, .widget_tag_cloud a { color: #FFF; text-decoration: none; }
div#tag_cloud a:hover , .widget_tag_cloud a:hover { color: #00dbc2; }

/* FlickrRSS */
div#flickrrss { text-align: right; }
div#flickrrss a img { border: 4px solid #675546; margin-left: 16px; margin-top: 8px; margin-bottom: 8px; display: inline; text-align: right; }
div#flickrrss a:hover img { border: 4px solid #2c241d; }

/* Blogbar */
div#blogbar { display: block; width: 148px; top: -6px; position: relative; float: left; background: #dbd7cc url(./images/blogbar_bg.png) repeat-y; }
div#blogbar div.top { display: block; width: 148px; height: 11px; background: #dbd7cc url(./images/blogbar_topbottom.png) no-repeat top; font-size: 1pt; }
div#blogbar div.bottom { display: block; width: 148px; height: 11px; background: #dbd7cc url(./images/blogbar_topbottom.png) no-repeat bottom; font-size: 1pt; }
div#blogbar h2 { color: #4b3c31; font-size: 13px; font-weight: bold; background: url(./images/bullet_green.png) no-repeat; padding-left: 16px; margin-left: 4px; display: block; width: 120px; margin-top: 8px; }

div#blogbar ul { width: 140px; margin: 0px auto; margin-bottom: 16px; margin-top: 4px; }
div#blogbar ul li { margin: 6px 16px; font-size: 11px; color: #4b3c31; }
div#blogbar ul li a { color: #4b3c31; font-size: 11px; text-decoration: none; }
div#blogbar ul li a:hover { text-decoration: underline; }
div#blogbar div.textwidget { margin: 4px 20px; color: #4b3c31; font-size: 11px; }
div#blogbar ul.children { list-style: inside disc; margin: 0px !important; }
div#blogbar ul.children ul.children { list-style: inside circle; margin: 0px !important; }
div#blogbar ul.children li { margin: 4px 4px !important;}

/* Content */
div#content { font-size: 12px; width: 476px; margin-top: 30px; margin-left: 12px; position: relative; float: left; display: block; }
div.page { background: url(./images/page_green.png) no-repeat; display: block; width: 42px; height: 42px;float: left; margin-top: 2px; }
h1.title_page { display: block; width: 410px; float: left; padding: 2px 0px 6px 8px; }
h1.title_page a { color: #FFFFFF; text-decoration: none; font-size: 22px; font-weight: normal; line-height: 42px; }
h1.title_page a:hover { color: #00dbc2; text-decoration: none; }

/* Date */
div.date { background: url(./images/date_green.png) no-repeat; display: block; width: 42px; height: 42px; color: #FFFFFF; float: left; text-align: center; margin-top: 2px; }
div.date h1 { display: block; font-size: 16px; font-weight: bold; padding-top: 4px; }
div.date small { display: block; text-transform: lowercase; font-size: 9px; line-height: 9px; font-family: Arial, Helvetica, sans-serif; }
h1.title { display: block; width: 410px; float: left; padding: 2px 0px 2px 8px; }
h1.title a { color: #FFFFFF; text-decoration: none; font-size: 22px; font-weight: normal; }
h1.title a:hover { color: #00dbc2; text-decoration: none; }
p.categories { color: #ab9c8f; font-size: 11px; line-height: 12px; padding-left: 50px; }
span.comments { background: url(./images/comments_brw.png) no-repeat left; padding-left: 18px; }

/* The Post */
.entry { display: block; font-size: 13px; margin-left: 4px; width: 476px; padding-top: 8px; margin-bottom: 32px; }
.entry a { color: #00dbc2; text-decoration: none; }
.entry a:hover { text-decoration: underline; }
.entry p { line-height: 1.4em; margin: 16px 0px; }

.entry ol, .entry ul { padding: 0px 0px; margin: 0px; border-left: 4px solid #DBD7CC; }
.entry ol li, .entry ul li { padding: 2px 0px 2px 8px; font-size: 12px; line-height: 15px; color: #DBD7CC; list-style-position: inside; }
.entry blockquote { padding: 10px; margin: 0px; background: #665547; font-style: italic; }
.entry blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px; }
.entry blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px; }

.entry p img { width: expression(this.width > 448 ? "448px" : this.width); }
.entry img { border: 4px solid #2c241d; margin: 0px auto; }
p.wp-caption-text { margin: 0px !important; font-size: 11px; text-align: center; }

.postmetadata { color: #ab9c8f; font-size: 11px; margin-left: 4px; margin-bottom: 16px; display: block; width: 476px; border-top: 1px solid #675546; border-bottom: 1px solid #675546; padding: 8px 0px; }

/* Sociable */
div.sociable { height: 32px; display: block; }
div.sociable ul { display: inline; width: 100%; border: 0px !important; }
div.sociable ul li { float: left; }

/* Comments */
div#comments { margin-left: 4px; display: block; width: 476px; }
h3#comments, h3#respond{ padding-top: 16px; }
ol.commentlist { list-style: none; border-top: 2px solid #2c241d; border-bottom: 2px solid #2c241d; padding: 16px 0px; margin: 8px 0px; }
ol.commentlist li { margin-bottom: 24px; }
ol.commentlist li img.avatar { border: 4px solid #675546; float: right; }
ol.commentlist li span { font-size: 16px; font-weight: bold; }
ol.commentlist li p.commenttext { border-top: 1px solid #675546; margin-top: 0px; padding-top: 8px; }
ol.commentlist li p { margin: 8px 0px; }

#commentform p { margin: 5px 0;	}
#commentform input, div.entry input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border:1px solid #FFF; }
#commentform textarea, div.entry textarea {	width: 470px; padding: 2px; border:1px solid #FFF; margin-top: 4px; }
#commentform #submit, .submitformbutton { margin: 0px; float: right; color:#FFFFFF; background-color: #2c241d; border:1px solid #2c241d; }
button { margin: 0px; float: right; color:#FFFFFF; background-color: #2c241d; border:1px solid #2c241d; }

/* Navigation */
div.navigation { margin-left: 4px; display: block; width: 476px; float: left; margin-bottom: 20px; }
div.alignleft a { background: #00dbc2 url(./images/prevnext_green.png) no-repeat top left; width: 112px; float: left; display: block; color: #FFFFFF; text-decoration: none; text-align: center; font-size: 11px; padding: 5px 0px; }
div.alignright a { background: #00dbc2 url(./images/prevnext_green.png) no-repeat top right; width: 112px; float: right; display: block; }
div.alignleft a, div.alignright a { color: #FFF !important; text-decoration: none; text-align: center; font-size: 11px; padding: 5px 0px; }
div.alignleft a:hover, div.alignright a:hover { text-decoration: underline; }

/* WP-PageNavi */
div.wp-pagenavi span.pages, div.wp-pagenavi span.extend { border: 0px; background-color: #4b3c31; color: #dbd7cc; font-size: 12px; font-weight: bold; margin: 0px 8px; padding: 0px; }
div.wp-pagenavi span.current { border: 0px; background-color: #00ccb4; padding: 4px 10px; color: #FFF; }
div.wp-pagenavi a, div.wp-pagenavi a:link, div.wp-pagenavi a:visited { border: 0px; background-color: #00dbc2; padding: 4px 10px; color: #FFF; text-decoration: none; }
div.wp-pagenavi a:hover { text-decoration: underline; }

/* Footer */
div#footer { text-align: center; font-size: 11px; width: 768px; margin: 32px auto; display: block; padding: 32px 0px; }
div#footer a { text-decoration: none; color: #00dbc2; }
div#footer a:hover { text-decoration: underline; }

ol.cf-ol span { color: #AB9C8F; font-size: 11px; }