tt/* Theme Name:The Creole Creamery Theme URI:http://www.oaklinedesign.com Author:Jeremy Stewart & Oak Line Design Author URI:http://www.oaklinedesign.com */ /* Overal setup */ * { margin:0; padding:0; } body { background:url(images/bg-diag.gif) repeat;/*url(images/main_background.jpg) top center no-repeat;*/ color:#333333; font:12px/14px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif; } a { color:#666;text-decoration:none;outline:0; } a:hover { color:#660000;text-decoration:underline; } a img { border:none; } ul, li { list-style:none;margin:0;padding:0; } h1 { font:30px "Georgia", "Times New Roman", "Garamond", serif;color:#660000; } h2 { color:#660000;font:16px "Georgia", "Times New Roman", "Garamond", serif; } h2.welcome { font:bold 14px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;color:#660000;padding:0; } h3 { font:14px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;color:#660000;text-transform:capitalize; } h3 SPAN.slash { font:bold 10px Arial !important; text-transform:lowercase; } h4 { font-size:14px; } code { font:11px "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; } blockquote { color:#ddd; padding:5px;font:12px Arial,Sans-serif;line-height:1.4em; } .left { float:left;margin-top:3px;margin-right:8px; } .right { float:right;margin-left:8px; } .clear { clear:both; } .clear-both { clear:both; } .pagenavi { margin:10px 0; clear:both; } .amp { color:#660000;font-style: italic;font-family: "Goudy Old Style", "Garamond", "Palatino", "Book Antiqua", serif; } .login-dot { background:#FFF;color:#660000;padding:3px;font-size:9px; } .alignright { float: right; } .alignleft { float: left; } /* header */ #header-wrap { width:100%;margin:0;padding:0; } #header { width:952px;background:url(images/head-top.png) no-repeat;margin:0 auto;padding:0 } #top-nav { width:898px;height:124px;margin:0 auto;padding:0;clear:right; } #top-nav .logo { background:url(images/logo-top.png) bottom no-repeat;height:124px;width:196px;float:left;margin:0;padding:0;border:0; } #top-nav .logo a { display:block;width:130px;height:124px; } #top-nav .logo a span { visibility:hidden } #top-nav .nav-left { width:351px;float:left;padding:92px 0 0 0; } #top-nav .nav-right { width:351px;float:left;padding:92px 0 0 0;clear:right; } #menu-left, #menu-right { padding:0;margin:0;list-style:none;width:351px;height:32px;overflow:hidden; } #menu-left li, #menu-right li { float:left; } #menu-left li a { display:block;background-image:url(images/nav/nav-left.png);padding-top:32px;text-decoration:none; } #menu-right li a { display:block;background-image:url(images/nav/nav-right.png);padding-top:32px;text-decoration:none; } #left-home { width:70px; background-position: 0 0; } #left-home:hover, #left-onhome { width:70px;background-position: 0px -32px; } #left-menu { width:62px; background-position: -70px 0; } #left-menu:hover, #left-onmenu { width:62px;background-position: -70px -32px; } #left-flavors { width:69px; background-position: -132px 0; } #left-flavors:hover, #left-onflavors { width:69px;background-position: -132px -32px; } #left-locations { width:139px; background-position: -201px 0; } #left-locations:hover, #left-onlocations { width:139px;background-position: -201px -32px; } #right-parties { width:196px;background-position: 0 0; } #right-parties:hover, #right-onparties { width:196px;background-position: 0px -32px; } #right-buzz { width:59px;background-position: -196px 0; } #right-buzz:hover, #right-onbuzz { width:59px;background-position: -196px -32px; } #right-contact { width:96px;background-position: -255px 0; } #right-contact:hover, #right-oncontact { width:96px;background-position: -255px -32px; } #main-wrapper { background:url(images/main-y-back.png) repeat-y;display:block;margin:0 auto;width:952px;padding:0; } #main-border { width:898px;margin:0 auto;padding:0;border-top:5px solid #B1565D; } #main-inner { width:870px;margin:0 auto;padding:0; } .main { width:610px;margin:0;padding:0;float:left;overflow:hidden;clear:left; } .main h2 { padding-bottom:4px;border-bottom:2px solid #D7A9AC; } .main h2 a:link, .main h2 a:visited { color:#666; text-decoration:none; } .main h2 a:hover { color:#660000;text-decoration:underline; } .main h2.buzz { padding:0;margin:0;border:0; } .main h3 { color:#660000;display:inline;font:14px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;text-transform:uppercase; } .main-home { width:660px;float:right;overflow:hidden;clear:right;padding:12px 0 0 0;margin:0 } .main-home p { font-size:14px;line-height:150%; } .main .entry p { line-height:150%; } #welcome-block { width:660px;padding-bottom:6px;border-bottom:1px solid #D7A9AC;margin-bottom:4px; } #welcome-block p { font: normal 14px/22px Georgia; } #location { width:870px;clear:both;min-height:230px; } #two-col-wrap { width:870px;clear:both;min-height:178px;margin-bottom:12px; } #two-col-wrap .col1 p, #two-col-wrap .col2 p { line-height:150%; } #two-col-wrap .divider { width:420px;border-top:1px solid #D7A9AC;height:8px; } .row {clear:both;} .col1 {width:420px;float:left;padding-right:10px;} .col2 {width:420px;float:right;padding-left:10px;} .catcol1 {width:290px;float:left;padding-right:10px;} .catcol2 {width:290px;float:right;padding-left:10px;} #loginform-tml-main .input { margin:0 0 8px 0; padding:3px; background: #fbfbfb; border:none; border: 1px solid #D7A9AD; vertical-align:top; width: 240px; height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; } #loginform-tml-main label { text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 3px; display:block; color:#666; padding:2px; } #home-left { float:left;width:200px;padding-top:12px; } #home-right { float:left;width:269px;margin-top:10px;padding-left:15px;margin-left:5px;border-left:1px solid #D7A9AC; } #home-right h3 { font: normal 14px/22px Georgia; padding:0; } #home-right p { padding:0 } #menu { width:870px;margin:0 auto; } #menu h3 { font:14px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif; } #menu h4 { font:11px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif; } { width:420px;float:left;padding-right:4px;border-right:1px solid #D7A9AC; } #menu .right { width:420px;float:right;padding-left:4px } .size { text-align:right; } .menu-select-h2 { font-size:15px; } a.menu-select { color:#666;font-style:italic;text-decoration:underline; } a.menu-select:hover { color:#660000;text-decoration:underline } .home-right { width:240px;height:160px;background:#cc9999;float:right;margin:15px 0 0 0;padding:6px 0 0 10px;border:1px solid #fff; } .home-right h2 { color:#660000;display:inline;font:15px "Georgia", "Times New Roman", "Garamond", serif; } #tweet { padding:0 0 14px 0;font:22px "Georgia", "Times New Roman", "Garamond", serif;color:#B1565D; } .twitter-timestamp { font-size:14px;color:#666;font-style:italic; } #featured-buzz { padding:0 0 14px 0;font:15px "Georgia", "Times New Roman", "Garamond", serif;color:#B1565D; } #featured-buzz p { padding:0 0 14px 0;font:15px "Georgia", "Times New Roman", "Garamond", serif;color:#B1565D; } #case-wrap { width:952px;margin:0 auto;padding:0;background:url(images/frame-y.png) repeat-y; } #home-case { width:870px;height:260px;margin:0 auto;padding:0; } #slider { clear:left;width:952px;height:300px;background:url(images/main-y-back.png) repeat-y;margin:0 auto;padding:0; } #slide { width:898px;margin:0 auto; } #myGallery .logo-bottom { position:absolute;top:0;z-index:100; } #page-top { clear:left;width:952px;height:150px;background:url(images/main-y-back.png) repeat-y;margin:0 auto;padding:0; } #top-image { width:898px;height:150px;margin:0 auto; } #top-image .logo-bottom { position:absolute;top:124;z-index:100; } #slide-left { width:250px;padding:15px 6px 0 7px;float:left } #slide-left h3 { font-size:15px;color:#6F060D } #slide-left p { font: 12px/12px "Trebuchet MS", Tahoma, Verdana, Arial;line-height:140%;padding:4 8px 0 0;color:#666 } #actions { width:930px;padding:25px 0 0 0;clear:both } #page-nav { clear:both;padding:12px 0; } #gap { background:url(images/main-y-back.png) repeat-y;margin:0 auto;width:898px;height:32px;padding:0; } #page-title { width:898px;height:32px;background:url(images/back-898.png) no-repeat;margin:0 auto;padding:0; } #col3-top { width:660px;height:20px;clear:both;padding:0; } #col3-top h3 { font:15px "Georgia", "Times New Roman", "Garamond", serif; color:#660000; } #col3-top .col-1, #col3-top .col-2, #col3-top .col-3 { float:left;width:200px; } #col3-top .col-1 { padding:0 12px 0 0; } #col3-top .col-2 { padding:0 12px 0 12px; } #col3-top .col-3 { padding:0 0 0 12px; } #col3-set { width:660px;clear:both;padding:0; } #col3-set .col-1, #col3-set .col-2, #col3-set .col-3 { float:left;width:200px;min-height:128px; } #col3-set .col-1 p, #col3-set .col-2 p, #col3-set .col-3 p { font-size:12px; } #col3-set .col-1 { border-right:1px solid #D7A9AC;padding:0 12px 0 0; } #col3-set .col-1 p { } #col3-set .col-2 { border-right:1px solid #D7A9AC;padding:0 12px 0 12px; } #col3-set .col-3 { padding:0 0 0 12px; } #col3-menu { width:870px;clear:both;padding:15px 0 0 0; } #col3-menu .col-1, #col3-menu .col-2, #col3-menu .col-3 { float:left;width:270px; } #col3-menu .col-1 p, #col3-menu .col-2 p, #col3-menu .col-3 p { font-size:10px;line-height:150%;padding:0;margin:0; } #col3-menu .col-1 { border-right:1px solid #D7A9AC;padding:0 12px 0 0; } #col3-menu .col-1 p { } #col3-menu .col-2 { border-right:1px solid #D7A9AC;padding:0 12px 0 12px; } #col3-menu .col-3 { padding:0 0 0 12px; } dl { width:100%;overflow:auto;margin:0;background:url(images/dot-line.gif) repeat-x 0 1.2em; } dt, dd.price { font-size:90%; } dt { float:left;padding-right:3px;font:13px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif; } dd { margin:0 } dd.price { float:right;padding-left:3px;color:#666 } dd.ingredients { float:left;width:100%;padding:6px 0 20px 0;font:italic 100% Georgia, Times, sans-serif;color:#555;line-height:140%; } /*#slider { width:614px;height:270px;float:right } #slide-right { width:300px;background:url(images/sr-bg.gif) no-repeat right;padding:3px 6px 0 6px;float:left }*/ .post { } .post h2 a { color:#660000; } .post small { display:inline; } /* thumbnail covers */ .thumb { background:#222 url(images/thumb.png); display:block; width:235px; overflow:hidden; height:150px; margin:0 10px 10px 0; position:relative; } .thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; } .thumb-title:hover { background:#222; } .thumb-title h2 { margin:0; line-height:1.4em; } .thumb-title h2 a { font:11px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;display:block;color:#aaa;text-decoration:none;text-transform:capitalized; } .thumb-title h2 a:hover { color:#fff;} /* Ancillary */ #ancillary { margin:0;padding:0;height:60px } #ancillary .flickr { padding:3px 2px; overflow:hidden } #ancillary .flickr img { margin:10px 10px; width:45px;height:45px;display:block;float:left; } #ancillary .flickr a img { border:4px solid #eee; } #ancillary .flickr a:hover img { border:4px solid #6199dc; } /* single page */ .post.single { line-height:1.4em;width:485px;padding:0 3px 3px; } .post.single h2, .post.single h2 a { font:22px "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;letter-spacing:-1px;line-height:1.4em;color:#660000;text-decoration:none;padding:0 } .post.single .postMeta { font:12px Arial;margin-bottom:5px;color:#999;padding:0 } .post.single .postMeta span.date { padding:0 2px 0 0; } .post.single .postMeta span.comments { background:url(images/comment.gif) no-repeat left center;padding-left:15px; } .post.single .postMeta span.comments a, .post.single .postMeta span.date a{ color:#999; } .post.single .entry { float:right;overflow:hidden;padding-bottom:15px; } .post .entry img.wp-smiley { border:0px none; margin:0; vertical-align:middle; } /*//////// SMILEY ////////*/ .post .entry img,.entry a img { border:4px solid #999; } .post .entry a:hover img { border-color:#eee; } .post.single h3 { font-size:12px;font-weight:bold; color:#660000; display:inline; } .post.single p { margin:1em 0; } .post.single p a,.post.single li a { color:#b3d565; } .post.single p a:hover { color:#ddd; } .post.single p strong { font-weight:bold; } .post.single p em { font-style:normal; background:#f9f9de; } .post.single a { color:#a9a393; } .post.single a:hover { color:#ddd; } .post.single blockquote { margin:0 1.5em; color:#6c6c6c; } .post.single ul, .post.single ol { margin:1em; } .post.single ul li, .post.single ol li { margin:0; color:#666; line-height:1.4em; } p.tweet a:link, p.tweet a:hover, p.tweet a:visited { color:#666; } /* twitter */ #twitter #twitter_update_list { color:#666;line-height:1.4em;padding:0;font-size:12px; } #twitter #twitter_update_list a { color:#666;padding:0;margin:0;display:block; } #twitter #twitter_update_list a:hover { color:#660000;padding:0;margin:0; } #twitter #twitter_update_list .twitter-message { color:#666; } #twitter #twitter_update_list .twitter-timestamp { font-size:11px;color:#660000;font-style:italic; } /* sidebar related */ #sidebarwrapper { margin:0;padding:0;float:right;color:#660000; } .home-button-top { width:250px;height:131px;padding:0 0 4px 0; } .home-button { width:250px;height:131px;padding:4px 0 0 0; } #right-sidebar { color:#666;float:right;margin:10px 0 0 0;width:230px;padding:8px 0 10px 15px;border-left:1px solid #D7A9AC; } #right-sidebar h3 { padding:3px 0;color:#660000;display:inline;font:14px "Georgia", "Times New Roman", "Garamond", serif; } #right-sidebar a { color:#666; } #right-sidebar a:hover { color:#660000; } #right-sidebar p { color:#666;line-height:150%; } #right-sidebar ul { list-style:none;margin:8px 0 4px;color:#888; } #right-sidebar .tweets ul li { padding-bottom:8px;line-height:150%; } .categories { padding:0; color:#666; } .categories li { font-size:11px;padding:3px 2px; float:left;color:#444; width:48%; display:inline; } .categories li a { color:#999; text-decoration:none; } .categories li a:hover { color:#eee;text-decoration:none; } .recent-posts { padding:10px 0; } .recent-posts ul { margin:0px; padding:0; } .recent-posts li { margin:0px; padding:4px 0; list-style-type:none; } .recent-posts li a { text-decoration:none; } .recent-posts li a:hover { text-decoration:none; } .tags { margin:10px 0;padding:0;line-height:2em; } .tags a { text-decoration:none;color:#333;font-weight:normal; } .tags:hover a { color:#666; text-decoration:none; } .tags:hover a:hover, #sidebar .tags a:hover { color:#eee;text-decoration:none; } /* COMMENTS */ h3#comments, h3#respond { font-weight:normal;font-size:14px;font-family:arial, verdana;letter-spacing:-1px; color:#660000;padding:5px 0;} ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist cite { text-transform:none; font-style:normal; } ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; } ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; } ol.commentlist h5 a:link, a:visited { color:#660000;} ol.commentlist h5 a:hover { color:#fff; } ol.commentlist h5 small { display:block; } ol.commentlist li { font-size:11px; margin:0; } ol.commentlist li span.moderate { padding:2px; color:#f30; } /* form */ #commentform { margin:1em 0;} #author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin:5px 0;padding:2px;} .comment-warning strong { color:#999; font-weight:bold; } /* footer */ #footer-wrap { width:100%;margin:0;padding:0 } #footer-top { width:952px;margin:0 auto;padding:0;height:20px;background:url(images/footer-top.png) no-repeat; } #footer { background:url(images/main-y-back.png) repeat-y;color:#330000;font-size:12px;padding:0;margin:0 auto;height:50px;clear:both;width:952px;text-align:center } #footer-inner { width:840px;margin:0 auto; } #footer-inner .footer-left { width:415px;float:left;text-align:left } #footer-inner .footer-right { width:415px;float:right;text-align:right } #footer a { color:#6F060E } #footer a:hover { color:#000 } #footer img { display:none; } #footer-end { width:952px;height:46px;background:url(images/footer-end.png) no-repeat;margin:0 auto 20px auto;padding:0;