/*  
Theme Name: cafe tableaux 06/2009
Theme URI: http://cafetableaux.com/
Description: a WordPress theme.
Version: 3
Author: saucemaster
Author URI: http://angryredplanet.org/

    This theme was designed and built by saucemaster,
    whose blog you will find at http://angryredplanet.org/log/

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
    font-size: 11px; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #963;
    color: #333;
    }

#content {
    font-size: 1.1em;
    }

.widecolumn .entry p {
    font-size: 1.05em;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

.widecolumn {
    line-height: 1.6em;
    }
    
.narrowcolumn .postmetadata {
    text-align: center;
    }



#footer {
    background-color: #eee;
    }

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }




h1, h2, h3 {
    font-family: Helvetica, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    }

h1 {
    font-size: 4em;
    text-align: center;
    }

h2 {
        color: #000;
    font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
    }


h2.pagetitle {
    font-size: 1.5em;
    }

#sidebar h2, #sidebar2 h2, #left-sidebar h2 {
    font-family: Arial, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
    color: #630;
    text-decoration: underline;
    }

h3 {
    font-size: 1.1em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #fff;
    }


h2 a, h2 a:visited {
        font-size: 1.6em;
        text-decoration: none;
    text-transform: none;
        font-weight: normal;
        letter-spacing: .1em;
        word-spacing: 1.4em;
        color: #fff;
    }


h2 a:hover {
        text-decoration: underline;    
    }


h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption {
    text-decoration: none;
    color: #fff;
    }

cite {
        color: #000;
}


/* Links */

a.news {
    color: #fff;
    }

a.news:hover {
    color: #fff;
        text-decoration:underline;
    }
    
a.news:visited {
    color: #fff;
    }




/* links on backgound, outside of cells */
a {
    color: #fff;
    text-decoration: none;
    }

a:hover {
    color: #fff;
    text-decoration: underline;
/*     background: #8f5f3f; */
}
    
a:visited {
    color: #fff;
    text-decoration: none;
    }


/* links in entries and comments: */

.post a {
    color: #ff8f2f;
    text-decoration: none;
    }

.post a:hover {
    color: #fff;
    background: #704010;
}
    
.post a.visited {
    color: #543;
    text-decoration: none;
    }



a.more-link {
     color: #543;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
     font-size: .95em;
     padding: 0  0 0 15px;
}

a.more-link:visited {
     color: #543;
     text-decoration: none;
}

a.more-link:hover {
     color: #fff;
     text-decoration: none;
     background: #543;
}


/* links in lists */

li a {
    color: #000;
        text-decoration: none;
    }

li a:hover {
    color: #000;
        background-color: #ff8f2f;
        text-decoration: none;
    }
    
li a:visited {
    color: #555;
    border-bottom: dotted 1px #555;
    }



/* links in sidebar lists */

#left-sidebar li a,  #sidebar li a,  #sidebar2 li a {
    color: #fff;
        text-decoration: none;
    }

#left-sidebar li a:hover, #sidebar li a:hover, #sidebar2 li a:hover {
    color: #000;
        background-color: #ff8f2f;
        text-decoration: none;
    }
    
#left-sidebar li a:visited, #sidebar li a:visited, #sidebar2 li a:visited {
    color: #fff;
        /* border-bottom: dotted 1px #666; */
    }




a.technorati {
color: #963;
font-size: 8px;
text-decoration: none;
}

a.technorati:hover {
color: #963;
font-size: 8px;
background: transparent;
text-decoration: none;
}

a.technorati:visited {
color: #963;
font-size: 8px;
background: transparent;
text-decoration: none;
}

.description {
    font-size: 1.2em;
    text-align: center;
    }

.entry p a:visited {
    color: #8e8e83;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 1em;  
    font-family:  Verdana, Arial, Sans-Serif;
    }
    
.commentlist li {
    font-weight: bold;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family:  Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #000;
    }
    
code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }



/* End Typography & Colors */



/* Begin Structure */
body {
    margin: 0;
    padding: 0;
/*  background-image: url('/files/ct-bg.png');  */
background-image: url('/files/ct-bg.jpg');
background-repeat: repeat;
    }


