/* 
	Theme Name: Grid Seven
	Description: Grid-Based-Compact-Magazine-Style Dotclear 2 Theme.
	Version: 1.1
	Author: David Yim
	Author URI: http://davidyim.fr/

	Compatibility : tested successfully under browsers : IE6, IE7, Firefox (version 2.0.0.11), Safari (public beta 3), and Opera (version 9.24)
	W3C Compliant.

	Thanks to : Khoi Vinh, Wilson Miner and Eston Bond for inspiration.
	           (david, december 09, 2007)
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, * {
margin : 0;
padding : 0;
border : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
body {
color : #333;
background : #e8e8e6;
text-align : center;
padding : 20px 0;
font : 0.8em Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
line-height : 1.4em;
}
p {
margin : 0;
padding : 0 0 10px 0;
text-align : left;
line-height : 2em;
}
li {
list-style : none;
}
a, a:visited {
color : #701214;
text-decoration : underline;
outline : 0;
}
a:hover {
text-decoration : none;
}
code {
font-family : Monospace, 'Courier New', Courier;
}
pre {
width : 100%;
overflow : auto;
font-family : Monospace, 'Courier new', Courier;
background : #fff;
border : 1px solid #dadada;
}
abbr, acronym {
border-bottom : 1px dashed;
cursor : help;
}
em, q {
font-style : italic;
}
strong {
font-weight : bold;
}
#page {
position : relative;
width : 960px;
margin : 0 auto;
padding : 0 20px 20px 20px;
background : #f8f8f6;
text-align : left;
}

/* Header */

#top {
height : 160px;
padding : 0;
margin : 0 0 20px;
position : relative;
border-bottom : 1px solid #888888;
}
#top h1 {
max-width : 700px;
position : absolute;
top : 45px;
left : 0;
font-size : 1.6em;
}
#top h1 a {
color : #701214;
text-decoration : none;
}
#top h1 a:hover {
padding-right : 25px;
color : #98181b;
background : url('img/icon_home.gif') no-repeat right 6px;
}
#blogdesc {
padding : 0;
max-width : 700px;
position : absolute;
top : 70px;
left : 2px;
font-size : 0.85em;
}
#prelude {
display : block;
width : 100%;
height : 20px;
margin : 0;
padding : 2px 0 4px 0;
position : absolute;
top : 0;
left : 0;
color : #cccccc;
text-transform : lowercase;
border-bottom : 1px solid #ddd;
font-size : 0.85em;
}
#prelude a, #prelude a:visited {
color : #ccc;
text-decoration : none;
}
#prelude a:hover {
color : #666666;
}

/* Custom wrapper's font-size */

#font-size-custom {
position : absolute;
top : 2px;
left : 500px;
}
#font-size-custom ul li {
display : inline;
}
#font-size-custom li {
display : block;
width : 16px;
height : 16px;
margin : 0;
padding : 0;
float : left;
overflow : hidden;
}
#font-size-custom li a {
display : block;
width : 100%;
height : 100%;
margin : 0;
padding : 0;
text-indent : -1000em;
}
#font-size-custom li a#smaller {
background : url('img/font_small.gif') no-repeat left 7px;
}
#font-size-custom li a#normal {
background : url('img/font_normal.gif') no-repeat left 5px;
}
#font-size-custom li a#bigger {
background : url('img/font_big.gif') no-repeat left 3px;
}

/* Global Navigation */

#global-nav {
width : 100%;
padding : 0;
height : 40px;
position : absolute;
bottom : 2px;
left : 0;
background : #5f0f11;
}
#global-nav ul li {
display : inline;
}
#global-nav li {
display : block;
float : left;
width : 99px;
height : 40px;
text-align : left;
overflow : hidden;
border-right : 1px solid #666666;
}
#global-nav li a, #global-nav li a:visited {
display : block;
margin : 0;
padding : 7px 0 0 10px;
width : 100%;
height : 100%;
color : #cccccc;
font-size : 0.8em;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
}
#global-nav li a:hover {
background : #701214;
}
#global-nav li span {
font-weight : normal;
text-transform : lowercase;
}
#global-nav li#rss, #global-nav li#rss-comments {
float : right;
border-left : 1px solid #666;
border-right : none;
}
#global-nav li .sub-nav {
position : absolute;
top : 40px;
}
#global-nav li .sub-nav li {
display : none;
height : 20px;
text-transform : lowercase;
border-color : #f8f8f6;
border-top : 1px solid #f8f8f6;
}
#global-nav li .sub-nav li a {
background : #555555;
text-transform : lowercase;
padding : 3px 0 0 10px;
}
#global-nav li .sub-nav li a:hover {
background : #333333;
}
#global-nav li:hover > .sub-nav li {
display : block;
}

