html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote,
a, abbr, acronym, address, big, cite, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {    
    font:9pt/14pt Arial,sans-serif;
    color:#4c4c4c;
}


hr {
    height:1px;
    background:#efefef;
    border:0;
    clear:both;
}

h1 {
    font-size:20pt;
    color:#96CA33;
    text-transform:uppercase;
    margin-left:0;
    padding-left:0;
}

h3 {
    font-size:14pt;
}

p {
    line-height:1.7em;
    padding:7px 0;
    margin:0;
}

p.intro {
    color:#636363;
    font-size:11pt;
}

a {
    text-decoration:none;
    color:#6ca6b0;
}

a.active,a:hover {
    
    color:#96ca33;
}

.clear {
    clear:both;
    height:0;
    font-size:0;
    overflow:hidden;
}

.center {
    text-align:center;
}

.hidden {
    display:none;
}

.inner {
    padding:10px;
}

.inputbg1,.inputbg2,.inputbg3,.inputbg4 {
    background:url(/images/stdinputbgsprite.gif) no-repeat left;
    height:29px;
}

.white {
    color:#fff;
}

.green {
    color:#96ca33;
}
.blue {
    color:#6ca6b0;
}

.brown {
    color:#b2a899;
}

.inputbg1 { width:333px; background-position:0 0; }
.inputbg2 { width:252px; background-position:0 -29px  }
.inputbg3 { width:174px; background-position:0 -58px }
.inputbg4 { width:87px; background-position:0 -87px }

.stdinputbg .field {
    font-size:16px;
    height:22px;
    margin:2px 0 0 5px;
    padding-top:4px;
    background-color:transparent;
    border:0;
    outline:none;
    -webkit-appearance: caret;
    
}

.inputbg1 .field { width:317px; }
.inputbg2 .field { width:226px; }
.inputbg3 .field { width:165px; }
.inputbg4 .field { width:80px; }


.textareabg {
    width:347px;
    height:91px;
    background-image:url(/images/wide-textarea-bg.jpg);
}

.textareabg textarea {
    background:transparent;
    border:0;
    height:80px;
    width:330px;
    outline:none;
    margin:0;
    padding:5px;
    overflow:auto;
}

.inputbox,.textinput {
    width:298px;
    height:28px;
    border:1px solid #dbdbdb;
}

.inputbox-textarea {
    width:298px;
    height:100px;
    border:1px solid #dbdbdb;
}

.pagination-wrapper {
    position:relative;
    width:100%;
    height:30px;
}

.pagination {
    
    
    height:30px;
    position:absolute;
    right:0;
    
}

.pagination a, .pagination span {
    padding:3px 6px;
    display:block;
    width:14px;
    height:16px;
    float:left;
    background:#ebebeb;
    color:#959595;
    margin:0 1px;
    text-align:center;
}

.pagination .current, .pagination a:hover {
    background:#96ca33;
    color:#fff;
}



#site-container {
    width:100%;
    background:#fff;
    
}

#page-container {
    width:980px;
    margin:0 auto;
}


#header-container {
    width:980px;
    height:93px;
    position:relative;
    
     
}

#header {
    padding:16px 18px 19px 18px;
}

#site-name {    
    
    font-size:24pt;
    font-weight:700;
    position:absolute;
    top:54px;
    width:130px;
    height:35px;
    z-index:100;
}

#site-name a {
    color:#808080;
}

#site-name span a {
    color:#96ca33;
}

#menu {
    position:absolute;
    right:18px;
    top:62px;
    width:100%;
    height:20px;
}

#menu ul {
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

#menu ul li {
    padding:0 5px;
    margin:0;
    width:0;
    float:right;
}
#menu ul > li {
    width:auto;
}

#menu ul li a {
    color:#898989;
    display:block;
    text-transform:uppercase;
    font-size:12pt;
}

#menu ul li a:hover , #menu ul li a.active {
    color:#96ca33;
}

#login-join {
    
    width:80px;
    height:20px;
    position:absolute;
    right:18px;
    
}

#login-join a {
    color:#b2b2b2;
}

#latest-headlines {
    
    width:980px;
    border-top:1px solid #ccc;
    background:#e5e5e5;
    color:#787878;
    position:relative;
}

