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{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1.5;}table{border-collapse:collapse;border-spacing:none;}caption,th,td{text-align:left;font-weight:normal;}table,td,th{vertical-align:middle;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a img{border:none;}strong{font-weight:bold;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}.clearfix{display:block;}.clear{clear:both;}
* html .clearfix{height:1%;}
body{text-rendering: optimizeLegibility;}
input[type=password],
input[type=submit],
select,
textarea,
input[type=text] { margin: 0; }

/* Layout********************************************/
html {
    overflow-y: scroll;
    background: white;
    margin: 0;
    padding: 0;
}
body {
    color: #222;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    background: #F5F5F5 url(images/layout/background.png?v5) 50% 0 fixed;
    -webkit-text-size-adjust: none;
}
p {
    margin-bottom: 1.5em;
}
small,
.small { font-size: .925em; line-height: 1.4em;}
.quiet { color: #666;}
.last { margin-bottom: 0;}
::-moz-selection {
    color: #fff;
    color: rgba(255,255,255,.85);
    background: #EC2A4E;
    text-shadow: none !important;
}
::selection {
    color: #fff;
    color: rgba(255,255,255,.85);
    background: #EC2A4E;
    text-shadow: none !important;
}
sup {
    bottom: 0.5em;
    color: #76797C;
    font-size: 10px !important;
    font-weight: normal !important;
    padding-left: 1px;
    position: relative;
    vertical-align: baseline;
}
#megawrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background:  url(images/layout/background_header.png) 0 -24px repeat-x;
}
#wrapper {
    text-align: left;
    width: 960px;
    padding: 0 0 1em;
    margin: 0 auto;
}
    #header {
        width: 960px;
        margin: 0 auto 0;
        padding: 10px 0 0 0;
        position: relative;
        height: 90px;
        font-size: 13px;
        text-align: center;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        background: url('images/layout/header.png') -15px -19px no-repeat;
    }
        #header h1 {
            position: absolute;
            top: 18px;
            left: 22px;
            width: 294px;
            height: 41px;
            margin: 0;
            padding: 0;
        }

        #header h1 a {
            display: block;
            width: 294px;
            height: 0;
            font-size: 1em;
            padding-top: 41px;
            overflow: hidden;
            background: url('images/layout/logo.png') no-repeat;
        }
        #nav {
            width: 960px;
            clear: both;
            height: 30px;
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: center;
            position: absolute;
            top: 78px;
            left: 0;
            line-height: 20px;
        }
            #nav li {
                display: inline-block;
                margin: 0;
                padding: 0;
            }
                #nav a {
                    display: inline-block;
                    text-decoration: none;
                    font-weight: bold;
                    color: #555;
                    margin: 0 2px 0;
                    background: transparent;
                    padding: 3px 12px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -khtml-border-radius: 3px;
                    border-radius: 3px;
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                    -moz-border-radius-topleft: 0;
                    -moz-border-radius-topright: 0;
                    -moz-text-shadow: #fff 0px 1px 0px;
                    -webkit-text-shadow: #fff 0px 1px 0px;
                    text-shadow: #fff 0px 1px 0px;
                }
                #nav a:hover {
                    color: #080808;
                }
                
                #nav-forum a,
                #nav-paroles a,
                #nav-concerts a {
                    margin-right: 21px;
                }
                
/*                #page-homepage            #nav-accueil a,
                #page-forum                #nav-forum a,*/
                #page-biographies        #nav-biographies a,
                #page-discography        #nav-discographie a,
                #page-paroles            #nav-paroles a,
                #page-articles            #nav-articles a,
                #page-history            #nav-concerts a,
                #page-photos            #nav-photos a,
                #page-quotes            #nav-ressources a,
                #page-ressources        #nav-ressources a,
                #page-whoswho            #nav-ressources a,
                #page-sideprojects        #nav-ressources a,
                #page-goodies            #nav-ressources a {
                    color: #fff;
                    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.5);
                    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.5); 
                    box-shadow: inset 0 2px 2px rgba(0,0,0, 0.5); 
                    background-color: #080808;
                    background-color: rgba(8, 8, 8, 0.5);
                       
                    -moz-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                    -webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                }
                *+html #page-biographies        #nav-biographies a,
                *+html #page-discography        #nav-discographie a,
                *+html #page-paroles            #nav-paroles a,
                *+html #page-articles            #nav-articles a,
                *+html #page-history            #nav-concerts a,
                *+html #page-photos            #nav-photos a,
                *+html #page-quotes            #nav-ressources a,
                *+html #page-ressources        #nav-ressources a,
                *+html #page-whoswho            #nav-ressources a,
                *+html #page-sideprojects        #nav-ressources a,
                *+html #page-goodies            #nav-ressources a {
                       filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F080808',EndColorStr='#7F080808');
                      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F080808',EndColorStr='#7F080808')";
                }
                .read-more,
                .button {
                    text-shadow: none;
                    display: inline-block;
                    text-decoration: none !important;
                    font-weight: bold;
                    margin: 0 2px 0;
                    padding: 5px 12px 5px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -khtml-border-radius: 3px;
                    border-radius: 3px;
                    color: #fff;
                    font-size: 12px;
                    line-height: 16px;
                    background: #1B1B1B;
                    background: rgba(8, 8, 8, .6);
                }
                *+html .read-more { display: inline;}
                *+html .button { display: inline;}
                *+html #nav a  { display: inline;}
                *+html #nav li  { display: inline;}
                .read-more:after {
                    content: ' \00BB';
                }
                .read-more:hover,
                .read-more:focus,
                .button:hover,
                .button:focus {
                    text-decoration: none;
                    color: #fff;
                    background: #EC2A4E;
                    border-color: #EC2A4E;
                    text-shadow: none;
                    -moz-box-shadow: none; /* FF3.5+ */
                    -webkit-box-shadow: none; /* Saf3+, Chrome */
                    box-shadow: none; /* Standard. Opera 10.5, IE9 */
                }
                .light {
                    background-color: #8C8C8C;
                    background: rgba(8,8,8,.15);
                    color: #555;
                    font-weight: normal;
                    padding: 2px 9px;
                }
                .pagenav a:hover,
                .pagenav a:focus {
                    text-decoration: none;
                    color: #fff;
                    background: rgb(4, 4, 4);
                    background: rgba(8, 8, 8, .7);
                }
                
                .pagenav {
                    text-align: center;
                    margin: 0 0 1.5em 0;
                    -moz-opacity: .7;
                    font-size: 12px;
                    opacity: .7;
                    -webkit-transition-property: all;
                    -webkit-transition-duration: 0.25s;
                    -webkit-transition-timing-function: ease-out;
                    -moz-transition-duration: 0.25s;
                    -moz-transition-timing-function: ease-out;
                }
                    .pagenav:hover {
                        -moz-opacity: 1;
                        opacity: 1;
                    }
                    .pagenav strong {
                        display: inline-block;
                        padding: 3px 5px;
                    }

                    .pagenav a {
                        display: inline-block;
                        text-decoration: none;
                        font-weight: bold;
                        margin: 0 2px 0;
                        padding: 1px 8px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                        -khtml-border-radius: 3px;
                        border-radius: 3px;
                        color: #fff;
                        font-size: 12px;
                        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* FF3.5+ */
                        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* Saf3+, Chrome */
                        box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* Standard. Opera 10.5, IE9 */
                        background: #080808;
                        background: rgba(8, 8, 8, .5);
                        -moz-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                        -webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                        text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
                        -webkit-transition-property: all;
                        -webkit-transition-duration: 0.25s;
                        -webkit-transition-timing-function: ease-out;
                        -moz-transition-duration: 0.25s;
                        -moz-transition-timing-function: ease-out;
                    }
                    .pagenav a:hover {
                        border-color: #B7D7E1;
                    }
                    *+html .pagenav strong { display: inline;}
                    *+html .pagenav a { display: inline;}