/* Main Content */

#wrapper {
	clear:both;
}

#main {
width : 100%;
margin : 0;
padding : 0;
/*float : left;*/
}
#content {
margin : 0;
padding : 0;
}
#latest-post {
margin : 0;
padding : 5px 0;
text-transform : uppercase;
color : #666;
font-size : 0.85em;
border : 1px solid #ccc;
border-width : 1px 0;
}
.read-it {
padding : 0 0 20px 0;
text-transform : lowercase;
}
.read-it a {
font-size : 0.85em;
font-weight : bold;
}
.postoddfirst {
position : relative;
margin : 0;
padding : 0;
}
.postoddfirst .post-date {
display : none;
}
.postoddfirst .post-title {
padding : 20px 0 10px;
}
.postoddfirst .post-title a, .postoddfirst .post-title a:visited {
text-decoration : none;
color : #444;
font-size : 1.8em;
}
.postoddfirst .post-info {
font-size : 0.85em;
font-weight : bold;
}
.postoddfirst .post-info a {
color : #701214;
}
.postoddfirst .post-info-co {
text-align : right;
}
.postoddfirst .post-info-co a {
margin-left : 5px;
font-size : 0.85em;
}
.postoddfirst .post-info-co a.comment_count {
padding-left : 22px;
background : url('img/icon_comment.png') no-repeat left center;
}
.postoddfirst .post-info-co a.ping_count {
padding-left : 22px;
background : url('img/icon_ping.png') no-repeat left bottom;
}
.postoddfirst .post-info-co a.attach_count {
padding-left : 22px;
background : url('img/icon_attach.png') no-repeat left center;
}
.postoddfirst .read-it {
float : left;
}
.postoddfirst:after {
content : 'Previous entries';
display : block;
clear : both;
border-top : 1px solid #ccc;
margin : 0;
padding : 5px 0 5px 0;
text-align : left;
text-transform : uppercase;
font-size : 0.85em;
font-weight : bold;
color : #666;
}
#pagefirst .postoddfirst {
margin : 0;
padding : 0;
position : relative;
border-top : 1px solid #ccc;
}
#pagefirst .postoddfirst .post-date {
display : block;
width : 100px;
position : absolute;
left : 0;
padding : 20px 0 10px;
font-size : 0.85em;
font-weight : bold;
color : #444;
border-bottom : 1px solid #ccc;
}
#pagefirst .postoddfirst .post-date span {
display : block;
text-align : center;
}
#pagefirst .postoddfirst .post-date .day-date {
font-size : 2em;
}
#pagefirst .postoddfirst .post-date .month-date {
font-size : 1.6em;
}
#pagefirst .postoddfirst .post-date .year-date {
font-size : 1em;
}
#pagefirst .postoddfirst .post-title {
margin : 0 0 0 120px;
padding : 20px 0 10px;
}
#pagefirst .postoddfirst .post-title a, #pagefirst .postodd .post-title a:visited {
font-size : 1.4em;
color : #444;
}
#pagefirst .postoddfirst .post-info {
margin : 0 0 0 120px;
font-size : 0.85em;
font-weight : bold;
}
#pagefirst .postoddfirst .post-content {
margin : 0 0 0 120px;
padding : 0;
}
#pagefirst .postoddfirst .post-info-co {
width : 100px;
position : absolute;
top : 95px;
left : 0;
text-align : right;
}
#pagefirst .postoddfirst .post-info-co a {
width : 100px;
margin : 0;
padding : 5px 0;
float : left;
border-bottom : 1px solid #ccc;
color : #333;
font-size : 0.85em;
text-decoration : none;
}
#pagefirst .postoddfirst .post-info-co a.comment_count, #pagefirst .postoddfirst .post-info-co a.ping_count, #pagefirst .postoddfirst .post-info-co a.attach_count {
padding-left : 0;
background : transparent;
}
#pagefirst .postoddfirst .read-it {
margin : 0 0 0 120px;
float : none;
}
#pagefirst .postoddfirst:after {
display : none;
}

