@charset "UTF-8"; /* Description: nydenkonsult.se BASE CSS Author: Patrik Nydén / Nyden KOnsult Author URI: http://www.nydenkonsult.se */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FONTS */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*@import url("font_sansation.css"); /*SansationRegular, SansationLight, SansationBold*/ /*@import url("font_GoodDog.css"); /*GoodDogRegular*/ /*@import url("font_Capsuula.css"); /*CapsuulaRegular*/ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CSS RESET */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ @import url("reset.css"); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * STICKY FOOTER */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ /* Don't need this when using reset.css, i think! * {margin:0;padding:0;} */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, form {height: 100%;}/* form is there if you use .net pages */ #pageWrapper {min-height: 100%;} #stickyWrapper { overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -150px; /* negative value of footer height */ height: 149px; /* 1px border-top styled in layout */ clear:both;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and 8. */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * TYPOGRAPHY */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*SansationRegular, SansationLight, SansationBold*/ /*GoodDogRegular*/ /*CapsuulaRegular*/ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - BASIC */ body { color:#666; background:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:1.5em; } a:link { color: #28388c; text-decoration: none; } a:visited { color: #28388c; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } p { padding-bottom:10px; } p.justify{ text-align:justify; text-justify:newspaperr; } ol { margin:0 0 15px 35px; } ol li{ list-style-type:decimal; } ul { margin:0 0 15px 30px; } ul li{ list-style-type:disc; padding-left:5px; } blockquote { padding: 10px 10px 5px; background:#ddb; border:1px solid #999; margin: 0 0 15px 0; font-style: italic; color: #666; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - HEADERS */ h1, h2, h3, h4, h5, h6{ font-family:SansationLight, Tahoma, Geneva, sans-serif; font-weight:normal; line-height:1em; text-shadow:1px 1px 2px #999; color:#605834; margin-bottom:5px; } h1{ font-size:2.5em; } h2{ font-size:2.1em; } h3{ font-size:1.8em; } h4{ font-size:1.3em; } h5{ font-size:1.3em; } h6{ font-size:1.3em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - EXTRAS */ .bigster{ font-family:SansationBold, Tahoma, Geneva, sans-serif; font-size:4em; line-height:1.1; text-shadow:1px 1px 0px #444, -1px -1px 0px #f9f9f9, 4px 4px 2px #555; color:#39C; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * COMMON STYLES */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - HTML5 elements, prepare/train your site/self for HTML5. Use if you like */ .article, .aside, .figure, .footer, .header, .hgroup, .menu, .nav, .section { display: block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Use if element(div) collapse using floated layout */ .rebuild:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; } .rebuild { display: inline-block; clear: both; } /* start commented backslash hack \*/ * html .rebuild { height: 1%; } .group { display: block; } /* close commented backslash hack */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FLOATers */ .fltLft{float:left;} .fltRgt{float:right;} img.fltLft{ float:left; margin: 15px 15px 5px 0; } img.fltRgt{ float:right; margin: 15px 0 5px 15px; } img.fltLftTop{ float:left; margin: 5px 15px 5px 0; } img.fltRgtTop{ float:right; margin: 5px 0 5px 15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - IMG */ img.placeHolder{ background:#f9f9f9; -webkit-box-shadow: inset 0px 0px 9px #666; -moz-box-shadow: inset 0px 0px 9px #666; box-shadow: inset 0px 0px 9px #666; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * LAYOUT */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #pageWrapper{ width:960px; margin-left:auto; margin-right:auto; } #header{ padding:0 0 0 0; } #headerContent{ } #stickyWrapper{ background-color:#fff; } #mainContent{ } #footer{ /*width:960px;*/ background:#BAB087; /*border-top:1px solid #828039;*/ margin-left:auto; margin-right:auto; } #footerContent{ width:960px; margin:0 auto; padding:20px 0 0 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * NAVIGATION */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ ul.menu, ul.menu li { margin:0; padding:0; list-style-type:none; } ul.menu{ margin-bottom:20px; } ul.menu li a{ display:block; background:#786f4a; margin:0 0 5px -20px; padding:8px 0 8px 20px; text-decoration:none; color:#e9e9e9; position:relative; } ul.menu li a em{ font-size:.7em; } ul.menu li a:hover{ background:#ddd; color:#444; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CSS3 extras */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ blockquote{ -webkit-box-shadow: 3px 3px 6px #999; -moz-box-shadow: 3px 3px 6px #999; box-shadow: 3px 3px 6px #999; -moz-transform: scale(1) rotate(-.4deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1) rotate(-.4deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(-.4deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(-.4deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(-.4deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.menu li a{ -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * COLORBOOK view layout */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #_pageWrapper{ background-color:white; } #_header{ background:#333; } #_stickyWrapper{ background-color:#440; } #_mainContent{ background-color:#0b7; } #_secondaryContent{ background-color:#096; } #_footer{ background:#BAB087; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */