/* Theme Name: Mandors Theme URI: Description: Mandors is a 2 column Wordpress theme. Version: 1.0 Author: David Kelly Design Office Author URI: http://www.dkdo.co.uk/ */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } body { background: #bec5d7 url(images/moo_moo_organdy.jpg); font: 70% 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.3em; text-align: center; } input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; } a { color: #369; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } img.icon { vertical-align: middle; } #skip { display: none; } .hide { display: none !important; } .clear { clear: both; } hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0; } /*------------------------------------------- Wrap -------------------------------------------*/ #wrapWrap { background: url(images/bg2.png) 50% 100% no-repeat; padding-bottom: 15px; } #wrap { width: 780px; margin: 0 auto; text-align: left; } /*------------------------------------------- Header -------------------------------------------*/ #headerWrap { height: 100px; width: clear: both; background: #fff; padding: 5px 0; background: #fff url(images/dash-horiz.png) 0 100% repeat-x; } #header { } #utils { width: 400px; float: right; } #utils p { color: #888; font-size: 1.1em; text-align: right; margin: 10px 20px 0 0; line-height: 1.4em; } #logoWrap { } #logo { width: 300px; float: left; margin: 5px 0 0 75px; } /*------------------------------------------- Left -------------------------------------------*/ #left { width: 190px; float: left; } #nav1 { list-style: none; font-size: 1.1em; line-height: 1.4em; color: #666; padding: 10px 10px; } #nav1 li { margin: 0; border-bottom: 1px solid #eee; } #nav1 li a { text-decoration: none; color: #666; display: block; padding: 2px 5px; margin: 2px 0; } #nav1 li.sel a { color: #333; font-weight: bold; } #nav1 li a:hover { text-decoration: none; background: #eee; } #left hr { display: none; height: 3px; background: url(images/dash-horiz.png) repeat-x; margin: 0 0 1em 0; } .ad { } .storeLoc { width: 170px; padding-top: 100px; margin: 5px 10px 10px 10px; background: url(images/visitstore1.jpg) 0 -20px no-repeat; } .storeLoc h2 { background: #636067; font-size: 1.2em; padding: .25em 10px 0 10px; } .storeLoc p { background: #636067; padding: 0 10px .5em 10px; } .storeLoc a { color: #fff; } /*------------------------------------------- Content -------------------------------------------*/ #content { width: 570px; float: left; padding: 0 0 0 10px; background: url(images/dash-vert.png) 0 0 repeat-y; } #content a { text-decoration: none; } #content a:hover { text-decoration: underline; } #content hr { clear: both; height: 3px; background: url(images/dash-horiz.png) repeat-x; margin: .5em 5px .5em 5px; } #content h1 { font-size: 2.2em; font-weight: normal; margin: 15px 0 .5em 15px; } #main { margin: 0 0 20px 0px; float: left; width: 400px; min-height: 500px; } #main h2 { color: #222; font-size: 2.2em; line-height: 1.4em; margin: .5em 1em .25em 15px; } #main h2.pagetitle { color: #999; font-weight: normal; font-style: normal; font-size: 1.2em; margin-top: 1.5em; border-bottom: 1px solid #ccc; } #main h3 { color: #333; font-size: 1.2em; line-height: 1.4em; margin: 1em 1em 0 15px; } #main p { color: #444; font-size: 1.2em; line-height: 1.4em; margin: 0 1em .5em 15px; } #main ul { font-size: 1.2em; line-height: 1.4em; color: #444; margin: .5em 1em .5em 30px; } #main ul.links { line-height: 1.4em; margin: 0 0 .5em 0; } #main ul.links li { list-style: none; background: url(images/linkarrow.png) 0 50% no-repeat; padding-left: 12px; font-weight: bold; } #main .entry h2 { font-weight: normal; } #main .entry h2 a { color: #222; } .entry { overflow: hidden; } #content #main h3#comments { color: #999; font-weight: normal; margin-top: 2em; background: url(images/comments_icon.gif) 0 2px no-repeat; padding: .2em 0 .2em 2em; } #content #main h3#respond { margin-bottom: .5em; } #content #main p.comments { background: url(images/comments_icon.gif) 0 2px no-repeat; padding: .2em 0 .2em 2.2em; } #content #main p.comments,#content p.postmetadata { color: #999; } #content #main p.postmetadata { font-size: 1em; margin-bottom: 2em; } #content #main p.comments a,#content p.postmetadata a { color: #39c; text-decoration: none; } #content #main p.comments a:hover,#content p.postmetadata a:hover { text-decoration: underline; } #content #main .boxcomments { background: #eee; padding: 0; margin: 0 20px 20px 15px; } #content #main .boxcomments p { font-size: 1.2em; margin-left: 0; } #content #main .boxcomments p.comment-by { font-size: 1em; color: #999; } #commentform { padding: 15px 0 1px 15px; } #commentform label { display: block; } #commentform input { padding: 1px; } #commentform textarea { width: 320px; } #commentform #submit { margin: 0; } #commentform p { font-size: 1em; margin-left: 0; } #content ol.commentlist { margin: 0 0 1px 0; background: #fff; font-size: 1em; padding: 0; } #content ol.commentlist li { display: block; border-top: 1px solid #eee; list-style: none; margin: 0; padding: 1em 0 1em 0; } #sidebar { float: left; width: 164px; margin: 0 0 10px 0; } #rsidebar { padding: 0 0 20px 0px; } #rsidebar h2 { font-size: .95em; font-weight: normal; color: #636763; text-transform: uppercase; margin: 2em 10px .25em 10px; line-height: 1.4em; } #rsidebar h3 { font-family: Georgia; font-weight: normal; font-size: 1.65em; color: #636763; margin: 0 10px .25em 10px; line-height: 1.2em; } #rsidebar h4 { color: #636763; margin: 0 10px 0 10px; line-height: 1.4em; } #rsidebar p { color: #636763; margin: 0 10px .5em 10px; line-height: 1.4em; } #rsidebar #sidebar-intro h2 { font-size: 1.2em; text-transform: none; font-weight: bold; color: #333; margin-top: 1.5em; } #rsidebar #sidebar-intro p { font-size: 1.2em; } #rsidebar ul { list-style-type: none; font-size: 1em; color: #636763; } #rsidebar ul li { list-style-type: none; margin: 0 0 10px; padding: 0; } #rsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 3px; } #rsidebar ul li ul li { list-style-type: none; background: url(images/linkarrow.gif) no-repeat 6px 4px; border: 0; margin: 0; padding: 0 0 3px 17px; } #rsidebar ul.bookmarks li { margin: 0 0 0 0; } #rsidebar ul.follow-ken { } #rsidebar li.ico-facebook { font-size: .8em !important; background: url(images/facebook.png) 0 0 no-repeat; padding-left: 20px; margin: 10px 0 3px 0; } #rsidebar li.ico-twitter { font-size: .8em !important; background: url(images/twitter.png) 0 0 no-repeat; padding-left: 20px; margin: 0 0 15px 0; } #rsidebar .addthis_toolbox { margin: 2em 0 0 8px; } .navigation { width: 100%; color: #666; margin: 0 auto; padding: 0; } .alignright { float: right; margin-top: 10px; margin-bottom: 10px; } .alignleft { float: left; margin-top: 10px; margin-bottom: 10px; } .aligncenter { margin: 1.4em 0; text-align: center; } /*------------------------------------------- Footer -------------------------------------------*/ #footerWrap { clear: both; padding: 0 0 60px 0; } #footer { margin-top: 0 } #footer a { color: #fff; } #footer p { font-size: 1em; margin: 0 0 1em 0; color: #666; } #footerWrap .footerP { background: #999; color: #fff; padding: 0 .1em; } #footerWrap .thisFabric { background: #333; color: #fff; padding: 0 .1em; } #footerWrap .byDKDO { color: #444; margin: 1em 0; } #footerWrap .byDKDO a { color: #444; text-decoration: underline; } #footerWrap .byDKDO a:hover { color: #444; background: #eee; text-decoration: underline; } /*------------------------------------------- Overrides -------------------------------------------*/ .noBorder { border: 0 !important; }