/* FAMILIEN950 By: Anders */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, "Andale Mono", Courier, "Courier New", sans-serif; color: #ffffff; background: #000000 url(images/cloudsscroll.gif); background-attachment:fixed; } ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } .button { margin: -5px 0 0 5px;background: #222222; color: #ffffff; padding: 3px 6px; vertical-align: middle; border: 1px solid #000000;} .button:hover { background: #ff0000; color: white; } form#searchform { margin: 15px 0 0px 0; float: right; } #form { background-color: blue; color: lime; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /* TYPGROGRAPHY */ p, li { font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; } a { color: #ff0000; } a:hover { background: #ff0000; color: #ffffff; } h1 { font-size: 3.6em; font-family: "Arial", sans-serif; font-weight: normal; } h2 { font-size: 2.6em; font-family: "arial black", "century gothic", "Arial narrow", sans-serif; color:#ff0000; padding-left: 20px; font-style: italic; text-transform: uppercase; } h3 { font-size: 1.8em; font-family: "Arial", sans-serif; font-weight: normal; margin: 0 0 10px 0; } h4 { font-size: 1.8em; font-family: "Arial", sans-serif; serif; font-weight: normal; color: #FFFFFF; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: "Arial", sans-serif; serif; font-weight: normal; margin: 0 0 10px 0; color: #FFFFFF; } /* FORMS */ input { padding: 3px; } comment { width: 540; } /* STRUCTURE */ #page-wrap { width: 950px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; background: #000000;} #content { width: 540px; float: left; padding-left: 20px; padding-right: 20px; } #sidebar { width: 370px; float: left; padding-right: 0px; } #push { height: 250px; } /* HEADER */ h1#logo { text-indent: -9999px; } #header { padding: 0px 0 0 0; background: url(images/familien-header-farge.png); width: 950px; height: 200px; } #header p { text-indent: -9999px; } form#searchform { margin: 0 0 10px 0; float: right; } #top-bar { width: 950px; height: 160px; padding: 0px 0 0 0; } #top-bar-nav { width: 950px; height: 40px; float: left; padding-top: 0px;} #top-bar p { color: #ff0000; width: 950px; float: left; font-size: 1.8em; } .twitterbox { background: transparent; width: 205px; height: 70px; margin-left: 570px; } .tweet { background: transparent; width: 225px; height: auto; color: black; padding: 15px 20px 20px 20px; } .tweet a { font-family: "Courier"; color: black; font-size: 1.2em; line-height: 1.2em; } .tweet a:hover { background: none; color: #ff0000; } #twitter_update_list { background: transparent; width: 225px; height: auto; color: black; padding: 15px 20px 20px 20px; } #twitter_update_list a { font-family: "Courier"; color: black; font-size: 1.2em; line-height: 1.2em; display: none; } #twitter_update_list a:hover { background: none; color: #ff0000; } /* MENU */ #menu-bar { padding-top: 0px; padding-bottom: 0px;} ul#main-nav { width: 475px; float: left; margin-top: 5px; margin-left: 20px;} ul#extra-nav { width: 475px; float: right; text-align: right; margin-top: 5px; } ul#main-nav li, ul#extra-nav li { display: inline; } ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; background: none; color: #FFFFFF; font-size: 1.2em; padding-left: 3px; padding-right: 3px; padding-top: 3px; font-family: "arial black"; font-size: 1.0em; } ul#main-nav li a:hover, ul#extra-nav li a:hover { background: none; color: #888888; } a#main-nav {font-size: 1.2em; } /* WIDGET */ .widget { background: #000000; width: 350px; margin-bottom: 20px; } .widget .inside { padding: 0px; } .widget p { color: #990000; } .widget ul { list-style: none; margin-left: 0px; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { display: block; padding: 2px; } .widget ul li a:hover { background: #ff0000; color: #ffffff; } .kalender { background: none; width: 350px; padding-top: 0px; } .kalender ul li { margin: 0 0 0px 0; } .kalender a { font-family: "Arial Black", sans-serif; font-size: 2.0em; text-transform: uppercase; margin: 0px 0px 0px 0px; font-style: italic; line-height: 0.8em; letter-spacing: -2px;} /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center; margin: 0 10px 0 0; } .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } /* FOOTER */ #footer { height: 250px; background: none; border-top: 20px; padding-top: 20px; } #footer-inside { width: 950px; margin: 0 auto; background; #000000} #footer p { color: white; } #footer-1 { width: 20px; float: left; } #footer-2 { width: 560px; float: left; margin-right: 20px; } #footer-3 { width: 350px; float: left; } #footer a { color: white; } #footer ul { color: white; } .thumb { width: 70px; } .flickr-thumb { height: 70px; width: 60px; overflow: hidden; float: left; margin: 0px 0px 0px 0px; border: 1px solid #000000;} .flickr a:hover { background: #000000; color: #ffffff; } /* Konsertside */ #konsertside a { font-family: "Arial Black", sans-serif; font-size: 2.0em; text-transform: uppercase; padding-left: 0px; margin: 0px 0px 0px 0px; line-height: 0.3em; letter-spacing: -1px; font-style: italic; } #konsertside a:hover {background: none; color: #ffffff; }