* {
padding:0;
margin: 0;
}

img { border: 0; }

body {
background: #e9e6de url(img/bg-tile.gif);
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
}

.clear {
height: 0;
line-height: 0;
clear: both;
}

.error { color: red; }

.img-in-article {
float: left;
padding: 0 10px 3px 0;
}

.tools { margin-top: 3px; }

#main-col ul {
padding-left: 14px;
padding-top: 5px;
padding-bottom: 4px;
}

#main-col ul li { padding-bottom: 4px; }

/* ============================================================ Typography */

h1, h2, h3, h4, h5 {
font-family: arial, helvetica, verdana, sans-serif;
}

h2 { 
font-size: 1.2em;
margin: 0;
padding: 0;
}

p {
font-size: 0.9em;
margin: 4px 0 10px 0;
line-height: 1.5em;
}

p.ingress { 
font-weight: bold; 
font-size: 0.9em; 
margin: 4px 0 2px 0;
}

.text-page h1 { font-size: 1.7em; }
.text-page br { line-height: 0.9em; }


/* ============================================================ Links */

a { color: #000; }

a.arrow {
text-decoration: underline;
padding-left: 15px;
background: url(img/arrow.png) center left no-repeat;
}
a.arrow-back {
text-decoration: underline;
padding-left: 15px;
background: url(/img/arrow-back.png) center left no-repeat;
}

.teaser a.print-page, .teaser a.tip-friend {
padding-left: 15px; 
text-decoration: underline;
}

a.print-page { 
background: url(img/icon-print.png) 0 0.2em no-repeat;
margin-right: 10px;
}

a.tip-friend {
background: url(img/icon-tip.png) 0 0.2em no-repeat;
}

a.search-result { text-decoration: none; }
a.search-result:hover { text-decoration: underline; }

a.url { 
font-size: 0.95em;
display: block;
padding-top: 5px;
font-family: arial, helvetica, verdana, sans-serif;
}

/* ============================================================ Main Layout */

#wrapper {
width: 1005px;
margin-top: 5px;
margin-left: 5px;
}

#shadow {
float: left;
padding-right: 20px;
background: url(img/shadow-site.png) top right no-repeat;
margin-bottom: 5px;
}

* html #shadow { background: none; }

#left-ads {
margin-left: 5px;
width: 250px;
float: left;
/* background: #000; */
height: 400px;
position: relative;
margin-left: -15px;
}

#container {
width: 723px; 
background: #fff; 
padding-bottom: 2px;
float:left;
}

#header {
padding: 2px 0 1px 0;
margin-left: 2px;
/*background: url(img/header-shadow.gif) bottom left repeat-x;  */
overflow: hidden;
width: 719px;
}

#content {
width: 690px;
margin-left: 15px;
margin-top: 10px;
}

#right-col {
width: 212px;
margin-left: 15px;
float: left;
}

#main-col {
width: 461px;
float: left;
}

#footer {
height: 28px;
background: url(img/footer-bg.gif) top left repeat-x;
margin: 15px 2px 0 2px;
text-align: center;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 0.85em;
padding-top: 13px;
}

/* ============================================================ Navigation */

#navigation {
height: 27px;
background: url(img/nav-bg.gif) repeat-x;
margin: 0 2px 0 2px;
position: relative;
}

#navigation div.right-corner {
width: 100%;
background: url(img/nav-right.gif) no-repeat top right;
}

#navigation ul {
list-style: none;
height: 27px;
background: url(img/nav-left.gif) top left no-repeat;
padding-left: 9px;
}

#navigation ul li {
float: left;
height: 22px;
padding: 5px 6px 0 6px;
}

#navigation ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
font-family: arial, helvetica, verdana, sans-serif;
display: block;
}

#navigation ul li a:hover { text-decoration: underline; } 

#navigation ul li.selected {
background: url(img/nav-bg-active.gif) top left repeat-x;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#navigation ul li.selected a {
color: #333;
text-decoration: underline;
}