/*                #page-discography        #nav-discographie a { background: #2C1C1C;}
                #page-paroles            #nav-paroles a { background: #5D3E3C;}
                #page-articles            #nav-articles a { background: #4577B4;}
                #page-history            #nav-concerts a { background: #4577B4;}
                #page-photos            #nav-photos a,
                #page-quotes            #nav-ressources a,
                #page-ressources        #nav-ressources a,
                #page-sideprojects        #nav-ressources a,
                #page-goodies            #nav-ressources a {
                    background: #365F93;
                }*/


    #userlinks, #signin {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 14px;
        right: 10px;
        width: 600px;
        height: 30px;
        color: #fff;
        font-size: 12px;
        text-align: right;
    }
    #signin {
        top: 19px;
    }
        #signin input[type=text],
        #signin input[type=password] {
            width: 130px;
            padding: 3px 4px;
            vertical-align: middle;
            margin: 0 0 0 4px;
            height: 16px;
            border: 0;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -khtml-border-radius: 2px;
            border-radius: 2px;
        }
        input {
            color: #444;
        }
        input.placeholder {
            color: #aaa;
        }

        #signin input.button {
            color: white;
            border: 0;
            font-weight: bold;
            width: 30px;
            background: rgba(255,255,255,0.15);
            outline: 0;
            -moz-outline: none;
            padding: 0;
            height: 22px;
            position: relative;
            margin: 0;
            -moz-border-radius: 3px; /* FF1+ */
            -webkit-border-radius: 3px; /* Saf3+, Chrome */
            -khtml-border-radius: 3px; /* Konqueror */
            border-radius: 3px; /* Standard. IE9 */
            vertical-align: middle;
        }

        #signin input.button:focus,
        #signin input.button:hover {
            background: rgba(255,255,255,0.25);
        }

        #signin input.button:active {
            background: rgba(255,255,255,0.05);
        }

        #userlinks a,
        #signin a {
            color: #C7D6DB;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 10px;
        }

        #userlinks a:hover,
        #signin a:hover {
            color: white;
            text-decoration: underline;
        }

        #userlinks li {
            display: inline-block;
            margin-left: 1em;
        }
        *+html #userlinks li { display: inline;}
        #userlinks .last_visit {
            font-size: 11px;
            color: #ccc;
            display: block;
            clear: both;
        }
        #userlinks .youhavemail {
            color: #EC2A4E;
        }

        #signin #lostpassword {
            margin: 0;
            text-align: left;
            font-weight: normal;
            left: -47px;
            position: relative;
        }
    #content {
        margin: 0 40px 0 0;
        float: left;
        min-height: 270px;
        padding-top: 1em;
        width: 710px;
    }

    #sidebar {
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
        width: 210px;
        margin: 0;
        min-height: 270px;
        float: left;
    }
        #sidebar a {
            text-decoration: none;
        }
            #sidebar a:hover {
                text-decoration: underline;
            }
        #sidebar h3 {
            font-size: 1em;
            line-height: 17px;
            font-weight: bold;
            text-transform: uppercase;
            padding-bottom: .2em;
            border-bottom: 2px solid #B2B3B2;
            color: #8F908F;
            margin-bottom: .5em;
            -moz-box-shadow: 0 1px 0 #fff; /* FF3.5+ */
            -webkit-box-shadow: 0 1px 0 #fff; /* Saf3+, Chrome */
            box-shadow: 0 1px 0 #fff; /* Standard. Opera 10.5, IE9 */
        }
            #sidebar h3 a {
                color: #515251;
            }
        #search {
            padding: 1.5em 0;
        }
            input.q {
                padding: 4px 4px 4px 20px;
                background: #fff url(images/q.png) no-repeat 6px center;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
                height: 18px;
            }
            .searchbutton {
                background: -moz-linear-gradient(#ffffff, #E8E8E8);
                background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFE8E8E8);
                -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFE8E8E8)";
                padding: 4px 7px;
                cursor: pointer;
                height: 28px;
                line-height: 18px;
                font-size: 12px;
                text-shadow: 0 1px 0 #ffffff;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
            }
            .searchbutton:hover {
                border-color: #555;
                color: #222;
            }
            #searchforums {
                font-size: 11px;
                line-height: 14px;
                display: none;
                text-align: center;
            }
            #search .q {
                width: 184px;
            }
            .search_examples {
                margin: 0;
                padding-left: 25px;
                color: #666;
            }
            #headforms {
                font-size: 12px;
                line-height: 1.5em;
            }
        .sidelist {
            overflow: hidden;
            padding-bottom: 2em;
            margin: 0 -3px;
        }
            .sidelist ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
            .sidelist li {
                border-bottom: 1px solid #D6D6D5;
                padding: 0.4em 4px;
                -webkit-transition-property: background;
                -webkit-transition-duration: 0.25s;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-duration: 0.25s;
                -moz-transition-timing-function: ease-out;
            }
            .sidelist li + li {
                border-top: 1px solid white;
            }
        
            .sidelist em {
                text-transform: uppercase;
                font-size: .9em;
                color: #666;
            }
            .sidelist .today,
            .sidelist .old {
                font-size: 11px;
                font-weight: bold;
            }

#clearer,
.clear,
.clearer {
    clear: both;
}
#footer {
    font-size: 13px;
    clear: both;
    margin: 2em 0 0;
    padding: 2em 0;
    text-align: center;
    width: 100%;
    background: white;
    border-top: 1px solid #D6D6D5;
    overflow: hidden;
}
    #footer_inner {
        margin: 0 auto;
        width: 960px;
        text-align: left;
    }
        #footer_inner ul {
            list-style-type: none;
            
        }
            #footer_inner li {
                display: inline;
                margin-right: 10px;
            }
            #footer_inner a {
                text-decoration: none;
                color: #666;
            }
            #footer_inner li + li:before {
                padding-right: 10px;
                content: '.';
            }
    #debug {
        margin: 1em auto;
        width: 960px;
        text-align: left;
        overflow: auto;
        font-size: 11px;
        line-height: 1.6em;
        padding: 5px 10px;
        color: #FCFAF3;
        background: #333;
    }
        #debug h2 {
            color: white;
            text-shadow: #000 0px -1px 0px;
            
        }
        #debug .tcl { width: 70px; }
        #debug th,
        #debug td {
            vertical-align: top;
            font-family: Monaco, 'Courier New', monospace;
            color: #fff;
            padding: 5px;
        }
/* =============== */
/* = Typographie = */
/* =============== */

a {
    color: #0079AB;
    text-decoration: none;
}
    a:hover {
        text-decoration: underline;
    }
a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    -webkit-text-shadow: rgb(255,255,255) 0px 1px 0px;
    -moz-text-shadow: rgb(255,255,255) 0px 1px 0px;
    text-shadow: rgb(255,255,255) 0px 1px 0px;
}
h1, .h1 {
    font-size: 2em;
    line-height: 1.2em;
    color: #566666;
    margin: 0 0 1em 0;
    clear: both;
    font-weight: normal;
    border: none;
}
h2, .h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0 0 .75em 0;
    font-weight: bold;
    
}
    h2, h2 a,
    .h2, .h2 a {
        color: #4D4042;
        text-decoration: none;
    }
    h2 em, .h2 em {
        color: #342325;
    }
    h2 a:hover, h2 a:hover em,
    .h2 a:hover, .h2 a:hover em {
        color: #EC2A4E;
        text-decoration: none;
    }
