/* Theme Name: Blueberry Theme URI: http://blueberryware.net/multiberry-demo/ Description: Nine (9) color option simple blog theme. You can manage options through the WordPress admin. The WordPress logo at the bottom links to the admin login. Design based on WordPress's default theme. Check out the blueberry theme demo or pick your own color here. Version: 2.0 Author: Adam Hunter Author URI: http://blueberryware.net Tags: multiple colors, drop shadow, fixed width, two columns, widgets, blue, dark blue, red, orange, yellow, green, maroon, black, purple, sidebar The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Reset CSS provided by Yahoo! http://developer.yahoo.com/yui/reset/ */ /* reset */ body { font-size: 62.5%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* [end] reset */ /* core layout, colors, and typography */ body { background-color: #eee; font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-serif; text-align: center; } #page { background: #eee url('images/multi-wide.gif') repeat-y scroll top; text-align: left; margin: 20px auto 0 auto; padding: 0; width: 790px; } #header, #footer { background-repeat: no-repeat; background-position: bottom; } #header { height: 150px; margin-bottom: 20px; width: 790px; } #headertxt { padding-top: 35px; } #content { font-size: 1.3em; line-height: 1.5em; text-align: justify; } .narrowcolumn { float: left; padding: 0 0 20px 45px; width: 480px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 100px; width: 580px; } .entry { padding: 0 5px; } .postmeta { font-size: .9em; background: #eee; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 10px; margin: 5px 0; } #sidebar { border-left: 1px solid #ccc; padding: 20px 0 10px 10px; margin-left: 550px; width: 210px; font-size: 1.1em; } #footer { font-family: Verdana, Arial, Sans-serif; margin: 0 auto; height: 100px; } #footer p { padding: 0; } #wordpress { margin: 10px 0; font-size: 1.1em; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 50px; } /* [end] core layout, colors and typography */ /* blueberry toolbox */ #toolbox { border: 1px solid #36f; background-color: #d4eaff; margin: 5px; padding: 6px; text-align: center; } #toolbox a { color: #039; } #toolbox a:hover { color: #f00; text-decoration: none; } #quickedit { text-align: center; } #quick_content { height: 350px; width: 600px; font-family: Verdana, Arial, Sans-serif; font-size: 12px; } small.postmeta { padding: 0 0 0 5px; border: 0 none; background: #fff; font-size: .8em; } /* [end] blueberry toolbox */ /* headers */ h1 { font-size: 1.6em; padding: 6px 0; } h2 { font-size: 1.3em; padding: 4px 0; } h3 { font-size: 1.1em; padding: 2px 0; } #headertxt h1 { font-size: 3.9em; } #headertxt h1, #headertxt h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-serif; } #headertxt h1 a, #headertxt h1 a:hover { text-decoration: none; } #headertxt h2 { font-weight: normal; font-size: 1.6em; } #footer h2 { font-weight: normal; font-size: 1.3em; padding: 10px 0 0 0; } #content h2 { margin: 30px 0 0 0; } h2.pagetitle { text-align: center; } .archive-title { border-bottom: 1px solid #ccc; } .post:hover .archive-title { border-bottom: 1px solid #99a; } /* widgets section */ .widgettitle { font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif; padding: 12px 0 1px 0; border-bottom: 1px dashed #ccd; margin: 0 10px 0 0; } /* comments section */ #comments, #respond { padding: 15px 0 10px 0; } /* [end] headers */ /* lists */ ul { padding: 2px 0; } #content ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } #content ul ul li:before { content: "\203A \0020"; } #content ul ul li { font-size: .95em; } #content ul li { padding: 3px 0; } #content ul ul { padding: 4px 0 1px 15px; } #sidebar ul ul { padding-left: 5px; } #sidebar ul ul li { color: #000; } #sidebar ul ul li:hover { color: #667; } /* [end] lists */ /* widgets */ .widget:hover .widgettitle { border-bottom: 1px dashed #667; } .widget_calendar { font-size: 1.2em; margin: 5px 0; } .widget_calendar .widgettitle, .widget_calendar:hover .widgettitle { border-bottom: 1px solid #fff; } #calendar_wrap { border: 1px solid #ccd; margin: 0 10px; } #calendar_wrap:hover { border-color: #667; } .widget_calendar table { margin: 0 auto; } .widget_calendar caption { font-weight: bold; padding: 4px 0; font-size: 1.4em; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif; text-decoration: underline; } .widget_calendar th { font-weight: bold; } .widget_calendar th, td { padding: 3px; text-align: center; } .widget_calendar tbody td a { border: 1px solid #fff; padding: 1px; } .widget_calendar tbody td a:hover { border: 1px solid #567; text-decoration: none; } .widget_calendar #today a { border: 0 none; padding: 0; } .widget_calendar #today a:hover { border: 0 none; } .widget_calendar #today { background: #ccc; font-weight: bold; } #calendar_wrap, .widget_calendar #today, .widget_calendar tbody td a, .widget_calendar tbody td a:hover { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .widget_text { text-align: justify; padding: 12px 10px 8px 2px; } /* [end] widgets */ /* comments */ .commentlist { list-style: none; } .commentlist li { padding: 10px 0; font-size: .9em; } .commentlist li p { padding: 2px 10px; } .norm {} .alt {} .commentlist li:hover .commentmeta { border-bottom: 1px solid #889; } .commentlist li:hover .avatar { border: 1px solid #99a; } .commentmeta { padding: 0; margin: 0 0 5px 0; font-size: 1.2em; border-bottom: 1px solid #bbb; color: #556; } .commentmeta small { font-size: .8em; padding-bottom: 5px; } .commentbox { font-family: Verdana, Arial, Sans-serif; font-size: 11px; padding: 7px; color: #667; border: 1px solid #999; } .commentbox:focus { color: #001; border: 1px solid #334; outline-style: none; } .textwrap { padding: 8px 0; } .comment_textbox { width: 200px; } #comment { height: 100px; width: 220px; } .avatar { float: right; border: 1px solid #bbb; padding: 1px; margin-right: 5px; } /* [end] comments */ /* general classes and tags */ .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } .clear { clear: both; } .thin { font-weight: normal; } .bold { font-weight: bold; } .warning, .emergency { font-size: 1.2em; font-family: Verdana, Arial, Sans-serif; margin: 10px auto; width: 85%; } .warning { background-color: #ffffe0; border: 1px solid #e6db55; } .emergency { background-color: #ffebe8; border: 1px solid #c00; } .hidden, hr { display: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } a.img { border: 0 none; } strong, em, b, h1, h2, h3, h4, h5, h6 { font-weight: bold; } em, i { font-style: italic; } p { padding: 10px 1px; } code { font-family: 'Courier New', Courier; font-size: 1.1em; } /* [end] general classes and tags */ /* wordpress */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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] wordpress */ /* blackberry css */ .blackberrycolor, .blackberry a, .blackberry h2 a:hover, .blackberry h3 a:hover{ color: #555; } .blackberry a:hover{ color: #111; } .blackberry .entry a:visited{ color: #888; } .blackberry #header { background-image: url('images/blackberry-header.jpg'); } .blackberry #headertxt h1, .blackberry #headertxt h1 a, .blackberry #headertxt h2 { color: #eee; } .blackberry #headertxt h1 a:hover { color: #fff; } .blackberry #footer { background-image: url('images/blackberry-footer.jpg'); color: #777; } /* [end] blackberry css */ /* blueberry css */ .blueberrycolor, .blueberry a, .blueberry h2 a:hover, .blueberry h3 a:hover{ color: #03f; } .blueberry a:hover{ color: #036; } .blueberry .entry a:visited{ color: #69f; } .blueberry #header { background-image: url('images/blueberry-header.jpg'); } .blueberry #headertxt h1, .blueberry #headertxt h1 a, .blueberry #headertxt h2 { color: #eee; } .blueberry #headertxt h1 a:hover { color: #fff; } .blueberry #footer { background-image: url('images/blueberry-footer.jpg'); color: #000; } /* [end] blueberry css */ /* elderberry css */ .elderberrycolor, .elderberry a, .elderberry h2 a:hover, .elderberry h3 a:hover{ color: #339; } .elderberry a:hover{ color: #006; } .elderberry .entry a:visited{ color: #06c; } .elderberry #header { background-image: url('images/elderberry-header.jpg'); } .elderberry #headertxt h1, .elderberry #headertxt h1 a, .elderberry #headertxt h2 { color: #ddd; } .elderberry #headertxt h1 a:hover { color: #fff; } .elderberry #footer { background-image: url('images/elderberry-footer.jpg'); color: #667; } /* [end] elderberry css */ /* grape css */ .grapecolor, .grape a, .grape h2 a:hover, .grape h3 a:hover{ color: #90c; } .grape a:hover{ color: #606; } .grape .entry p a:visited{ color: #969; } .grape #header { background-image: url('images/grape-header.jpg'); } .grape #headertxt h1, .grape #headertxt h1 a, .grape #headertxt h2 { color: #eee; } .grape #headertxt h1 a:hover { color: #fff; } .grape #footer { background-image: url('images/grape-footer.jpg'); color: #000; } /* [end] grape css */ /* lime css */ .limecolor, .lime a, .lime h2 a:hover, .lime h3 a:hover{ color: #0c0; } .lime a:hover{ color: #080; } .lime .entry a:visited{ color: #3f3; } .lime #header { background-image: url('images/lime-header.jpg'); } .lime #headertxt h1, .lime #headertxt h1 a, .lime #headertxt h2 { color: #eee; } .lime #headertxt h1 a:hover { color: #fff; } .lime #footer { background-image: url('images/lime-footer.jpg'); color: #000; } /* [end] lime css */ /* lemon css */ .lemoncolor, .lemon a, .lemon h2 a:hover, .lemon h3 a:hover{ color: #fc0; } .lemon a:hover{ color: #cf0; } .lemon .entry a:visited{ color: #ff0; } .lemon #header { background-image: url('images/lemon-header.jpg'); } .lemon #headertxt h1, .lemon #headertxt h1 a, .lemon #headertxt h2 { color: #fff; } .lemon #headertxt h1 a:hover { color: #eee; } .lemon #footer { background-image: url('images/lemon-footer.jpg'); color: #333; } /* [end] lemon css */ /* orange css */ .orangecolor, .orange a, .orange h2 a:hover, .orange h3 a:hover{ color: #f60; } .orange a:hover{ color: #a30; } .orange .entry a:visited{ color: #f93; } .orange #header { background-image: url('images/orange-header.jpg'); } .orange #headertxt h1, .orange #headertxt h1 a, .orange #headertxt h2 { color: #eee; } .orange #headertxt h1 a:hover { color: #fff; } .orange #footer { background-image: url('images/orange-footer.jpg'); color: #000; } /* [end] orange css */ /* raspberry css */ .raspberrycolor, .raspberry a, .raspberry h2 a:hover, .raspberry h3 a:hover{ color: #c03; } .raspberry a:hover{ color: #f03; } .raspberry .entry a:visited{ color: #936; } .raspberry #header { background-image: url('images/raspberry-header.jpg'); } .raspberry #headertxt h1, .raspberry #headertxt h1 a, .raspberry #headertxt h2 { color: #eee; } .raspberry #headertxt h1 a:hover { color: #fff; } .raspberry #footer { background-image: url('images/raspberry-footer.jpg'); color: #000; } /* [end] raspberry css */ /* strawberry css */ .strawberrycolor, .strawberry a, .strawberry h2 a:hover, .strawberry h3 a:hover{ color: #f00; } .strawberry a:hover{ color: #b00; } .strawberry .entry a:visited{ color: #f66; } .strawberry #header { background-image: url('images/strawberry-header.jpg'); } .strawberry #headertxt h1, .strawberry #headertxt h1 a, .strawberry #headertxt h2 { color: #eee; } .strawberry #headertxt h1 a:hover { color: #fff; } .strawberry #footer { background-image: url('images/strawberry-footer.jpg'); color: #000; } /* [end] strawberry css */