/* ============================================================ Search Box */

#search {
position: absolute;
width: 160px;
height: 27px;
background: url(img/nav-divider.gif) 0 2px no-repeat;
top: 0;
right: 0;
padding: 0 0 0 10px;;
}

#search #search-field  {
height: 23px;
margin-top: 3px;
background: url(img/search-bg.gif) top left no-repeat;
overflow: hidden;
float: left;
}

#search #search-field input {
font-size: 11px;
color: #999;
border: none;
background: none;
margin-top: 3px;
padding: 0 5px 0 4px;
width: 107px;
}

#search .btn {
background: url(img/search-btn.gif) top left no-repeat;
width: 33px;
height: 21px;
float: left;
margin: 3px 0 0 2px;
}

/* ============================================================ Sub Navigation */

#subnav {
height: 28px;
background: url(img/subnav-bg-top.gif) top left repeat-x;
margin: 0 2px 0 2px;
}

#subnav-wrapper {
padding-bottom: 14px;
background: url(img/subnav-bg-top.gif) top left repeat-x;
margin: 0 2px 0 2px;

}

#subnav ul {
list-style: none;
background: url(img/subnav-bg-bot.gif) bottom left repeat-x;
height: 28px;
padding: 0 0 0 3px;
}

#subnav ul li {
height: 22px;
float: left;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 0.85em;
padding: 6px 12px 0 10px;
background: url(img/subnav-divider.gif) center right no-repeat;
}

#subnav ul li a { text-decoration: none; }
#subnav ul li a:hover { color: #d71920; }
#subnav ul li a.selected { color: #d71920; }

/* ============================================================ Teaser */

.teaser {
border: 1px dotted #bdbdbd;
padding: 3px;
margin-bottom: 15px;
}

.teaser .content-wrapper {
position: relative;
background: url(img/teaser-bg.png) bottom left repeat-x;
padding-bottom: 7px;
padding-top: 2px;
}

.teaser .content-wrapper .headline {
position: absolute;
top: -22px;
left: 5px;
background: #fff;
opacity: 0.92;
}

* html .teaser .content-wrapper .headline { top: -26px; }

.teaser .content-wrapper h3 {
padding: 1px 6px 1px 6px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 11px;
color: #d71920;
}

.teaser .content-wrapper p {
margin: 0;
padding: 5px 5px 5px 7px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 0.85em;
}

.teaser p a { text-decoration: none; }
.teaser p a:hover { text-decoration: underline; }

.teaser p a.arrow { 
text-decoration: underline; 
background: url(img/arrow-teaser.png) 0 2px no-repeat;
padding-bottom: 2px;
}

.teaser ul  {
padding-left: 22px;
}

.teaser ul li {
font-size: 0.85em;
padding-bottom: 5px;
}

/* ============================================================ Teaser Subscribe */

.subscribe { position: relative; }
* html .firefox { display:none; }

.subscribe .star {
position: absolute;
top: -14px;
right: -12px;
}

.subscribe .cost {
position: absolute;
top: 16px;
right: -15px;
width: 86px;
height: 40px;
text-align: center;
}

/* ============================================================ Teaser Text */

.teaser-text {
background: url(img/flik-bg.gif) bottom right no-repeat;
padding: 0 0 8px 0;
}

.teaser-text p { padding-right: 15px; }

/* ============================================================ Teaser Image Left */

.teaser-img-left, .teaser-img-right {
width: 100%;
background: url(img/flik-bg.gif) bottom right no-repeat;
padding: 8px 0 5px 0;
clear: both;
}

.teaser-img-left img {
float: left;
padding: 0 10px 5px 0;
}

.teaser-img-left p { padding-right: 10px; }

/* ============================================================ Teaser Image Right */

.teaser-img-right img {
float: right;
padding: 0 10px 5px 8px;
}

