/* Global
    ----------------------------------------------- */

        body {
            background: #FFCC33 url('http://etok.free.fr/brand/back.jpg') top left;
            font-family: normal;
            font-size: 100%;
            line-height: 1.5;
            margin: 0;
            padding: 30px;
            text-align: center;
        }

            body * {
                font-size: 100%;
                margin-bottom: 1px;
                padding-bottom: 2px;
            }

        img {
            border: 0;
        }


    /* Structure
    ----------------------------------------------- */

        .skipnavigation {
            left: -1000px;
            position: absolute;
        }

        #container {
            margin: auto;
            overflow: hidden;
            padding: 0;
            text-align: left;
            width: 100%;
            min-width: 700px;
        }

            #container_inner {
                margin: auto;
                max-width: 80em;
            }

        #content {
            float: left;
            margin: 0 0 0 1%;
            padding: 0;
            width: 73%;
        }

            #content #content_inner {
                padding: 22px;
            }

        #wrapper {
            background: url('http://etok.free.fr/brand/left_tile.png') top left repeat-y;
            margin: 0;
            overflow: hidden;  
            padding: 0; 
            width: 100%; 
        }

            #wrapper_inner {
                background: url('http://etok.free.fr/brand/right_tile.png') top right repeat-y; 
                margin: 0; 
                padding: 0 7px 0 6px;
            }

        #body {
            background: #fff url('http://etok.free.fr/brand/faux_column.png') 75% 0% repeat-y;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
        }

            #body #body_inner {
                background: url('http://etok.free.fr/brand/sidebar_grey_line.png') top right repeat-y;
                margin: 0;
                padding: 0;
            }

            #body #body_inner #body_shadow {
                background: url('http://etok.free.fr/brand/content_top_bg.png') top left repeat-x;
                margin: 0;
                overflow: hidden;
                padding: 0;
                width: 100%;
            }


    /* Footer
    ----------------------------------------------- */

        #footer {
            background: url('http://etok.free.fr/brand/footer_tile.png');
            color: #000000;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
        }

            #footer div {
                margin: 0;
                padding: 0;
                padding-top: 7px;
            }

            #footer a {
                border-bottom: 1px dotted #000000;
                color: #000000;
                text-decoration: none;
            }

                #footer a:hover {
                    border-bottom-style: solid;
                }


    /* Header
    ----------------------------------------------- */

        #header {
             background: url('http://etok.free.fr/brand/header_tile.png') top left repeat-x; 
             margin: 0; 
             overflow: hidden; 
             padding: 0; 
             vertical-align: center;
             width: 100%; 
        }


    /* Sidebar
    ----------------------------------------------- */

        #sidebar {
            background: url('') top left repeat-y;
            float: right;
            margin: 0;
            padding: 0;
            width: 25%;
        }

            #sidebar_inner {
                margin: 0;
                padding: 0;
            }

            #sidebar .sidebarbox {
                background: url('http://etok.free.fr/brand/sidebar_bg_top.png') top left repeat-x;
                border-right: 1px solid #C0C0C0;
                border-bottom: 1px solid #C0C0C0;
                border-left: 1px solid #ccc;
                margin: 0;
                padding: 10px 20px 10px 17px;
            }

                #sidebar .sidebarbox p {
                    margin: 0;
                    padding: 5px;
                }

                #sidebar .sidebarbox .sidebar_link_list {
                    list-style-type: none;
                    margin: 0;
                    padding: 5px;
                }

                    #sidebar .sidebarbox .sidebar_link_list li {
                        background: url('http://etok.free.fr/brand/list-icon.png') left 6px no-repeat;
                        list-style: none;
                        margin-left: 12px;
                        padding-left: 12px;
                    }

                        #sidebar .sidebarbox .sidebar_link_list  li.topic_section {
                            background: none;
                            list-style: none;
                            margin-left: 0;
                            padding-left: 0;
                        }

                #sidebar .sidebarbox form {
                    border: 0;
                    margin: 0;
                    padding: 0;				
                }

                    #sidebar .sidebarbox form fieldset {
                        border: 0;
                        padding: 0;					
                    }

                        #sidebar .sidebarbox fieldset .inputbox {
                        }

                #sidebar .sidebarbox #searchform {
                    border: 0;
                    margin: 0;
                    padding: 10px;			
                }

            #sidebar #last_sidebar_box {
                border-bottom: 0;
            }

            #sidebar .noindent .sidebar_link_list li, #sidebar .sidebarbox .sidebar_link_list  li.noindent {
                margin-left: 0;
            }

            #sidebar ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }

                #sidebar ul li {
                    background: url('http://etok.free.fr/brand/list-icon.png') left 6px no-repeat;
                    list-style: none;
                    padding-left: 12px;
                }


    /* Menu
    ----------------------------------------------- */
	
		#mainmenu {
			background: url('http://etok.free.fr/brand/menu_bg.png') center left repeat-x;
            border-bottom: 1px solid #300;
			border-left: 1px solid #802222;
			border-right: 1px solid #320101;
			height: 47px;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}

			#mainmenu ul {
                list-style-type: none;
			    background: url('http://etok.free.fr/brand/menu_left.png') center left no-repeat;
				border: 0px;
				float: left;
				list-style: none;
				margin: 0;
			    padding: 0;
			}

                #mainmenu ul li {
                    background: none;
                    float: left;
                    line-height: 43px;
                    margin: 0;
                    padding: 0;
                }

			#mainmenu div {
			    background: url('http://etok.free.fr/brand/menu_right.png') center right no-repeat;
				margin: 0;
			    overflow: hidden;
				padding: 0;
                width: 100%;
			}

            #mainmenu a, #mainmenu a:visited {
                border: 0;
                color: #000;
                display: block;
                font-weight: normal;
                margin: 0;
                padding: 2px 15px;
                text-decoration: none;
            }

                #mainmenu a:hover {
                    background: url('http://etok.free.fr/brand/menu_bg_on.png') center left repeat-x;
                }


    /* Lists
    ----------------------------------------------- */

        ul {
            list-style-type: none;
        }

            ul li {
                background: url('http://etok.free.fr/brand/list-icon.png') left 6px no-repeat;
                list-style: none;
                padding-left: 12px;
            }


    /* Headings
    ----------------------------------------------- */

	    h1 {
            font-size: 1.4em;
            margin: 0;
            font-family: "arial", "Times New Roman", "Times", "serif";

            /*margin: 0;
            text-transform: uppercase;
            letter-spacing: .3em;*/
        }

        h4 {
            background: url('http://etok.free.fr/brand/sidebar_title_bg.png') center left repeat-x;
            border-top: 1px solid #EB5D5D;
            border-right: 1px solid #480303;
            border-bottom: 1px solid #480303;
            border-left: 1px solid #EB5D5D;

            margin: 0;
            padding: 0 0 0 20px;
            text-transform: uppercase;
            letter-spacing: .3em;
            line-height: 2.5;
            font-family: "arial", "Times New Roman", "Times", "serif";
            /*background: #eee;*/
            color: #fff;
            font-weight: normal;

            /*color: #fff;
            font-weight: bold;
            line-height: 2.5;
            margin: 0;
            padding: 0 0 0 20px;*/
        }


    /* Links
    ----------------------------------------------- */

	    a {
            
            color: #8B310F;
            font-weight:bold;
            margin-bottom: 0;
            text-decoration: none;
        }

            a:hover {
                color: #cc0000;
            }

            a:focus {
                background: #B2B4BF;
            }

            a:active {
                color: #ff0000;
            }

            a.imagelink {
                border-bottom: none;
                text-decoration: none;
            }

                a.imagelink:hover {
                    border-bottom: none;
               

}
    /* Text Effects
    ----------------------------------------------- */

        .upper {
            text-transform: uppercase;
        }

        .lower {
            text-transform: lowercase;
        }

        .cap {
            font-family: arial, serif;
            font-size: 3em;
            float: left;
            line-height: 30px;
            padding-top: 1px;
            padding-right: 3px;
        }


    /* Misc
    ----------------------------------------------- */

        #page_footnotes {
            text-align: left;
            background: #fff url('http://etok.free.fr/brand/faux_column.png') 75% 0% repeat-y;
            margin: 0;
            padding: 0;
        }

            #page_footnotes_inner {
                margin: 0;
                padding: 22px;
                border-right: 1px solid #ccc;
            }

        .article_image, .articlelink img {
            background: #999;
            border: 3px solid #ddd;
            float: right;
			margin: -80px -20px;
            padding: 1px;
        }

        #logolink {
            display: block; 
            margin: 25px 0 0 0;
            padding: 0; 
        }

        #jdsidebar {
            background: url('') 0 50% no-repeat;
            border-right: 1px solid #ccc;
            height: 164px;
            margin: 0;
            padding: 20px 0;
        }



    /* Left / Right Content Blocks
    ----------------------------------------------- */

        .content_blocks {
            overflow: hidden;
            width: 100%;
            /*background: url('http://etok.free.fr/brand/vertline.png') top center repeat-y;*/
        }

            .content_block_left {
                float: left;
                padding: 10px 0;
                width: 48%;
            }

            .content_block_right {
                float: right;
                padding: 10px 0;
                width: 48%;
            }

                .content_block_right ul, .content_block_left ul {
                    margin: 0;
                    padding: 0;
                }

                .content_block_right ul li, .content_block_left ul li {
                    margin: 0;
                }

                .content_block_right ul {
                }

                .content_block_right img, .content_block_left img, .star {
                    float: right;
                    margin: 0 20px 10px 10px;
                }

                


    /* Breaks
    ----------------------------------------------- */

        div.hr {
            background: url('http://etok.free.fr/brand/bird.gif') no-repeat scroll center;
            height: 68px;
            margin: 40px 0;
        }

            div.hr hr {
                display: none;
		    }


    /* Topic List Hover Effect
    ----------------------------------------------- */

        /*

        #topics:hover, #topics:hover a {
            border-color: #aaa;
            color: #aaa;
        }

        #topics:hover li {
		    background: url('http://etok.free.fr/brand/list-icon-grey.png') left 6px no-repeat;
        }

        #topics:hover li.topic_section {
		    background: none;
        }

        #topics .topic_section:hover {
            color: #000;
        }

        #topics .topic_section:hover a {
            border-color: #880000;
            color: #880000;
        }

        #topics .topic_section:hover li {
		    background: url('http://etok.free.fr/brand/list-icon.png') left 6px no-repeat;
        }

        #topics .topic_section:hover li.topic_section {
		    background: none;
        }

        */


    /* Conversations
    ----------------------------------------------- */

        ul.conversation {
            overflow: auto;
            width: auto;
            display: block;
            margin: 1em;
            border: 1px solid #ccc;
            background: #eee;
            padding: 1em;
            list-style: none;
        }

            ul.conversation li {
                padding: 3px;
                overflow: auto;
                width: 99%;
                background: none;
            }

                ul.conversation li.altrow {
                    background: #f6f6f6;
                }

                ul.conversation li.action {
                    font-style: italic;
                }

                ul.conversation div {
                    float: right;
                    width: 79%;
                }

                ul.conversation span {
                    display: block;
                    float: left;
                    width: 20%;
                }






                			}

        .postinfo {
          clear: left;
		  margin-bottom: 1em;
        }

        .articlelink {
           
            width: 100%;
            padding: 1em 0 0 0;
            margin: 1em 0 0 0;
        }

        
      
      .code {
        display: block;
        margin: 1em;
        border: 1px solid #ccc;
        background: #eee;
        padding: 1em;
        line-height: 1.3;
        font-family: monospace;
        overflow: auto;
      }

  /* Page Specific */

    #viewstructure {
      display: block;
      overflow: auto;
    }

      #viewstructure ul {
        overflow: normal;
        list-style: none;
        margin: 0;
        margin-left: 10px;
        padding: 0;
      }

        #viewstructure ul li, #viewstructure .inactivelist {
          list-style: none;
          color: #000;
          margin: 3px;
          padding: 2px;
          margin-bottom: 2px;
          background-image: none;
          background: none;
          border: 1px solid #fff;
        }

      #viewstructure .idhighlight {
        font-weight: bold;
        color: #008800;
      }

      #viewstructure .classhighlight {
        font-weight: bold;
        color: #000088;
      }

      #viewstructure .tagnamehighlight {
        font-weight: bold;
      }

      #viewstructure .savedactivelist, #viewstructure .activelist .savedactivelist {
        border: 1px solid #cece90;
        background: #ffe;
      }

      #viewstructure .savedactivelist li, #viewstructure .activelist .savedactivelist li {
        border: 1px solid #e2e2b5;
        background: #fff;
      }

      #viewstructure .activelist, #viewstructure .savedactivelist .activelist {
        border: 1px solid #bbb;
        background: #eee;
      }

      #viewstructure .activelist li, #viewstructure .savedactivelist .activelist li {
        border: 1px solid #bbb;
        background: #fff;
      }

    #commentform {
        overflow: auto;
    }

        #commentform fieldset {
            border: 0;
            padding: 0;
            margin: 0;
        }

        #commentform .commentrow {
            overflow: auto;
            padding: 3px;
        }

		#commentform label {
			float: left;
			white-space: nowrap;
			display: block;
			width: 30%;
            margin-right: 1%;
			text-align: right;
		}

		#commentform .commentinputtextbox, #content textarea {
			float: left;
			width: 65%;
			font-family: Verdana;
		}

        #commentform #submit {
            width: auto;
        }

        .commentdate {
            padding: 5px;
            float: right;
        }


        .blogfront img {
            margin: 0 10%;
            float: none;
            border: 0;
            padding: 0;
            width: 80%;
        }

        h3.sub_heading {
            margin: 0 0 .5em;
            padding: 3px 8px;
            text-transform: uppercase;
            letter-spacing: .3em;
            font-family: "arial", "Times New Roman", "Times", "serif";
            background: #eee;
            color: #888;
            font-weight: normal;
            border-top: 1px solid #888;
            border-bottom: 1px solid #888;
            text-align: center;
        }

        #tagline {
            background: #450303;
            margin: 0;
            border-left: 1px solid #700505;
            border-right: 1px solid #230101;
            /*border-top: 1px solid #711;
            border-bottom: 1px solid #200;*/
            padding: 0;
            color: #ccc; 
            text-align: center;
            text-transform: uppercase;
            letter-spacing: .3em;
            font-family: "arial", "Times New Roman", "Times", "serif";
            line-height: 2.5;
        }