/* Theme Name: curtiscookdesigns.net Theme URI: http://newtoncircle.com Version: 1.0 Description: 2 Column theme from Newton Circle Author: Jonathan Packer Author URI: http://jonathanpacker.com */ /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { background: #f7f6f3 url('images/bg.jpg') repeat-x top left; text-align: center; line-height: 1.6; font-family: arial, Georgia, Times New Roman, serif; font-size: 12px; color: #636363; } a:link, a:visited { text-decoration: none; color: #976150; } a:hover { text-decoration: none;color:#976150; } .clear, .clearfix { clear: both; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p { padding-bottom: 10px;line-height:16px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);} /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ .container { text-align: left; width: 950px; margin: 0 auto; position: relative; padding:0 0px;} #header .container { padding:0 10px;text-align: center; height: 75px; z-index: 2; } img#logo { clear:both; margin-top: 22px;} #logo{margin-left:-10px;height:53px;padding-top:22px;float:left;display:inline;} #men{height:75px;float:right;width:650px;} #page{width:970px;background:transparent url(images/down.png) top right repeat-y;background-position:208px 0;margin:0 auto;padding:0px;} #content {padding:0 0px 0px 0px;width:752px;float:right; z-index: 1;margin-top:12px;display:inline;} #subscribe { height:23px; margin:0px 10px 0px 0px;padding:13px 20px 10px 0px;background:transparent url(images/tag.jpg) top left no-repeat;} #big{ background: url(images/bodybg.jpg) top left no-repeat;} .sidewhite{margin-top:20px;padding:5px;} #main-area-wrap { width: 700px; float: left;margin:8px 28px 8px 25px;display:inline;} #main-area-wrap img { } #recentposts { background: #ffffff; float: left; width: 700px; padding-bottom: 30px; } .recent { float: left; width: 205px;height:207px; padding:0 9px;margin: 10px 0px 0px 15px; background:transparent url(images/thumb_bg.jpg) top left no-repeat;} .recent p {} .recent h4 { text-align: center; font-size: 14px; text-transform: uppercase; color: #4c4c4c; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 8px 0px; } .recent h3 { margin-top:10px;padding-top:0;font-family:Times New Roman;font-size:16px;color:#494034;font-weight:bold; } .recent h3 a { color: #494034; } .recent img { float:left;margin-bottom:3px;} .recent-postwrap { padding: 0; } .recent.first { margin-left: 0px; } #wrapper { clear:both; float: left; width: 700px; margin: 0px; } #main { width: 700px; float: left;padding:0 ;} body#home #main { } body#home #main.noborder { border-top: 0px; } .mainpost-wrap { width: 350px;height:204px; float: left; background: url(images/catbg.jpg) top left no-repeat; padding: 0px; display: inline; } .mainpost-wrap h2 { margin:10px 0 10px 15px;padding-top:0;font-family:Times New Roman;font-size:16px;color:#494034;font-weight:bold; } .mainpost-wrap h2 a { color: #494034;} .mainpost-wrap p { margin: 0px 25px; padding:0; } .mainpost-wrap img { margin: 0px 10px 10px 10px; z-index: 1;float:left;border:1px solid #e5e5e5; } .mainpost-wrap div.info { background: url('images/mainpost-bottom-bg.png') no-repeat top left; padding: 20px 20px 18px; z-index: 30; margin-top: -10px; position: relative; text-align: center; color: #969696; font-family: Arial, sans-serif; border-bottom: 1px solid #e9e9e9; } .info em { color: #7798a6; font-weight: bold; font-style: italic; font-size: 12px; font-family: Georgia, Times New Roman, serif; } .mainpost-wrap.fst { border-right: ; } .new-post { clear:both; float: left; border-bottom: 1px solid #e9e9e9; background: url('images/mainpost-bg.jpg') repeat-x top left; padding: 20px 40px 20px 30px; width:578px; } .new-post h2 a { color: #252525; font-size: 18px; } .new-post img { float: left; margin: 6px 20px 0px 0px; } p.info { color: #969696; font-family: Arial, sans-serif; } h1.post-title a { color:#1E1E1E; } h1.post-title { border-bottom:1px solid #d8dac6;font-family:Times New Roman;font-size: 20px; letter-spacing: -0.5px; color: #976150; line-height: 30px; margin: 5px 10px 0; padding:0 10px;width:660px;display:inline; } h1.page-title { border-bottom:1px solid #d8dac6;font-family:Times New Roman;font-size: 20px; letter-spacing: -0.5px; color: #976150; line-height: 30px; margin: 5px 10px 0; padding:0 10px;width:660px;display:inline;} span.meta-comments { float: left; display: block; width: 120px; height: 34px; margin: 34px 0px 0px 5px; display: inline; } span.meta-comments a { display: block; color: #ffffff; font-size: 14px; font-weight: bold; font-style: italic; padding: 3px 0px 3px 13px; } .post-meta { clear: both; margin: 0px 0px 0px -1px; } .post-meta-bottom { } .post-meta-bottom p { padding: 15px 15px 15px 35px; color: #647e8b; font-size: 14px; } .post-meta-bottom p a, .post-meta-bottom p span.author { font-weight: bold; font-style: italic; } #post-content { padding: 10px 20px 10px 20px; line-height: 28px;} #post-content h1, #post-content h2, #post-content h3, #post-content h4, #post-content h5, #post-content h6 { font-weight: normal; color: #303030; } #post-content h1 { font-size: 26px; margin: 5px 0px 10px; } #post-content h2 { font-size: 24px; margin: 5px 0px 8px; } #post-content h3 { font-size: 21px; margin: 5px 0px 7px; } #post-content h4 { font-size: 18px; margin: 5px 0px 7px; } #post-content h5 { font-size: 16px; margin: 5px 0px; } #post-content h6 { font-size: 14px; margin: 5px 0px; } #post-content img.thumbnail { padding: 7px; border: 1px solid #dfdfd7; background: #ffffff; } #post-content a { color: #3982a6; } #post-content a.post-edit-link { padding: 0px 5px; background: #556f7c; color: #ffffff; margin-top: 10px; margin-bottom: 15px; float: left; clear: both; } #post-content a.post-edit-link:hover { background: #303030; } #post-content img { border: none; padding: 0px; } #post-content table { padding: 10px 0px; } #post-content th { background: #dfdfd7; font-weight: bold; padding: 2px 7px; color: #000000; } #post-content td { border-bottom: 2px solid #eeeeee; background: #f6f6f6; padding: 3px 7px; } #main ul, #main ol { margin-bottom: 8px; } #main ul li { background: url('images/li-mark.jpg') no-repeat 0px 11px; padding: 0px 0px 0px 12px; } #main ol { list-style-type: decimal; margin-left: 20px; } #main blockquote { padding: 0px 0px 0px 15px; border-left: 2px solid #e7e7e7; margin: 0px 0px 10px 20px; font-style: italic; color: #828282; font-size: 13px; } #main blockquote p { padding-bottom: 0px; } #catty{float:left;width:145px;margin-top:45px;display:inline;} .terms{color:#a5a5a5;padding:0 10px;} .port_p{padding:10px 10px 20px;} /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-section { clear: both; float: left; } p#comments { color: #1e1e1e; font-size: 20px; } #main #comment-section ol.commentlist { padding: 34px 39px 35px 35px; float: left; margin: 55px 0px -95px; list-style-type: none; } .comment, .comment-body { float: left; } li.comment { margin-bottom: 10px; } .comment-author { float: left; margin: -90px 0px 0px -30px; z-index: 1; position: relative; } #main-area-wrap .comment-author img.avatar { border: 1px solid #dbdbce; padding: 5px; background: #ecece0; float: left; } .comment-info { float: left; padding: 3px 0px 0px 13px; font-size: 18px; } cite.fn, span.says { color: #657f8c; } span.says, div.commentmetadata { font-style: italic; } div.commentmetadata { margin-top: -5px; } div.commentmetadata, div.commentmetadata a { color: #b1b1a5; } .comment-top, .comment-bottom, .comment-content { float: left; } .comment-top { height: 25px; margin-top: -12px; } .comment-content { padding-bottom: 10px; clear: both; width: 99%; } .comment-bottom-main { float: left; } .comment-bottom-left { position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; } .comment-bottom-right { position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; } .comment-body p { line-height: 28px; } #main ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; } #main ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; } #main .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left;border-left: 1px solid #d1d1c2; border-right: 1px solid #d1d1c2; position: relative; } #main .commentlist .children li .comment-top-main { width: 100%; float: left; height: 6px; } #main ul.children li { background: none; } #main-area-wrap img.wp-smiley { border: none; padding: 0px; } .comment-top-left, .comment-top-right, .comment-top-main { height: 24px; } .comment-top-left { width: 40px; left: -1px; top: 0px; position: absolute; } .comment-top-right { width: 40px; right: -1px; top: 0px; position: absolute; } .comment-top-main { width: 100%; float: left; } .bubble { width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; } .commentlist li { repeat-x bottom left; border-left:1px solid #DFDFD7; border-right:1px solid #DFDFD7; position:relative; padding: 0px 30px 50px; margin: 0px 0px 60px; width: 496px; display: block; float: left; } .reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20; padding-right: 11px; } a.comment-reply-link { padding: 6px 15px; background: #657f8c; color: #feffff; font-style: italic; font-weight: bold; display: block; } .children .comment-top-left { width: 15px; left: -1px; top: 0px; position: absolute; } .children .comment-author { float:left; margin: 0px; width:100%; z-index:1; } .children .bubble { display: none; } .children .comment-top-right { width: 15px; right: -1px; top: 0px; position: absolute; } .children .comment-bottom-left { height:7px; position:absolute; width:15px; } .children .comment-bottom-right { height:7px; position:absolute; width:15px; } .children .reply-container { bottom: -10px; right: 30px; } .nocomments div#respond { margin-top: 0px; } div#respond h3 { font-size: 21px; margin: 5px 0px 7px; color:#303030; } div.navigation, div#respond { float: left; width: 595px; } div#respond { padding: 10px 0px 0px 35px; width: 90%; } form#commentform { float: left; width: 99%; position: relative; z-index: 10; } form#commentform textarea { width: 96%; border: 1px solid #D1D1C2; padding: 3px; } .cancel-comment-reply { padding-bottom: 12px; } #comment-section li.comment div#respond { margin-top: 0px; padding: 0px; } #comment-section div.navigation div.alignleft { padding-left: 35px; } #comment-section div#trackbacks { float:left; padding: 34px 39px 10px 35px; } div#trackbacks h3 { color:#1E1E1E; font-size:14px; margin-bottom: 7px; } ol.pinglist li { margin-bottom: 3px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #capper{height:54px;background:url(images/bottomcontent.jpg) top right no-repeat;width:970px;margin:0 auto;} #footer-widgets-wrap { float: left; width: 100%; background:#cacdb4 url(images/footbg.jpg) repeat-x top left; height:158px;color:#7a775e;} #footer-widgets-inside { width: 970px; margin: 12px auto 0; text-align:right;font-weight:bold;height:20px;} #footer-widgets-inside div.widget { float: left; display: inline; width: 240px; padding: 0px 0px 20px 50px; color: #3d3d3d; } #footer-widgets-inside div.widget ul { margin-top: -5px; } #footer-widgets-inside div.widget ul li { padding: 5px 0px 5px 10px; background: url('images/footer-widget-ul.jpg') no-repeat 0px 10px; } #footer-widgets-inside div.widget ul li ul { padding: 5px 0px 0px 20px; margin: 0px 0px -5px; } #footer-widgets-inside h4 { font-size: 24px; color: #656464; text-transform: lowercase; background: url('images/border-bottom.jpg') repeat-x bottom left; padding: 0px 0px 10px; margin: 0px 0px 12px; } #footer-bottom { width: 950px; margin: 0px auto; text-align: left; padding: 10px 10px 0px 10px; height:66px;} #footer-bottom p { } #footer-bottom p a { } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar {float: left; width: 190px;margin-top:58px;padding-left:7px; display:inline;} #sidebar h3 { background:#976150 url(images/sideh3back.jpg) top left no-repeat; text-align: left; line-height:18px;margin:0;overflow:hidden;padding: 7px 24px 0 24px;font-size: 18px; color: #fff; font-family:Times New Roman;font-weight:bold; width:136px;height:26px; } #sidebar h4 { background:#aaac96; text-align: left; line-height:18px;margin:0;padding: 7px 12px 0 12px;font-size: 15px; color: #fff; font-family:Times New Roman;font-weight:bold; width:160px;height:26px; } #sidebar h4 a{color:#fff;} #h3wrap1{border:1px solid #976150;padding:2px;width:184px;height:33px;} #h3wrap2{border:1px solid #aaac96;padding:2px;width:184px;height:33px;margin-left:0;} .sidebar-block { color: #3d3d3d; padding: 10px 0; } .sidebar-block a, #footer-widgets-inside div.widget a { color: #3d3d3d; } .sidebar-block ul { margin-top: -7px; } .sidebar-block ul li { padding: 7px 0px 7px 10px; background: url('images/li-mark.jpg') no-repeat 0px 12px; } .sidebar-block ul li ul { padding:5px 0px 0px 20px; margin: 0px 0px -7px; } #main-area-wrap #sidebar img { border: none; padding: 0px; } #main-area-wrap #sidebar img#about-image, #footer-widgets-inside .widget img#about-image { float: left; display: inline; border:1px solid #dfdfdf; margin-right: 10px; padding: 4px; } #footer-widgets-inside .widget img#about-image { border: 1px solid #bebebe; } #callus{margin-left:-18px;} /*------------------------------------------------*/ /*-----------------[my category menu]--------------*/ /*------------------------------------------------*/ ul#catmenu{margin-bottom:20px;} ul#catmenu li{height:25px;padding-left:29px;padding-top:3px;background:transparent url(images/sideline.png) bottom left no-repeat;} ul#catmenu li a{color:#524a3e;font-size:12px;} ul#catmenu li a:hover{color:#976150;text-decoration:none;} /*------------------------------------------------*/ /*-----------------[FEATURED SLIDER]--------------*/ /*------------------------------------------------*/ #featured-area { width:699px;margin-left:24px;background: transparent url(images/feat_bot.jpg) bottom left no-repeat; height: 304px; position: relative; padding: 8px 0px 0px; z-index: 1; } #images {height:201px; background:#fff; } #image {position:relative; width:699px; height:201px; background:#fff url(slide/images/loading.gif) center center no-repeat} #image img {position:absolute; } #thumbwrapper {padding:5px 0; width:682px; height:50px;} #thumbarea {padding-top:15px;position:relative; overflow:hidden; height:50px; width:519px; margin:0 90px;} #thumbs {position:absolute; list-style:none; margin-left:5px; height:50px; width:10000px; border-right:5px solid #FFF} #thumbs li {float:left; margin-right:5px; cursor:pointer} .imgnav {position:absolute;height:199px; width:20%; z-index:100; outline:none; cursor:pointer} #previmg {left:0; background:url(images/left.png) left center no-repeat;} #previmg:hover {opacity:1; filter:alpha(opacity=100)} #nextimg {right:0; background:url(images/right.png) right center no-repeat; } #nextimg:hover {opacity:1; filter:alpha(opacity=100)} /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------[SEARCH FORM]-----------------*/ .search {float:right;margin:0px;width:160px;height:23px;padding: 0px;} #searchform {padding: 0px;width:160px;height:23px;background:transparent url(images/searchbg.jpg) top left no-repeat;} #s{padding:6px 5px 6px 12px;height:11px;background:transparent url(images/searchbg.jpg) top left no-repeat;} .search input {width:119px;background:none;font-size:1.4em;color:#8f8980;text-transform:uppercase;float: left;border:none;font-size: 11px;} #searchsubmit {width: 24px;height: 23px;float: right;margin: 0px;padding: 0px;} /*------------------------------------------------*/ /*---------------[PAGES DROPDOWN]--------------*/ /*------------------------------------------------*/ ul#page-menu {margin-top:23px; height: 22px;white-space: nowrap;/* position: absolute; bottom: 0px;*/} ul#page-menu li { float:left; background:#494034;} ul#page-menu li a { background:#494034;margin:0px 0px;padding:7px 10px;line-height:8px;vertical-align:middle;color: #ffffff; text-transform: uppercase; border-left:1px solid #494034;border-top:1px solid #494034;border-bottom:1px solid #494034;display:inline;} ul#page-menu li a:hover { background:#976150;text-decoration: none; } ul#page-menu li.current_page_item a { } ul#page-menu li li { background:#253c48; background-image:none; margin:0; padding: 0px; width: 240px; } ul#page-menu li li a, ul#page-menu li.current_page_item li a, ul#page-menu li.current_page_parent li.current_page_item a { background: none; text-align: left; height:auto; padding:10px 12px; display: block; width: 216px; border: 0px; color: #ffffff; font-weight: normal; } #page-menu ul { background-image: url(images/pages-bottom.png); padding-bottom: 18px; } #page-menu li:hover ul, ul#page-menu li.sfHover ul { top:24px; } #page-menu li li { background-image: none; margin: 0px; } ul#page-menu > li:hover > a { background:#976150;border-left:1px solid #976150; } #page-menu li li:hover ul, ul#page-menu li li.sfHover ul { top:0px; } #page-menu li li a:hover, ul#page-menu li.current_page_item li a:hover { background-color: #2a4757; border: none; } ul#page-menu li.current_page_item > a:hover { } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat;} .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:39px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:0px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 240px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------[contact form]---------*/ /*------------------------------------------------*/ .cform {background:#edeee6;border:1px solid #d7dac5;padding:4px;color:#494034;} .cformsub{background-color:#976150;} /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .wp-pagenavi { margin: 0px 0px 15px 15px; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; } .wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #618391; color: #FFF; background-color: #7798a6; } .wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; } .wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; } .wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #618391; color: #FFF; background-color: #7798a6; } .wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #618391; color: #FFF; background-color: #7798a6; } /*------------------------------------------------*/ /*-----------[POST / PAGE BREADCRUMB BAR]---------*/ /*------------------------------------------------*/ .leader-home { margin: 0px 0px 17px 110px; border: none;} .leader { margin: 0px 0px 0px 110px; border: none;} .foursixeight { margin: 0px 0px 15px 84px;} .breadcrumb{margin:10px 35px 0;}