/* ============================================================ Image In Right Column */

p.image-text {
font-size: 0.8em;
color: #999;
margin: 0 0 15px 0;
}

img.image-padding { padding-bottom: 15px; }

/* ============================================================ Latest Issue */

.latest-issue { min-height: 190px; }
* html .latest-issue { height: 190px; }

.latest-issue div {
width: 280px;
margin-left: 175px;
}

.latest-issue img {
position: relative;
padding-right: 5px;
}

.latest-issue h1 {
color: #d71920;
font-size: 1.5em;
padding-top: 10px;
}

.divider {
background: url(img/flik-bg-top.gif) top right no-repeat;
clear: both;
}

/* ============================================================ Poll Component */

.poll ul {
list-style: none;
font-size: 0.85em;
padding-left: 7px;
}

.poll ul label {
padding-left: 2px;
padding-top: 10px;
}

.poll ul li { 
padding-bottom: 3px; 
padding-top: 3px; 
border-bottom: 1px solid #ddd;
margin-right: 3px;
}

* html .poll ul li { 
padding-bottom: 0px; 
padding-top: 0px; 
}

* html .poll ul { padding-left: 2px; }

.poll table { 
width: 100px;
margin-left: 5px;
margin-top: 5px;
}

.poll table input { margin-right: 50px; }

.result-cell { 
border-bottom: 1px dotted #ccc;
}

.result-table td {
padding-top: 5px;
font-size: 0.8em;
}

.result-table  {
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}

/* ============================================================ Logged In */

#login {
border: 1px dotted #bdbdbd;
padding: 3px;
margin-bottom: 15px;
}

#login div {
background: url(img/teaser-bg.png) bottom left repeat-x;
padding-bottom: 7px;
padding-top: 2px;
}

#login div p {
margin: 0;
padding: 5px 5px 5px 7px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 0.85em;
}

#login div p a { text-decoration: none; }
#login div p a:hover { text-decoration: underline; }

#login div p a.arrow { 
text-decoration: underline; 
background: url(img/arrow-teaser.png) 0 2px no-repeat;
padding-bottom: 2px;
}

.search-page {
padding-top: 15px;
padding-bottom: 10px;
}

/* ============================================================ Pop-Up Windows */

#tip-friend-wrapper {
background: #fff;
padding-left: 10px;
padding-top: 15px;
}

#tip-friend-wrapper .formular table td {
padding-bottom: 10px;
font-size: 0.85em;
}

#tip-friend-wrapper textarea {
font-family: arial, helvetica, sans-serif;
font-size: 0.85em;
}

/* ============================================================ Search Result Page */

.search-page {
background: #ddd;
width: 210px;
padding-left: 10px;
}

.hits {
display: block;
background: #ddd;
width: 210px;
padding-left: 10px;
padding-bottom: 10px;
margin-top: 0;
font-size: 11px;
}



/* ======================================================================= recipe  */

.ingress{
    width: 300px;
}

.recipeSearch { width:100%; }
.recipeSearch tr td {
  vertical-align:top;
  padding-bottom:2px;
}
.recipeSearch tr th {
  padding:8px 0 2px 0;
}

#recipeSearchResults {
  padding:10px 2px;
}
#recipeSearchResults table {
  margin:0; padding:0;
  width:100%;
}
#recipeSearchResults table tr th {
  width:80px;
  padding-bottom:12px;
}
#recipeSearchResults table tr td {
  padding-bottom:18px;
  vertical-align:top;
}
#recipeSearchResults table tr td h3 {
  font:normal 14px arial,sans-serif;
}
#recipeSearchResults table tr td h3 a{
    text-decoration: none;
    font-weight: bold;
}

.recipe {
    margin: 10px 0;
}