#home-search {
    
    position:absolute;
    width:622px;
    left:20px;
    top:4px;
    
    
    
}

#search-label {
    float:left;
    width:50px;
    padding:7px 0;
    display:inline;
}

#dropdown {
    float:left;
    width:164px;
    margin-right:10px;
    display:inline;
    position:relative;
    
    
}

#home-search #search {
    float:left;
    width:297px;
    height:29px;
    background:url(/images/top-search-input-bg.png) no-repeat left;
    margin-right:10px;
    display:inline;
}
#search .txtinput {
    width:250px;
    color:#333;
}
#search #btn {
    
    float:left;
    width:80px;
    
}

#headlines-container {
    position:absolute;
    left:650px;
    width:328px;
    height:29px;
}

#latest-headlines .inner {
    padding-left:18px;
}

#content-container {
    float:left;
    width:730px;
    margin-right:20px;
}

#content {
    padding:16px 18px 19px 18px;
}

#content-home {
    padding:10px 0 19px;
}

#footer-container {
    width:100%;
    height:144px;
    background:#544b43;
}

#footer {
    width:980px;
    margin:0 auto;
    color:#fff;
}

#footer .inner {
    padding:16px 0 19px 18px;
}

#footer .footer-panel {
    float:left;
    width:223px;
    margin-right:19px;
    display:inline;
}

#footer .footer-panel h2 {
    color:#96ca33;
    font-size:18pt;
    margin-top:0;
}

#footer .footer-panel a {
    color:#fff;
}

#footer .footer-panel p {
    padding:2px 0;
}

.sidebar-panel {
    padding:0 0 10px;
    margin-bottom:10px;
    width:230px;
    height:auto;
    border-bottom:1px dashed #bbb7b4
}

#right-sidebar-container {
    float:left;
    width:230px;
}

#right-sidebar {
    padding:10px 0 19px;
}

#right-sidebar #recipe-search {
    width:230px;
    height:154px;
    background:#96ca33;
}

#recipe-search .inner {
    padding:24px 20px;
}

#recipe-search h3 {
    font-size:16pt;
}

#recipe-search h5 {
    font-size:11pt;
}


.main-banner {
    width:730px;
    height:350px;
    margin-bottom:10px;
    
    background-repeat:no-repeat;
    
}
.main-banner #overlay {
    width:328px;
    height:115px;
    background:url(/images/banner-overlay.png) no-repeat left;
    position:absolute;
    top:358px;
}
.main-banner h1 a {
    color:#96ca33;
    font-size:22pt;
}
#overlay .inner {
    padding:20px;
}

.recipe-panel {
    width:730px;
    height:292px;
    border:1px solid #c2c2c2;
    margin-bottom:10px;
}

.recipe-panel .inner {
    padding:25px 16px;
}

.recipe-panel h2 {
    color:#b2a899;
    font-size:16pt;
    padding-left:0;
    margin-left:0;
}

#share-box {
    
    width:260px;
    height:40px;
    float:right;
    background-color:#e5e5e5;
    border-radius:5px;
    -moz-border-radius:5px;
    margin:10px 0;
    
}




.white-input {
    width:190px;
    height:29px;
    background:url(/images/small-white-input-bg.png) no-repeat left;
    margin:5px 0;
}

.txtinput {
    border:0;
    background:transparent;
    width:170px;
    height:20px;
    margin:4px 6px;
    outline:none;
    color:#a2a2a2;
}


#blackpepper {
    padding:10px 0 20px;
    text-align:center;
}

#blackpepper div {
    width:380px;
    margin:0 auto;
    padding:10px 0;
    background-image:url(/_ps/images/blackpepper-bg.png);
    background-repeat:repeat;
    background-position:left top;
    border-radius:5px;
    -moz-border-radius:5px;
}

#blackpepper * {
    color:#fff;
    font-size:10px;
}

/*recipe details*/

#ingredient-list {
    float:left;
    width:300px;
}

#recipe-description {
    float:right;
    width:330px;
}

#recipe-description blockquote {
    color:#96CA33;
    font-size:14pt;
    padding-left:10px;
}

.prep-info-item {
    padding:5px 0;
}
.prep-info-item .label {
    
    font-weight:700;
}

