/* This is the style sheet for the La Cuisine FoodNews */

html {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000; 
font-size: 1em;
line-height: 1.3em;
margin: 0;
padding: 0;
background-color: #FFF;
background-image: url(images/foodnews_nav_background.gif);
background-repeat: repeat-y;
background-position: top left;
}

#skiptocontent {
top: 0;
left: 0;
}

#header {
position: absolute;
top: 0;
width: 775px;
height: 204px;
font-weight: bold;
background-image: url(images/foodnews_header_new.gif);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #FFF;
}

h1 {
position: absolute;
top: 135px;
left: 280px;
width: 490px;
font-size: .9em;
color: #000;
}

h2 {
position: relative;
top: 172px;
font-size: .9em;
color: #FFF;
text-align: right;
text-transform: uppercase;
padding-right: 10px;
}

h3 {
font-size: 130%;
text-transform: uppercase;
}

h4 {
font-size: 100%;
line-height: 1.2em;
}

#navigation1 {
position: absolute;
top: 280px;
left: 9px;
width: 210px;
font-size: .8em;
font-weight: bold;
line-height: 1.3em;
border-top: 1px #FFF dotted;
}

#navigation2 {
position: absolute;
top: 380px;
left: 9px;
width: 210px;
font-size: .8em;
font-weight: bold;
text-transform: uppercase;
line-height: 1.3em;
border-top: 1px #FFF dotted;
}

#navigation3 {
position: absolute;
top: 525px;
left: 9px;
width: 210px;
font-size: .8em;
font-weight: bold;
line-height: 1.3em;
border-top: 1px #FFF dotted;
}

#navigation4 {
position: absolute;
top: 600px;
left: 9px;
width: 210px;
font-size: .8em;
font-weight: bold;
line-height: 1.3em;
border-top: 1px #FFF dotted;
}

img {
border: none;
}

img.left {
margin-right: 8px;
}

img.right {
margin-left: 8px;
}

.bold {
font-weight: bold;
}


blockquote {
border-top: 2px dotted #000;
border-bottom: 2px dotted #000;
width: 540px;;
margin: 0px;
padding: 5px;
background-color: #b8c872;
quotes: "\201C" "\201D";
}

#content {
position: absolute;
top: 220px;
left: 235px;
width: 540px;
font-size: .8em;
text-align: justify;
}

#footer {
font-weight: bold;
border-top: 2px #000 solid;
font-size: 80%;
}

#center {
text-align: center;
}

.archives-header {
color: #FFF;
border-bottom: 1px #FFF dotted;
}

a:link {
color: #819139;
text-decoration: none;
}

a:visited {
color: #819139;
text-decoration: none;
}

a:hover {
color: #819139;
text-decoration: none;

}

a:active {
color: #819139;
text-decoration: none;
}

a {
font-weight: bold;
}

#navigation1 a:link, #navigation1 a:visited, #navigation2 a:link, #navigation2 a:visited, #navigation3 a:link, #navigation3 a:visited, #navigation4 a:link, #navigation4 a:visited  {
color: #FFF;
display: block;
border-bottom: 1px #FFF dotted;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}

#navigation1 a:hover, #navigation2 a:hover, #navigation3 a:hover, #navigation4 a:hover {
color: #FFF;
text-decoration: none;
background-color: #92B530;
}