/* Theme Name: Bloggdesigns3 Theme URI: http://www.bloggdesigns.no/?p=285 Version: 1.0 Author: Bloggdesigns.no Author URI: http://www.bloggdesigns.no Description: A developer friendly theme with an elegant and minimalistic look. Tags: widgets, 2-columns, white, red, gray // Released under the GPL license // http://www.opensource.org/licenses/gpl-license.php // // ********************************************************************** // This program is distributed in the hope that it will be useful, but // WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. // ********************************************************************** */ /* BODY CONTAINER */ body { width: 100%; background: #ffffff url(toppmeny.png) top center repeat-x; color: #434343; font-size: 12px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; line-height: 1.5em; } /* CONTENT ELEMENTS */ #topptekst { clear: both; overflow: hidden; background: transparent; width: 768px; color: #434343; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; margin-top: 10px; margin-bottom: 0; margin-right: auto; margin-left: auto; } #toppmeny { clear: both; overflow: hidden; background: transparent url(toppmeny.png) top left repeat-x; width: 768px; padding-top: 8px; font-size: 11px; padding-bottom: 8px; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; border-bottom: 1px solid #cccccc; } .meny_left { float: left; overflow: hidden; background: transparent; width:468px; color: #999999; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right:auto; margin-left: auto; } .meny_right { float: right; overflow: hidden; background: transparent url(rss.png) top right no-repeat; background-position: 226px; width: 224px; color: #999999; text-align: right; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 26px; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; } #logo { clear: both; overflow: hidden; background: transparent url(header.jpg) top left no-repeat; width: 768px; height: 150px; text-align: left; color: #cccccc; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right:auto; margin-left: auto; } #logo_right { float: right; overflow: hidden; background: #ce2e20; font-size: 12px; color: #f4f4f4; width: 275px; text-align: center; padding-top: 20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; margin-top: 30px; margin-bottom: 0; margin-right: auto; margin-left: auto; } #logo_right a { font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; } #logo_right a:hover { font-size: 16px; font-weight: bold; color: #cccccc; text-decoration: none; } /* CONTENT ELEMENTS */ #wrapper { clear: both; overflow: hidden; background: transparent; width: 768px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 30px; margin-bottom: 0; margin-right: auto; margin-left: auto; } #content { clear: both; overflow: hidden; background: transparent url(content.png) top center repeat-y; width: 758px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; } #bunn { clear: both; overflow: hidden; background: #ffffff; width: 768px; color: #999999; font-size: 11px; padding-top: 5px; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 5px; margin-right: auto; margin-left: auto; border-top: 1px solid #cccccc; } .content_left { float: left; overflow: hidden; background: transparent; width: 468px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: 0; } .content_right { float: right; overflow: hidden; background: #ffffff; width: 250px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: auto; } /* TEXT ELEMENTS */ h1 { clear: both; background: transparent; padding-top: 0; color: #666666; font-size: 18px; font-weight: bold; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 3px; margin-right: 0; margin-left: 0; line-height: normal; } h2 { clear: both; overflow: hidden; background: transparent; padding-top: 0; color: #666666; font-size: 16px; font-weight: bold; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; line-height: 1.5em; border-bottom: 1px solid #666666; } h3 { background: transparent; font-weight: normal; font-size: 1.2em; padding:0; margin:0; line-height: 1.5em; } h4 { background: transparent; font-weight: normal; padding:0; margin:0; line-height: 1.5em; } h4.sidebar { background: transparent; font-size: 12px; color: #000000; font-weight: normal; padding-top: 0; padding-bottom: 5px; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 5px; margin-right: 0; margin-left: 0; border-bottom: 1px dotted #cccccc; } p { clear: both; overflow: hidden; color: #000000; font-size: 12px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: 10px; margin-bottom: 10px; margin-right: 0; margin-left: 0; } p.meta { clear: both; overflow: hidden; background: transparent; color: #939393; font-size: 12px; font-style: normal; padding-top: 0; padding-bottom: 10px; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border-bottom: 1px dotted #cccccc; } blockquote { clear: both; overflow: hidden; background: transparent url(comment1.png) top left no-repeat; padding-top: 0; padding-bottom: 0; padding-left: 50px; padding-right: 0; margin-top: 20px; margin-bottom: 20px; margin-right: 0; margin-left: 10px; font-style: italic; font-size: 13px; color: #000000; } a { overflow: hidden; color: #ce2e20; text-decoration: underline; } a:hover { overflow: hidden; color: #333333; text-decoration: underline; } h1 a { overflow: hidden; text-decoration: none; color: #333333; } h1 a:hover { color: #999999; overflow: hidden; text-decoration: none; } ul { list-style-type: disc; background: transparent; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 5px; margin-bottom: 0; margin-right: 0; margin-left: 10px; } li { list-style: square; background: transparent; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 5px; margin-right: 0; margin-left: 15px; } ol { list-style: decimal; margin-top: 10px; margin-bottom: 10px; margin-right: 0; margin-left: 30px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } ol li { list-style: decimal; margin-top: 0; margin-bottom: 10px; margin-right: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* COMMENT ELEMENTS */ .commentform { background: #f2f2f2; color: #000000; font-size: 12px; clear: both; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; width: 458px; border: none; } .entry_comments { clear: both; overflow:hidden; background: #f1f1f1; color: #666666; font-size: 12px; width: 448px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; margin-right:auto; margin-left: auto; } .entry_comments2 { clear: both; overflow:hidden; background: #f1f1f1; color: #333333; width: 448px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; margin-right:auto; margin-left: auto; } ol { list-style: decimal; margin-top: 10px; margin-bottom: 10px; margin-right: 0; margin-left: 30px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } ol li { list-style: decimal; margin-top: 0; margin-bottom: 10px; margin-right: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .avatar { float:left; overflow: hidden; border: 1px solid #ddd; padding: 2px; background: #fff; margin-right: 10px; margin-bottom: 5px; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* FORSIDE ELEMENTS */ .entry { clear: both; overflow:hidden; background: transparent; width: 468px; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 20px; margin-right:auto; margin-left: auto; } .entry2 { clear: both; overflow:hidden; background: transparent; width: 468px; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-right:auto; margin-left: auto; } .entry3 { clear: both; overflow:hidden; background: transparent; width: 468px; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 20px; margin-top: 0; margin-bottom: 20px; margin-right:auto; margin-left: auto; border-bottom: 1px dotted #999999; } /* SIDEBAR 2 ELEMENTS */ .liste { clear: both; overflow: hidden; width: 250px; color: #666666; background: transparent; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 20px; margin-right: auto; margin-left: auto; } .liste2 { clear: both; overflow: hidden; width: 250px; background: transparent; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; } .liste ul,.liste2 ul { list-style: none; background: transparent; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 15px; margin-right: 0; margin-left: 0; } .liste li,.liste2 li { list-style-type: none; background: transparent url(pil.png) top left no-repeat; font-size: 11px; padding-top: 0; color: #434343; padding-right: 0; padding-left: 10px; padding-bottom: 5px; margin-top: 0; margin-bottom: 5px; margin-right: auto; margin-left: auto; border-bottom: 1px dotted #cccccc; } .liste2 a { background: transparent; color: #666666; overflow: hidden; text-decoration: none; } .liste2 a:hover { color: #ce2e20; background: transparent; overflow: hidden; } /* FOOTER ELEMENTS */ #footer { clear: both; overflow: hidden; background: #ffffff url(toppmeny.png) top center repeat-x; width: 748px; height: 50px; color: #666666; font-size: 10px; text-align: left; padding-top: 5px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; } #toppmeny a,.meny_left a,.meny_right a { font-size: 11px; color: #434343; font-weight: normal; overflow: hidden; text-decoration: underline; margin-left: 10px; margin-right: 10px; } #toppmeny a:hover,.meny_left a:hover,.meny_right a:hover { font-size: 11px; font-weight: normal; background: #000000; overflow: hidden; color: #ffffff; text-decoration: none; margin-left: 10px; margin-right: 10px; } .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; -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-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }