/* Theme Name: Flour + Water Theme URI: http://www.flourandwater.com Author :Visual Rhythm Author URI: http://www.visualrhythm.com/ This theme was designed and built by Andrew of Visual Rhythm. */ /* structure */ body { font-family: trebuchet, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; color:#413732; background:url(img/paper_bg.jpg) repeat top left; } #outer { position: absolute; background:url(img/flourandwater_bg.gif) no-repeat top left; margin:-40px 0 0; padding:0px; width:347px; height:320px; z-index:-1; } #wrap { margin: 40px auto 0; padding:10px 0 0; width:900px; background:url(img/body_bg.gif) repeat-y; z-index:0; } #top { position: relative; margin:8px auto; padding:5px 0px 0px; } #logo { position: relative; float:left; margin: 0px 0px 0px 55px; } #address { float: right; text-align:right; margin: 5px 90px 0 0;} #nav { position: relative; margin:70px 50px 0; padding:0px 0px 0; height:51px; width:850px; background:url(img/nav/nav.png) no-repeat; } #main { position: relative; margin:20px 0 0; padding:0 50px; } .left { float: left; } .right { float: right; } #content { float: left; width:460px; line-height:24px; } #wide { float: left; width:760px; line-height:24px; } #news { float: left; margin:10px 0px 20px; background:#efede6; } .entry { float: left; margin:0px; padding: 0px 30px 10px 0px; overflow: hidden; } .entry_store { float: left; margin-top: 10px; padding: 10px 0 20px; width: 460px; border-bottom: 1px solid #000; } div.thumbnail { float: left; margin-bottom: 40px; padding-right: 25px; } #news .entry { margin-left: 15px; } .press { background: url(img/line.png) no-repeat top; } .entry_foot { margin-top: 60px; padding-top:20px; text-align:center; font-size:14px; background:url(img/line.png) no-repeat top; } #sidebar { float: right; margin:0px 40px 0 0; } #side_tan { background: #efede6; padding:10px; margin-bottom:10px; } #footer { width: 900px; text-align:right; clear:both; height:28px !important; margin:0px auto; padding:0px; } #foot { width: 900px; text-align:right; clear:both; height:28px !important; margin:0px auto 40px; padding:0px; } /* list */ #wide ul { display:block; list-style:none; margin:30px 0 0; padding:0px; } #wide ul li { clear:left; display:block; margin:0px; padding:30px 0 30px; background:url(img/line.png) no-repeat top; } #nav ul { list-style:none; margin:0; padding:0; } #nav ul li { float:left; margin:0px; padding:0px; } /* text */ h1, h2, h3 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; } h2 { margin: 20px 0 0; } h3 { margin-top: 10px; } #wide ul li h2 { margin: 0px; } #sidebar h2 { font-size: 12px; margin: 20px 0px 5px; color: #333; } #sidebar h3 { margin: 5px 0 5px; padding:0; font-size:12px; color: #333; } #sidebar h3 span { font-weight: normal; } #sidebar h4 { line-height: 13px; font-size: 12px; margin: 0px 0px 12px 0px; font-weight:300; } #sidebar h4.giftcard { padding-left: 55px; background: url(img/f+w_giftcard_sm.png) no-repeat left; } #sidebar h4.newsletter { padding-left: 30px; background: url(img/fw_envelope.png) no-repeat left; height: 15px; } #sidebar p { line-height: 13px; margin:0px 0px 12px; font-size: 12px; font-weight: 300; } /* links */ * { outline: none; } /* stops Fire Fox Box from appearing around Image Links */ a { border: none; color: #413732; } a:hover { text-decoration: none; border: none; } a img { border: none; } #logo a { border: none; } #nav ul li.home a, #nav ul li.home a:link { width: 90px; height: 51px; display:block; background: url(img/nav/home.png) no-repeat; text-indent: -2000px; border:none; } #nav ul li.menu a, #nav ul li.menu a:link { width: 88px; height: 51px; display:block; background: url(img/nav/menu.png) no-repeat; text-indent: -2000px; border:none; } #nav ul li.about a, #nav ul li.about a:link { width: 90px; height: 51px; display:block; background: url(img/nav/about.png) no-repeat; text-indent: -2000px; border:none; } #nav ul li.people a, #nav ul li.people a:link { width: 97px; height: 51px; display:block; background: url(img/nav/people.png) no-repeat; text-indent: -2000px; border:none; } #nav ul li.friends a, #nav ul li.friends a:link { width:105px; height: 51px; display:block; background: url(img/nav/friends.png) no-repeat 0 0; text-indent: -2000px; border:none; } #nav ul li.press a, #nav ul li.press a:link { width:84px; height: 51px; display:block; background: url(img/nav/press.png) no-repeat; text-indent: -2000px; border:none; } #nav ul li.store a, #nav ul li.store a:link { width:84px; height:51px; display:block; background:url(img/nav/store.png) no-repeat; text-indent:-2000px; border:none; } #nav ul li.contact a, #nav ul li.contact a:link { width:123px; height:51px; display:block; background:url(img/nav/contact.png) no-repeat; text-indent:-2000px; border:none; } #nav ul li.home a:hover, #nav ul li.about a:hover, #nav ul li.menu a:hover, #nav ul li.people a:hover, #nav ul li.friends a:hover, #nav ul li.press a:hover, #nav ul li.contact a:hover, #nav ul li.store a:hover, #nav ul li.contact2 a:hover, #nav ul li.home a.current, #nav ul li.about a.current, #nav ul li.menu a.current, #nav ul li.people a.current, #nav ul li.friends a.current, #nav ul li.press a.current, #nav ul li.contact a.current, #nav ul li.store a.current, #nav ul li.contact2 a.current { background-position: 0px -52px; border: none; } .paypal { float: right; margin-top: -35px;} /* images */ img { border:none; } img.sidebar_top { margin-bottom:0px; } img.left, .press img { float:left; margin:15px 15px 60px 0; } img.left_list { float:left; border: 1px solid #000; margin:15px 20px 30px 0; } div.thumbnail img.thumb { width: 200px; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000; }