#page {
        background-color: #fff;
    margin: 0px auto 20px auto;
    padding: 5px 0;
        overflow: hidden;
        width: 880px;
/*       border: 4px #704010 double; */
         border: 3px #704010 double;
    }


#page-menu {  
width: 880px;
margin: 0 auto 0 auto;
/* see also 'tabbed menu' below  */
    }

#header {
    padding: 0px 0px 0px 1px;
    margin: 0px auto 0px auto;
        background-image: url(/files/title_bg.png);
        background-repeat: repeat-x;
        background-position:  0px 0px;
        width: 880px;
}



#headertext {
    width: 880px;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    margin: 4px auto 15px auto;
    border: 3px #704010 double;
}

#headergreet {
    width: 876px;
    background-color: #fff;
    padding: 2px 0px 2px 4px;
    margin: 3px auto 15px auto;
    border: 3px #704010 double;
 }


#tag_page_title {
    margin: 0 0 20px 0;
    text-align: justify;
        border: 4px #704010 double;
        padding: 10px;
        background-color: #fff;
        font-size: 1.8em;
    -moz-border-radius: 10px;
    border-radius: 10px;
        color: #704010;
}

p.headertext {
    font-size: 1.1em;
        padding: 0px 10px 0px 10px;
}



.narrowcolumn {
    padding: 0 0 0px 5px;
    margin: 0px;
    width: 400px;
    }

.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }
    

#content {

float: left;
width: 200px;

}

#left-sidebar, #right-sidebar {

}

#center-column {
float: left;
width: 440px;
margin: 0 15px 0 15px;
}







.post {
    margin: 0 0 20px 0;
    text-align: justify;
        border: 3px #704010 double;
        padding: 10px;
        background-color: #fff;
       font-size: 1.0em;
    /* -moz-border-radius: 10px;
    border-radius: 10px; */
    }

.post-title {
    margin: 0 0px 3px 0px;
    text-align: left;
        border: 1px #efefef solid;
        padding: 0 0 0 15px;
        background-color: #704010;
        background-image: url('/files/ct-bg2.jpg');
color: #fff;
font-weight: bold;
}


.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }

#books {
width: 140px;
border: 1px #000 solid;
background: #e8e5e2;
margin: 0 auto 10px auto;
padding: 4px;
}    

#footer {
    padding: 0 0 0 0px;
    margin: 0px 0px 10px 200px;
    width: 400px;
    clear: both;
border: 1px #000 solid;
    }

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
/* End Structure */



/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }

.description {
    text-align: center;
    }

h2 {
    margin: 10px 0 0;
    }

h2.pagetitle {
    margin: 0px 10px 5px 10px;
    text-align: left;
    text-transform: none;
    color: #fff;
    border-bottom: 1px #fff solid;
}

#sidebar h2 {
    margin: 0px;
    padding: 0px;
    }

h3 {
    padding: 0 0 4px 0;
    margin: 2px 0 0px 0;

    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
    
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }
    
.alignleft {
    float: left;
    }
/* End Images */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: square;
    padding-left: 10px;
    text-indent: -10px;
    }

html>body .entry li {
    margin: 7px 0 8px 10px;
    }

.entry ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
#left-sidebar ul, #left-sidebar ul ol,  #sidebar ul, #sidebar ul ol, #sidebar2 ul, #sidebar2 ul ol {
    margin: 0;
    padding: 0 0 0 4px;
    }

#left-sidebar ul li, #sidebar ul li, #sidebar2 ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
        background-color:#DBB370;
    padding: 0 4px 8px 4px;
    border: 1px #000 solid;
    }

#left-sidebar ul li li, #sidebar ul li li, #sidebar2 ul li li {
border: none;
}

#left-sidebar ul p, #left-sidebar ul select, #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
    margin: 5px 0 8px 0;
    }

#left-sidebar ul ul, #left-sidebar ul ol, #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
    margin: 5px 8px 0 10px;
    }

#left-sidebar ul ul ul, #left-sidebar ul ol, #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
    margin: 0 8px 0 10px;
    }

ol li, #left-sidebarul ol li, #sidebar ul ol li, #sidebar2 ul ol li {
    list-style: decimal outside;
    }