h3, .h3 {
    color: #666;
    font-size: 1.25em;
    margin: 0 0 .25em;
    line-height: 1.2em;
    border: none;
    font-weight: normal;
    background: none;
}
h3.bbtitle {
    margin: 1em 0 0 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.125em;
    line-height: 1.3;
    color: #333;
}
h3.bbtitle + p {
    margin-top: .5em;
}
h4, .h4 {
    font-size: 1em;
    line-height: 1.4em;
    font-weight: bold;
    border: none;
}
h5, .h5 {
    font-weight: bold;
    border: none;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: #666;
}

/* Table des matières */
.toc-title {
    margin: 0 6px 0 0;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    float: left;
    font-size: 13px;
    background: none !important;
    font-weight: normal !important;
}
.toc-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}
    .toc-list li {
        padding: 0 !important;
        float: left;
        margin-right: 6px;
    }

/* Liens additionnels********************************************/
.rightblock {
    clear: both;
    text-align: right;
    line-height: 2em;
    margin: 10px 0 0 0;
}
.rightblock a {
    background: #F8FBFC;
    color: #EC2A4E;
    text-decoration: none;
    padding: 2px 6px 3px 6px;
    border: 1px solid #E2EFF3;
}
.rightblock a:hover {
    border-color: #B7D7E1;
}

/* Formulaires********************************************/
fieldset {
    border: none;
}
.field label {
    display: block;
    cursor: pointer;
}
input, textarea, select {
    font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-size: 13px;
    line-height: 16px;
    border: 1px solid #999;
    background: #FFF;
    border-radius: 3px;
}
input[type=submit], button { cursor: pointer;}
textarea {
    width: 99%;
}



.postlist {
    clear: both;
    padding-bottom: 2em;
    overflow: hidden;
}

    .postlist div {
        padding: 0 0 0 1.25em;
        margin: 0 0 2em 0;
    }
        .postlist ul {
            list-style-type: none;
            margin: 0 0 .5em 0;
            padding: 0;
        }

        .postlist a {
            font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
            text-decoration: none;
            color: #2C2C2C;
            -webkit-text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            -moz-text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            -webkit-transition-property: background;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-duration: 0.25s;
            -moz-transition-timing-function: ease-out;
        }
        #sidebar .postlist {
            width: 210px;
            overflow: visible;
        }
        #sidebar .postlist:after {
            content: ".";
            display: block;
            display: inline-block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }
        #sidebar .postlist a {
            font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
            text-decoration: none;
            -webkit-text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            -moz-text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
            color: #07A;
            line-height: 20px;
            padding: 4px 1px;
            display: block;
            
        }
        
        #sidebar .postlist li:first-child {
            border-top: 1px solid transparent;
        }
        #sidebar .postlist li.active {
            border-top: 0;
        }
        #sidebar .postlist li.active a {
            text-decoration: none;
            background: rgba(8, 8, 8, 0.075);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.3); /* FF3.5+ */
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.3); /* Saf3+, Chrome */
            box-shadow: inset 0 1px 2px rgba(0,0,0, 0.3); /* Standard. Opera 10.5, IE9 */
            font-weight: bold;
            border-bottom: 0;
            padding-top: 5px;
            padding-left: 5px;
            color: #666;
            cursor: default;
            -webkit-text-shadow: #fff 0px 1px 0px;
            -moz-text-shadow: #fff 0px 1px 0px;
            text-shadow: #fff 0px 1px 0px;
        }
            #sidebar .postlist li.active a:hover {
                color: #666;
            }
        #sidebar .postlist li:hover a,
        #sidebar .postlist li a:hover,
        .postlist li.active a,
        .postlist li:hover a,
        .postlist li a:hover {
            text-decoration: none;
            color: #EC2A4E;
        }
        .postlist li:hover a.newmessages {
            color: #222;
        }
        .postlist li:hover a.newmessages:hover {
            color: #EC2A4E;
        }
        .postlist li {
            border-bottom: 1px solid #D6D6D5;
            padding: 0.4em 0;
            float: left;
            display: block;
            -webkit-transition-property: background;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-duration: 0.25s;
            -moz-transition-timing-function: ease-out;
        }
        .postlist li + li {
            border-top: 1px solid white;
        }
            #content .postlist ul li {
                width: 710px;
            }
            #sidebar .postlist ul li {
                padding: 0;
                width: 210px;
            }
    .postlist ul li.active,
    .postlist ul li:hover {
        background-color: #fff;
        background-color: rgba(255,255,255,0.5);
        display: block;
    }
    .old, .today {
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
        float: left;
        color: #9C9C9C;
    }
    .postlist .old,
    .postlist .today {
        padding: 0 1em 0;
        position: relative;
        top: 1px;
    }
    
    .today {
        color: #290510;
    }
