/* Theme Name: Box Set Theme URI: http://doingword.com/boxset/ Description: A simple clean and borderless layout by Paddy Ryan Author: Paddy Ryan Author URI: http://doingword.com/ Version: 1.2 . You may edit this theme in part or in full, but please keep credits intact, particularly in the footer, and re-direct rather than re-disribute. Full support for this theme, and updates and hacks can be found at the supplied THEME URI. The head image used on default for this theme was obtained from: http://www.2desktop.com/ with an unknown artist. Comment structure and icons originally designed by Sebastian Schmieg from: http://www.kingcosmonaut.de/ on his Wordpress theme, "Blixed". THIS THEME IS NOT YET STABLE IN INTERNET EXPLORER . */ /* ##### GENERAL ##### */ * { padding: 0; margin: 0; border: 0; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; background-color: #CCC; background-image: url(images/bg.gif); } .clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; } /* ##### DIV IDs ##### */ #container { width: 610px; margin: 20px auto; margin-top: 7px; margin-bottom: 7px; /* background-color: #FFF; */ /* border: 20px solid #999; */ } #headimg { width: 610px; background-color: #FFF; margin-bottom: 7px; } #menu { float: left; width: 610px; margin-bottom: 7px; background-color: #fff; } #navigation { float: left; font-size: 0.7em; padding-left: 20px; } #main { float: left; margin-right: 7px; width: 400px; background-color: #fff; padding: 20px; padding-bottom: 0; margin-bottom: 7px; } #side { float: left; width: 123px; } #foot { font-size: 0.7em; text-transform: uppercase; width: 610px; padding: 20px 0px 20px 0px; margin-bottom: 7px; background-color: #fff; } /* ##### MENU ##### */ #menu li { list-style-type: none; float: left; padding: 10px 15px 10px 0px; text-transform: uppercase; } #menu li a { background-color: #fff; width: 80px; color: #999; text-decoration: none; padding: 10px 0 10px 0; } #menu li a:hover { width: 80px; color: #fff; text-decoration: none; background-color: #069; padding: 10px 0 10px 0; } #amenu li a { height: 15px; color: #333; width: 80px; background-color: #fff; border-bottom: 1px solid #ff9900; vertical-align: middle; } #amenu li a:hover { height: 15px; color: #333; width: 80px; background-color: #fff; border-bottom: 1px solid #ff9900; vertical-align: middle; } #feed { text-align: right; margin-right: 17px; margin-top: 7px; } #feed img { border: 0; } /* ##### SIDEBAR BOX ##### */ .box { float: left; width: 123px; background-color: #fff; padding: 20px; color: #999; margin-bottom: 7px; } .box h3 { color:#cc9; font-size: 0.8em; font-weight: bold; text-decoration: none; text-align: left; margin-bottom: 5px; } .box p { font-size: 0.8em; padding: 5px; } ul.profile { color: #666; } ul.profile li a, ul.profile li a:link,ul.profile li a:visited { color: #666; } ul.profile li a:hover { color: #333; } .box li { font-size: 0.8em; list-style-type: none; padding: 5px; border-bottom: 1px dotted #999; } .box li a, .box li a:link { color: #999; text-decoration: none; } .box li a:hover { color: #666; } /* ##### LINKS ##### */ a { text-decoration: underline; } a img { border: 1px solid #eee; padding: 3px; } /* ##### H1 + H2 ##### */ h1 { font-size: 1.25em; margin-bottom: 5px; color: #666; } .entry h1, .entry h1 a, .entry h1 a:link { color: #666; font-size: 1.05em; text-decoration: none; background-color: #FFF; border-bottom: 0; margin-bottom: 10px; } .entry h1 a:hover { text-decoration: underline; } .entry h2, .entry h2 a, .entry h2 a:link { color: #333 !important; font-size: 1.05em; text-decoration: none; background-color: #FFF; border-bottom: 0; margin-bottom: 2px; } .entry h2 a:hover { text-decoration: underline; } .entry h3 { color:#666; font-size: 0.715em; font-weight: bold; text-decoration: none; text-align: left; margin-bottom: 13px; margin-top: 13px; } .centered { margin: 0 auto; text-align: center; } /* ##### ENTRY ##### */ .entry { margin-bottom: 20px; } .entry p { font-size: 0.715em; line-height: 1.5em; margin-bottom: 0.8em; } .entry a, .entry a:link { color: #666; text-decoration: none; border-bottom: 1px dotted; } .entry a:hover { color: #000; } .entry a:visited { } .entry li { list-style-type: circle; } .entry img { /* background-color: #CCC; */ border: 1px solid #CCC; float: left; margin: 5px; margin-right: 10px; margin-bottom: 0px; } .entry blockquote { padding: 3px; background-color: #fafafa; } .entry img.mixes { border:0; float: none; margin: 0; vertical-align: middle; padding: 0 7px 5px 7px; } .entry em.light { color: #999; } label { width: 60px; float: left; } #author, #email, #url, #comment, #comments #submit { background-color: #fff; border: 1px solid #ccc; color: #666; } /* ##### ENTRY INFO ##### */ .entry .info { font-size: 0.7em; color: #069; padding: 0px 5px 0px 15px; background: url("images/post.gif") center left no-repeat; } .entry .info a, .entry .info a:link { color: #069; text-decoration: none; background-color: #FFF; border-bottom: 0; } .entry .info a:hover { text-decoration: underline; } /* ##### SWITCH ##### */ .switch { font-size: 0.8em; font-weight: bold; line-height: 1.5em; margin-bottom: 0.8em; display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } .switch a, .switch a:link { border-bottom: 1px dotted; text-decoration: none; color: #666; } .switch a:hover { color: #000; } .left { float: left; } .right { float: right; } /* ##### COMMENTS ##### */ #comments { font-size: 0.8em; } #comments a { color: #666; } #comments a:hover { color: #333; } #comments ul li { list-style-type: none; background-color: #F4F4F4; margin-top: 15px; margin-bottom: 0; } #comments ul li p { padding: 5px; padding-top: 0; } #comments ul li p.header { padding: 5px; background: #EEE; } #comments fieldset { border: 0px; } textarea { margin-top: 5px; } /* ##### SEARCH ##### */ #s { width: 120px; } #search { border: 0; } #searchbutton { background-color: #fff; border: 1px solid #AAA; } /* ##### FOOTER ##### */ #foot p a { color: #069; } #foot p a:hover { color: #999; }