li {
list-style-image: url(/images/list.png);
}

#left-sidebar ul ul li, #left-sidebar ul ol li, #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
    margin: 4px 0 0 0;
    padding: 0;
    }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s, #sidebar2 #searchform #s {
    width: 115px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 100px;
    }

#commentform input {
    /* width: 100px; */
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform textarea {
    width: 100%;
    padding: 2px;
    }

#commentform #submit {
    margin: 0;
        float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    background-color: #DBB370;
    border: 3px solid #704010;
    }

.alt a {
color: #fff;
    }

.alt a:visited {
color: #fff;
border: none;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 5px 0 12px 0px;
    padding: 5px 10px 3px 10px;
    list-style: none;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }

.commentmetadata a {
   color: #fff;
    }

.commentmetadata a:visited {
   color: #fff;
    }


/* End Comments */



/* Begin Sidebar */

#left-sidebar, #right-sidebar, #sidebar, #sidebar2 {
    font-size: 1em;
        font-family: Verdana, Arial, Sans-Serif;
        text-align: left;
        background-color: #fff;
        float: left;
        width: 190px;
        margin-left: 0px;
    padding: 2px 2px 8px 2px;
}


#left-sidebar p {
    font-size: 1.0em;
    padding: 0px 10px 8px 10px;
}

#sidebar form {
    margin: 0;
    }
/* End Sidebar */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote.random {
        padding: 5px;
        border: 1px dashed #704010;
        background-color: #e8e5e2;
        text-align: left;
        font-family: Helvetica, Verdana, Arial;
    }


blockquote {
    margin: 10px 8px 10px 8px;
    padding: 4px 10px 4px 10px;
    border: 1px dotted #999;
        background-color: #e8e5e2;
        text-align: left;
font-size: 1.3em;
font-weight: bold;
color: #666;
    }


blockquote.news {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    background: #fc1;
    /* background: #f82;  */
    text-align: left;
    padding: 4px;

}

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.indent {
margin-left: 30px;
}


.center {
    text-align: center;
    }
hr {
    width: 300px;
margin-bottom: 20px;
margin-top: 20px;

    }

a img {
    border: none;
    }





span.hidden{
/*Workaround for Gecko*/
    content: "";
}

span.hidden:hover:after {
/*The URI pointing to the location of the image*/
    content: " To prevent spam, you must enter an email address.  Your address will not appear on the site, and you will not be contacted unless you request an answer.";
}



.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }

    option.parent {
   background-color: #f82;
    }

    option.child {
    color: #f82;
    font-family: "Times New Roman", Times, serif;
    }

.postform {
   background-color: #fc1;
font-family: "Times New Roman", Times, serif;
font-size: 13px;
width: 140px;     
  }



/* End Various Tags & Classes*/

/*
    margin: 0 0px 3px 0px;
    text-align: justify;
        border: 1px #efefef solid;
        padding: 0 0 0 15px;
        background-color: #704010;
        background-image: url('/files/ct-bg2.jpg');

    
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
    color: #630;
    text-decoration



*/

/* tabbed menu  */

#menu {
    border-bottom : 0px solid #000;
    margin: 0;
    padding-left:  40px;
}

#menu ul, #menu li    {
    display : inline;
    list-style-type : none;
    margin : 0;
    padding : 0;

}

    
#menu a:link, #menu a:visited    {
font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
        font-family:  Arial, Sans-Serif;
    background : #E8EBF0;
    border : 1px solid #000;
    color : #fff;
    float : left;
    font-size : 1em;
letter-spacing: .15em;
    line-height : 14px;
    margin-right : 8px;
    padding : 2px 10px 2px 10px;
    text-decoration : none;
    background-image: url('/files/ct-bg2.jpg');
}

#menu a:link.active, #menu a:visited.active    {
    background : #fff;
    border-bottom : 1px solid #000;
    color : #000;
}

#menu a:hover    {
background: transparent;
    color : #000;
}

    
body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a  {
    background:  #fc1;
    border-bottom : 1px solid #000;
    color : #000;
}

.chat1 {
background-color: #ddd; }

.chat2 {
background-color: #fff;
}