#content .today {
    float: left;
    font-weight: bold;
}
#sidebar .today,
#sidebar .old {
    color: #555;
    margin-right: 1em;
}

/* Articles********************************************/

.articles h2.h1 {
    border: none;
    margin-bottom: .25em;
    background: none;
    padding-bottom: 0;
}

.articles h2,
.articles .h2 {
    padding-bottom: 4px;
    background: url('images/layout/greywhite_border.png?v4') right bottom repeat-x;
}


.articles ul li img,
.articles div.whoswho img {
    float: left;
    margin: 0 1em 0 0;
    padding: 2px;
    background: #FEFEFE;
    border: 1px solid #ccc;
}
.articles ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.articles ul li {
    padding: 0.5ex 0;
}
.articles ul li.ressources {
    height: 150px;
    padding: 0.5ex 0;
}
.articles ul li.bios {
    clear: both;
    overflow: hidden;
    margin-bottom: 17px;
    padding: 0.5ex 0;
}
.articles div.whoswho {
    display: block;
    margin-bottom: 1.5em;
}
.articles ul li.sideprojects {
    height: auto;
    padding: 0.5ex 0;
}
.articles ul li.sideprojects h2 {
    margin-top: 15px
}

.articles ul li.sideprojects img {
    float: none;
    margin: 0 15px 5px 2px;
    padding: 4px;
    -moz-box-shadow: 0 0 4px #bbb; /* FF3.5+ */
    -webkit-box-shadow: 0 0 4px #bbb; /* Saf3+, Chrome */
    box-shadow: 0 0 4px #bbb; /* Standard. Opera 10.5, IE9 */
    border: 0;
    text-decoration: none;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-out;
    
}
.article_excerpt {
    display: table-cell;
}
.article_meta {
    font-size: .9em;
    text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
    color: #888;
    margin-bottom: 0;
}
    .article_meta a {
        color: #454545;
    }
#page-articles .article_meta {
    margin-left: 120px;
}
#page-biographies .media_meta,
#page-articles .media_meta {
    float: left;
}
.articles .read-more {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
    margin-top: .7em;
    line-height: 21px;
    margin-left: 0;
    padding: 2px 8px;
}
    .articles .read-more:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter:alpha(opacity=100);
    }
#artselect select {
    width: 210px;
    font-size: 11px;
}
#artselect label {
    display: none;
}
#article_content {
    float: right;
    width: 68%;
    padding-left: 6%;
    background: url('images/layout/greywhite_border_vert.png?v4') 0 0 repeat-y;
    
}
/* Discographie********************************************/
#discographie h2 {
    font-weight: bold;
    padding-bottom: 4px;
    background: url('images/layout/greywhite_border.png?v4') left bottom repeat-x;
}
#discographie .h4, #discographie .h5,
.articles .h4, .articles .h5 {
    background: none;
    padding-bottom: 0;
}
#discographie li.discography {
    padding: 0;
    list-style-type: none;
    margin: .25em 0 1.25em 0;
    overflow: hidden;
}

#discographie p {
    text-align: left
}
#discographie table {
    font-size: 1em;
    width: 100%;
}
.pochette {
    padding: 2px;
    -moz-box-shadow: 0 0 4px #A3A3A3; /* FF3.5+ */
    -webkit-box-shadow: 0 0 4px #A3A3A3; /* Saf3+, Chrome */
    box-shadow: 0 0 4px #A3A3A3; /* Standard. Opera 10.5, IE9 */
    text-decoration: none;
    background: #fff;
    float: left;
    clear: left;
    margin-right: .5em;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-out;
/*    margin-left: 2px;*/
}
    #sidebar .pochette,
    .disco_summary .pochette {
        padding: 1px;
    }
    #related_albums li:hover .pochette,
    a:hover .pochette,
    .pochette:hover {
        -moz-box-shadow: 0 0 4px #888; /* FF3.5+ */
        -webkit-box-shadow: 0 0 4px #888; /* Saf3+, Chrome */
        box-shadow: 0 0 4px #888; /* Standard. Opera 10.5, IE9 */
    }


.center {
    float: none;
    display: block;
    margin: 0 auto;
}
    
.media_more_info {
    font-size: .925em;
    text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
    padding: 6px 10px;
    margin-top: 1.5em;
    background: #E3E3E3;
    background: rgba(0,0,0,0.04);
    margin-left: 10px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* Saf3+, Chrome */
    box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* Standard. Opera 10.5, IE9 */
}
    .media_more_info strong {
        text-transform: uppercase;
        color: #666;
        display: block;
        font-size: 11px;
    }
    .media_more_info a + a {
        margin-left: 15px;
    }
        .next_biography:hover a,
        .media_more_info a:hover {
            color: #EC2A4E;
        }
        .media_more_info a i {
            font-style: normal;
            color: #666;
        }

#related_albums {
    padding-bottom: 2em;
    overflow: hidden;
    line-height: 1.3em;
}
    #related_albums ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
        #related_albums li {
            clear: both;
            overflow: hidden;
        }
            #related_albums li a {
                text-transform: uppercase;
