/*
Theme Name: Ludo-theme
Theme URI: http://www.auboisdesludes.com/
Description:
Version: 0.2
Author: David Eveillard
Author URI:
Tags: Jeux
*/

* {
    margin:0;
    padding:0;
}
abbr[title], acronym[title] {
    border-bottom:thin dotted;
    cursor:help;
}
.fixed, .clear {
    clear:both;
}
body {
    background:#FFFFFF url(img/ludo_bg.jpg) repeat-x;
    color:#555555;
    font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
    font-size:12px;
    line-height:18px;
}
#page {
    clear:both;
    margin:0 auto;
    width:960px;
}
#header {
    position:relative;
    background: url(img/banner3.png) top center no-repeat;
    height:160px;
    min-width:960px;
}
#logo {
    float:left;
    height:160px;
    width:200px;
}
#sidebar-top {
    position:absolute;
    top:90px;
    left:220px;
    width:290px;
    height:45px;
    color: #4EADD5;
}
#sidebar-top blockquote {
    background: url(img/blockquote2.gif) no-repeat;
}
#login {
    position:absolute;
    top:0;
    right:0;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -khtml-border-bottom-left-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    /*background-color:#f379b3;*/
    background: url(img/menu_bg_green_dark.png) repeat-x;
    color:#FFFFFF;
    padding:2px 6px;
}
#login p {
    font-weight:bold;
}
#login a {
    color: #FFFFFF;
    text-decoration:none;
}
#rss a {
    position:absolute;
    bottom:0;
    right:10px;
    height:65px;
    width:65px;
}
#menu {
   background: url(img/menubgd.png) repeat-x top;
    height: 33px;
    line-height: 33px;
    margin: 0px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-color:#E8E8E8 #EEEEEE;
    border-style:solid;
    border-width:1px;
}
#menu li {
    /*background:transparent url(img/nav-separator.gif) no-repeat right;*/
    border-right: #E8E8E8 1px solid;
    float:left;
    line-height:33px;
}
#menu li a {
    color: #ffffff;
    display: block;
    margin: 0 1px 0 0;
    padding: 0 15px;
    font-size:12px;
    font-weight:bold;
    /*text-transform:uppercase;*/
}
#menu li a:hover,#menu li.active a {
    text-decoration: none;
}
#nav, #nav ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#nav a {
    display: block;
}
#nav li {
    float:left;
    line-height:33px;
}
#nav li a:hover {
    /*background-color: #f6f6f6;*/
    background:transparent url(img/menubgl.png) repeat-x top;
    /*background: none;*/
}
#nav li ul {
    position: absolute;
    width: 15em;
    left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    z-index:1000;
}
#nav {
    padding:0 0 0 2px;
}
#nav li ul li {
    background:transparent url(img/menubgl.png) repeat-x top;
    /* background-color: #f3f1f4;*/
    border:1px solid #E5E4DE;
    width:15em;
}
#searchform {
    float:right;
    display:inline;
    line-height:33px;
    /*margin:2px 0px 2px 0px;*/
    padding-right:15px;
}
#searchform .text {
    width:200px;
}
.submit_button {
    height: 22px;
    width: 22px;
    text-indent: -9999px;
    background: url(img/go.png) no-repeat;
    border: none;
    cursor:pointer;
}
#wrapper {
    clear:both;
    margin:0 auto;
    width:960px;
    /*    background-image:url(img/dotted.gif);
    background-position:left top;
    background-repeat:repeat-x;*/
}
.col-1 {
    width: 175px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.col-2 {
    width: 539px;
    margin: 22px 15px 0px 15px;
    padding-bottom: 40px;
}
.col-3 {
    width: 216px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.col-1, .col-2, .col-3 {
    float: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:bolder;
}
h1 {
    font-size:200%;
}
h2 {
    font-size:170%;
}
h3 {
    font-size:150%;
}
h4 {
    font-size:130%;
}
h5 {
    font-size:110%;
}
h6 {
    font-size:100%;
}
a {
    color:#2970A6;
    text-decoration:none;
}
a:hover {
    color: #FF7900;
}
small {
    font-size:10px;
}
img {
    border:0;
}
.wp-caption {
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 5px;
    border: 1px solid #ddd;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
.post .content .wp-caption p {
    margin:0;
}
.widget {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-color:#E8E8E8 #EEEEEE;
    border-style:solid;
    border-width:1px;
    font-size: 11px;
    margin-bottom: 20px;
    background: url(img/widgetbg.gif) repeat-x left bottom;
}
.widget li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 0 5px 0;
    line-height:14px;
}
.widget ul {
    margin:8px;
}
.widget img {
    float:right;
    padding: 2px;
    margin: 0px 0px 8px 4px;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
h4.widgettitle {
    color: #FF7900;
    border-bottom:1px solid #F0F0F0;
    margin:0;
    padding: 2px 7px 2px 7px;
    font-size:1.2em;
}
#tag_cloud a {
    padding: 0px 4px 0px 4px;
}
.block {
    display: block;
}
blockquote, pre {
    background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
    border:1px dashed #CCC;
    padding:8px 12px 8px 36px;
    margin:5px 0;
}
.more-link {
    /*font-size:11px;*/
}
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.left {
    float:left;
    margin-right:10px;
}
.right {
    float:right;
    margin-left:10px;
}
.fixed, .clear {
    clear:both;
}
input.text, textarea {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border:1px solid #CCCCCC;
    color:#666666;
    padding:2px;
}
.post {
    margin-bottom:40px;
}
.post h2 {
    display:block;
    background-image: url(img/dotted.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding:0 0 4px 0 ;
    color: #53b446;
    font-family:"Trebuchet MS",Arial,Tahoma;
    font-size:20px;
    font-weight:bold;
}
.post h2 a.title {
    color: #53b446;
}
.post .info {
    margin:3px;
}
.post .date,
.post .author,
.post .editpost,
.post .readingblinds,
.post .comments,
.post .addcomment,
.post .editlinks {
    background:url(img/icons.gif) no-repeat;
    padding-left:20px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
}
.post .date {
    float:left;
    background:url(img/clock.png) no-repeat;
}
.post .act {
    height:16px;
    float:right;
}
.post .act span {
    float:left;
    margin-left:15px;
}
.post .tags {
    padding:2px 0px 1px 0px;
    padding-right:10px;
    background: url(img/tags.png) left top no-repeat;
    font-size:11px;
}
.post .categories {
    padding:2px 0px 1px 0px;
    padding-right:10px;
    background: url(img/folder_bug.png) left top no-repeat;
    font-size:11px;
}
.post .author {
    margin-left:10px;
    background-position:0 -160px;
    float:left;
}
.post .editpost {
    background-position:0 -64px;
}
.post .readingblinds {
    background-position:0 -80px;
}
.post .comments {
    background-position:0 -96px;
}
.post .addcomment {
    background-position:0 -112px;
}
.post .editlinks {
    background-position:0 -192px;
}
.post .content {
    padding:5px 0 5px 5px;
    line-height:145%;
    /*overflow:hidden;*/
}
.post .content p {
    margin-bottom:10px;
}
.post .content .under {
    /*    height:16px;
    line-height:16px;*/
}
.post .content .under span {
    /*    float:left;
    margin-right:15px;*/
}
.post .content h4 {
    color:#080;
    margin-bottom:10px;
}
.post .content img {
    max-width:500px;
}
.post .content ul,
.post .content ol {
    padding-bottom:10px;
}
.post .content ul li,
.post .content ol li {
    list-style-position:inside;
    padding-left:20px;
}
.post .content table {
    background:#FFF;
    border:1px solid #CCC;
    margin:5px 0 10px;
}
.post .content table tr td {
    border-top:1px solid #CCC;
    padding:2px 10px;
}
.post .content table tr th {
    padding:1px 10px;
    background:#EDEFF0;
    text-align:left;
}
.post .content .boxcaption {
    background-image:url(img/postbox.gif);
    border-bottom:1px solid #CCC;
}
.post .content .box {
    background-image:url(img/postbox.gif);
}
#postpath {
    background:url(img/icons.gif) 0 -208px no-repeat;
    height:16px;
    font-size: 11px;
    line-height:16px;
    margin:5px 0 30px;
    padding-left:22px;
}
ul.under {
    list-style-type:none;
    display: inline;
}
ul.under li {
    display: inline;
    padding-right:10px;
}
#commentlist {

    background-image:url(img/dotted.gif);
    background-position:left bottom;
    background-repeat:repeat-x;


    border-top:1px solid #CCC;
    margin:0 -5px;
    /*padding:0 15px;*/
}
#commentlist ol,
#commentlist li {
    list-style:none;
}
#cmtswitcher {
    background:#FFF;
    font-size:10px;
    padding-top:5px;
}
#cmtswitcher a.tab,
#cmtswitcher a.curtab {
    padding:5px 10px;
    margin-bottom:-1px;
    display:block;
    float:right;
    color:#555;
    text-decoration:none;
}
#cmtswitcher a.tab {
    border:1px solid #FFF;
    border-bottom-color:#CCC;
}
#cmtswitcher a.curtab {
    background:#FCFCFC;
    border:1px solid #CCC;
    border-bottom-color:#FCFCFC;
}
#cmtswitcher .addcomment,
#cmtswitcher .addtrackback {
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
    float:left;
    margin-right:15px;
    margin-top:4px !important;
    margin-top:3px;
}
#cmtswitcher .addcomment {
    background:url(img/icons.gif) 0 -112px no-repeat;
}
#cmtswitcher .addtrackback {
    background:url(img/icons.gif) 0 -144px no-repeat;
}
#thecomments,
#thetrackbacks {
    padding-bottom:15px;
}
#thecomments .comment,
#thecomments .messagebox {
    margin-top:15px;
}
.comment .author {
    float:left;
    width:81px;
    text-align:center;
}
.comment .pic {
    background:url(img/commentpoint.png) 100% 33% no-repeat;
    padding-right:14px;
    margin-top:10px;
}
.comment .name {
    width:67px;
    padding-right:14px;
    font-weight:bolder;
    overflow:hidden;
}
.comment .avatar {
    padding:1px;
    border:1px solid #999;
}
.comment .info {
    background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;
    float:left;
    padding:10px 15px 0;
    width:430px;
}
.comment .date,
.trackback .date {
    float:left;
    font-size:10px;
}
.comment .act,
.trackback .act {
    float:right;
    font-size:10px;
}
.comment .content {
    background:url(img/comment.gif) 100% 100% no-repeat;
    margin:0 -15px;
    padding:0 15px 10px;
    line-height:145%;
}
.comment .content p {
    margin-top:10px;
}
.comment .content blockquote p {
    margin-top:0;
    margin-bottom:10px;
}
.admincomment .author {
    float:right;
}
.admincomment .pic {
    background:url(img/commentpoint.png) 0% 33% no-repeat;
    padding-right:0;
    padding-left:14px;
}
.admincomment .name {
    padding-right:0;
    padding-left:14px;
}
.admincomment .info {
    float:right;
}
#comment_login {
    margin-top:15px;
}
#thetrackbacks {
    display:none;
}
#thetrackbacks li {
    margin-top:15px;
}
.trackback {
    background:#EDEFF0 url(img/box.gif) 0 0 no-repeat;
    padding:10px 15px 0;
    width:575px;
}
.trackback .title {
    background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat;
    padding:10px 15px !important;
    padding:0 15px 10px;
    width:575px;
    margin:0 -15px;
}
#respond {
    padding:10px 0 0;
    font-size:11px;
}
#respond .row {
    margin-bottom:5px;
}
#respond .textfield {
    width:200px;
}
#emoticon {
    float:right;
    margin-top:1px;
    margin-right:10px;
}
#comment {
    width:535px;
}
#commentnavi {
    background:#EDEFF0 url(img/box.gif) 0 0 no-repeat;
    padding:10px 15px;
    font-size:11px;
}
#commentnavi a.page-numbers {
    padding:5px 7px;
    text-decoration:none;
    border:1px solid #EDEFF0;
    margin:0 -2px;
}
#commentnavi a.page-numbers:hover {
    background:#F7F7F7;
    border:1px solid #CCC;
    text-decoration:none;
}
#commentnavi span.pages {
    padding:0 7px 0 22px;
    background:url(img/icons.gif) 0 -272px no-repeat;
    height:16px;
    line-height:16px;
    float:left;
}
#commentnavi span.current {
    background:#F7F7F7;
    padding:5px 7px;
    border:1px solid #F7F7F7;
    font-weight:bold;
    margin:0 -2px;
}
#commentnavi #commentpager {
    line-height:16px;
}
#submitbox a.feed {
    background:url(img/icons.gif) 0 -256px no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    float:left;
}
#submitbox #submit {
    /*padding:3px 6px;
    background:#B4D666;
    border-top:1px solid #B4D666;
    border-right:1px solid #81B840;
    border-bottom:1px solid #81B840;
    border-left:1px solid #B4D666;
    color:#2970A6;
    font-size:11px;
    cursor:pointer;*/
}
#submitbox #submit:hover {
    /*background:#98C64C;
    border-top:1px solid #76B33A;
    border-right:1px solid #98C64C;
    border-bottom:1px solid #98C64C;
    border-left:1px solid #76B33A;
    color:#074A7E;*/
}
#submitbox .submitbutton {
    float:right;
}
#archives {
    list-style-position:inside;
}
.postspermonth {
    margin:5px 0;
    list-style:none;
}
.srg_switcher {
    margin-bottom:10px;
}
/* archives END */