.ettaRecept { margin-bottom:14px; cursor:pointer;}
.ettaRecept .col1,
.ettaRecept .col2,
.ettaRecept .col3 {background:#c3f86f; float:left; width:144px; margin-right:9px; cursor:pointer; }
.ettaRecept .pic { background-position:center left; width:144px; height:110px; overflow:hidden; }
.ettaRecept .col3 { margin:0; }
.ettaRecept em { font:normal 10px arial; display:block; padding:4px 7px 1px 7px; color:#487304; text-transform:uppercase;  font-style: normal; }
.ettaRecept h3 { font:bold 14px arial,sans-serif; color:#000; display:block; padding:0 7px 7px 7px; margin:0;}
.ettaRecept h3 a { color:#000; text-decoration:none; }
.ettaRecept table td.heading{
    width:144px;background:transparent url(img/teaser-bg.png) repeat-x scroll left bottom;vertical-align:top;
}

.recipeCol1 {
  width:180px; float:left; padding-right:20px; padding-bottom:14px;
}
.recipeCol1 .pic { margin-bottom:4px; }

.recipeCol1 li { 
  padding:0 4px 3px 18px;
  margin-bottom:3px;
  border-bottom:1px solid #ccc;
}
.recipeCol1 li.people { background:url("/img/icon_people.gif") top left no-repeat; }
.recipeCol1 li.time { background:url("/img/icon_time.gif") top left no-repeat; }
.recipeCol1 li.difficulty { background:url("/img/icon_difficulty.gif") top left no-repeat; }
.recipeCol1 li.drink { background:url("/img/icon_drink.gif") top left no-repeat; }
.recipeCol1 ul{
    padding-left: 0;
}
.recipeCol1 ul li{
    list-style-type: none;
}


.recipeCol2 h3, .recipe h3 { font:bold 14px arial; }
.recipeCol2 { width:210px; float:left; }
.dailyRecipeCol2 { width:240px; float:left; margin-left: 10px}
.dailyRecipeCol1 {float:left; padding-bottom:14px;margin-right:0px;}
.dailyRecipeInstructions{clear:both;}


#recipeSearchResults .prev_next {
  padding:5px 10px 6px 10px;
  margin-bottom:10px;
  border:1px solid #e7e7e7;
  float: left;
  width: 425px;
}


.recipe-search { 
	display:block;
	background:#c3f870 url(/img/bg_search.gif) bottom left repeat-x; 
	padding:8px 11px 7px 11px;
	margin-bottom:12px;
}
.form-hidden{
	display:none;
}
.recipe-search fieldset { margin:0; padding:0; border:none; }
.recipe-search h3, .recipe-search h4 { font:normal 14px arial,sans-serif; color:#507418; margin-bottom:5px; }
input.bigInput, .recipe-search select { 
	float:left; margin:0 8px 0 0;
	font:normal 13px arial,sans-serif; 
	color:#333;
}
input.bigInput { width:208px; }
.recipe-search select { width:125px; }
input.bigButton { width:auto; margin:0; padding:0; }
.recipe-search p.arrowLink { clear:left; padding:0; }
.recipe-search .checkbox { width:auto; }
.recipe-search .cb_container { width:160px; padding:0 0 3px 30px; float:left; }
.recipe-search .cb_container .checkbox { width:auto; margin:0 4px 0 0; float:left; }
.recipe-search .input-normal { width:210px; margin-bottom:6px; }
.recipe-search label { width:140px; margin-left:30px; float:left; clear:left; }
.recipe-search h4 { clear:left; margin:16px 0 12px 0; }

a.arrowLink{
    text-decoration: none;
    color: #f22616;
}

a.arrowLink img {
padding-right:4px;
}

/* ============================================================ PRINT STYLES */

@media print {

#navigation, #subnav, #header, .tools, #footer  { display: none; }
h2, h3, h4, p, a, b, li, ol, ul {font-size:20px !important;line-height:normal !important;}
h2, h3, h4 {font-size:120% !important;}

.latest-issue div { 
margin-left: 0px; 
width: 100%;
background: #fff;
}

}