.postodd {
margin : 0;
padding : 0;
position : relative;
border-top : 1px solid #ccc;
clear : both;
}
.postodd .post-date {
display : block;
width : 100px;
position : absolute;
left : 0;
padding : 20px 0 10px;
font-size : 0.85em;
font-weight : bold;
color : #444;
border-bottom : 1px solid #ccc;
}
.postodd .post-date span {
display : block;
text-align : center;
}
.postodd .post-date .day-date {
font-size : 2em;
}
.postodd .post-date .month-date {
font-size : 1.6em;
}
.postodd .post-date .year-date {
font-size : 1em;
}
.postodd .post-title {
margin : 0 0 0 120px;
padding : 20px 0 10px;
}
.postodd .post-title a, .postodd .post-title a:visited {
font-size : 1.4em;
color : #444;
}
.postodd .post-info {
margin : 0 0 0 120px;
font-size : 0.85em;
font-weight : bold;
}
.postodd .post-content {
margin : 0 0 0 120px;
padding : 0;
}
.postodd .post-info-co {
width : 100px;
position : absolute;
top : 95px;
left : 0;
text-align : right;
}
.postodd .post-info-co a {
width : 100px;
padding : 5px 0;
float : left;
border-bottom : 1px solid #ccc;
color : #333;
font-size : 0.85em;
text-decoration : none;
}
.postodd .read-it {
margin : 0 0 0 120px;
}
.pagination {
display : block;
/*max-width : 700px;*/
margin : 20px 0 0;
padding : 2px 0;
color : #666;
border : 1px solid #ccc;
text-align : center;
border-width : 1px 0;
font-size : 0.85em;
clear : both;
}
.pagination a {
text-decoration : none;
}
.pagination a:hover {
text-decoration : underline;
}

/* Sidebar */

#sidebar {
	margin-top: 20px;
width : 100%;
padding : 0;
/*float : right;*/
clear:both;
font-size : 0.85em;
}
#sidebar h2 {
margin : 0 0 10px 0;
padding : 5px 0;
text-transform : uppercase; 
color : #666;
font-size : 1em;
border : 1px solid #ccc;
border-width : 1px 0;
color : #666;
}
#sidebar h3 {
padding : 0 0 5px;
color : #666;
text-decoration : underline;
}
#sidebar ul {
padding : 0 0 10px;
}
#sidebar li {
padding : 5px 0;
}
#sidebar .lastposts, #sidebar .lastcomments, #sidebar .selected, #sidebar .categories, #sidebar .syndicate, #sidebar .feed, #sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text, #sidebar #calendar {
margin : 0 0 20px;
}

/* Sidebar LINKS */

#sidebar .links {
	clear: right;
	float: right;
	width: 470px;
}

#sidebar .links li {
margin-bottom : 4px;
background : url('img/icon_arrow.gif') no-repeat right center;
border-right : 2px solid #ccc;
border-bottom : 1px solid #ccc;
}
#sidebar .links li a {
color : #666;
text-decoration : none;
}
#sidebar .links li a:hover {
text-decoration : underline;
}

/* Sidebar CALENDAR */

#sidebar #calendar h2 {
display : none;
}
#sidebar #calendar table {
width : 100%;
padding : 5px 0 0;
text-align : center;
background : #eee;
}
#sidebar #calendar caption {
margin : 0;
padding : 5px 0;
text-transform : uppercase;
text-align : center;
color : #fff;
font-size : 1em;
font-weight : bold;
background : #444;
}
#sidebar #calendar th {
font-weight : bold;
padding : 5px 0;
text-transform : uppercase;
text-decoration : underline;
}
#sidebar #calendar td {
padding : 3px 0;
}

/* Quick nav */
#quick-nav {
	display:none;
	width:960px;
	margin-bottom: 20px;
}

#quick-nav > div {
	width:310px;
}

#quick-nav h2 {
	text-transform: uppercase;
}

/* Sidebar CATEGORY */

#quick-nav .categories {
	float:left;
}

#quick-nav .categories li {
margin : 0 0 1px;
padding : 0;
}
#quick-nav .categories li {
display : block;
padding : 5px 0;
border-bottom : 1px solid #ddd;
color : #666;
}
#quick-nav .categories li a {
color : #666;
}
#quick-nav .categories li a:hover {
color : #333;
}

/* Sidebar LAST POSTS */

#quick-nav .lastposts {
	float:left;
	margin-left: 15px;
}

#quick-nav .lastposts li {
margin : 0 0 1px;
	padding : 5px 0 5px 20px;
background : url('img/icon_permalink.gif') no-repeat left center;
border-bottom : 1px solid #ddd;
}
#quick-nav .lastposts li a {
color : #999;
}

/* Sidebar LAST COMMENTS */

#quick-nav .lastcomments {
	float:right;
}

#quick-nav .lastcomments li {
margin : 0 0 1px;
	padding : 5px 0 5px 20px;
background : url('img/icon_comment.gif') no-repeat left center;
border-bottom : 1px solid #ddd;
}
#quick-nav .lastcomments li a {
color : #999;
}

.block-breaker {
	clear:both;
	background-color: red;
}

/* Sidebar TOPNAV */

#topnav {
padding : 0;
position : absolute;
top : 7px;
left: 740px;
width : 240px;
}
#topnav ul {
float : right;
}
#topnav li {
display : inline;
color : #ccc;
}
#topnav li a {
color : #ccc;
text-transform : lowercase;
text-decoration : none;
}
#topnav li a:hover {
color : #666;
}

/* Sidebar SEARCH */

#search {
width : 230px;
margin : 0;
padding : 12px 0 5px 10px;
background : #eee;
position : absolute;
top : 40px;
left: 740px;
}
#search h2 {
border : none;
padding : 0 0 4px 0;
margin : 0;
font-size : 0.8em;
color : #aaa;
}
#search #q {
float : left;
background : #fff;
margin : 0;
padding : 2px;
width : 185px;
border : 1px solid #c8c8c6;
border-width : 1px 0 0 1px;
}
#search .submit {
color : #888;
background : transparent;
font-weight : bold;
padding : 0 0 0 5px;
text-transform : uppercase;
}

/* Sidebar TAGS */

#sidebar .tags li {
padding : 0 5px 0 0;
display : inline;
line-height : 2.2em;
color : #701214;
}
.tag0 {
font-size : 75%;
}
.tag10 {
font-size : 80%;
}
.tag20 {
font-size : 90%;
}
.tag30 {
font-size : 100%;
}
.tag40 {
font-size : 110%;
}
.tag50 {
font-size : 120%;
}
.tag60 {
font-size : 140%;
}
.tag70 {
font-size : 150%;
}
.tag80 {
font-size : 160%;
}
.tag90 {
font-size : 170%;
}
.tag100 {
font-size : 180%;
}
#sidebar .tags p strong a {
text-decoration : none;
border-bottom : 1px dotted;
}
#sidebar .tags p strong a:hover {
border-bottom : 1px solid;
}

/* Sidebar FEED */

#sidebar .feed li {
padding-left : 20px;
background : url('img/icon_feed.gif') no-repeat left 7px;
}

/* Sidebar SYNDICATE */

#sidebar .syndicate li {
padding-left : 20px;
background : url('img/icon_syndicate.gif') no-repeat left 7px;
}
#sidebar .feed li a, #sidebar .syndicate li a {
color : #666;
}

/* Sidebar SELECTED */

#sidebar .selected li {
padding : 5px 25px 5px 0;
background : url('img/icon_bullet.gif') no-repeat 225px center;
border-bottom : 1px solid #ddd;
}
#sidebar .selected li a {
color : #666;
text-decoration : none;
}
#sidebar .selected li a:hover {
color : #701214;
}

/* BROWSE PAGES : Search, Category, Tags */

#content-info {
margin : 0 0 20px 0;
}
#content-info h2 {
font-size : 1.4em;
color : #444;
}
#content-info p {
font-size : 0.9em;
}
#content-info a.feed {
display : block;
padding-left : 20px;
background : url('img/icon_syndicate.gif') no-repeat left center;
color : #444;
font-size : 1em;
}
.content-inner {
margin : 0 0 80px;
}
.content-inner ul.tags li {
display : inline;
line-height : 2.2em;
}
.content-inner ul.tags li a:hover {
background : #701214;
color : #fff;
}

/* Navlinks */

#navlinks {
margin : 0 0 20px 0;
padding : 1px 0 2px 0;
border : 1px solid #ccc;
border-width : 1px 0;
font-size : 0.85em;
text-align : center;
background : transparent;
}
#navlinks a {
color : #333;
text-decoration : none;
}
#navlinks a:hover {
color : #333;
text-decoration : underline;
}

/* TABS (selected posts on homepage) */

#featured {
display: none;
width : 700px;
margin : 0;
margin-top: 20px;
padding : 0 0 0;
position : relative;
/*clear : both;*/
}
#featured .main-title {
width : 340px;
margin : 0;
padding : 5px 0;
text-transform : uppercase;
color : #666;
font-size : 0.85em;
border : 1px solid #ccc;
border-width : 1px 0;
}
#featured .post-feature {
width : 340px;
margin : 0;
padding : 20px 0;
float : right;
clear : right;
}
#featured .post-featureodd {
width : 340px;
margin : 0;
padding : 20px 0;
float : left;
clear : left;
}
#featured .post-title {
margin : 0;
padding : 0;
}
#featured .post-title a, #featured .post-title a:visited {
text-decoration : none;
font-size : 1.25em;
color : #666;
}
#featured .post-info {
font-size : 0.85em;
}
#featured .read-it {
padding : 0;
}
#all-feature .post-feature, #all-feature .post-featureodd {
border-bottom : 1px solid #ccc;
}
#all-feature .post-info {
padding : 0;
}

/* Link to page's top */

a.go-to-top, a:visited.go-to-top {
margin : 20px 0;
margin-right: 80px;
padding : 8px 30px 10px 40px;
font-size : 0.85em;
text-decoration : none;
color : #aaa;
display : block;
width : 890px;
background : url('img/icon_arrow-top.gif') no-repeat 20px center;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
outline : 0;
}

/* Footer */

#footer {
margin : 0;
padding : 40px 0 2px;
clear : both;
border-bottom : 1px solid #ccc;
}

/* Footer (your adds should be here) */

#footer p#footer-info {
margin : 0;
padding : 10px 20px 10px 20px;
color : #888;
font-size : 0.8em;
clear : both;
background : #e8e8e6;
text-align : right;
}
#footer p#footer-info a {
color : #888;
text-decoration : none;
border-bottom : 1px dotted;
}
#footer p#footer-info a:hover {
border-bottom : 1px solid;
}
#footer p#footer-info a#powered {
padding : 5px 0 5px 0;
border : none;
}

/* Footer (Thanks to Dotclear 2 !) */

#footer p#credits {
display : block;
width : 9px;
height : 241px;
margin : 0;
padding : 0;
position : absolute;
right : -15px;
bottom : 20px;
overflow : hidden;
}
#footer p#credits a {
display : block;
width : 100%;
height : 100%;
text-indent : -1000em;
background : url('img/credits.png') no-repeat left top;
}


/* 
	Theme Name: Grid Seven
	Description: Grid-Based-Compact-Magazine-Style Dotclear 2 Theme.
	Version: 1.1
	Author: David Yim
	Author URI: http://davidyim.fr/

	Compatibility : tested successfully under browsers : IE6, IE7, Firefox (version 2.0.0.11), Safari (public beta 3), and Opera (version 9.24)
	W3C Compliant.

	Thanks to : Khoi Vinh, Wilson Miner and Eston Bond for inspiration.
	           (david, december 09, 2007)
*/

/* NOTES : permet l'affichage des billets de facon uniforme lorsque la pagination est activee */



/* 
	Theme Name: Grid Seven
	Description: Grid-Based-Compact-Magazine-Style Dotclear 2 Theme.
	Version: 1.1
	Author: David Yim
	Author URI: http://davidyim.fr/

	Compatibility : tested successfully under browsers : IE6, IE7, Firefox (version 2.0.0.11), Safari (public beta 3), and Opera (version 9.24)
	W3C Compliant.

	Thanks to : Khoi Vinh, Wilson Miner and Eston Bond for inspiration.
	           (david, december 09, 2007)
*/

