/* Theme Name: Morris Liquors Theme URI: http://www.morrisliquors.com Description: Custom theme for the liquor store in Morris, Minnesota Version: 1.0 Author: Iceberg Web Design Author URI: http://www.icebergwebdesign.com Tags: red, dark, white, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments */ body { font-size: 62.5%; font-family: Tahoma, Verdana, Arial, Sans-Serif; color: #333; text-align: center; margin: 0; padding: 0; background-color: #BCC5C1; } .wrap { background: #bcc5c1 url('images/bg.jpg') top center no-repeat; text-align: left; height:100%; } #sidebar { } #container { width: 964px; margin: 0 auto 0 auto; } #header { margin: 0px; padding: 0; height: 260px; width: 964px; color: #000; } .page { margin: 0px auto 0px auto; padding: 0; width: 964px; text-align: left; } #content { margin-top: 42px; width: 549px; float: left; } .entry a:link { color: #c50; text-decoration: underline; font-weight: bold; } .entry a:visited { color: #c50; text-decoration: underline; font-weight: bold; } .entry a:active { color: #c50; text-decoration: underline; font-weight: bold; } .entry a:hover { color: #d60; text-decoration: underline; font-weight: bold;} .entry2 a:link { color: #c50; text-decoration: underline; font-weight: bold; } .entry2 a:visited { color: #c50; text-decoration: underline; font-weight: bold; } .entry2 a:active { color: #c50; text-decoration: underline; font-weight: bold; } .entry2 a:hover { color: #d60; text-decoration: underline; font-weight: bold;} .column { padding: 5px 10px 0px 30px; margin: 15px 0 0 0; height: 660px; overflow-x: hidden; overflow-y:auto; } #nav-post { width: 751px; height: 131px; float: left; } .column .entry { clear: left; font-size: 10pt; line-height: 1.6; padding-bottom: 0px; padding-top: 0px; } .column .entry p { } .column .entry2 { clear: left; font-size: 10pt; text-align: center; line-height: 1.6; padding-bottom: 0px; padding-top: 0px; } .column .entry2 p { text-align: center; } .column2 { padding: 5px 10px 0px 30px; margin: 15px 0 0 0; height: 670px; } .column2 .entry { clear: left; font-size: 10pt; line-height: 1.6; padding-bottom: 0px; padding-top: 0px; } .column2 .entry p { } .entry img { } .entry2 img { width: 350px; display: block; margin: 15px auto 8px auto;} .entry h3 { display: block; width: 100%; margin-top: 15px; font-size: 2.1em; font-family: impact; font-weight: normal; color: #DA6201; padding: 0px 0 5px 43px; background: url('images/arrow.gif') 5px left no-repeat; } .column .postmetadata { padding-top: 20px; } .post { margin: 0px; } .postarrow { width: 43px; height: 95px; margin: 33px 0 0; background: url('images/arrow.gif') top left no-repeat; float: left; } .posttitle { float: left; margin-top: 20px; padding: 0 0 0px 43px; background: url('images/arrow.gif') top left no-repeat; } .post-edit-link a { color: #000; } .postcomments { width: 65px; height: 40px; background: url('images/bubble.gif') top left no-repeat; float: left; padding-top: 8px; margin: 20px 0 0; text-align: center; font-size: 1.17em; } .postcomments span { font-size: 0.7em; color: #E17A00; } .postcomments a{ font-weight: bold; color: #E17A00; font-size: 1.17em; } .textwidget { margin: 0 20px 0 20px; } .widget_tag_cloud { margin: 0 20px 0 0px; } /*------------------------------- END structure -------------------------------*/ /*------------------------------- START Typography & Colors -------------------------------*/ #header .description { font-size: 1.4em; padding: 0 0 0 39px; font-weight: bold; } #header .rss { font-size: 1.2em; padding: 0 0 0 768px; font-weight: bold; } #header .rss a{ color: #000; } #header .rss a:hover { color: #000; text-decoration: none; border-bottom: 2px dashed #cc0000; } h1 { font-size: 4.8em; font-family: impact; text-transform: uppercase; padding: 0 0 0 39px; } h1, h1 a, h1 a:hover, h1 a:visited, #header .description { text-decoration: none; color: #DA6201; } h2 { font-size: 2.8em; font-family: impact; font-weight: normal; padding-bottom: 9px; color: #DA6201; } H4 { font-size: 22px; font-family: impact; font-weight: normal; color: #333; padding: 0px; margin: 0px; } H4.footerwidget { padding-top: 20px; } H5 { font-size: 2em; font-family: impact; color: #000; padding: 12px 0 12px 0; } H6 { font-size: 1.6em; font-family: impact; color: #000; padding: 0px 0 16px 0; } .thread-alt { background-color: #e9edec; } .thread-even { background-color: #f9f9f9; } .depth-2 { border-top: 1px dashed #6a6e6d; } .depth-3 { border-top: 1px dashed #6a6e6d; } .depth-4 { border-top: 1px dashed #6a6e6d; } .depth-5 { border-top: 1px dashed #6a6e6d; } .depth-6 { border-top: 1px dashed #6a6e6d; } .depth-7 { border-top: 1px dashed #6a6e6d; } .depth-8 { border-top: 1px dashed #6a6e6d; } .depth-9 { border-top: 1px dashed #6a6e6d; } .depth-10 { border-top: 1px dashed #6a6e6d; } .even, .alt { } .reply a { display: block; width: 38px; height: 21px; background: url('images/reply.gif') no-repeat; cursor: pointer; text-indent: -9999px; margin: 0 0 10px 3px; } small { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.4em; } small a{ color: #E17A00; font-weight: bold;} small a:hover { color: #E17A00; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #cc0000;} .fourofour { font-size: 10em; font-family: impact; color: #cc0000; padding: 0px 0 16px 0; margin-bottom: 10px; border-bottom: 2px dashed #000; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } commentlabel { font: 1.2em Tahoma, Arial, Verdana, Sans-Serif; color: #000; font-weight: bold; } .commentlist li { font: 1.1em Tahoma, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: left; padding: 2px 15px 5px 5px; } .commentlist cite { font-weight: normal; font-style: normal; font-size: 11px; color: #000; } .commentlist cite a { font-weight: bold; font-style: normal; font-size: 11px; color: #000; } .says { font-weight: normal; } .commentlist p { font-weight: normal; line-height: 1.8em; text-transform: none; clear: left; padding: 0 0 0 60px; } #commentform p { font-family: Tahoma, Arial, Sans-Serif; font-size: 1.1em; } #commentform p a{ color: #fff; } .commentmetadata { font-weight: normal; } small, .nocomments, blockquote, strike { color: #747775; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 1em; letter-spacing: .07em; } a { color: #cc0000; text-decoration: none; } /*------------------------------- End Typography & Colors -------------------------------*/ /*------------------------------- START subscribe forms -------------------------------*/ .message-box{ /*outer background*/ height: 59px; padding: 0px; margin: 15px 35px 7px 0px; width: 229px; } .form-message{ font-size: 1.2em; color: #fff; font-weight: bold; } input.message-field{ /*input field */ float: left; border:0; margin:0 0 10px 0; font-family:arial, verdana; font-size: 1.2em; font-weight: normal; padding: 9px 0px 8px 11px; height:17px; background-color: #dce4df; width: 218px; } .message-box textarea{ /*input field */ float: left; border:0; margin:0 0 10px 0; font-family:tahoma, arial, verdana; font-size: 1.2em; font-weight: normal; padding: 9px 11px 8px 11px; height:77px; background-color: #dce4df; width: 207px; } input.message-go { /*search icon */ clear:both; border:0; margin:10px 0 0 18px; padding:0; height: 40px; width: 192px; background: url(images/send-message.gif) no-repeat top left; cursor: pointer; } /*------------------------------- END subscribe forms -------------------------------*/ /*------------------------------- START headers -------------------------------*/ h1 { padding-top: 115px; margin: 0; } h2 { margin: 30px 0px 20px 0px; } h2.pagetitle { margin-top: 0px; width: 502px; } h2.archivetitle { margin-top: 0px; color: #000; font-size: 2.5em; text-transform: uppercase; border-bottom: 1px dashed #575b59; } #comments { width: 192px; height: 39px; background: url('images/comments.gif') no-repeat; padding: 0; margin: 40px 0 15px 0; } #nocomments { width: 231px; height: 39px; background: url('images/nocomments.gif') no-repeat; padding: 0; margin: 40px 0 15px 0; } #nav { margin-left: 80px; position:absolute; width: 900px; } #nav ul { margin: 0px; padding: 0px; list-style: none; } #nav ul li { background-color: transparent; } #nav ul li, #nav ul li a { float: left; display: block; } #nav ul li a { margin: 6px 15px 0 10px; padding: 5px 10px 5px 10px; font-size: 1.2em; color: #fff; text-decoration: none; font-weight: bold; } #nav ul li a:hover, #nav ul li a.selected { background-color: #cc0000; color: #fff; } .current_page_item a:hover, .current_page_item a { background-color: #cc0000; color: #fff; } html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; text-indent: 0px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } /*------------------------------- END lists -------------------------------*/ /*------------------------------- BEGIN form elements -------------------------------*/ select { width: 130px; } #sidebar { margin: 0px; padding: 5px 0 0px 0px; background: url('http://www.morrisliquors.com/img/left-background.jpg') bottom left; background-repeat: no-repeat; background-color: #fff; float: left; width: 397px; border-right: 6px solid #000; height: 100%; min-height: 753px; } #sidebar h2 { margin: 5px 0 0 0; width: 208px; height: 39px; font-size: 13px; text-transform: uppercase; display: block; float: right; padding: 11px 0 0 30px; background: url('images/sidebar-headings.gif') top left no-repeat; color: #eef0eb; font-family: Tahoma, Verdana, Sans-Serif; font-weight: bold; } #sidebar h2.sub { margin: 5px 30px 15px 0px; width: 208px; height: 20px; font-size: 14px; text-transform: uppercase; display: block; float: right; text-align: right; padding: 0px 0px 0px 90px; background: url('images/space.gif') top left no-repeat; color: #333; font-family: Tahoma, Verdana, Sans-Serif; font-weight: bold; } #sidebar a{ color: #fff; } #sidebar a:hover{ color: #DA6201; } #sidebar { font: 1.1em Tahoma, Arial, Sans-Serif; color: #fff; } #sidebar h2.sub a{ color: #bA4200; } #sidebar h2.sub a:hover{ color: #DA6201; } #sidebar h3 { margin: 5px 0 0; width: 208px; height: 39px; font-size: 12px; text-transform: uppercase; padding: 11px 0 0 47px; background: url('images/sidebar-headings.gif') top left no-repeat; color: #eef0eb; font-family: Verdana, Sans-Serif; font-size: 1.2em; font-weight: bold; } #sidebar img { padding-left: 5px; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #share-con { width: 648px; height: 72px; background:url("images/share-bg.jpg") no-repeat; padding-top: 16px; } #sharemenu { background:url("images/social-icons.jpg") no-repeat; width:460px; height:41px; margin:0px 0 0 154px; padding:0; } #sharemenu span { display: none; } #sharemenu li, #sharemenu a { height:41px; display:block; } #sharemenu li { float:left; list-style:none; display:inline; } #share-divider {width: 28px;} #share-twitter {width: 41px;} #share-facebook {width: 41px;} #share-stumble {width: 41px;} #share-delicious {width: 41px;} #share-digg {width: 40px;} #share-technorati {width: 41px;} #share-email {width: 44px;} #share-facebook a:hover {background:url("images/social-icons.jpg") 0px -41px no-repeat; } #share-twitter a:hover {background:url("images/social-icons.jpg") -69px -41px no-repeat; } #share-digg a:hover {background:url("images/social-icons.jpg") -138px -41px no-repeat; } #share-delicious a:hover {background:url("images/social-icons.jpg") -206px -41px no-repeat; } #share-stumble a:hover {background:url("images/social-icons.jpg") -275px -41px no-repeat; } #share-technorati a:hover {background:url("images/social-icons.jpg") -344px -41px no-repeat; } #share-email a:hover {background:url("images/social-icons.jpg") -413px -41px no-repeat; } #footer { padding: 0; margin: 0 auto; width: 100%; height: 455px; background: #bcc5c1 url('images/bottom.jpg') top center no-repeat; clear: both; } #footer a{ color: #000; } .socialfooter { float: left; padding: 0 0 0 39px; margin: 52px 0 0 0px; width: 298px; list-style: none; } .socialfooter ul { margin: 24px 0 0 0; list-style-type: none; list-style: none;} .socialfooter ul li a { display: block; padding: 0 0 10px 50px; line-height: 36px; font-size: 1.2em; background-position: left top; background-repeat: no-repeat; list-style-type: none; list-style: none; }.facebook-link a { background-image: url(images/facebook.gif); } .twitter-link a { background-image: url(images/twitter.gif); } .friend-link a { background-image: url(images/friendfeed.gif); } .flickr-link a { background-image: url(images/flickr.gif); } .linkedin-link a { background-image: url(images/linkedin.gif); } .youtube-link a { background-image: url(images/youtube.gif); } .lastfm-link a { background-image: url(images/lastfm.gif); } #footer-bott { padding: 10px 0 10px 0; margin: 0 auto 0 auto; clear: both; color: #ccc; font-size: 1.1em; background-color: #000; text-align: center; } #footer-bott a { color: #ccc; } #footer p { margin: 0; padding: 0px 0; text-align: center; } .clear { clear: both; } a img { border: none; } img.ajax-loader { width: 10px; } #quicklinks img { margin: 0px 4px 0px 4px; }