.recipe-container hr {
    height:1px;
    border-top:1px dashed #bbb7b4;
    background:none;
}
.recipe-container h2 {
    color:#544b43;
    font-size:14pt;
    margin:0 0 10px;
}

.recipe-container h3,.recipe-panel h3 {
    color:#96CA33;
    font-size:12pt;
    margin:10px 0;
}


.recipe-top-left-col {
    float:left;
    width:315px;
    display:inline;
    margin-right:45px;
    
}

.recipe-top-right-col {
    float:left;
    width:334px;
    display:inline;
    text-align:right;
  
    
}
.recipe-top-right-col blockquote{
      text-align:left;
}

.featured-recipes-container {
    width:684px;
    height:207px;
    position:relative;
    margin-top:10px;
    
}

.featured-recipes-content {
    
    float:left;
    width:644px;
    height:207px;
    position:relative;
    left:40px;
}

.featured-recipes-content .items-container {
    float:left;
    width:620px;
}

.carousel ul {
    float:left;
    display:inline;
    height:260px;
    width:100%;
    
    
}
.carousel ul li {
    width:140px;
    float:left;
    display:inline;
    margin-right:12px;

}
.carousel ul li h3 {
    height:32px;
    overflow:hidden;
    font-size:9pt;
    line-height:12pt;
    width:130px;
    
}
.carousel ul li h3 a {
    color:#6ca6b0;
}
.carousel ul li .featured-recipe-item {
    float:left;
    width:118px;
    height:260px;
    padding:5px 10px 10px 0;
    display:inline;
    
}
.carousel ul li .featuredimage {
    border:1px solid #c2c2c2;
    width:120px;
    height:120px;
    padding:2px;
}

 #carousel-left , #carousel-right {
    
    position:absolute;
    width:19px;
    height:27px;
}

#carousel-left {
    left:0;
    top:70px;
}
#carousel-right {
    right:0;
    top:70px;
}


/*recipe home page tabs*/

#recipe-tabs-container {
    float:right;
    width:240px;
    border:1px solid #dbdbdb;
    height:36px;
    border-top:0;
}

#recipe-tabs-container .tab-switch {
    width:120px;
    height:36px;
    float:left;
}

#recipe-tabs-container a {
    display:block;
    padding:10px 20px;

}
.grey {
    background:#dbdbdb;
}

.toprated-item {
    float:left;
    width:211px;
    margin:10px 0;
}

.sidebar-panel .toprated-item {
    margin-left:10px;
}
.sidebar-panel .toprated-item a {
    font-size:9pt !important;
    color:#6CA6B0;
    font-weight:700;
}



.toprated-item h3 {
    padding:0;
    margin:0 0 5px 0;
    height:28pt;
    overflow:hidden;
}


.toprated-image {
    float:left;
    width:80px;
    height:80px;
    border:1px solid #dbdbdb;
    padding:2px 2px 1px;
    text-align:center;
    
}


.toprated-details {
    float:left;
    width:115px;
    margin-left:10px;
    padding-top:5px;
    
}


.topratedh3 a {
    font-size:9pt !important;
    color:#6CA6B0;
    
    
}

/*top rated side panel*/
#sidebar-tab-switcher {
    
    float:left;
    width:100%;
}

#sidebar-tab-switcher .switcher {
    
    width:115px;
    float:left;
    height:35px;   
    
}

#sidebar-tab-switcher .switcher a {
    
    display:block;
    padding:8px 10px;
    text-align:center;
    
}


/*icons*/

.time {
color:#584f48;
background-image:url(/images/timeicons.gif);
background-repeat:no-repeat;
background-position:0 0;
height:12px;
line-height:12px;
padding-left:16px;
margin-bottom:3px;
overflow:hidden;

}

.difficulty {
color:#584f48;
background-image:url(/images/timeicons.gif);
background-repeat:no-repeat;
background-position:0px -14px;
height:12px;
padding-left:16px;
line-height:12px;
margin-bottom:5px;
overflow:hidden;
}


/*link unordered list*/

ul.link-list {
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
}

ul.link-list li {
    background:url(/images/white-triangle.png) no-repeat 0 5px;
    padding-left:10px;
}

ul.link-list li a {
    color:#fff;
    text-decoration:none;
}


/*articles*/

.greentriangle {
    height:18px;
    line-height:18px;
    display:block;
    padding:0;
    margin:0;
}

#articletopics {
    float:left;
    width:130px;
}

#articletopic {
    position:relative;
    float:right;
    width:130px;
    text-align:right;
    top:-40px;
    font-weight:bold;
    color:#cccccc;
    font-size:14px;
}
#articledivider {
    float:left;
    width:17px;
    background:url(/images/articles-divider.jpg) no-repeat;
    height:942px;
}

#article-polaroid {
    float:right;
    position:relative;
    top:0;
}

#articlecontent {
    float:right;
    width:530px;
}
.articleitem {
    clear:both;
    width:100%;
    border-bottom:1px solid #cecece;
}

.articleintro {
    padding:12px;
    float:left;
    width:360px;
}

.articleintro h3 {
    margin-bottom:0px;
    padding-bottom:5px;
    padding-top:10px;
}

.articleintro h3 a {
    
    color:#544B43;
}


.articleintro p {
margin:0px;
padding:6px 0px;
}

.articles-more {
    margin:10px 0 0 20px;
}

.articles-input {
    background:url(/images/articles-search-input.jpg) no-repeat;
    width:184px;
    height:27px;
    
}
.articles-input .textinput {
    border:0;
    padding:0;
    background:transparent;
    margin:6px 0 0 10px;
    float:left;
    width:150px;
}
.articlethumb {
    width:120px;
    border:1px solid #eee;
    float:left;
    margin-top:26px;
    padding:2px;
    height:120px;
}


/*recipe listings*/

/*list view*/

.recipe-list-view-item {
    margin:10px 0;
    padding:10px 0;
    border-bottom:1px solid #dbdbdb;
    float:left;
    width:700px;
}

.recipe-list-view-item .image-container {
    float:left;
    margin-right:20px;
    display:inline;
    width:120px;
    height:120px;
    padding:2px 2px 1px;
    text-align:center;
    border:1px solid #eee;
}


.recipe-list-view-item .recipe-list-view-content {
    float:left;
    width:520px;
    display:inline;
}

.recipe-list-view-content h3 a {
    padding:0 !important;
    margin:0 !important;
    color:#96CA33;
}

#browse-options-container {
    
    width:100%;
    float:left;
    padding:20px 0;
}

#browse-options-container h1 {
    float:left;
    width:200px;
    display:inline;
}

#browse-options-container #view-options {
    float:right;
    width:210px;
}
#view-options .select-container {
    margin:0;
    padding: 0;
    float:left;
    width:139px;
    margin-right:10px
}
#view-options .view-option {
    float:left;
    width:28px;
    height:28px;
    margin-top:2px;
}

.recipe-list-row {
    float:left;
    padding:20px 0;
    clear:both;
    width:100%;
    min-height:80px;
    border-bottom:1px solid #dcdcdc;
    /*padding-bottom:10px;*/
}
.recipe-list-item , .recipe-list-item-last {
    float:left;
    width:124px;
    margin-right:64px;
    text-align:center;
}
.recipe-list-item-last {
    margin-right:0;
    margin-left:4px;
}
.recipe-list-row .image-container {
    width:120px;
    height:120px;
    padding:2px;
    border:1px solid #eee;
    text-align:center;
}

.recipe-list-item-last .image-container {
    text-align:right !important;
    
}

/*comments*/

.comment-item {
    padding:10px 0;
    background:#efefef;
    margin-bottom:10px;
    
}
.comment-item .member {
    padding:5px 0;
}
.comment-item .comment-text {
    font-style:italic;
    padding:5px 0;
}


/*form*/
.form dl {
    float:left;
    clear:both;
    width:100%;
    margin:2px 0 4px 0;
    display:inline;
}
.form dt {
    float:left;
    width:180px;
    display:inline;
    
    padding:2px 0;
}
.form dd {
    float:left;
    width:300px;
    display:inline;
}

.form .required {
    color:#f00;
}

.shortlabels dt {
    width:100px 
}


#icons-container {
    
    width:120px;
    height:47px;
    float:right;
    margin-right:0;

}

#icons-container #icons-inner {
    padding:10px;
}

#icons-inner .icon-item {
    float:left;
    width:32px;
    text-align:center;
    
}


