/* Style created by David Mortimer 30.12.2002 */
/* Modified by Kamel Bentahar on Wednesday, 25 February 2009 (and many times later) */

/* Bits of css have been taken (some modified, some not) from the the layout
  reservoir http://www.bluerobot.com/web/layouts/

  Here's the permission notice from the page on May 20, 2002:

  Please feel free to borrow, steal, abduct, and/or torture the documents
  contained in the Layout Reservoir. Though you need not give credit to
  BlueRobot.com, a comment in your source code would help other developers to
  find this resource. Enjoy. */

html {
    overflow-y: scroll;
}

body {
    margin: 0px;
    max-width: 942px;
    margin-left: auto;
    margin-right: auto;
    font-family: arial, verdana, helvetica, sans-serif;
    background:#F4F4F4 url(img/body3.gif) repeat-y center top;
}
h1 {
    font-size: 2em;
    line-height: 2.5em;
    color:#555;
    text-align: center;
}
h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    color:#777;
}
h3 {
    font-size: 1.2em;
    line-height: 1.1em;
    color:#777;
    page-break-before: always;
}
h4 {
    font-size: 1em;
    line-height: 1em;
    padding: 1px;
    color:#777;
}

h5 {
    font-size: 0.7em;
    line-height: 0.2em;
    color:#555;
}

/*#Content>p {margin:0px;}*/
/*#Content>p+p {text-indent:1em;}*/

a {
    color:#289632;
    text-decoration:none;
    font-weight:600;
}
a:link    {color:#289632;}
a:visited {color:#289632;}
a:hover   {color:#076310;}

p.small {font-size: 0.75em; padding:0px;}
a.small {font-size: 0.75em; padding:0px;}
a.close {font:11px/8px verdana, arial, helvetica, sans-serif;}

img {
    border: 0;
}

blockquote{
    background: url(img/lquo.gif) no-repeat top left;
    margin:0;
    border:none;
}

blockquote p{
    background: url(img/rquo.gif) no-repeat bottom right;
    margin:0;
    padding: 35px 20px;
}

hhr {
    border: 0;
    width: 100%;
    height: 1px;
    color: #999;
}

li {
    line-height: 1.3em;
}

table
{
    /*    background-color: #fafafa; */
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}

/*------- named -------*/

#top {
    line-height: 80px;
    background:#ffffff url(img/h1.gif) repeat-x left bottom;
}

#Header {
    margin:20px 0px 10px 0px;
    padding:5px 0px 5px 10px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
    height:84px; /* 80px + 2px + 2px = 80px */
    border-style:none;
    border-color:black;
    border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    line-height:11px;
    background-color:#e3e3e3; /*#eee;*/
    background:#ffffff url(img/h1r.gif) repeat-x left bottom;

    /* ugly brilliant by Tantek Celik see http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
voice-family:inherit;
height:80px; /* the correct height */
}
body>#Header {height:80px;}
/* End of hack */

#Footer {
    width: 79%;
    margin:1px 0px 1px 0px;
    padding:6px 0px 0px 20px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] +
      [top and bottom border widths] */
    height:22px; /* 14px + 6px + 2px = 22px */
    border-style:dotted;
    border-color:black;
    border-width:1px 0px 0px 0px;
    line-height:14px;
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
}
body>#Footer {height:14px;}


#Content {
    text-align: justify;
    margin: 1em 188px 2em 2em;
}

#Menu {
    font-size: 12px;
    float: right;
    position:relative;
    top: 0px;
    right: 7px;
    padding: 6px;
    border:1px none #999;
    line-height:1.3em;/* 17px; */
    z-index: 1;
    width: 151px;
}
/* Again, "be nice to Opera 5". */
body>#Menu {width:151px;}

#feed {
    font-size: 10px;
    clear: both;
    float: right;
    position:relative;
    top: 0px;
    right: 3px;
    width:150px;
    padding:1em;
    z-index: 1;
}

#Menuu {
    float: right;
    font-size: 13px;
    position:relative;
    top:160px;
    right:1em;/* 20px; */
    width:172px;
    padding:0.8em;/* 10px; */
    background-color:white; /*#eee;*/
    border:1px solid #999;
    line-height:1.3em;/* 17px; */
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
voice-family:inherit;
}

#feed1 {
    font-size: 10px;
    position:absolute;
    top: 390px;
    right: 1em;
    width:162px;
    padding:1em;
}

#SG table
{
    width: 80%;
    background-color: #fafafa;
}

#SG td
{
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    color: #404040;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 0px;
}

#SG tr.toprow
{
    font-weight: bold;
    color: white;
    background-color: #6699cc;
}

tr.o
{
    background-color: #c3dbf3;
}
tr.e
{
}
tr.g
{
    background-color: #eee;
}

#col {
}

/* browser upgrade message */
.ahem{display:none;}


/*------- classes -------*/

/* Calendar */
.date
{
    float: left;
    height: 48px;
    width: 64px;
    background: url(img/date.png) no-repeat;
    margin-right: 10px;
    padding-top: 0px;
    line-height: normal;
}

.date .month
{
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
    padding-top: 1px;
    text-transform: capitalize;
}

.date .day
{
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    padding-right: 3px;
}

.meta
{
    display: block;
    font-size: 11px;
    color: #666;
}

.postit
{
    text-align: justify;
    border: #FC6 1px solid;
    padding: 1em;
    background-color: #FFC;
}

table.info
{
    width: 100%;
    background-color: #fafafa;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}
table.info td
{
    font-size: 90%;
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    color: #404040;
/*    background-color: #fafafa;*/
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 0px;
}

table.info tr.ttl
{
    background-color: #e8eeff;
    font-weight: bold;
}