/* Type: Screen & Print stylesheet Site: Donatella Author: Darko Loncar - loncarster[NOSPAMMMM]gmail.com g.domitran@gmail.com */ @media print { * { background: #fff; color: #333 } html { font: 100%/1.5 Georgia, serif } } /*CSS resets*/ * { padding: 0px; margin: 0px } img { border: 0px } /*Global styles*/ html { } body { font: 62.7%/2.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; background: #fff} a { color: #b72 } a:active { outline: none } #skip { position: absolute; left: -9999px; top: -9999px } /*Content wrapper*/ #wrap { margin: 0px auto; width: 960px } /*-----------------------------------------*/ /*Main navigation*/ ul#navigation { width: 920px; height: 55px; padding: 0px 20px; background: #ffa200 url('../gfx/navigation.png'); background-repeat: no-repeat } ul#navigation li { float: left; list-style-type: none } ul#navigation a { font: bold 1.4em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #fff; text-decoration: none; display: block; padding: 19px 25px; height: 17px; text-shadow: #cc7000 1px 1px 1px } ul#navigation a:hover { background: #ee9100 } ul#navigation a.current { background: #ee9100 } /*-----------------------------------------*/ /*Headers and main title*/ h1#brand { display: block; width: 260px; height: 75px; text-indent: -9999px; line-height: 0.1em; background: #fff url('../gfx/logo.png'); margin: 20px 0px 20px 42px } /*-----------------------------------------*/ /*Main content*/ #content { float: left; width: 600px; background: transparent; background-repeat: no-repeat } /* Titles */ #content h2 { font-size: 2.2em; margin: 20px 0px 8px 48px; padding-bottom: 8px; color: #f63 } #content h3 { font-family: "Georgia", Serif; font-size: 1.8em; font-style: italic; margin: 8px 0px 8px 48px; padding-bottom: 0px; color: #000; font-weight: bold } /* Paragraphs */ #content p { font: 1.4em/1.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; margin: 14px 0px 12px 50px } #content img { float: left; margin: 10px 16px 8px 48px } /* Lists */ #content ul { padding: 9px 28px 9px 18px } #content li { font: 1.4em/1.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; margin: 0px 28px 0px 86px; color: #000; text-shadow: #aaa 0px 0px 1px; } /*Forms*/ #content input.txt, textarea { padding: 8px; border: 1px solid #999; font: normal 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #333; -khtml-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff; background: -moz-linear-gradient(top, #eee, #fff 25px) } #content input.txt:hover, textarea:hover, input.txt:focus, textarea:focus { background: #eee; outline: none } #content label { font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif" } #content input.button { font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; padding: 8px } .contact-box { float: left; width: 180px; height: 120px; color: #666 } /*-----------------------------------------*/ /*Sidebar*/ #sidebar { float: right; width: 280px; background: #ffa200 url('../gfx/background-subpages.png') -52px 0; background-repeat: no-repeat; min-height: 548px } #sidebar div.box { float: left; margin-top: 26px; margin-bottom: 18px; margin-right: 10px; padding: 0px; width: 219px; height: 290px; background: #fff; -khtml-border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #sidebar div.box p { margin: 0px; padding: 8px 18px 8px 20px; font-size: 1.2em; line-height: 1.6em } #sidebar div.box h3 { font-style: normal; text-align: center; margin: 8px 4px 0px 4px; font-weight: normal } #sidebar div.box img { margin: 0px; padding: 8px 18px 0px 22px } #sidebar div.box img.button { float: right; margin-right:8px } #sidebar div.gift { background: #fdf1ea url('../gfx/gift.gif') 0px 100%; background-repeat: no-repeat; padding-top: 20px; height: 300px; margin-top: 530px; margin-left: 32px; margin-bottom: 30px; text-shadow: #fdf1ea 1px 1px 1px } /*-----------------------------------------*/ /*footer*/ #footer { width: 888px; margin: 0px; padding: 18px 36px; background: #97ca19 url('../gfx/donatella-logo-small.png') 28px 18px; background-repeat: no-repeat; clear: both } #footer p { text-align: center; font-size: 1.8em; margin: 0px; padding: 0px; font-family: "Trebuchet MS", "Sans-serif"; color: #fff; letter-spacing: 1px } #footer a { color: #fff; text-decoration: none }