.post .post-title {
font-size : 2em;
margin-bottom : 5px;
color : #444;
}
.post .post-info {
margin : 0 0 5px 0;
padding : 0 0 5px 25px;
font-size : 0.85em;
background : url('img/icon_time.png') no-repeat left 2px;
}
.post .post-tags {
margin : 0 0 10px 0;
padding-left : 25px;
background : url('img/icon_tag.png') no-repeat left center;
}
.post .post-tags li {
display : inline;
font-size : 0.85em;
}
.post-content ul, .post-excerpt ul {
padding : 0 0 0 20px;
margin : 0;
line-height : 1.4em;
}
.post-content ul li, .post-excerpt ul li {
padding : 5px 0;
list-style-type : disc;
}
.post-content ol, .post-excerpt ol {
margin : 0 0 0 25px;
padding : 5px 0;
list-style-type : decimal;
}
.post-content ol ol li, .post-excerpt ol li {
list-style-type : lower-latin;
}
.post-content ol li, .post-excerpt ol li {
padding : 5px 0;
list-style-type : decimal;
}
.post-content h3, .post-excerpt h3 {
padding : 5px 0;
font-size : 1.4em;
}
.post-content h4, .post-excerpt h4 {
padding : 5px 0;
font-size : 1.2em;
}
.post-content h5, .post-excerpt h5 {
padding : 5px 0;
font-size : 1em;
}
.post-content pre {
width : 100%;
margin : 20px 0;
padding : 20px !important;
padding : 20px 20px 40px 20px;
}
.post-content blockquote, .post-excerpt blockquote {
width : 250px;
margin : 20px 0 0 0;
padding : 0 20px 0 25px;
font-style : italic;
font-size : 1em;
font-family : georgia, 'times new roman', times, serif;
float : right;
}

.post-content blockquote p, .post-excerpt blockquote p {
text-align : center;
}
.post-content blockquote p:before, .post-excerpt blockquote p:before {
content : '____.';
color : #f8f8f6;
background : url('img/blockquote_before.png') no-repeat left top;
}
.post-content blockquote p:after, .post-excerpt blockquote p:after {
content : '____.';
color : #f8f8f6;
background : url('img/blockquote_after.png') no-repeat right top;
}
.footnotes {
margin : 10px 0 0 0;
font-size : 0.85em;
border : none;
border : 1px solid #ddd;
border-width : 1px 0;
}
.footnotes h4 {
padding : 10px 0 5px 15px;
font-size : 1.2em;
font-weight : bold;
}
.footnotes p {
padding : 0 15px 10px 15px;
}
#attachments {
margin : 20px 0 0 0;
padding : 20px 20px 20px 100px;
font-size : 0.85em;
border : none;
background : #e8e8e6 url('img/attachments_bg.png') no-repeat 20px 20px;
}
#attachments h3 {
padding : 10px 0 5px 5px;
font-size : 1.1em;
font-weight : bold;
}
#attachments ul {
padding : 0 15px 20px 5px;
}
#attachments li a {
color : #333;
text-decoration : none;
border-bottom : 1px dotted;
}
#attachments li a:hover {
border-bottom : 1px solid;
}

/* Comments, Comment-form, Pings */

#comments, #comment-form, #pings {
margin : 80px 0 0 0;
padding : 20px 0 0 0;
font-size : 0.85em;
}
#comments h3, #pings h3 {
font-size : 1.1em;
margin : 0 0 20px 0;
padding : 0 0 10px 25px;
color : #666;
background : url('img/icon_comments.png') no-repeat left 3px;
text-decoration : underline;
text-transform : uppercase;
}

/* Comments */

#comments dt {
padding : 20px 0 10px 0;
font-weight : bold;
font-size : 1em;
border-top : 1px solid #ddd;
position : relative;
}
#comments img.gravatar_img {
width : 50px;
height : 50px;
display : block;
float : left;
margin : 0 20px 0 0;
padding : 2px;
background : #fff;
border : 1px solid #ccc;
color : #fff;
font-size : 1%;
}
#comments dd {
margin : 0;
padding : 0;
font-size : 1em;
margin-bottom : 25px;
}
#comments ul {
padding : 0 0 0 20px;
margin : 0;
line-height : 1.4em;
}
#comments ul li {
padding : 5px 0;
list-style-type : disc;
}

#comments ol {
margin : 0 0 0 25px;
padding : 5px 0;
list-style-type : decimal;
}
#comments ol ol li {
list-style-type : lower-latin;
}
#comments ol li {
padding : 5px 0;
list-style-type : decimal;
}
#comments pre {
width : 575px;
margin : 0 0 10px 0;
padding : 10px !important;
padding : 10px 10px 40px 10px;
}