#newsletter-input-bg {
    width:176px;
    height:30px;
    background:url(/images/newsletter-input.gif) no-repeat left;
}

/*BLOG*/

.blog-header {
    padding:20px 0;
    border:1px solid #dbdbdb;
    border-left:0;
    border-right:0;
}
.blog-header .image {
    float:left;
    width:120px;
    margin-right:20px;
    display:inline;
}

.blog-header .content {
    
    float:left;
    width:500px;
}

.blog-header .content .intro {
    color:#636363;
}

.blog-post {
    padding:20px 0;
    font:9pt/15pt Arial;
}
.blog-post h2 {
    color:#96ca33;
    font-size:18pt;
    text-transform:uppercase;
    padding:5px 0;
}
.blog-post .blog-date {
    padding:5px 0 15px;
    font-style:italic;
}

.sidebar-date {
    position:absolute;
    top:70px;
    left:2px;
    width:35px;
    height:46px;
    color:#fff;
    font-size:14pt
}

#blog-archive-container {
    border:1px solid #dbdbdb;
}
#blog-archive-container .inner {
    padding:20px;
}
.blog-archive-item {
    padding:10px 0;
}

/*homepage news*/
#news-container {
    margin-top:20px;
    clear:both;
}
.news-item {
    float:left;
    width:350px;
    margin-right:15px;
    padding-right:10px;
    
}
.news-item .image {
    float:left;
    width:85px;
    margin-right:10px;
}
.news-item .content {
    float:left;
    width:250px;

    
}


/*news page*/

.newsitem {
    float:left;
    width:100%;
    border-bottom:1px solid #eee;
    margin:20px 0;
}
.newsitem .newsthumb {
    float:left;
    width:120px;
    margin-right:20px;
}
.newsitem .newsintro {
    float:left;
    width:500px;
}

/*styled select plugin*/

.styledSelect {
    width: 164px;
    font-size: 13px;
    height: 29px;
    margin: 0;
    padding: 0;
    position: relative;
    background: #FFF url(/images/search-dropdown-bg.jpg) top left no-repeat;
    
}

.sortoption {
    
    width:139px;
    height:29px;
    background:#FFF url(/images/sort-options-dropdown-bg.gif) top left no-repeat;
    border:0;
    margin: 0;
    padding: 0;
    position: relative;
    
}



.styledSelect ul ,.sortoption ul {
    list-style: none;
    padding: 1px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:15000;
    color:#000;
}

.styledSelect.open ul , .sortoption.open ul {
    border: 1px solid #777;
    padding: 0;
    color:#000;
    height:243px;
    overflow:auto;
    
}
.sortoption.open ul {
    height:60px;
}

.styledSelect ul li, .sortoption ul li {
    font-family: sans-serif;
    margin: 0;
    padding: 6px 25px 3px 10px;
    display: block;
}

.styledSelect.open ul li, .sortoption.open ul li { background-color: #FFF; }
.styledSelect.open ul li.selected, .sortoption.open ul li.selected  { background-color: #96CA33; }
.styledSelect.open ul li:hover, .sortoption.open ul li:hover { background-color: #96CA33; }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel{display:none;}
div.star-rating{float:left;width:14px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -12px; display:none; }
div.star-rating,div.star-rating a{background:url(/images/star.png) no-repeat 0 0px}
div.rating-cancel a{display:none;}
div.star-rating a{display:block;width:12px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -12px!important}
div.star-rating-hover a{background-position:0 -24px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

div.error {
font-size:12px;
font-weight:bold;
color:#c90f0f;
padding:14px 10px 16px 48px;
background-color:#F8F8F8;
background-image:url(/images/error.png);
background-repeat:no-repeat;
background-position:10px 7px;
border-top:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
margin:10px 0px 10px 0px;
line-height:16px;
}

div.info {
font-size:12px;
font-weight:bold;
color:#555555;
padding:10px 10px 16px 48px;
background-color:#fdfcd9;
background-image:url(/images/info.png);
background-repeat:no-repeat;
background-position:10px 7px;
border-top:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
margin:10px 0px 10px 0px;
}


#facebooklink {
    display:block;
    background:url(/images/facebook.png) no-repeat top left;
    color:#49608c;
    
    float:right;
    
    font-size:12px;
    margin-right: 6px;
    padding: 0 0 0 23px;
}