/* Interweave Knits Magazine Styles --------------- */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* General Styles */ /* ------------------------------------- */ body { text-align: center; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-image: url(/img/home/bodyBG.gif); height:100%; } a { text-decoration:none; color: #719195; font-weight:bold } a:hover { text-decoration:underline } p { color: #333; } a img { border: 0; } form { margin: 0; padding: 0; } .clear { clear: both; } div.hr hr { display: none; } div.hr { border-top: 1px solid #036; margin-top: 10px; margin-bottom: 10px; } .leftImage { float: left; padding: 0 10px 5px 0; } .rightImage { float: right; padding: 0 5px 10px 0; } /* Container Styles */ /* ------------------------------------- */ #container { width: 870px; margin-left: auto; margin-right: auto; text-align: left; position: relative; background-color:white; } /* bannerAd Styles */ /* ------------------------------------- */ #bannerAd234x60house { float:center; width:234px; height:60px; cursor:pointer;} #bannerAd234x60 {float:right; width:234px; height:60px; cursor:pointer;} #bannerAd120x90 { display: block; width:120px; height:90px; cursor:pointer; margin-bottom:10px; } /* floater Styles */ /* ------------------------------------- */ #floater { position:absolute; left:50px; top:250px; width:550px; height:250px; z-index:1; border:1px solid #4E757B; background-color:#F9F8F3; text-align:left; } #floater .titlebar { height:32px; background:url(../img/home/floaterBarBg.gif) repeat-x center; background-color:#4E757B; } #floater .body { padding:10px 20px 10px 20px;} #floater h2 { } #floater p { font:normal 12px Arial; margin-bottom:5px;} #floater input { margin:3px 0px 3px 0px;} /* Layout Styles */ /* ------------------------------------- */ #magazineWrap { padding-left:10px; padding-right:10px; } /* side margins */ #columnWrap { float:none; } #leftCol { float:left; display: block; width:720px; margin-right:10px; } #rightCol { float:left; width:120px; } /* Header Styles */ /* ------------------------------------- */ #mastHead { padding-top: 10px; padding-bottom: 10px; border:0px solid red; } #mastHead #mastHeadLogo { display: block; /*float: left; /*width: 535px;*/ border:0px solid blue; } #mastHeadLogo { display: block; float:none; cursor:pointer; padding-right:25px; } /*#headerrBox img { float: left; width: 107px; height: 79px; margin-right: 10px; }*/ /* nav Styles */ /* ------------------------------------- */ /* Suckerfish Dropdowns - Two Level Bones */ /*http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html*/ #navBox { /*left corner*/background-color:#A5AC30; background-image:url(../img/home/nav_topLeftCnr.gif); background-repeat:no-repeat; background-position:left top; width:auto; height:36px; } #navCnr {/*right corner*/ background-image:url(../img/home/nav_topRightCnr.gif); background-repeat:no-repeat; background-position: right top; width:auto; height:36px;} #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; margin-top:0px; } #nav a { display: block; width: auto;/*10em;*/ border:0px solid red; color:white; padding:0px; margin-left:4px; margin-right:4px; margin-top:8px;} #nav a:hover { color:#4E757B; } /* first level tab images */ #nav a#home { background-image:url(../img/home/nav-Home.gif); background-repeat:no-repeat; background-position: bottom; width:63px; height:28px; cursor:pointer; } #nav a:hover#home { background-image:url(../img/home/nav-Home-on.gif); } #nav a:hover#home.selected { background-image:url(../img/home/nav-Home-on.gif); } #nav a#subscribe { background-image:url(../img/home/nav-Subscribe.gif); background-repeat:no-repeat; background-position: bottom; width:90px; height:28px; cursor:pointer; } #nav a:hover#subscribe { background-image:url(../img/home/nav-Subscribe-on.gif); } #nav a:hover#subscribe.selected { background-image:url(../img/home/nav-Subscribe-on.gif); } #nav a#backissues { background-image:url(../img/home/nav-BackIssues.gif); background-repeat:no-repeat; background-position: bottom; width:99px; height:28px; cursor:pointer; } #nav a:hover#backissues { background-image:url(../img/home/nav-BackIssues-on.gif); } #nav a:hover#backissues.selected { background-image:url(../img/home/nav-BackIssues-on.gif); } #nav a#freepatterns { background-image:url(../img/home/nav-FreePatterns.gif); background-repeat:no-repeat; background-position: bottom; width:112px; height:28px; cursor:pointer; } #nav a:hover#freepatterns { background-image:url(../img/home/nav-FreePatterns-on.gif); } #nav a:hover#freepatterns.selected{ background-image:url(../img/home/nav-FreePatterns-on.gif); } #nav a#community { background-image:url(../img/home/nav-Community.gif); background-repeat:no-repeat; background-position: bottom; width:99px; height:28px; cursor:pointer; } #nav a:hover#community { background-image:url(../img/home/nav-Community-on.gif); } #nav a:hover#community.selected { background-image:url(../img/home/nav-Community-on.gif); } #nav a#resources { background-image:url(../img/home/nav-Resources.gif); background-repeat:no-repeat; background-position: bottom; width:91px; height:28px; cursor:pointer; } #nav a:hover#resources { background-image:url(../img/home/nav-Resources-on.gif); } #nav a:hover#resources.selected { background-image:url(../img/home/nav-Resources-on.gif); } #nav a#help { background-image:url(../img/home/nav-Help.gif); background-repeat:no-repeat; background-position: bottom; width:57px; height:28px; cursor:pointer; } #nav a:hover#help { background-image:url(../img/home/nav-Help-on.gif); } #nav a:hover#help.selected { background-image:url(../img/home/nav-Help-on.gif); } #nav a#video { background-image:url(../img/home/nav-Video.gif); background-repeat:no-repeat; background-position: bottom; width:63px; height:28px; cursor:pointer; } #nav a:hover#video { background-image:url(../img/home/nav-Video-on.gif); } #nav a:hover#video.selected { background-image:url(../img/home/nav-Video-on.gif); } #nav a#contactus { background-image:url(../img/home/nav-ContactUs.gif); background-repeat:no-repeat; background-position: bottom; width:95px; height:28px; cursor:pointer; } #nav a:hover#contactus { background-image:url(../img/home/nav-ContactUs-on.gif); } #nav a:hover#contactus.selected { background-image:url(../img/home/nav-ContactUs-on.gif); } #nav a#login { background-image:url(../img/home/nav-Login.gif); background-repeat:no-repeat; background-position: bottom; width:62px; height:28px; cursor:pointer; } #nav a:hover#login { background-image:url(../img/home/nav-Login-on.gif); } #nav a:hover#login.selected { background-image:url(../img/home/nav-Login-on.gif); } #nav li { /* all list items */ float: left; width: auto; /*10em; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; background-color: #B2D9DF; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-left:4px; } #nav li ul a:hover { /* second-level lists */ color:#4E757B; background-color:#A2C7CC; background-image:none; } #nav li ul li a { color:#4E757B; font:bold 11px Arial; background-color:#B2D9DF; width: 10em; text-align:left; padding:5px 10px 5px 10px; margin:0; white-space:nowrap; } #nav li ul li a:hover { color:#4E757B; } #nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* whatsHot Styles */ /* ------------------------------------- */ #whatsHot { background:#719195 url(../img/home/whatsHot_bgPattern.gif) repeat-x 0px 10px; height: 255px; padding: 10px 0px 0px 20px; margin:0px; clear:both; } #whatsHot #MagCover { float:left; margin-right:5px; display: block;width:105px; height:150px;} #whatsHot #Pattern { float:left; margin-right:10px; display: block;width:95px; height:150px;} #whatsHot #Blurb { float:left; margin-right:5px; margin-top:5px; background:url(../img/home/WhatsHot.gif) top left no-repeat; padding-top:35px; font-size:15px; font-weight:bold; color:white; width:225px; } #whatsHot #Blurb2 { margin-right:5px; margin-top:5px; background:url(/img/home/WhatsHot.gif) top left no-repeat; padding-top:35px; font-size:15px; font-weight:bold; color:white;} #whatsHot #ListStar { float:left; padding-top:35px; margin-top:5px; font-size:13px; font-weight:bold; color:white; } #whatsHot #ListStar ul { padding:0; margin:0;} #whatsHot #ListStar ul li { list-style-type:none; background:url(/img/home/whatsHotBullet.gif) top left no-repeat; padding-left:15px; margin:0; } #whatsHot #ListStar2 { font-size:13px; font-weight:bold; color:white; } #whatsHot #ListStar2 ul { padding:0; margin:0;} #whatsHot #ListStar2 ul li { list-style-type:none; background:url(/img/home/whatsHotBullet.gif) top left no-repeat; padding-left:15px; margin:0; } #whatsHot #ListStar ul li a { color:white; } #whatsHot #ListStar ul li a:hover { } #whatsHot_CornerBottom { font-size: 1px/*IE gap hack*/; height:10px; background: url(../img/home/whatsHot_CornerBottom.gif) no-repeat; margin-bottom:10px; } /* ---- contentBox Styles */ /* ------------------------------------- */ #contentWrap { width: 720px; float: left; } #contentWrap #contentBox { float: left; border:0px solid red; width: 720px; margin-bottom:10px; background: url(../img/home/contentBox-midCnr.gif) repeat-y top center; background-color: #F9F8F3; } #contentWrap #contentBox .topCnr { font-size: 1px/*IE gap hack*/; background: url(../img/home/contentBox-topCnr.gif) no-repeat top center; display:block; width:720px; height:10px; } #contentWrap #contentBox .bottomCnr { font-size: 1px/*IE gap hack*/ ;background: url(../img/home/contentBox-bottomCnr.gif) no-repeat bottom center; display:block; width:720px; height:10px; } #contentWrap #contentBox .body { background: url(../img/home/contentBox-midCnr.gif) repeat-y top center; margin: 0px; padding: 0px 20px 0px 20px; width: auto; border:0px solid green; background-color: #F9F8F3; } #contentWrap #contentBox .body h1 { font:bold 22px Trebuchet MS; color:#887F19; padding:0px; margin:0px 0px 5px 0px; } #contentWrap #contentBox .body h2 { font:bold 18px Trebuchet MS; color:#4E757B; padding:0px; margin:0px 0px 5px 0px; } #contentWrap #contentBox .body h3 { font:bold 15px Trebuchet MS; color:#4E757B; padding:0px; margin:0px 0px 5px 0px; } #contentWrap #contentBox .body p { font:normal 12px Arial; color:black; padding:0px; margin:0px; margin-bottom:5px;} #contentWrap #contentBox ul { font:normal 12px Arial; color:black; } #contentWrap #contentBox ul { padding:0; margin:0; margin-left:5px/*indent*/; margin-top:10px;} #contentWrap #contentBox ul li { margin-bottom:10px; list-style-type:none; background:url(../img/home/sqbullet.gif) 0px 3px no-repeat; padding-left:17px; } #contentWrap #contentBox ul li a { text-decoration:none; font-size:13px; font-weight:bold; color:#4E757B; } #contentWrap #contentBox ul li a:hover { text-decoration:underline } #contentWrap #contentBox table { width:100% } #contentWrap #contentBox #downloadbox table { width:200px } #contentWrap #contentBox td { vertical-align:top; } #contentWrap #contentBox ul.department { font:italic 11px Arial; color:black; } #contentWrap #contentBox ul.department { padding:0; margin:0; margin-left:20px; margin-top:10px; } #contentWrap #contentBox ul.department li { margin-bottom:10px; list-style-type:none; background:url(../img/home/sqbullet.gif) 0px 3px no-repeat; padding-left:17px; } #contentWrap #contentBox ul.department li a { text-decoration:none; font-size:13px; font-weight:bold; color:#4E757B; } #contentWrap #contentBox ul.department li a:hover { text-decoration:underline } /* ---- patternBox Styles */ /* ------------------------------------- */ #patternBox { margin:10px 0px 10px 0px; padding-top:10px; width: 174px; float: none; text-align:center; background: white url(../img/home/patternBox-topCnr.gif) no-repeat top center; } #patternBox .photo { display:block; width:144px; height:216px; margin:0 auto; padding:0 auto; /*FF center hack*/} #patternBox .title { margin:5px 10px 0px 10px; font:bold 13px Trebuchet MS; color:#719195; } #patternBox .designer { margin:0px 10px 0px 10px; font:normal 10px Arial; } #patternBox .description { padding:0px 10px 10px 10px; font:normal 11px Arial; background: url(../img/home/patternBox-bottomCnr.gif) no-repeat bottom center; } /* ---- backissueBox Styles */ /* ------------------------------------- */ #backissueBox { border:0px solid red; margin-bottom:10px; padding-top:10px; width:204px; text-align:center; background: white url(../img/home/backissueBox-topCnr.gif) no-repeat top center; } #backissueBox .photo { display:block; width:144px; margin:0 auto; padding:0 auto; /*Firefox center hack*/} #backissueBox .title { float:left; font:bold 13px Trebuchet MS; color:#887F19; margin-right:5px } #backissueBox .buyBtn { float:right; display: block; width:35px; height:21px; cursor:pointer; margin-bottom:5px;} #backissueBox .toc { padding:0px 0px 10px 0px; background: url(../img/home/backissueBox-bottomCnr.gif) no-repeat bottom center; } #backissueBox .toc a { font:bold 13px Trebuchet MS; color:#719195; } #backissueBox .toc a:hover { color:#719195; text-decoration:underline;} /* ---- superOFIE Styles */ /* ------------------------------------- */ #contentWrap #contentBox #superOFIE { } #contentWrap #contentBox #superOFIE td { vertical-align:top; padding:2px;} #contentWrap #contentBox #superOFIE h1 { font:bold 26px Trebuchet MS; padding:0; margin:0; } #contentWrap #contentBox #superOFIE h2 { font:bold 18px Trebuchet MS; padding:0; margin:0; } #contentWrap #contentBox #superOFIE h3 { font:bold 13px Trebuchet MS; padding:0; margin:0; } #contentWrap #contentBox #superOFIE h1.burgandy, h2.burgandy, h3.burgandy { color: #6A110D} #contentWrap #contentBox #superOFIE h1.teal, h2.teal, h3.teal { color: #4E757B} #contentWrap #contentBox #superOFIE p { margin-bottom:5px; } #contentWrap #contentBox #superOFIE p.burgandy { color: #6A110D} #contentWrap #contentBox #superOFIE p.teal { color: #4E757B} #contentWrap #contentBox #superOFIE blockquote { color:#4E757B; padding:0; margin:0px 0px 10px 0px; font:italic 11px Arial; text-align:center} #contentWrap #contentBox #superOFIE #subscribeBox { width:630px; padding-bottom:10px; margin-bottom:10px; background: url(../img/home/superOFIE-subscribe_bottomCnr.gif) no-repeat bottom center; } #contentWrap #contentBox #superOFIE #subscribeBox .title { text-align:left; padding:5px 10px 5px 10px; font:bold 13px Trebuchet MS; color:white; background: #719195 url(../img/home/superOFIE-subscribe_topCnr.gif) no-repeat top center;} #contentWrap #contentBox #superOFIE #subscribeBox .body { padding:10px 10px 10px 10px; background: #F3F2E8 url(../img/home/superOFIE-subscribe_midCnr.gif) repeat-y top center; } #contentWrap #contentBox #superOFIE #subscribeBox td { vertical-align:top; padding:2px;} #contentWrap #contentBox #superOFIE #subscribeBox label { float:right; font:bold 12px Arial; padding-top:2px; } #contentWrap #contentBox #superOFIE #subscribeBox a { font:bold 11px Arial; color: #6A110D; } /* ---- rightBox Styles */ /* ------------------------------------- */ #rightCol #rightBox { width:120px; padding-bottom:10px; margin-bottom:10px; background: url(../img/home/rightBox-bottomCnr.gif) no-repeat bottom center; } #rightCol #rightBox .icon { display:block; width:16px; height:16px; background:url(../img/home/helpIcon.gif) 0px 0px no-repeat; } #rightCol #rightBox .title { padding:5px 10px 5px 10px; font:bold 13px Trebuchet MS; color:white; background: #719195 url(../img/home/rightBox-topCnr.gif) no-repeat top center;} #rightCol #rightBox .body { padding:10px 10px 10px 10px; background: #F9F8F3 url(../img/home/rightBox-midCnr.gif) repeat-y top center; } #rightCol #rightBox .body h3 { padding:0; margin:0px 0px 10px 0px; font:bold 13px Trebuchet MS; color:#719195; } #rightCol #rightBox .body p { padding:0; margin:0px 0px 10px 0px; font:normal 11px Arial; } #rightCol #rightBox .body blockquote { padding:0; margin:0px 0px 10px 0px; font:italic 11px Arial; } #rightCol #rightBox ul { float:left; font-size:13px; font-weight:bold; color:#4E757B; } #rightCol #rightBox ul { padding:0; margin:0; } #rightCol #rightBox ul li { list-style-type:none; background:url(../img/home/sqbullet.gif) 0px 3px no-repeat; padding-left:17px; margin:0; } #rightCol #rightBox ul li a { text-decoration:none } #rightCol #rightBox ul li a:hover { text-decoration:underline } /* ---- rightBox Styles */ /* ------------------------------------- */ .FrameMagazine { border: none; width: 100%; margin: 0px; padding: 0px; height: 400px; }