/* Theme Name: PRiNZ WyntonMagazine Theme URI: /****************************************** * HTML Elements ******************************************/* { margin:0; padding:0; }body,html { min-height:101%; } body { background:url("http://www.homemakerbarbi.com/Graphics/BGCranberry.jpg"); background-repeat: repeat; border-size: 20px; border-style: solid; border-color: #ff6186; color: #000000; padding: 11px 10px 35px 10px; text-align: center; } body, select, input, textarea { font: 12px Arial, Verdana, Sans-Serif; line-height:1.5em; } p { margin: 15px 0; }hr { display: block; height:4px; background:#cc0066; border:0; }small { font-size: 0.9em; padding:3px 0px; } /******* Hyperlinks ********************//* standard link behaviour */ a:link, a:active, a:visited { color:#b30444; text-decoration: none; } a:hover { color:#000000; text-decoration: underline; } /* How the links in the leadstory area on the homepage look like */ #leadcontainer a {color:#fff;}/* Title area links */.title:link, .title:active, .title:visited { color: #b30444; text-decoration: none; text-align:center; } .title:hover { color: #000; text-decoration: underline; } /* HTML headline links */h3 a:link, h3 a:active, h3 a:visited {text-decoration:none;}h3 a:hover {text-decoration:underline;}h4 a:link, h4 a:active, h4 a:visited {color:#b30444; text-decoration:none;}h4 a:hover {text-decoration:underline;}/* Links in the sidebar */#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}#sidelist a:hover {text-decoration:underline;}#sidelist .children li a, #sidelist .children li a:visited { padding:2px 2px 2px 0px; border:0; background:#eee; color: #666; } #sidelist .children li a:hover, #sidelist .children li a:active {color:#000;}/* How tags appear */ #tags a {text-decoration:none;}#tags a:hover {text-decoration:underline;}/* Links within comments metadata (date, Author etc.) */.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited {text-decoration:none;}.commentmetadata a:hover {text-decoration:underline;}/* Links in the footer */ #footer a {text-decoration: none;} #footer a:hover {text-decoration: underline;}/****** Images ****************************/img, a:link img, a:visited img{border:0px;border-style: none;}img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:0px;padding:1px;border-style: none;}img.left{ float:left; margin:0 20px 5px 0;border-style: none; }img.center{ display:block; margin:0 auto 5px auto;border-style: none; }img.right{ float:right; margin:0 0 5px 20px;border-style: none; } #leadpic {float:left;margin: 0 20px 10px 0;padding:1px;border:0px solid #999;}.home-cat-img {float:left; margin:0 6px 4px 0;border-style: none;} /******************************************* Main Element Structure ******************************************/ #page { /* main container */ width:940px; margin:5 auto; font-size:1em; background:#FFF; margin: 0 auto; text-align: left; padding: 0px 15px 20px 15px; border: 3px solid #000000; } #branding {/* Where the logo is located */ width:650px; height:150px; padding-bottom:5px; padding-right:25px; background:url("http://www.homemakerbarbi.com/Graphics/Header-with-Tagline.jpg") no-repeat; } .left { float:left; } .right { float:right; } #sidebar { width: 300px; float:right; } #sidebar2 { width: 300px; float:left; border-right: 2px solid #b30444; } /* The 3 columns on the homepage */ #homeleftcol { width:30%; border-right:1px solid #b30444; padding-left:20px; padding-right:15px; float:left; } #homemidcol { width:30%; padding:0 10px 0 15px; float:left; } #homerightcol { width:30%; border-left:1px solid #b30444; padding-left:15px; padding-right:5px; float:right; } #snazzy-box { background: url("http://www.homemakerbarbi.com/Graphics/Cran-Snazzy-Box-200.jpg") #fff no-repeat;width:200;height:520;float:left;color:black;padding:0px 0px 0px 0px;} #snazzy-box a {color:#b30444;text-decoration:none;} #snazzy-box h1, #snazzy-box h2, #snazzy-box h3 { color: #fff;text-decoration:none;font:1.6em Arial;text-align:center;font-weight: bold;} #snazzy-box ul li { list-style-image: url("http://www.homemakerbarbi.com/Graphics/CheckmarkIconClear.gif"); list-style-type: round;font: 1em Arial; margin: 2px 15px 5px 26px; } #snazzy-box ol li { list-style-position: inside; list-style-type: round; margin: 2px 15px 5px 20px;font: 1em Arial; } #snazzy-writing {width: 180;color: black; padding: 0px 3px 0px 10px;}/******************************************* Sidebar stuff except hyperlinks ******************************************/ #sidelist li { list-style: none;} .bullets li { list-style-image: url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg"); list-style-type: round; border-bottom:1px solid #FFF; } #sidelist .bullets li { list-style-image: url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg"); list-style-type: round; margin-bottom:5px; margin-left:22px; } #sidelist .children {background:#eee;}#sidelist .children li { background: #eee; list-style: round; margin-left:15px; padding-left:15px; border-bottom:1px solid #fff; } #sidelist .recent li{ margin-bottom:5px; padding-left:20px; background:url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg") no-repeat; }#sidelist .recent-comments li{ margin-bottom:5px; padding-left:20px; background:url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg") no-repeat; }#sidelist .more li{ margin-bottom:5px; padding-left:20px; background:url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg") no-repeat; }#sidelist .feed li{ margin-bottom:5px; padding-left:20px; background:url(images/icons/rss.gif) no-repeat; } /******************************************* All Headlines and related stuff ******************************************/.leadmeta, .leadmeta a {/* That�s how the Date and Author appear in the leadarticle section above the Headline */ font: 0.9em Arial, Helvetica, sans-serif; margin-top:-4px; color:#ddd; text-decoration:none; } .blogtitle, .blogtitle a {/* That�s only relevant, if you don�t use an image for your Logo in the header */ color: #000; font-size: 1.8em; font-family: Arial; font-weight: regular; padding: 0px 0px 10px 0px; text-decoration:none; }.cat-head {/* Background for the category teasers headline on the homepage */ margin-bottom:1px; background-color:#000000; color: #ffffff; padding:2px 2px 1px 2px; text-align: center; }.cat-head a {/* Background for the category teasers headline on the homepage */ background-color:#000000; color: #ffffff; text-align: center; }h1 { color: #b30444; font-size: 1.6em; font-family: Arial, Georgia; font-weight: bold; margin: 0px 10px 0px 0px; padding: 5px 0px 0px 10px;text-align: center; } h2 { color: #b30444; font: 1.6em Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:8px; border-bottom:4px solid #ddd; margin: 10px 0; }h3 { font: 1em Arial, Georgia, sans-serif; margin-bottom:2px; font-weight:bold; color:#b30444; } #sidebar h2, #sidebar h3 a { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; background:#b30444; letter-spacing:0em; margin-bottom:4px; font-weight:bold; color:#ffffff; } #sidebar h3, #sidebar h2 { font-size:1.1em; text-align: center; background: #b30444; border-top:4px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0 3px 2px; margin:4px 0 15px 0; color:#ffffff; } #sidebar2 h2, #sidebar2 h3 a { font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; background: #b30444; text-align: center; letter-spacing:0em; margin-bottom:4px; font-weight:bold; color:#ffffff; } #sidebar2 h3, #sidebar2 h2 { font-size:1.1em; background: #b30444; text-align: center; border-top:4px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0 5px 2px; margin:4px 0 15px 0; color:#ffffff; }h3#respond { border-top:4px solid #ddd; margin-top:25px; padding-top:20px }h3#comments { margin-top:32px }h4 { color:#444; font-size:1.2em; margin-bottom:6px; } /******************************************* Content styles ******************************************//* some structural styles for the content area */ #content {/* main content (left of sidebar) */ width:600px; float:left; margin-left:15px; } #content .mag_posts { float: left; width: 190px; margin: 0 15px 6px -8px; color: #000000; font: 11px Arial; } #content .mag_posts a { color: #b30444; } #content .top_mag_posts { width: 190px; background: #dddddd no-repeat; } #content .bottom_mag_posts { width: 190px; padding-top: 7px; padding-bottom: 4px; } #content .mag_posts h2 { padding:0px 5px 5px 5px; color: #CC90C0; font: bold 14px verdana; height:30px; margin:0; } #content .mag_posts h2 a { color: #cc90c0; } #content .top_mag_titles a{ color: #b30444; text-decoration: none; font: bold 14px verdana; } #content .top_mag_titles a:hover { color: #000000; text-decoration: underline; font: bold 14px verdana; } #content .mag_posts .mag_posts_entry { padding: 0px 11px 5px 11px; margin:0; width: 170px; height: 230px; text-align:justify; overflow: hidden; } #content .mag_posts .mag_posts_meta { margin: 0 9px 0 0px; width:170px; height: 25px; overflow:hidden; font: 11px verdana; } #pagecontent { /* content area in static pages (without sidebar) */ width:600px; float:left; margin-left:15px; } #homecontent-top {/* The upper area on the homepage */ width:940px; margin-top:25px; } #homecontent-bottom {/* The lower area of the homepage */ width:900px; margin-top:10px; } #homecontent-bottom ul li { list-style-image: url("http://www.homemakerbarbi.com/Graphics/CheckmarkIconClear.gif"); list-style-type: round;font: 1em Arial; margin: 2px 15px 5px 20px; } #homecontent-topleft {/* The left side of the upper area (where the leadstory area is located) */ width: 600px; } #homecontent-topright {/* The right upper area (where the three feature boxes appear) */ width: 300px;text-align:center;border-style: none; } /* The lead story on the homepage */ #leadcontainer { background:/*url(images/backgrounds/bg_leadcontainer.jpg) repeat-x 0px 0px #252525 */ #444; color:#ddd; border-top:4px solid #ff61186; border-bottom:4px solid #ff6186; padding:15px; width:592px; min-height:350px; }#leadcontainer:hover { background:#333; border-top:4px solid #ff6186; border-bottom:4px solid #ff6186; }#leadcontainer .title { font:2.2em Georgia, Arial; line-height:100%; display:block; padding-bottom:7px; color: #ff6186; }#leadheader { display:block; }#leadheader a {color:#ddd;}#homebottom {/* That�s the nice shadow below the leadcontainer */ width:625px; height:60px; background:url(images/backgrounds/homebottom.png); } .read-on a { /* This can be used to format the "continue readng..." link in the lead story */ text-decoration:none; } .read-on a:hover {color:#C29704!important;} /* Featured Articles formatting in "hometop-rightcol" */.feature { background: #eee; padding:10px 10px 10px 20px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; } .feature:hover { background:#ddd; border-top:2px solid #999; border-bottom:2px solid #999; } /*.feature p { margin:0; }*/ #hometop-rightcol img { margin-bottom:4px; padding:1px; border-style: none; } #hometop-rightcol .feature {margin-bottom:10px;} #hometop-rightcol.title, #hometop-rightcol a.title { font-family: Georgia, Arial; font-size:1.4em; color: #000000; margin:10px 0 15px 0; text-align:center; } /**********************************************************/ .description { font-size: 1.3em; font-weight: bold; color:#999; } .title, a.title { font-family: Georgia, Arial; font-size:1.4em; color: #0090f0; margin:10px 0 15px 0;text-align: center; } #homemidcol .clearfloat, #homeleftcol .clearfloat, #homerightcol .clearfloat { border-bottom:1px solid #ccc; padding:12px 0; } /* Pagination formats for the achives (previous and next links) */ .navigation a { width: 120px; border: 1px dotted #ccc; padding:2px 4px 2px 4px; text-align:center; font-size:0.9em; text-decoration:none; color:#FF8589; }.navigation a:hover { background-color:#FF8589; }.preventries { float:left; }.nextentries { float:right; } /*Post Formatting*/.entry { padding-bottom:10px; padding-left:15px; text-align:justify; }.post blockquote { color:#000000; background: #f5f5f5; padding:7px 30px 7px 30px; margin:5px 90px 5px 90px; border-top:2px solid #b30444; border-bottom:2px solid #b30444; } .post ul li { list-style-image: url("http://www.homemakerbarbi.com/Graphics/CheckIcon.jpg"); list-style-type: round; margin-bottom:5px; margin-left:42px; }.post ol li { margin-bottom:5px; margin-left:48px; } #tags { padding:5px; background-color:#eee; border-bottom:1px solid #999; border-top:1px solid #999; } .postmetadata {margin: 30px 0;} /* Form Elements */select { background:#eee; border-top:2px solid #999; border-bottom:2px solid #999; border-left:none; border-right:none; width:100% } #searchform {padding:16px 5px 0 0;}.searchbutton { font-weight:bold; padding: 1px; background:#fff; color:#999; border:1px solid #ddd; }.searchbutton:hover { color:#666; background:#eee; border:1px solid #999; text-decoration:none; }.searchfield { width:150px; padding: 1px 1px 1px 20px; background: url(images/icons/search-16.png) no-repeat #fff; color:#666; border:1px solid #ddd; }.searchfield:hover, .searchfield:focus { background: url(images/icons/search-16.png) no-repeat #eee; border:1px solid #999; text-decoration:none; }.button { font-weight:bold; padding: 1px; background:#fff; color:#666; border-top:2px solid #ddd; border-bottom:2px solid #ddd; border-left:none; border-right:none; }.button:hover { color:#333; background:#eee; border-top:2px solid #999; border-bottom:2px solid #999; border-left:none; border-right:none; text-decoration:none; }#commentform input { width: 170px; margin: 5px 5px 1px 0; border-top:2px solid #ddd; border-bottom:2px solid #ddd; border-left:none; border-right:none; }#commentform textarea { background:#eee; width: 100%; margin-top:5px; border-top:2px solid #ddd; border-bottom:2px solid #ddd; border-left:none; border-right:none; }#commentform textarea:hover, #commentform textarea:focus {background:#fff;}/* Comments*/.commentlist { padding-left:30px; } .commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#eee; border-top:1px solid #999; border-bottom:1px solid #999; }#commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { display: block; }.commentlist small { background:#fff; padding:2px 5px 2px 5px; border-top:1px solid #999; border-bottom:1px solid #999; }.commentlist cite { font-weight:bold; } /* Float Properties*/.clear { clear:both; }.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }.clearfloat {/*never delete this otherwise MSIE will kill the layout */ display:inline-block; } .clearfloat {/*never delete this otherwise MSIE will kill the layout */ display:block; } /******************************************* Footer ******************************************/#footer { background: #ffcccc; border-width:4px; border-color:#ff6186; border-style:ridge; margin: 0 auto; width: 880px; font-size:0.9em; text-align:left; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px; color:#000000; }#footer a { color:#b30444; }#footer h2, #footer h3 { width: 99%; display: block; font-size: 1em; background-color:#000000; margin:0; padding: 3px 0px 3px 0px; color:#FFFFFF; font-weight: bold; text-transform: uppercase;