#comments q {
padding-left : 30px;
font-family : Georgia, 'Times New Roman', Times;
background : url('img/blockquote_before.png') no-repeat left top;
}
#comments q:after {
padding-right : 30px;
background : url('img/blockquote_after.png') no-repeat right top;
}

/* Comment-form */

#comment-form h3 {
font-size : 1.1em;
margin : 0;
padding : 0 0 40px 25px;
background : url('img/icon_addcomment.png') no-repeat left 1px;
color : #666;
text-transform : uppercase;
text-decoration : underline;
}
#comment-form h3.personnal-informations {
font-size : 1em;
margin : 0;
padding : 5px 0 0 117px;
color : #666;
background : url('img/grid-line200.png') no-repeat 0 13px;
text-transform : uppercase;
text-decoration : none;
}
#comment-form h3.your-comment {
font-size : 1em;
margin : 40px 0 0;
padding : 5px 0 0 117px;
color : #666;
background : url('img/grid-line200.png') no-repeat 0 13px;
text-transform : uppercase;
text-decoration : none;
}
#comment-form p.field {
margin : 0;
padding : 10px 0;
border-top : 1px solid #fff;
border-bottom : 1px solid #cdcdcd;
}
#comment-form p.field label {
width : 100px;
padding : 0;
text-align : left;
line-height : 1em;
color : #666;
position : absolute;
}
#comment-form p.field input, #comment-form p.field textarea {
width : 389px;
border : 1px solid #bbb;
border-width : 1px 0 0 1px;
margin : 0 0 0 100px;
padding : 5px;
background : #fff;
font-family : Monospace, 'Courier New', Courier;
font-size : 1em;
line-height : 1.2em;
}
#comment-form p.form-help {
margin : 20px 0 0 100px;
padding : 10px 20px 10px 20px;
background : #e8e8e6;
}
#comment-form input#c_remember {
margin : 20px 0 0 100px;
padding : 0;
}
#comment-form input.preview {
margin : 10px 0 20px 100px;
padding : 5px;
color : #eee;
font-size : 0.9em;
text-transform : uppercase;
background : #444;
color : #fff;
}
#comment-form input.submit {
display : none;
}
#comment-form input.preview:hover, #comment-form input.preview:focus, #comment-form input.preview:active {
background : #6699cc;
}

/* Preview */

div#pr {
margin : 0 0 30px 0;
padding : 0;
}
#pr h3 {
width : 390px;
margin : 0;
padding : 10px 0 0 10px;
font-size : 1em;
text-decoration : underline;
background : #e8e8e6;
}
#pr dl {
width : 400px;
}
#pr dd {
margin : 0;
padding : 5px 10px;
background : #e8e8e6;
}
#pr input.submit {
display : block;
margin : 10px 20px 0 0;
padding : 5px;
color : #eee;
font-size : 0.9em;
text-transform : uppercase;
background : #444;
color : #fff;
}
#pr input.submit:hover, #pr input.submit:focus, #pr input.submit:active {
background : #6699cc;
}

/* Message Error/Success */

p.error {
margin : 0;
padding : 10px 10px 10px 50px;
color : red;
background : #e8e8e6 url('img/icon_error.png') no-repeat 20px center;
font-size : 0.9em;
}
p.message {
margin : 0;
padding : 10px 10px 10px 50px;
color : green;
background : #e8e8e6 url('img/icon_message.png') no-repeat 20px center;
font-size : 0.9em;
}

/* Pings */

#pings dt {
padding : 15px 0 10px 0;
font-weight : bold;
font-size : 1em;
border-top : 1px solid #ddd;
position : relative;
}
#pings dd {
margin : 0;
padding : 0;
font-size : 1em;
}

/* Pings Adds/Links */

p#ping-url {
margin : 20px 0 -5px 0;
padding : 10px 10px 0 30px;
font-size : 0.85em;
background : #e8e8e6 url('img/icon_ping-url.png') no-repeat 6px 10px;
}
p#comments-feed {
padding : 10px 10px 10px 30px;
font-size : 0.85em;
background : #e8e8e6 url('img/icon_syndicate.gif') no-repeat 10px center;
}
p#comments-feed a {
color : #333;
}