/* linkcat START */
.post .content .linkcat ul li {
    list-style:none;
    float:left;
    width:25%;
    padding:2px 0;
    overflow:hidden;
}
.post .content .linkcat ul li a {
    background:url(img/icons.gif) 0 -160px no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
}
/* linkcat END */

/* image switcher START */
.imageswitcher {
    background:#EDEFF0;
    padding:5px;
    font-size:11px;
}
.imageswitcher_image {
    background:#FFF;
    border:1px solid #BABABA;
    padding:3px;
    margin:0;
}
a .imageswitcher_image:hover {
    border-color:#999;
}
a.imageswitcher_button {
    float:left;
    margin-top:1px !important;
    margin-top:3px;
    margin-bottom:0 !important;
    margin-bottom:5px;
    margin-right:4px;
    padding:2px 5px;
    background:#B4D666;
    border-top:1px solid #B4D666;
    border-right:1px solid #81B840;
    border-bottom:1px solid #81B840;
    border-left:1px solid #B4D666;
    color:#2970A6;
}
a.imageswitcher_button:hover {
    background:#98C64C;
    border-top:1px solid #76B33A;
    border-right:1px solid #98C64C;
    border-bottom:1px solid #98C64C;
    border-left:1px solid #76B33A;
    text-decoration:none;
    color:#074A7E;
}
/* image switcher END */