/*                font-weight: bold;*/
                font-size: .9em;
                display: block;
                float: left;
                width: 200px;
                background: transparent;
                border-bottom: 1px solid #D6D6D5;
                padding: .5em 5px;
                -webkit-transition-property: background;
                -webkit-transition-duration: 0.25s;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-duration: 0.25s;
                -moz-transition-timing-function: ease-out;
            }
            #related_albums li a:hover {
                color: #EC2A4E;
                background: white;
                background: rgba(255, 255, 255, .5);
                text-decoration: none;
            }
            #related_albums li + li a {
                border-top: 1px solid white;
            }
            #related_albums .artwork {
                text-align: center;
                float: left;
                width: 70px;
                display: inline;
            }
            #related_albums .pochette {
                float: none;
                margin: 0 auto;
            }
            
#discographie ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.discotable {
    margin-top: 1em;
    background: url('images/layout/greywhite_border_vert.png?v4') 26% 0 repeat-y;
}
.discotable td {
    vertical-align: top;
}
.media_meta {
    padding-top: .5em;
    font-size: .9em;
    color: #666;
    width: 26%;
    text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;

}
    .media_meta img {
        display: block;
        float: none;
        margin-bottom: 1em;
        margin-left: 3px;
    }
    .media_meta dl {
        margin-left: 3px;
    }
        .media_meta dt {
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            display: block;
        }
        .media_meta dd {
            margin-bottom: .5em;
        }
        .media_meta a {
            text-decoration: none;
        }
        .media_meta a:hover {
            text-decoration: underline;
        }
.media_content {
    width: 70%;
    padding-left: 4%;
}
.discotable a {
    text-decoration: none;
}
.discotable ol li a {
    background: transparent;
}
#discographie ol li a:hover {
    color: #EC2A4E;
}
#discographie ol li.handhover:hover {
    background: rgba(255,255,255,0.4);
}
#discographie ul li {
    padding: 0.4em 0;
}
#tracklist ul li {
    display: block;
    border: 0;
    padding: 0.4em 0;
}
#discographie ol li:hover a,
#tracklist ul li a:hover {
    color: #EC2A4E;
}
#tracklist ul li:hover {
    background: white;
    background: rgba(255,255,255,0.4);
}
.tradann {
    margin: 0 0 0 5px;
    position: relative;
    top: -2px;
}
#discographie ol li {
    font-size: 0.9em;
    padding: 4px;
    border-bottom: 1px solid #D6D6D5;
}
#discographie ol li + li {
    border-top: 1px solid #fff;
    
}
#discographie ol {
    color: #999;
    list-style-type:none;
    margin: 0 0 5px 20px;
    padding: 0;
}

#tracklist h2 {
    font-size: 2em;
}

.track_meta_table td {
    vertical-align: top;
}
.track_meta_table small {
    color: #666;
}


/* Citations********************************************/

.quote ul {
  list-style-type: none;
  margin: 0 0 5px 0;
padding: 0;
}
.quote ul li {
  background: url(images/quote.gif?v4) no-repeat top left; 
  padding-left: 30px; 
  min-height: 20px;
}
.quote ul li + li {
    margin-top: 1em;
}
/* Promo page d'accueil********************************************/
#rightpromo p {
    text-align: center;
}
.bbu {
    text-decoration: underline;
}
div.codebox {
    margin: 5px 15px 15px 15px; 
    padding: 8px;
    background-color: #e5e6e9;
    border-color: #3270b5 #fff #fff #3270b5;
    border-style: solid;
    border-width: 1px;
}
div.incqbox {width: 100%; overflow: hidden}
div.scrollbox {width: 100%; overflow: auto}
li.handhover {
    cursor: pointer;
    position: relative;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-out;
}
li.handhover a {
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-out;
}
    li.handhover:hover a.lastpostslink {
        color: #EC2A4E;
    }
        li.handhover a[href*='admin'] {
            visibility: hidden;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 5px;
        }
        li.handhover:hover a[href*='admin'] {
            visibility: visible;
        }

.icon_trash {
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 5px;
    width: 10px;
    height: 0;
    font-size: 1em;
    padding-top: 11px;
    overflow: hidden;
    background: url('images/trash.gif?v4') no-repeat;
}

hr, div.hr { border: none 0;
    border-top: 1px solid #A7A8AA;
    width: 50%;
    margin-right: auto;
    margin-left: 0;
    height: 1px;
}

/* ========== */
/* = Photos = */
/* ========== */

