/* Theme Name: MegSue Author: Nikki Jeske Theme URI: http://snailbird.com Description: Cute little fashion blog for Meg Sue! Version: 1.0 ----------------------------------------------- Artwork by Nikki Jeske of snailbird.com ----------------------------------------------- */ /* Body ----------------------------------------------- */ body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; } body{ font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; text-align: center; vertical-align: top; background: #fff url(images/bg_body.jpg) repeat-x; color: #000; } h1, h2, h3, h4, h5, h6{ font-family: Georgia, sans-serif; font-size: 14px; font-weight: bold; } a{ text-decoration: underline; color: #b14545; } a:hover{ text-decoration: none; } a img{ border: 0; } abbr, acronym{ border: 0; } address, dl, p{ padding: 15px 0 0; } blockquote{ margin: 5px 5px; padding: 10px 10px; background: #edc8ab url(images/quote.jpg) no-repeat; color: #000; border-right: 2px solid #FFFFFF; } blockquote p{ margin: 10 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } code{ background: #f9f9f9; } dt{ font-weight: bold; } dd{ padding: 0 0 0 15px; } hr{ clear: both; margin: 15px 15px 5px 15px; border: 0; height: 1px; text-align: left; background: #ede5da; color: #ede5da; } small{ font-size: 11px; } pre{ width: 90%; } input, textarea{ font-family: Arial, Helvetica, Georgia, sans-serif; font-size: 12px; padding: 2px; } input#s, input#author, input#email, input#url, textarea#comment{ border: 1px solid #e5d8c6; background-color: #faf5ef; padding: 3px; } input#author, input#email, input#url{ margin: 0 5px 0 0; } #container{ margin: 0 auto; width: 711px; position: relative; } #pagewrapper{ float: left; width: 711px; background: url(images/bg_page.jpg); } #page{ padding: 0 0px; } #banner{ float: left; width: 711px; height: 395px; background: url(images/banner.jpg) no-repeat left top; clear: both; } .maincolumn{ float: left; width: 500px; } #container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, .browse, #sidebar, #comments-template{ text-align: left; vertical-align:top; } /* End Body */ /* Headings ----------------------------------------------- */ div#nav { position: absolute; width: 300px; top: 293px; left: 400px; } div#title { position: absolute; width: 464px; top: 120px; left: 80px; } /* End Headings */ /* Menu ----------------------------------------------- */ #menu { margin-left: 4px; padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; padding-left: 5px; } #menu ul{ font: bold 12px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; } #menu li{ display:inline; margin:0 2px 0 0; padding:0; } #menu a{ float:left; color: #b14545; margin:0 2px 0 0; padding:0 0 1px 1px; text-decoration:none; letter-spacing: 1px; font: bold 14px Arial, Verdana, sans-serif; } #menu a span{ float:left; display:block; padding:3px 8px 1px 5px; background: transparent; font: bold 14px Arial, Verdana, sans-serif; } #menu a span{ float:none; } #menu a:hover{ color: #FFFFFF; background-color: #b14545; font: bold 14px Arial, Verdana, sans-serif; } #menu a:hover span{ color: #FFFFFF; background-color: #b14545; font: bold 14px Arial, Verdana, sans-serif; } #menu #current a, #menu #current span{ /*currently selected tab*/ background-color: #b14545; } /* End Menu */ /* Posts ----------------------------------------------- */ .post{ margin-bottom: 10px; border: 1px dotted #FFFFFF; padding-left: 10px; padding-right: 10px; background: #ece5cb url(images/bg_post.jpg) top left no-repeat; } .post h2{ border-bottom: 1px dashed #FFFFFF; padding: 0 0 7px 0; padding-top:28px; font-size: 18px; font-weight: normal; color: #b14545; text-transform: uppercase; } .post h2 a{ text-decoration: none; color: #b14545; text-transform: uppercase; } .post h2 a:hover{ text-decoration: none; } .entry{ line-height: 24px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ border: 0; padding: 10px 0 0; } .entry h1{ font-size: 24px; font-weight: normal; } .entry h2{ font-size: 18px; color: #000; } .entry h3{ color: #c97d05; } .entry h4{} .entry h5{ font-weight: normal; } .entry h6{ font-size: 11px; font-weight: normal; } .entry img{ border: 1px solid #e5d8c6; padding: 4px; background-color: #faf5ef; } .entry img.wp-smiley{ padding: 0; border: 0; background-color: transparent; } .entry img.alignleft{ float: left; margin: 5px 10px 0 0; } .entry img.alignright{ float: right; margin: 5px 0 0 10px; } .entry p.postinfo{ margin: 15px 0 0; padding: 10px 15px 0; border-top: 1px dashed #ffffff; font-size: 11px; color: #6d634a; } .entry p.notfound{ padding: 15px 0 100px; } .browse{ margin: 0 15px; border-top: 1px solid #e5d8c6; padding: 15px; line-height: 24px; } .browse a{ color: #ffffff; } /* End Posts */ /* Sidebar ----------------------------------------------- */ #sidebar{ float: left; margin: 5px 0 0 5px; width: 193px; } #sidebar a{ color: #7d1212; } #sidebar ul{ list-style: none; margin: 0; padding: 0; } #sidebar ul li{ padding: 7px; font-family: Georgia, sans-seriff; color: #ece5cb; } #sidebar ul li.syndicate a{ padding: 0 7px 0 0; background: url(images/feed-icon.jpg) no-repeat right 2px; } #sidebar ul li h2{ border-bottom: 1px dashed #ffffff; padding: 0 0 7px 0; font-size: 12px; color: #ffffff; text-transform: uppercase; } #sidebar ul ul{ padding: 7px 0 0; } #sidebar ul ul li{ padding: 0; font-family: Arial, Helvetica, Georgia, sans-seriff; line-height: 24px; text-transform: none; } #sidebar ul ul ul{ padding: 0; } #sidebar ul ul ul li{ padding: 0 0 0 15px; background: url(images/bullet_2.jpg) no-repeat 0 8px; } #sidebar ul ul ul ul li{ background: url(images/bullet_3.jpg) no-repeat 0 8px; } #sidebar ul ul ul ul ul li{ background: none; } /* End Sidebar */ /* Begin Comments --------------------------------------------- */ .alt { margin: 0; padding: 10px; background: #ece5cb; } .commentlist { padding: 0; text-align: justify; background: #edc8ab; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } #commentform a { color: #ffffff; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Comments */ /* Begin WP-Calendar --------------------------------------------- */ table#wp-calendar{ width: 100%; font-family: Arial, Helvetica, Georgia, Sans-Serif; text-transform: none; } table#wp-calendar caption{ padding: 10px 15px; } table#wp-calendar th{ font-weight: normal; text-align: right; vertical-align: top; background: #faf5ef; } table#wp-calendar td{ padding: 1px; text-align: right; } table#wp-calendar tfoot td{ text-align: center; } /* End Calendar */ /* Begin Captions --------------------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #000000; text-align: center; background-color: #edc8ab; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Footer ----------------------------------------------- */ #footer { width: 728px; margin:0 auto; background: url(images/footerbg.jpg); clear:both; height: 169px; padding-bottom:0px; color: #6d634a; font-family: Arial, Georgia, 'Times New Roman', serif; font-size: 1.0em; text-align:center; } #footer a:link { color:#000000; text-decoration:none; } #footer a:visited { color:#000000; text-decoration:none; } #footer a:hover { color:#b14545; text-decoration:none; border-bottom: 2px solid #b14545; } #footer hr { display:none; } #footer p { margin:0; padding-top:75px; } /* End Footer */