/* LAYOUT */ /* ----------------------------------------- */ /* COLOURS main background #bdd776 widget backgrounds #f6b563 menu fonts #417a31 sumbit/search background #9bcc80 stroke colour #417a31 post divider #417a31 comment/recipe background #ebffc7 comment/recipe stroke #9bcc80 thumbnail background #9bcc80 thumbnail stroke #417a31 SIZES right sidebar 320px left sidebar 180px content area 460px site width 960px */ /* TODO: check recipe style against design */ /* Stock Wordpress Presentational items. Used to align images in posts and provide captions on images */ .aligncenter{display:block; margin:0 auto} .alignleft{float:left } .alignright{float:right } .wp-caption{border:none; background:none; margin:10px;} .wp-caption p.wp-caption-text{display:none;} /* stock presentation items */ .clear{clear:both;} .hide{display:none;} .required, label.error{color:red;} /* typography */ body{font-family:Arial, Helvetica, Verdana; font-size:12px; background-color:#bdd776;} /* stock styles on site */ /* headings */ h1{font-weight:bold; font-size:1.8em;} h2{font-weight:bold; font-size:1.6em;} h3{font-weight:bold; font-size:1.4em;} h4{font-size:1.2em;} h2.main-title{color:#f6b563; margin:0 0 10px 0;} /* main wrapper div inside the body tags */ #main-wrapper{background-color:#fff; width:960px; margin:0 auto; padding:0 0 10px 10px;} #body-sidebar-wrap{width:620px; float:left;} /* header */ #header{} #header .blogheader{width:620px; height:100px;} #header .bloginfo{} /* main navigation */ .menu-main-menu-container{margin:10px 0 10px -2px;} .menu-main-menu-container ul{list-style:none; background-image:url('../images/sprite-one.png'); background-repeat:no-repeat; background-position:-5px -2px; width:610px; height:20px; padding:10px 10px;} .menu-main-menu-container ul li{float:left; padding:0 5px;} .menu-main-menu-container ul li a{text-decoration:none; color:#417a31; font-variant:small-caps; font-weight:bold; font-size:14px;} .menu-main-menu-container ul li a:hover, .menu-main-menu-container ul li a:active, .menu-main-menu-container ul li a:focus .menu-main-menu-container ul li.current_page_item a{border-bottom:2px solid #417a31;} /* comments */ h3#comments{} form#commentform textarea{width:420px;} form#commentform input{margin:5px 0 15px 0;} form#commentform label{display:block;} form#commentform label.error{position:absolute; margin:-12px 0 0 0;} form#commentform input#submit{font-variant:small-caps; background-color:#9bcc80; border:4px solid #417a31; color:#FFF; padding:8px; font-size:14px; color:#000;} form#commentform input#submit:hover, form#commentform input#submit:active, form#commentform input#submit:focus{text-decoration:underline; background-color:#417a31; border:4px solid #bdd776; color:#FFF;} .comment-form{list-style:none;} .comment-allowed-tags{display:none;} .comment-logged-in{} .comment-date{} ol.user-comments li{clear:both; padding:15px 5px; background-color:#ebffc7; border:2px solid #bdd776; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} ol.user-comments li.alt{background-color:#FFF; border:none;} ol.user-comments li img.avatar{float:left; width:100px; margin:0 15px 0 0;} ol.user-comments li div.comment-content{float:left; width:300px;} ol.user-comments li div.comment-content span.comment-text p{margin:10px 0;} /* content-wrapper */ #content-wrapper{width:440px; float:left;} #content-wrapper a{padding:2px; color:#417a31;} #content-wrapper a:hover{background:#bdd776; color:#000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /* widgetized areas */ ul.sidebar a{color:#060; text-decoration:none;} ul.sidebar a:hover{text-decoration:underline;} ul.sidebar .widget{margin:10px 0;} /* wide-sidebar */ div#wide-sidebar{width:320px; padding:0 10px; float:left;} /* widget styles */ #wide-sidebar h2.widgettitle{width:302px; height:24px; background-image:url(../images/sprite-one.png); background-repeat:no-repeat; background-position:-210px -98px; text-align:center; color:#fff; font-variant:small-caps;} #wide-sidebar div.widgetized-area li{margin:0 0 20px 0;} #wide-sidebar li ul, #wide-sidebar li.widget div{width:284px; border-left:3px solid #f6b563; border-right:3px solid #f6b563; border-bottom:3px solid #f6b563; padding:5px; margin:-2px 0 0 1px;} #wide-sidebar li ul li ul{border:none;} #wide-sidebar li.widget_text div.textwidget{border:none;} #wide-sidebar div.widgetized-area li ul li{margin:2px 0;} /* Google Custom Search */ #cse-search-box{margin:0 0 0 8px;} #cse-search-box #q{padding:2px; width:240px;} #cse-search-box input[type=submit]{padding:2px;} #cse-search-box input[type=submit]:hover{cursor:pointer; background:#CCC;} /* under-search */ #wide-sidebar ul#under-search{position:relative; height:80px;} #wide-sidebar li.rss-feed p a{text-indent:-9999px; cursor:pointer; background-image:url(../images/sprite-one.png); background-repeat:no-repeat; background-position:-5px -40px; width:115px; height:45px; position:absolute; top:-10px; left:190px; z-index:10;} /* user login panel */ #wide-sidebar li.user-login{position:absolute; top:-2px; left:5px; z-index:5; width:300px; font-variant:small-caps; margin:0;} #wide-sidebar li.user-login a{color:#FFF; padding:2px; margin:2px 0; text-decoration:underline;} #wide-sidebar li.user-login div.loginregister a:hover, #wide-sidebar li.user-login div.loginregister a:active, #wide-sidebar li.user-login div.loginregister a:focus, #wide-sidebar li.user-login ul.loginform-loggedin a:hover, #wide-sidebar li.user-login ul.loginform-loggedin a:active, #wide-sidebar li.user-login ul.loginform-loggedin a:focus{background-color:#417a31; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} #wide-sidebar li.user-login #slide-panel ul{border:none;} #wide-sidebar li.user-login #slide-panel{background-color:#9bcc80; color:#FFF; padding:10px 5px; border:4px solid #417a31;} #wide-sidebar li.user-login #slide-panel input#log, #wide-sidebar li.user-login #slide-panel input#pwd{width:250px; margin:2px 0; background-color:#FFF;} #wide-sidebar li.user-login #slide-panel input#log:hover, #wide-sidebar li.user-login #slide-panel input#log:active, #wide-sidebar li.user-login #slide-panel input#log:focus, #wide-sidebar li.user-login #slide-panel input#pwd:hover, #wide-sidebar li.user-login #slide-panel input#pwd:focus, #wide-sidebar li.user-login #slide-panel input#pwd:active{border:2px solid #417a31;} #wide-sidebar li.user-login #slide-panel label{font-weight:bold; font-size:13px; margin:2px;} #wide-sidebar li.user-login #slide-panel input.button{background-color:#bdd776; border:2px solid #417a31; color:#000; margin:2px;} #wide-sidebar li.user-login #slide-panel input.button:hover, #wide-sidebar li.user-login #slide-panel input.button:active, #wide-sidebar li.user-login #slide-panel input.button:focus{text-decoration:underline; background-color:#417a31; border:2px solid #bdd776; color:#FFF;} #wide-sidebar li.user-login .btn-slide{height:20px; font-variant:small-caps; background-color:#9bcc80; border:4px solid #417a31; color:#FFF; padding:8px; font-size:14px; display:inline-block; margin:-4px 0 0 0;} #wide-sidebar li.widget.widget_text h2.widgettitle{background:none; color:#000;} #wide-sidebar li.widget div ul{border:none;} #wide-sidebar .slide{z-index:10;} /* wide sidebar recent loop */ div#wide-sidebar-recent-loop {border:2px solid #ebffc7; padding:2px; width:290px;} div#wide-sidebar-recent-loop .widget_rss h2.widgettitle{background:none; text-align:left; font-size:22px;} div#wide-sidebar-recent-loop .widget_rss h2.widgettitle a{text-decoration:none; color:#f6b563;} div#wide-sidebar-recent-loop h2.widgettitle a:hover, div#wide-sidebar-recent-loop h2.widgettitle a:active, div#wide-sidebar-recent-loop h2.widgettitle a:focus{text-decoration:underline;} div#wide-sidebar-recent-loop h2.widgettitle img{display:none;} div#wide-sidebar-recent-loop ul{border:none;} div#wide-sidebar-recent-loop .widget_rss a.rsswidget{color:#060; font-weight:bold; text-decoration:none;} div#wide-sidebar-recent-loop .widget_rss a.rsswidget:hover{text-decoration:underline;} div#wide-sidebar div#wide-sidebar-recent-loop li ul, div#wide-sidebar div#wide-sidebar-recent-loop li.widget div{border:none;} /* wide sidebar recipe button */ div#wide-sidebar-recent-loop p.jump-button{background-image:url(../images/sprite-one.png); background-repeat:no-repeat; background-position:-440px -45px; width:147px; height:20px; margin:10px 0; padding:1px 0;} div#wide-sidebar-recent-loop p.jump-button:hover{cursor:pointer;} div#wide-sidebar-recent-loop p.jump-button a{margin:0 0 0 10px; color:#FFF; font-variant:small-caps; font-weight:bold; font-size:12px; text-decoration:none;} div#wide-sidebar-recent-loop p.jump-button a:hover, div#wide-sidebar-recent-loop p.jump-button a:active, div#wide-sidebar-recent-loop p.jump-button a:focus, div#wide-sidebar-recent-loop p:hover a, div#wide-sidebar-recent-loop p:active a, div#wide-sidebar-recent-loop p:focus a{text-decoration:underline;} /*short-sidebar*/ #small-sidebar{width:180px; float:left; margin:2px 0 0 0;} #small-sidebar h2.widgettitle{width:168px; height:24px; background-image:url(../images/sprite-one.png); background-repeat:no-repeat; background-position:-35px -98px; text-align:center; color:#FFF; font-variant:small-caps;} #small-sidebar li.widget.widget_text h2.widgettitle{background:none; color:#000;} #small-sidebar li{margin:0 0 20px 0;} #small-sidebar li ul, #small-sidebar li.widget div{width:150px; border-left:3px solid #f6b563; border-right:3px solid #f6b563; border-bottom:3px solid #f6b563; padding:5px 5px; margin:0 0 0 2px;} #small-sidebar li ul li{margin:2px 0;} #small-sidebar li.widget ul li ul, #small-sidebar li.widget div ul, #small-sidebar li.widget .textwidget{border:none;} /* widgetized footer */ ul#footer-widgets{margin:20px 0; font-variant:small-caps;} ul#footer-widgets li.widget{width:205px; background-color:#FFF; border:2px dashed #417a31; padding:10px 5px; float:left; margin:0 10px;} ul#footer-widgets li.widget a{color:#000; padding:2px;} ul#footer-widgets li.widget a:hover{background:#bdd776; color:#000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /* footer */ .footer{width:960px; margin:0 auto; clear:both;} div.site-meta{border-top:3px solid #FFF; padding:10px 0;} .wordpress-info{float:right; text-align:right;} .wordpress-info a{color:#666; text-decoration:none;} .wordpress-info a:hover{text-decoration:underline;} .copyright{font-size:.8em; display:inline;} /* main site content area */ /* post */ .post{margin:0 0 40px 0;} .post p{margin:0 0 15px 0;} .post h3{margin:10px 0;} .post h4{margin:8px 0;} .post ul, .post ol, .post dl{margin:10px;} .post ul li{list-style-type:disc;} .post ol li{list-style-type:decimal;} .post dt{font-weight:bold;} .post dd{margin:0 10px;} .post blockquote{margin:10px 15px;} .post-tags{margin:5px 0;} /* post heading */ .post-heading{} .date-published{} #content-wrapper h2.post-title a{color:#417a31; text-decoration:none;} #content-wrapper h2.post-title a:hover, #content-wrapper h2.post-title a:active, #content-wrapper h2.post-title a:focus{text-decoration:underline; background:none;} .post-meta a{color:#000; padding:2px;} .post-meta a:hover{background:#bdd776; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /* next and previous links */ .next-previous-links{} .next-previous-links li{} .next-previous-links li a, .next-previous-links li a:visited{} .next-previous-links li a:hover, .next-previous-links li a:active, .next-previous-links li a:focus{} /* post-thumbnail */ .post-thumbnail{background-color:#ebffc7; width:109px; height:109px; float:left; margin:0 10px 10px 0;} .post-thumbnail img{margin:2px; border:5px solid #ffffff;} /* post meta info */ .post-heading{font-family:Arial, Verdana, sans-serif;} /* embedded recipe */ div.entry-content-recipe div.recipe-wrapper{background-color:#fbf4ec; padding:10px; border:2px solid #f6b563; margin:5px 0 10px 0;} div.entry-content-recipe div.recipe-wrapper h3{margin:10px 0;} div.entry-content-recipe h2.post-title{margin:5px 0;} div.entry-content-recipe div.wp-print-text{text-align:right; margin:10px 0;} div.entry-content-recipe div.recipe-box-link{text-align:right; margin:10px 0;} div.recipe-author{display:none;} div.recipe-author img{float:left; margin:0 10px 10px 0;} div.recipe-author h3{font-size:14px;} div.recipe-author p{font-size:12px;} /* page specific tags */ /* index.php */ div#gallery-slider{margin:0 0 20px 0;} /* archive */ div#archive-title h2{margin:0 0 12px 0; color:#f6b563;}