.photothumbs,
.articles .photothumbs {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 700px;
}
.photothumbs li,
.articles .photothumbs li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
.photothumbs li a {
    background: white;
    float: left;
    display: inline;
    margin-right: 7px;
    width: auto;
    padding: 1px;
    -moz-box-shadow: 0 0 4px #bbb; /* FF3.5+ */
    -webkit-box-shadow: 0 0 4px #bbb; /* Saf3+, Chrome */
    box-shadow: 0 0 4px #bbb; /* Standard. Opera 10.5, IE9 */
}
.photothumbs li a span {
    background: url(images/gallerythumbs.jpg) 0 0 no-repeat;
    display: block;
    width: 56px;
    padding-top: 53px;
    height: 0;
    overflow: hidden;
}
.photothumbs li.t1998 a span { background-position: -56px  0; }
.photothumbs li.t2000 a span { background-position: -112px 0; }
.photothumbs li.t2003 a span { background-position: -168px 0; }
.photothumbs li.t2004 a span { background-position: -224px 0; }
.photothumbs li.t2006 a span { background-position: -280px 0; }
.photothumbs li.t2009 a span { background-position: -336px 0; }
.photothumbs li.tlive a span { background-position: -392px 0; }

.photothumbs li.t1996 a:active span, .photothumbs li.t1996 a:focus span, .photothumbs li.t1996 a:hover span, .photothumbs li.t1996.active a span { background-position: 0 -53px ; }
.photothumbs li.t1998 a:active span, .photothumbs li.t1998 a:focus span, .photothumbs li.t1998 a:hover span, .photothumbs li.t1998.active a span { background-position: -56px  -53px ; }
.photothumbs li.t2000 a:active span, .photothumbs li.t2000 a:focus span, .photothumbs li.t2000 a:hover span, .photothumbs li.t2000.active a span { background-position: -112px -53px ; }
.photothumbs li.t2003 a:active span, .photothumbs li.t2003 a:focus span, .photothumbs li.t2003 a:hover span, .photothumbs li.t2003.active a span { background-position: -168px -53px ; }
.photothumbs li.t2004 a:active span, .photothumbs li.t2004 a:focus span, .photothumbs li.t2004 a:hover span, .photothumbs li.t2004.active a span { background-position: -224px -53px ; }
.photothumbs li.t2006 a:active span, .photothumbs li.t2006 a:focus span, .photothumbs li.t2006 a:hover span, .photothumbs li.t2006.active a span { background-position: -280px -53px ; }
.photothumbs li.t2009 a:active span, .photothumbs li.t2009 a:focus span, .photothumbs li.t2009 a:hover span, .photothumbs li.t2009.active a span { background-position: -336px -53px ; }
.photothumbs li.tlive a:active span, .photothumbs li.tlive a:focus span, .photothumbs li.tlive a:hover span, .photothumbs li.tlive.active a span { background-position: -392px -53px ; }

.photo_gallery {
    width: 100%;
}
    .photo_gallery td {
        padding: 5px;
    }
        .photo_gallery a img {
            display: block;
            opacity: 0.8;
            -moz-opacity: 0.8;
            filter:alpha(opacity=80);
            padding: 1px;
            -moz-box-shadow: 0 0 4px #9E9E9E; /* FF3.5+ */
            -webkit-box-shadow: 0 0 4px #9E9E9E; /* Saf3+, Chrome */
            box-shadow: 0 0 4px #9E9E9E; /* Standard. Opera 10.5, IE9 */
            text-decoration: none;
            background: #fff;
            margin-right: .5em;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-duration: 0.25s;
            -moz-transition-timing-function: ease-out;
            margin: 0 auto;
        }
        .photo_gallery a:hover img {
            opacity: 1;
            -moz-opacity: 1;
            filter:alpha(opacity=100);
        }


/* ========================== */
/* = Paroles et traductions = */
/* ========================== */
#discographie #tracks-az {
    list-style-type: none;
    margin: -2em 0 0;
    padding: 0 0 1em;
    overflow: hidden;
    height: 25px;
}
    #tracks-az li {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }
    #tracks-az a {
        display: inline-block;
        text-decoration: none;
        font-weight: bold;
        margin: 0 2px 0;
        padding: 1px 8px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* FF3.5+ */
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* Saf3+, Chrome */
        box-shadow: inset 0 1px 2px rgba(0,0,0, 0.5); /* Standard. Opera 10.5, IE9 */
        background: #080808;
        background: rgba(8, 8, 8, .5);
        -moz-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
        -webkit-text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
        text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.25s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-duration: 0.25s;
        -moz-transition-timing-function: ease-out;
    }
    #tracks-az a:focus,
    #tracks-az a:hover {
        border-color: #B7D7E1;
        text-decoration: none;
        color: #fff;
        background: rgb(4, 4, 4);
        background: rgba(8, 8, 8, .7);
    }

.numbers, 
.letter {
    padding-bottom: 2.5em;
}
.numbers a,
.letter a {
    text-decoration: none;
}
.letter {
    float: left;
    width: 340px;
    margin: 0;
    overflow: hidden;
}
    .letter:nth-child(even) {
        clear: left;
        margin-right: 30px;
    }
    .letter:even {
        clear: left;
        margin-right: 30px;
    }
    
    /* =========== */
    /* = Paroles = */
    /* =========== */
    .lyrics {
        float: left;
        width: 330px;
        margin-right: 20px;
    }
    #lyrics_translated {
        margin-right: 0;
    }
    
