body {background-color:#000;line-height:1;text-align:center;font-family:Lucida Grande, Arial, sans-serif;color:#403329;} /* HTML TAGS background:url(images/body-bg.jpg) left top ; */ h1,h2,h3,h4,h5 {font-weight: normal;line-height: 90%;margin-bottom: 5px;} h2 {font-family:"Georgia", "Times New Roman", serif;font-size:24px;font-weight:bold; color:#f1751f} h3 {font-family:"Georgia", "Times New Roman", serif;font-size:18px;font-weight:bold;} h4 {font-family:"Georgia", "Times New Roman", serif;font-size:16px;font-weight:bold; margin-bottom: 3px;} h5 {font-family:"Georgia", "Times New Roman", serif;font-size:14px;font-weight:bold; margin-bottom: 5px;} h6 {font-family:"Georgia", "Times New Roman", serif;font-size:12px;font-weight:normal; margin:0px 0px 0px 0px;} p.i {font-style: italic;} p {font-size:12px;line-height:normal;padding:0;margin-bottom:2px;margin-top:4px;} ol {font-family: "Georgia", "Times", serif;list-style: outside;font-style: italic;color: #737373; list-style-type: decimal;margin: 5px 0px 15px 50px;} ol li p {font-size: 14px;font-family: "Lucida Grande", "Arial", sans-serif;font-style: normal;color: #403329; padding: 0;margin: 0px 0px 3px 0px;} /* LAYOUT */ #pagewrap {width:1000px;margin-right:auto;margin-left:auto;text-align:left;} #header {width:100%;height:120px;position:relative;background:url(images/head.png) left top no-repeat;} #logo {width:300px;height:74px;left:20px;top:15px;position:absolute;} #kamera {width:117px;height:110px;left:550px;top:20px;position:absolute;} /* @group Navigation */ #nav {position:absolute;width:565px;height:52px;right:115px;top:50px;} #nav a {float:left;} #nav a.home {display:block;width:114px;height:52px;position:relative;overflow:hidden;margin-right: 3px;} #nav a.home .hover {display:block;background:url(images/home_glow.png) left top no-repeat;width:114px;height:52px;position:absolute; top:0;left:0;} #nav a.about {display:block;width:86px;height:52px;position:relative;overflow:hidden;} #nav a.about .hover {display:block;background:url(images/aboutme_glow.png) 0 0 no-repeat;width:86px;height:52px;position:absolute; top:0;left:0;} #nav a.portfolio {display:block;width:134px;height:52px;position:relative;overflow:hidden;} #nav a.film {display:block;width:88px;height:52px;position:relative;overflow:hidden;} #nav a.film .hover {display:block;background:url(images/film_glow.png) left top no-repeat;width:88px; height: 52px;position:absolute;top:0;left:0;} #nav a.foto {display:block;width:88px;height:52px;position:relative;overflow:hidden;} #nav a.foto .hover {display:block;background:url(images/foto_glow.png) left top no-repeat;width:88px; height: 52px;position:absolute;top:0;left:0;} #nav a.contact {display:block;width:98px;height:52px;position:relative;overflow:hidden;} #nav a.contact .hover {display:block;background:url(images/contact_glow.png) left top no-repeat;width:98px; height: 52px;position:absolute;top:0;left:0;} #nav a.polecamy {display:block;width:128px;height:52px;position:relative;overflow:hidden;} #nav a.polecamy .hover {display:block;background:url(images/polecamy_glow.png) left top no-repeat;width:128px; height: 52px;position:absolute;top:0;left:0;} #nav a.polecamy .visited {display:block;background:url(images/polecamy_glow.png) left top no-repeat;width:128px; height: 52px;position:absolute;top:0;left:0;} #nav .home_selected {background:url(images/home_glow.png) left top no-repeat;margin-right: 3px;width:134px} #nav .about_selected {background:url(images/aboutme_glow.png) left top no-repeat;width:86px} #nav .portfolio_selected {background:url(images/portfolio_glow.png) left top no-repeat;width:134px} #nav .film_selected {background:url(images/film_glow.png) left top no-repeat;width:88px} #nav .foto_selected {background:url(images/foto_glow.png) left top no-repeat;width:88px} #nav .contact_selected {background:url(images/contact_glow.png) left top no-repeat;width:98px} /* @end */ #contentwrap {width:100%;height:407px;background:url(images/content-bg.png) left top no-repeat;} #contentwrap_home {width:100%;height:490px;background:url(images/content_home-bg.png) left top no-repeat;} #content {float:left;width:300px;height:335px;padding:25px 0px 0px 50px;overflow:hidden;} #content_home {float:left;width:900px;height:460px;padding:0px 0px 0px 50px;overflow:hidden;} #content_about {float:left;width:635px;padding:25px 25px 0px 50px;height:526px;overflow:hidden;} #content_contact {float:left;width:450px;height:526px;padding:25px 0px 0px 50px;overflow:hidden;} #sidebar {float:right;width:310px;height: 460px;padding:0px 40px 0px 15px;} #sidebar_about {float:right;width:230px;height: 526px;padding:25px 40px 0px 15px;} #sidebar_contact {float:right;width:430px;height: 526px;padding:25px 40px 0px 15px;} #aboutmepicture {clear:both;float:left;width:145px;height:127px;background:url(images/aboutmeframe.png) left top no-repeat; overflow: hidden;padding: 24px 26px 64px 26px;margin-bottom: 5px;} .portfolio_preview_alt {float:left;width:126px;height:125px;background:url(images/portfolio_preview.png) left top no-repeat; padding:26px 23px 20px 23px;margin:0px 2px 5px 0px;overflow:hidden;} .portfolio_preview {float: left;width: 125px;height: 125px;background: #ffffff;border: 1px solid #756457;padding: 5px; margin: 0px 15px 15px 0px;} .contentpanel {display:none;} .active {display:block;} .right {float:right;} .mtop {margin-top:15px;} .mright {margin-right: 15px;} #info {float: left;clear: both;width: 550px;padding: 5px;font-size: 12px;font-weight: bold;margin-bottom: 10px;} #info.green {background: #83ff9a;border: 1px solid #48d061;} #info.red {background: #ff7171;border: 1px solid #d84848;} #imgframe {float:right;width:530px;height:256px;background:url(images/imgframe-bg.png) left top no-repeat; padding:39px 76px 50px 42px;margin-top:50px} #framewrap {width:300px;height:180px;float:left;padding:0px 20px 0px 20px;position:relative;} .scroll {float:left;width:150px;height:480px;margin:0px 80px 0px 85px;display:inline;position:relative;overflow: auto;} .scrollContainer div.panel {width:250px;height:180px;} .leftnav {position:absolute;left:20px;top:150px;width:77px;height:180px;cursor:pointer;margin-right:15px;} .rightnav {position:absolute;right:20px;top:150px;width:80px;height:180px;cursor:pointer;margin-left:5px;} .pictureframe {display:inline;width:780px;height:180px;overflow:hidden;} .pictureframe li {display:inline;float:left;width:118px;height:103px;padding:10px 16px 40px 12px; margin-right:13px;background:url(images/pictureframe.png) left top no-repeat;} .pictureframe li p {float: left;margin: 5px 0px 0px 21px; font-family: "Georgia", "Times", serif; font-size: 12px; font-style: italic;color: #939393;} .picture {width:118px;height:103px;} /* @group Footer */ #footer {float:left;clear:both;width:960px;min-height:100px;padding:0px 20px 0px 20px; /* background:url(images/footer-bg.png) center top no-repeat */;color:#645647;} #footer .left {float:left;width:625px;padding:15px 0px 0px 0px;margin:0px 15px 20px 0px;} #footer .right {float:right;width:280px;padding-top:15px;margin:0px 0px 20px 0px;} #footer h2 {display:block;font-size:20px;width:325px;line-height:180%;} ul#links li {margin:15px 0px 0px 0px;display:inline;} ul#footer li {margin:15px 0px 0px 0px;display:inline;} ul#links li a, ul#links li a:visited {padding:5px;color:#3479AA;font-size:16px;text-decoration:none;margin-left:5px;line-height:120%;} ul#links li a:hover {color:#f01414;} #footer a, #footer a:visited {background:#1b1a19;color:#FFDD9F;text-decoration:none;padding:5px;} .FRight {float:right;margin-right:10px;display:inline;} #legal {float:left;clear:both;width:100%;border-top:1px solid #f1751f;color:#FFDD9F;font-size:12px;padding:10px 0px 0px 0px;margin:0px 0px 25px 0px;} #legal a, #legal a:visited {color:#7d6c58;text-decoration:none;background:none;} #legal a:hover, #legal a:visited:hover {color:#c6aa8b;text-decoration:underline;background:none;} /* @end */ /* FORMS */ /* @group ContactForm */ #contactform {width:300px;} #contactform p {padding:0;margin-bottom:5px;} #contactform input {width:250px;padding:5px;background:#ebebeb;border:1px solid #7b7b7b;font-size:14px;line-height:120%;} #contactform input:focus {border-color:#4ea79b;} #contactform textarea {width:300px;height:120px;padding:5px;background:#ebebeb;border:1px solid #7b7b7b;font-size:14px;} #contactform textarea:focus {border-color:#4ea79b;} #contactform input.button {width:463px;} #contactform input.smallbutton {width: 135px;height: 34px; text-indent: -9999;float: right; background: none; border: none;} /* @end */ /* IE 6 HACKS */ /* @group IE6 HACKS */ * html #footer {width:1000px;} * html #footer .right {width:260px} /* @end */