/* related posts START */
/* when related posts with title */
#related_posts {
    padding-bottom:10px;
}
#related_posts h3 {
    background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
    font-size:12px;
    padding:6px 12px;
    font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;
    letter-spacing:0em;
    border-bottom:1px solid #CCC;
}
#related_posts ul {
    background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
    padding:3px 12px 8px;
}
#related_posts ul li {
    list-style:none;
    padding:3px 5px;
    border-bottom:1px solid #E3E4E6;
    line-height:18px;
}
#related_posts .count {
    font-size:10px;
}
#related_posts .excerpt {
    color:#999;
    font-size:11px;
    display:block;
}
/* when related posts without title */
/*
#related_posts {
padding-top:3px;
padding-bottom:8px;
}
#related_posts ul li {
list-style:none;
padding:3px 5px;
border-bottom:1px solid #E3E4E6;
line-height:18px;
}
*/
/* related posts END */

/* one-column START */
.one-column #content {
    background:#FFF;
}
.one-column #main {
    width:906px;
}
.one-column #comment {
    width:902px;
}
.one-column .trackback,
.one-column .trackback .title {
    width:876px;
}
.one-column .comment .info {
    width:795px;
}
.one-column #header {
    background-image:url(img/header_footer_1col.jpg);
}
.one-column .comment .info,
.one-column .comment .content {
    background-image:url(img/comment_1col.gif);
}
.one-column .boxcaption,
.one-column .box,
.one-column .trackback,
.one-column .trackback .title,
.one-column #commentnavi,
.one-column #related_posts h3,
.one-column #related_posts ul {
    background-image:url(img/box_1col.gif);
}
.one-column .messagebox,
.one-column .errorbox {
    background-image:url(img/messagebox_1col.gif);
}
.one-column .post .content .boxcaption,
.one-column .post .content .box {
    background-image:url(img/postbox_1col.gif);
}
.boxcaption {
    background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
    padding:6px 12px;
    border-bottom:1px solid #CCC;
}
.boxcaption h3 {
    font-size:12px;
    font-family:Verdana,"BitStream vera Sans";
    letter-spacing:0em;
}
.box {
    background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
    padding:8px 12px;
    margin-bottom:10px;
}
.messagebox,
.errorbox {
    background:#EDEFF0 url(img/messagebox.gif) no-repeat;
    padding:0 12px;
    height:27px;
    line-height:27px;
    font-size:11px;
}
#pagenavi,
#postnavi {
    background-image:url(img/dotted.gif);
    background-position:left top;
    background-repeat:repeat-x;
    margin:10px -5px 0;
    padding:10px 5px 0;
}
#pagenavi {
    text-align:center;
    font-size:11px;
}
#pagenavi .newer a,
#postnavi .prev a {
    background:url(img/icons.gif) 0 -224px no-repeat;
    padding-left:22px;
    float:left;
    height:16px;
    line-height:16px;
}
#pagenavi .older a,
#postnavi .next a {
    background:url(img/icons.gif) 100% -240px no-repeat;
    padding-right:22px;
    float:right;
    height:16px;
    line-height:16px;
}
#footer {
    clear:both;
    margin-bottom: 20px;
    padding:6px 14px;
    background: #FFFFFF url(img/dotted.gif) left top repeat-x;
    font-size: 11px;
    color: #2970A6;
}
#footer p {
    text-align:center;
}
a.feed {
    padding:3px 0px 3px 20px;
    background:url(img/rss.png) no-repeat;
}