/* Theme Name: Jempson's Theme URL: www.jempsons.com Description: WordPress theme for Jempson's website Version: 1.0 Author: Nick Brown/Magnificent Author URL: www.magnific.net */ * { margin: 0px; padding: 0px; } body, html { height: auto; width:100% } body { background: #fff fixed; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; } body.wine { background:url(images/bgwine.jpg) fixed no-repeat;} body.wood { background:url(images/bgwood.jpg) fixed no-repeat;} body.tiles { background:url(images/bgtiles.jpg) fixed no-repeat;} body.bread { background:url(images/bgbread.jpg) fixed no-repeat;} img.bg { min-height: 100%; min-width: 1024px; width: 100%; position: absolute; top: 0; left: 0; } html>body img.bg { position: fixed; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; }} div#content { position: absolute; } a { outline: none; border:none } p { margin-bottom: 3px; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clearfix { height: 1%; } #container { width: 885px; margin: 0px 20px 35px; font-size: 1em; position:relative; } #col1 { background: #f7f3ce; padding: 15px; width: 207px; float: left; display: inline; } h1#logo { width: 207px; height: 83px; margin-bottom: 15px; } h1#logo a { display: block; width: 207px; height: 83px; text-indent: -9999px; background: url(images/logo.gif) no-repeat; } #nav { font-size: 1.5em; width: 145px; } #nav li { list-style: none; margin-bottom: 1px; border-top: 1px solid #7a1316; padding-top: 1px; display: block; } #nav a:hover { color: #fff; font-weight: bold; background:#000; } #nav ul { font-size: 0.75em; margin: 0px 0px 0px 15px; width: 130px; } #nav li li, #nav li.home { border-top: none; margin-bottom: 0px; } #nav a { color: #000; text-decoration: none; display: block; padding: 2px; } #nav ul a:hover { color: #fff; font-weight: bold; background: #000; } #nav li.current_page_parent, #nav li.current_page_item { font-weight: bold; } #nav li.current_page_parent ul, #nav li.current_page_item ul { font-weight: normal; } #nav ul li.current_page_item a { color: #fff; font-weight: bold; background: #000; } * html #nav li { height: 1%; } #col2 { width: 415px; margin: 113px 0px 0px -77px; float: left; display: inline; } #main { width: 415px; height: 415px; background: #000 ; font-size: 1.3em; color: #fff; } #main .content { width: 140px; line-height: 19px;z-index:1;position:absolute;left:425px;top:340px;} /*** make top 240px ***/ #main .content p { margin: 0 0 10px; text-align:center } #main a { color:#fff;} .single { background: #000; color: #fff; font-size: 1.5em; padding: 10px; width: 395px; } .single h2 { font-weight: normal; font-size: 1.75em; } .single h3 { font-weight: normal; font-size: 1.35em; } .single h4 { font-weight: normal; font-size: 1.15em; } .single a { color: #f7f3c3;} .single p { padding: 5px 0; } .single table { margin-bottom:10px;border:solid 2px #333} .single td { font-size:.9em; line-height:150%; padding: 3px;border:solid 1px #333;width:50%;font-size:.8em} .single td.line { background:#7a1316;} .single td.date { width:103px;} .single th { background:#333; text-align:left;padding-left:5px} .single img.add { float: left; margin: 20px 38px 18px 0; border:none } h4.pagetitle { margin-bottom: 15px; } .post { margin-bottom: 10px; } #col2 ol, #col2 ul { list-style-position: inside; margin-left: 10px; } #col2 h2, #col2 h3, #col2 h4 { margin-bottom: 3px; } .alignleft { width: 190px; float: left; } .alignright { width: 190px; float: right; text-align: right; } .left img, .right img { float: left; margin-right: 5px; } .left h2, .right h2 { font-weight: normal; font-size: 1.35em; margin-bottom: 3px} .left h2 a, .right h2 a { color: #fff; text-decoration: none; } .left h3, .right h3 { font-weight: normal; font-size: 1.75em; margin-bottom: 3px; } .left .post, .right .post { margin-bottom: 10px; } .left { width: 197px; float: left; display: inline; background: #7a1316; color: #fff; font-size: 1.1em; padding: 5px; margin-bottom:5px} .left a { color: #f7f3c3; } .right { width: 198px; float: left; display: inline; background: #f7f3c3; color: #000; font-size: 1.1em; padding: 5px; } .right a { color: #7a1316; } .right h3 { color: #7a1316; } .right h2 a { color: #000; } .commentlist { margin-top: 15px; } .commentlist li { list-style: none; margin-bottom: 10px; border-bottom: 1px solid #222; } a#top { float:left; clear:both; display: block; color: #f7f3c3; text-decoration: none; font-size: 0.8em; background: url(images/top.gif) no-repeat center left; padding-left: 20px; } #col3 { width: 205px; float: left; display: inline; background: #7a1316; margin-top: 80px; color: #fff; font-size: 1.25em; } #col3 h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 3px; } #col3 img { margin-bottom: 5px; } #col3 p.footer { background: #000; color: #eaeac4; font-size: 0.75em; padding: 10px 5px 10px 5px; margin-bottom:0px} #col3 .widget { font-size: 0.85em; padding: 5px 5px 2px; } #col3 .widget p a { color:#f7f3c3;} #col3 .widget h3 { padding: 0px; font-size: 1.75em; } #col3 ol, #col3 ul { list-style-position: inside; } #col3 a#rss { display: block; height: 16px; color: #f7f3c3; text-decoration: none; background: url(images/rss.gif) no-repeat center left; padding: 4px 0px 0px 25px; margin-top: 5px; } #col3 .left, #col3 .right { font-size: 0.85em; padding: 5px; width: 195px; } #col3 .left h3, #col3 .right h3 { font-size: 1.85em; } #updates input.text { float: left; padding: 2px; font-size: 0.85em; margin: 0px 5px 0px 0px; width: 150px; color: #777; } #updates input#update-submit { background: #9c0236; color: #fff; border: 1px solid #d7a999; float: left; padding: 3px; } #searchform { height: 33px; width: 205px; background: #000; } #searchform input#submit { float: left; margin: 5px 3px 0px 3px; } #searchform input#s { float: left; padding: 2px; font-size: 0.85em; margin: 5px 0px 0px 5px; width: 150px; color: #777; } /* navigation to go left and right at foot of page */ .navigation { padding: 10px 5px 5px; font-size: 10px; } .navigation a { color: #f7f3ce; } .navigation a:hover { color: #fff; }