/* ============ */
/* = Homepage = */
/* ============ */
#page-homepage h1 {
    margin-bottom: 0;
}
#homepage_disclaimer {
    color: #555555;
    font-size: 14px;
    line-height: 1.5em;
    padding-left: 12px;
}
#homepage_disclaimer b {
    font-weight: 400;
    font-size: 24px;
    color: #EC2A4E;
    line-height: 1.6em;
}
#updates {
    padding-bottom: 1em;
}
    #updates a {
        font-weight: bold;
    }
    #updates .old,
    #updates .today { top: 0; }
#page-homepage #news {
    overflow: hidden;
    font-weight: bold;
    background-image: url('images/home/news-bg.png?v2');
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative;
    padding: 0 0 1em;
    font-size: 14px;
    min-height: 280px;
}
    #page-homepage #news h2 { position: absolute; top: -70px;}
    #news .newmessages {
        color: #999;
        font-weight: normal;
        position: absolute;
        right: 5px;
        top: 5px;
    }
        #news .newmessages strong { color: #666;}
        #news .newmessages img {
            -moz-opacity: 0.5;
            filter:alpha(opacity=50);
            opacity: 0.5;
        }
        #news .newmessages:hover strong,
        #news .newmessages:hover { color: #EC2A4E;}
        #news .newmessages:hover img {
            opacity: 1;
            -moz-opacity: 1;
            filter:alpha(opacity=100);
        }
        #content #news.postlist ul li {
            padding-bottom: .5em;
        }
        #content #news.postlist ul li:last-child {
            border-bottom: 0;
        }
.box {
    color: #454545;
    padding: 20px;
    background: #E3E3E3;
    background: rgba(0,0,0,0.04);
    margin-bottom: 2em;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Saf3+, Chrome */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Standard. Opera 10.5, IE9 */
    position: relative;
}
.entitled {
    padding-top: 45px;
}
.entitled h2 {
    text-transform: uppercase;
    color: #BFBFBF;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    top: 16px;
    left: 20px;
    position: absolute;
    text-shadow: white 0px 1px 0px;
}
.imgp { padding-top: .5em; margin-bottom: 1em;}
#flickr_badge_city h2 {
    left: 20px;
}

#flickr_badge_source_txt {padding:0; font-size: 11px; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important; margin-right: 7px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

#fblike {
    width: 450px;
    height: 80px;
    padding: 0;
    margin: 0 auto;
}

/* ======================= */
/* = Tourdates (history) = */
/* ======================= */
#headforms {
    text-shadow: rgba(255,255,255, 0.8) 0px 1px 0px;
    padding: 6px 10px;
    overflow: hidden;
    background: #E3E3E3;
    background: rgba(0,0,0,0.04);
    margin: -1em 0 2em 0;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* Saf3+, Chrome */
    box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* Standard. Opera 10.5, IE9 */
}
    #yearselect {
        padding-top: 4px;
        float: right;
    }
    
.tourlist {
    list-style-type: none;
}
    .tourlist li {
        margin-bottom: 3px;
    }
        .tourlist .today,
        .tourlist .old {
            color: #555;
            margin-right: 1em;
            line-height: 1em;
            top: 5px;
            position: relative;
        }
        .tourlist h2 {
            float: left;
            margin: 0;
            padding: 4px 0 0 0;
            font-size: 16px;
            color: rgba(96, 76, 79, .8);
            width: 100px;
        }
        .tourlist em {
            text-transform: uppercase;
            font-size: 11px;
            color: #666;
        }
        .newmonth {
            clear: both;
            padding-bottom: 1em;
            overflow: hidden;
        }
        .monthlist {
            width: 550px;
            margin: 0;
            list-style-type: none;
            float: left;
            padding-left: 1.5em;
            background: url('images/layout/greywhite_border_vert.png') top left repeat-y;
        }
        .event_name {
            font-weight: bold;
            display: block;
            padding-left: 66px;
            position: relative;
            top: -3px;
        }
        
        .disco_summary {
            padding-bottom: 15px;
            padding-top: 15px;
            margin-top: -15px;
        }
            .disco_summary li {
                margin-right: 0;
            }
            .disco_summary a {
                display: block;
                float: left;
                width: 70px;
                text-align: center;
                margin: 0 4px 8px 0;
            }
            .disco_summary a .pochette {
                float: none;
                margin: 0 auto;
                clear: none;
            }
            
    .backtosummary {
        display: block;
        width: 30px;
        height: 0;
        float: right;
        font-size: 1em;
        padding-top: 22px;
        overflow: hidden;
        background: url('images/backtotop.png') no-repeat;
        opacity: 0.4;
        -moz-opacity: 0.4;
        filter:alpha(opacity=40);
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.25s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-duration: 0.25s;
        -moz-transition-timing-function: ease-out;
    }
        .backtosummary:hover {
            opacity: 1;
            -moz-opacity: 1;
            filter:alpha(opacity=100);
        }
/* Colonnage */
@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.insideCol {padding-right: 20px;}
.lastUnit .insideCol { padding-right: 0;}

/* Tips */
.tipsy { padding: 4px 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 2px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('tipsy/src/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


#twitterlink {
    display: block;
    margin: 1em 0;
}
#fb_like_box { height: 570px;}