@import "layout.css"; @import "pp_album.css"; body, html { margin:0; padding:0;  font-size : 90%; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } body { margin:0; padding:0; background:#7F7F7F; } *::-moz-selection { background-color:#FF3C00; color:white; }  a { color:#515151; text-decoration:none; } #content a { border-bottom:1px dotted silver; } #content a:hover { border-bottom:1px dotted #FF3C00; }  #title_image { margin:0; text-align:left; display:hidden; height:100px; background:url(images/headers/header_image2.jpg) center center transparent repeat-y; } #title { height:200px; margin:0; padding:25px 25px 0 25px; clear:both; text-align:left; } html>body #title { height:100px; } #title h1 { padding:0; margin:0; font-weight:normal; line-height:.7em; font-size:2.1em; letter-spacing:-.1em; font-family:helvetica; } #title h1 a { color:white; display:block; } .description { color:#c9e45a; height:59px; align:left; background:url(images/header.gif) left center transparent repeat-y; } #content h2 { color:#515151; padding:0; margin:0; border:none; clear:both; } #content h2 a { text-decoration:none; border:none; } #content h2 a:hover { border-bottom:1px dotted silver; } hr { display:none; clear:both; } h3, h4 { color:#515151; padding:0; margin:2em 0 0 0; clear:both; } input, textarea, select { padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } input, label { height:auto !important; height:2em; width:auto; padding:4px; } label { font-size:.9em; } #searchform input#s { width:130px !important; padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; text-transform:none; color:black; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background:white; } #sidebar input.btn, #searchform input { width:65px !important; width:75px; } #searchform { margin-top:10px !important; } #searchform br { display:none; } input.btn, #searchform input, input#submit { background:#111111; color:#FFFFFF; padding:4px; border:1px outset #000000; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-transform:uppercase; } input[class=btn], input[type=submit] input[id=submit] { padding:3px; } textarea { overflow:auto; display:block; width:100%; } ul, ol { list-style-type:none; list-style-position:outside; padding:0; margin:.2em 0 .2em 0; } ul li, ol li { background:transparent url(images/puce.png) 2px .4em no-repeat; padding-left:15px; } ul ul li, ol ol li { background:transparent url(images/bullet.gif) 0px .5em no-repeat; padding-left:8px; } #content ol li { list-style-type:decimal; list-style-position:inside; background:transparent; padding-left:0; } #content ol li li { padding-left:2em; } a img { border: 0 none; } form { padding:0; margin:0; } pre, code { display:block; font: 1em 'Courier New', Courier, Fixed, monospace; font-size : 100%; color: #000; background : #fff; overflow : auto; text-align:left; border : 1px solid #99cc66;  padding : 0px 10px 0 10px; margin:1em 0 1em 0; line-height:17px; } .alt { background-color:#F5F5F5 !important; } .icon { vertical-align:middle; border:0; } .with_icon { padding:2px 0 2px 0 } .navigation { clear:both; padding:0; display:block; } .alignleft { display:block; } .alignright { display:block; }  #sidebar { font-size:.9em; } #sidebar ul, #sidebar ol { padding:0; } #sidebar form, #sidebar p { padding:0; margin:0 0 1em 0; } #sidebar h2 { background:#6a6765 url(images/stripe_gray-large.gif); padding: 8px; margin:10px 0 10px 0; font-size: 1em; font-weight:normal; text-transform:uppercase; color:darkgray;  } html>body .ellipsis li { clear:both; } html>body .ellipsis li:after { content: "..."; display:inline; } html>body .ellipsis li span { white-space:nowrap; overflow:hidden; max-width:180px; width:auto !important; display:inline; float:left; } ol.ellipsis li span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:190px; display:block; } #sidebar a{ text-decoration: none; } #sidebar a:hover, #sidebar .current_page_item li a:hover, #sidebar .current-cat li a:hover { color:#FF3C00; } #sidebar .current_page_item a, #sidebar .current-cat a { font-weight:bold; color:#FF3C00; } #sidebar .current_page_item li a, #sidebar .current-cat li a { font-weight:normal; color:#515151; } #sidebar li img { vertical-align:middle; border:0; } #sidebar input.btn { margin-left:4px; }  .menu { list-style-type:none; background:url(images/menu_bg.gif) 50% 0 #515151 repeat-x; margin:0; padding:0; height:40px; width:778px; border-top:1px solid #FFFFFF; overflow:hidden; } .menu_bottom { list-style-type:none; background:url(images/menu_bottom.gif) 50% 0 #515151 repeat-off; margin:0; padding:0; height:25px; width:778px; border-top:1px solid #FFFFFF; overflow:hidden; } .menu li { background:none; padding:0; display:table-row; vertical-align:middle; float:left; height:40px; } .menu li.last_menu, .menu li.right_menu { float:right; } .menu li a { font-size:.8em; text-transform:uppercase; line-height:normal !important; line-height:40px; display:table-cell; vertical-align:middle; height:40px; padding:0 10px 0 10px; background:url(images/menu_triple.gif) top left transparent repeat-x; } .menu li a:hover, .menu li a:active { background-position:center left; color:#FFFFFF; } .menu li.current_page_item a { background-position:bottom left !important; color:#FFFFFF !important; } .menu li a.first_menu { padding-left:35px; background-repeat:no-repeat; background-image:url(images/menu_start_triple_red.gif); } .menu li a.last_menu, .menu li a.last_menu_off { padding-right:10px; background-repeat:no-repeat; background-image:url(images/menu_end_triple_red.gif); background-position:top right; } .menu li a.last_menu:hover, .menu li a.last_menu:active { background-position:center right; } .menu li.current_page_item a.last_menu { background-position:bottom right !important; background-image:url(images/menu_end_triple.gif); } .menu li a { color:white; text-decoration:none; } .menu li.lang_menu { float:right; } .menu li.lang_menu a span { width:19px; height:40px; overflow:hidden; text-indent:100px; display:block; } .menu li.lang_menu a { display:block; width:19px; cursor:pointer; }  .menu li#fr_FR a span { background:url(images/lang_fr.gif) left transparent no-repeat; } .menu li#en_US a span { background:url(images/lang_en.gif) left transparent no-repeat; } .menu li#fr_FR.current_page_item a span, .menu li#fr_FR a:active span { background-image:url(images/lang_fr.gif); } .menu li#en_US.current_page_item a span, .menu li#en_US a:active span { background-image:url(images/lang_en.gif); }  #footer .footer_content { width:760px !important; width:780px; display:block; margin-right:auto; margin-left:auto !important;  margin-left:1px; margin-top:0px; padding:10px 10px 10px 10px; border-top:1px dotted silver; text-align:center; }  .post { font-size:.9em; border-top:20px solid #F5F5F5; margin-bottom:10px; padding:1em 0 1em 0; } .post h2, .post h3, .post h4, .post h5 { font-size:2em; } .post hr { display:block; } .highlight_box { font-size:.9em; border:2px solid #F5F5F5; padding:1em; margin-bottom:20px; } .highlight_box .post { font-size:1em; border:0px none; margin-bottom:0px; padding:0 0 0 0; } .highlight_box .post p { margin:0; } .highlight_box .post .date { display:none; } .highlight_box h2, .highlight_box h3, .highlight_box h4, .highlight_box h5 { font-size:2em; border-bottom:10px solid #F5F5F5; } .highlight_box .post h2, .highlight_box .post h3, .highlight_box .post h4, .highlight_box .post h5 { font-size:1.5em; } .readmore { display:block; text-align:left; font-weight:bold; clear:both; margin:1em 0 1em 0; color:#FF3C00; } .date {  color : silver; float:right; line-height:2.3em; margin:1.5em 0 5px 10px; padding-left:5px; border-left:1px solid silver; font-size:.8em; text-align:center; position:relative; right:0; } .date_day { display:block; font-size:3em; text-align:right; } .date_month { display:block; font-size:3em; text-align:right; font-weight:bold; } .date_year { display:block; font-size:1.4em; line-height:.9em; } .postmetadata { margin:0; color:#515151; list-style-type:none; } #content .postmetadata a { color : #FF3C00; border:none; text-decoration:none; } #content .postmetadata a:hover { border-bottom:1px dotted silver; } .gravatar { float:left; margin:0 5px 0 0; border:1px solid lightgray; vertical-align:middle; } #content .commentlist dt{  position:absolute; } html > body #content .commentlist dt{ position:static; } #content .commentlist dd { margin:0; padding:10px 3em 10px 10px;  font-size:1em; line-height:1.5em; color:silver; margin:0 0 1em 0; } html > body #content .commentlist dd { padding:10px; } #content .commentlist .comment { color:#000000; } #content .commentlist .date { margin-right:5px; font-size:.5em; } #content .commentlist .comment_text { margin-top:5px; display:block; } html > body #content .commentlist dd.author_comment { background:url(images/transp-80.png) #c9e45a !important; width:auto; } #content .commentlist dd.author_comment { background-color:#c9e45a !important; filter:alpha(opacity=20); width:510px; } #content .commentlist .author_comment .author, #content .commentlist .author_comment .author a { color:#c9e45a !important; border-color:#c9e45a !important; } #content .commentlist dd.author_comment * {  filter:alpha(opacity=100); position:relative; } #content .commentlist dt.author_comment .date { color:#a5ba52 !important; border-color:#a5ba52 !important; } #content textarea#comment { font-size:1em; line-height:1.3em; } #commentform small { color:#515151; } .commentmetadata { } .entry { margin:0; text-align:justify; } .entry p { margin:1em 0 1em 0; } .full{ width:100%; } .menu li a { background-image:url("images/menu_triple_red.gif"); } .menu li a.first_menu { background-image:url("images/menu_start_triple_red.gif"); } .menu li a.last_menu { background-image:url("images/menu_end_triple_red.gif"); .menu li.current_page_item a { color:#ffffff !important; }