@charset "UTF-8";

/* Recipes CSS */



/* html { min-height: 100%; text-align: left; margin-bottom: -1px; padding: 0 0 0 0; margin: 0 0 0 0; }

body { padding: 0px 0; margin: 0; font: 10px Arial, Helvetica, sans-serif; color: #666666; }*/

.clean { clear: both; display: block; height: 0px; line-height: 0em; }

.hide-me { display: none; }



body { background: #999; }

/*

body { background: url(http://cssremix.com/themes/site_themes/default/body.png) center top no-repeat #140918; }

*/

#wrap { width: 774px; float: left; display: block;  }
#wrap a:hover, #wrap a:visited {border: none; text-decoration: none;}

.lvl { display: block; margin-bottom: 12px; }

	

#lvl-1 { padding-top: 15px; height: 10px; }

#lvl-2 { border-bottom: 0px solid #303030;  }

#lvl-3 { border: solid 0px #666; width: 790px; }

#lvl-4 { margin-top: 2px; }

#lvl-6 { width: 914px;  }




#s1, #s1 p { display: block; position: relative; width: 715px; height: 30px; }

#s1 p { overflow: hidden; background: transparent; }



.bar-next { display: block; width: 20px; height: 20px; position: absolute; left: 34px; top: 10px; z-index: 21; }

.bar-next a { display: block; width: 20px; height: 20px; background: url(http://cssremix.com/themes/site_themes/default/images/bar-next.gif) left top no-repeat;  }

.bar-prev { display: block; width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; z-index: 21; }

.bar-prev a { display: block; width: 20px; height: 20px; background: url(http://cssremix.com/themes/site_themes/default/images/bar-prev.gif) left top no-repeat;   }

.pagination .bar-next { display: block; width: 20px; height: 20px; position: absolute; left: auto; right: 10px; top: 10px; }

.pagination .bar-prev { display: block; width: 20px; height: 20px; position: absolute; left: auto; right: 37px; top: 10px; }

.bar { display: block; width: 774px; height: 38px; background: url(/themes/site_themes/default/images/bar.gif) left top repeat-x #cfcfcf; border-bottom: 0px solid #000000; border-top: 0px solid #000000; position: relative; }

#lvl-7 .bar { border-top: 0px; }

.bar .links { position: absolute; left: 10px; font-size: 11px; top: 13px; vertical-align: center; color: #666666; font-weight: bold; }

.bar .links a { color: #666666; text-decoration: none; }

.bar .links b { color: #999999; }

.bar .links a:hover { text-decoration: underline; }

#form-search { background: url(http://cssremix.com/themes/site_themes/default/images/search.png) left top no-repeat; display: block; position: absolute; width: 160px; height: 19px; right: 10px; top: 10px; }

#form-search input { display: block; float: left; }

#form-search .input-text { border: 0px; background: none; width: 115px; color: #333333; padding: 4px 8px; font-size: 10px; }

#form-search .input-button { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; background: none; width: 25px; cursor: pointer; }



#logo { float: left; text-transform: uppercase; font-weight: normal; font-size: 10px; }

#logo a { color: #ff0066; text-decoration: none; }

/*

#logo a:hover .pink { text-decoration: underline; }

#logo a:hover .white { text-decoration: underline; }

*/

#logo .pink { color: #ff0066; }

#logo .white { color: #ffffff; }


#tagline { position: absolute; bottom: 0px; left: 0px; }

#twitter { position: absolute; bottom: 0px; right: 0px; }

blockquote { text-transform: uppercase; font-size: 10px; }



/*#nav li { display: block; float: left; margin-left: 15px; }

#nav a { font-size: 10px; font-weight: normal; display: block; text-decoration: none; text-transform: uppercase; color: #666666; }

#nav .hot a { color: #cccccc; }

#nav a:hover { color: #ffffff; }

#nav #nav-suggest { margin-left: 30px; } 

#nav #nav-me {  }*/



.pink { color: #ff0066; }



#error { background: url(/errors/error.gif) 10px top no-repeat #9ad7d8; height: 300px; display: block; position: relative;  }

#error dt, #error dd, #error a { color: #FFFFFF; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 1.5em; }

#error a:hover { text-decoration: underline; }

#error dt, #error dd { position: absolute; width: 250px; display: block;  }

#error dt { text-align: left; left: 30px; top: 30px; }

#error dd { text-align: right; right: 30px; bottom: 30px; }



#lvl-3 img { width: 128px; height: 96px; }



.tn { position: relative;  display: block; width: 128px; height: 96px; float: left; margin: 0 1px 0px 0; border-bottom: 1px solid white; overflow: hidden; } 

.tn a.tn-link { display: block; width: 128px; height: 96px; position: absolute; z-index: 1; top: 0px; background-repeat: no-repeat; background-color: #999; }

.tn:hover .tn-link { z-index: 0;  }

.tn:hover dl { z-index: 2;  }

.tn dl { display: block; position: absolute; width: 128px;  top: 0px; height: 96px; background: #1a1a1a;}

.tn dt { font-size: 12px; position: absolute; width: 108px; height: 76px; top: 10px; left: 10px; text-align: left; color: white; line-height: 1.2em;}

.tn dt a { position: relative; display: block; color: #cccccc;   

  /* for IE */

  filter:alpha(opacity=60);

  /* CSS3 standard */

  opacity:0.6; text-decoration: none; overflow: hidden; width: 128px; height: 96px; }

.tn dt a strong { position: absolute; bottom: 25px; left: 0px; width: 108px; color: #ffffff; }

.tn dt a strong:hover { color: #ffffff; }

.tn dt a { position: absolute; bottom: 25px; left: 0px; width: 108px; color: #ffffff; }

.tn dt a:hover { color: #ffffff; }

.tn dd {font-size: 12px; position: absolute; bottom: 10px; left: 10px; }

.tn dd a { color: #666666; text-decoration: none; }



.tn dd a:hover { color: #cccccc;  }

.tn .permalink { position: absolute; bottom: 10px; text-align: center; }

.tn .permalink { display: none; }

.tn .admin-edit { position: absolute; bottom: 25px; left: 10px; }



.tn:hover dl { background: url(/themes/site_themes/default/images/bar.gif) left bottom repeat-x #0079c1; }

.tn:hover dt a strong { color: white; }

.tn:hover dd a:link, .tn:hover dd a:visited {color: #ccc; border: none;}

.tn:hover dd a:hover, .tn:hover dd a:active { color: #5ec3ff;}  /* hover "view recipe" */



#favicons { height: 67px; display: block; position: relative; background: url(http://cssremix.com/themes/site_themes/default/images/favicons.png) left bottom no-repeat; margin-bottom: 1px; width: 902px; }

#favicons a { display: block; position: absolute; width: 16px; height: 16px; }

#favicons a.expired {  }



.pagination .links { float: left; }

.pagination .next-prev { float: right }

.pagination { border-top: 0px solid #000000;  }

.pagination dd, .pagination dt { font-size: 11px; font-weight: bold;}

.pagination a, .pagination b { color: #666666; text-decoration: none; margin-right: 3px; }

.pagination b { color: #333333; font-weight: bold; }

.pagination a:hover { text-decoration: underline; }

.pagination .where { text-align: center; color: #cccccc; }