/* AUTHOR: Fredrik Silverglimth AUTHOR WEBSITE: http://www.silverglimth.se */ /* ---------------------------------------- */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, ol, ul, li, form { font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; } body { font-family:Helvetica, Arial, Sans-Serif; background:#000; margin:0 auto;} #wrapper { width:960px; margin:0 auto; } #menu { background:transparent; width:125px; height:192px; margin:119px 0 0 65px;} #footer { padding:2px;color:#4d4d4d; font-size:0.8em; text-align:center; line-height:1.3em;} #footer a {color:#4d4d4d; text-decoration:none;} #footer a:hover {color:#808080;} #error404 {background: transparent url(/images/404.jpg) no-repeat top center; height:442px; width:748px; margin:0 auto; float:left;} /* ---------------------------------------- */ h1 { font-size:2em; color: #f5ecab; text-align:center; } h2 { font-size:2em; color:#f5ecab; margin:5px 0 0 0; font-weight:100; } h3 { font-size:1.5em; color: #f5ecab; } h5 { font-size:0.8em; margin:0; padding:0 0 0 10px; font-family:"Century Gothic", Helvetica, Arial, Sans-Serif; font-weight:normal; line-height:1.1em; text-align:center;} h5 span { font-size:1.2em; } h6 {font-family:"Century Gothic", Arial, Sans-Serif; font-size:0.8em; margin:0; padding:10px 140px 0 0;} p { color:#333333; font-size:0.8em; font-weight:normal; margin:0 30px 0 0; line-height:120%; } a { font-size:1em; color:#990000; text-decoration:none; } a:hover { color:#000; text-decoration:none; } a img { border:0px #cccccc solid; } a:hover img { border:0px #cccccc solid; } p.scrabble {font-size:1em; color:#333; padding:257px 219px 0 125px; text-align:center; line-height:1.4em;} p.about {font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color:#333; padding:53px 260px 0 81px; text-align:left; line-height:1.15em;} p.about span {font-family:"Century Gothic", Arial, Sans-Serif; font-size:1em; padding:0 0 0 30px;} p.about_footer {font-family:Helvetica, Arial, Sans-Serif; font-size:0.7em; color:#333; padding:93px 260px 0 81px; text-align:left;} p.design {font-size:0.7em; font-family:Helvetica, Arial, Sans-Serif; padding:0 0 2px 0; margin:0;} /* ---------------------------------------- */ div.home a { float:left; display:block; width:125px; height:35px; background: transparent url(/images/menu_home.jpg) no-repeat; } div.home a:hover { background-position:-125px 0; } div.photo a { float:left; display:block; width:125px; height:42px; background: transparent url(/images/menu_photo.jpg) no-repeat; } div.photo a:hover { background-position:-125px 0; } div.design a { float:left; display:block; width:125px; height:37px; background: transparent url(/images/menu_design.jpg) no-repeat; } div.design a:hover { background-position:-125px 0; } div.about a { float:left; display:block; width:125px; height:39px; background: transparent url(/images/menu_about.jpg) no-repeat; } div.about a:hover { background-position:-125px 0; } div.contact a { float:left; display:block; width:125px; height:39px; background: transparent url(/images/menu_contact.jpg) no-repeat; } div.contact a:hover { background-position:-125px 0; } /* ---------------------------------------- */ #home_top {background: transparent url(/images/home_top.jpg) no-repeat top center; height:296px; width:960px; margin:0 auto;} #home_top_links {background:transparent; width:382px; height:296px; margin:0 0 0 308px;} #home_photo {background: transparent url(/images/home_photo.jpg) no-repeat top center; height:504px; width:545px; margin:0 auto; float:left;} #home_photostack {background:transparent; width:383px; height:405px; margin:0 0 0 162px;} #home_aboutcontact {background: transparent url(/images/home_aboutcontact.jpg) no-repeat top center; height:504px; width:415px; margin:0 auto; float:left;} #home_about {background:transparent; width:209px; height:198px; margin:0 0 0 0;} #home_contact {background:transparent; width:209px; height:198px; margin:0 0 0 65px;} div.home_hover_design a { float:left; display:block; width:382px; height:296px; background: transparent url(/images/home_hover_design.gif) no-repeat; } div.home_hover_design a:hover { background-position:0 -296px; } div.home_hover_photo a { float:left; display:block; width:383px; height:405px; background: transparent url(/images/home_hover_photo.gif) no-repeat; } div.home_hover_photo a:hover { background-position:0 -405px; } div.home_hover_about a { float:left; display:block; width:209px; height:198px; background: transparent url(/images/home_hover_about.gif) no-repeat; } div.home_hover_about a:hover { background-position:0 -198px; } div.home_hover_contact a { float:left; display:block; width:257px; height:189px; background: transparent url(/images/home_hover_contact.gif) no-repeat; } div.home_hover_contact a:hover { background-position:0 -189px; } /* ---------------------------------------- */ #gallery_top {background: transparent url(/images/gallery_top.jpg) no-repeat top center; height:186px; width:960px; margin:0 auto;} #gallery_menu {background: transparent url(/images/gallery_menu.jpg) no-repeat top center; height:442px; width:212px; margin:0 auto; float:left;} #gallery_book {background: transparent url(/images/gallery_book.jpg) no-repeat top center; height:442px; width:748px; margin:0 auto; float:left;} #gallery_bottom {background: transparent url(/images/gallery_bottom.jpg) no-repeat top center; height:172px; width:960px; margin:0 auto; float:left;} #bottom_links { background:transparent; width:472px; height:76px; margin:0 0 0 227px;} /* ---------------------------------------- */ div.nature a { float:left; display:block; width:89px; height:76px; background: transparent url(/images/bottom_nature.jpg) no-repeat; } div.nature a:hover { background-position:0 -76px; } div.animals a { float:left; display:block; width:89px; height:76px; background: transparent url(/images/bottom_animals.jpg) no-repeat; } div.animals a:hover { background-position:0 -76px; } div.portraits a { float:left; display:block; width:90px; height:76px; background: transparent url(/images/bottom_portraits.jpg) no-repeat; } div.portraits a:hover { background-position:0 -76px; } div.urban a { float:left; display:block; width:84px; height:76px; background: transparent url(/images/bottom_urban.jpg) no-repeat; } div.urban a:hover { background-position:0 -76px; } div.digital a { float:left; display:block; width:120px; height:76px; background: transparent url(/images/bottom_digital.jpg) no-repeat; } div.digital a:hover { background-position:0 -76px; } /* ---------------------------------------- */ #container {position:relative; width:100%; height:100%; margin:0 auto;} #container ul {width:250px; padding:10px 0 0 30px; margin:5px; list-style-type:none; float:left;} #container li {float:left; padding:3px;} #container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:2px; text-align:left;} #container a.gallery span {position:absolute; width:1px; height:0px; top:5px; left:5px; overflow:hidden;} #container a.gallery:hover {} #container a.gallery:hover img {float:left; margin-right:5px; border:0px solid #000000;} /*#container a.nature2:hover img, #container a.nature9:hover img {float:right; border:none;}*/ #container a.gallery:hover span {position:absolute; width:242px; height:342px; margin:36px 0 0 312px; color:#000; } /* ---------------------------------------- */ #lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #000; } #lbBottomContainer { margin-left: 10px; } .lbLoading { background: #000 url(/images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #000; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { background: transparent url(/images/prev1.gif) no-repeat top left; left: 0; /*margin-bottom:2px; padding-left:10px;*/ } #lbPrevLink:hover { background: transparent url(/images/prev2.gif) no-repeat top left; /*padding-left:10px;*/ } #lbNextLink { background: transparent url(/images/next1.gif) no-repeat top right; right: 0; } #lbNextLink:hover { background: transparent url(/images/next2.gif) no-repeat top right; } #lbBottom { font-family: Georgia, Serif; font-size: 0.9em; color: #999; line-height: 1.4em; text-align: left; border: 10px solid #000; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 26px; height: 26px; background: transparent url(/images/closex1.png) no-repeat center; margin: -10px; } #lbCloseLink:hover { display: block; float: right; width: 26px; height: 26px; background: transparent url(/images/closex2.png) no-repeat center; margin: -10px; } #lbCaption, #lbNumber { margin-left: auto; margin-right: auto; width:70%; text-align:center; padding-bottom:3px; } #lbCaption { font-weight: bold; } #lbNumber { font-variant:small-caps; font-weight:bold; color:#606060;} /* ---------------------------------------- */ #design_leftpage {float:left; /*background-color:#ccc;*/ margin:0 0 0 20px; width:278px;} #design_rightpage {float:left; /*background-color:#808080;*/ width:255px; margin:0; padding:15px 0 0 15px;} #design_leftpage li {list-style-type:none; padding:0; margin:0 0 0 -20px; float:left; } #design_rightpage li {list-style-type:none; padding:0 3px; margin:0; float:left; } #design_leftpage li img, #design_rightpage li img {border:1px solid #000;} #design_leftpage h5 img {border:none;} /* ---------------------------------------- */ #about_top {background: transparent url(/images/about_top.jpg) no-repeat top center; height:186px; width:960px; margin:0 auto;} #about_menu {background: transparent url(/images/about_menu.jpg) no-repeat top center; height:476px; width:212px; margin:0 auto; float:left;} #about_paper {background: transparent url(/images/about_paper.jpg) no-repeat top center; height:476px; width:748px; margin:0 auto; float:left;} #about_bottom {background: transparent url(/images/about_bottom.jpg) no-repeat top center; height:138px; width:960px; margin:0 auto; float:left;} /* ---------------------------------------- */ #contact_top {background: transparent url(/images/contact_top.jpg) no-repeat top center; height:186px; width:960px; margin:0 auto;} #contact_menu {background: transparent url(/images/contact_menu.jpg) no-repeat top center; height:442px; width:212px; margin:0 auto; float:left;} #contact_letter {background: transparent url(/images/contact_letter.jpg) no-repeat top center; height:442px; width:748px; margin:0 auto; float:left;} #contact_bottom {background: transparent url(/images/contact_bottom.jpg) no-repeat top center; height:172px; width:960px; margin:0 auto; float:left;} /* ---------------------------------------- */ #contact_message {height:442px; width:247px; padding:106px 0 0 74px; float:left;} #contact_rightside {width:250px; float:left;} #contact_subject {padding:165px 0 0 0;} #contact_name {padding:18px 0 0 0;} #contact_mail {padding:23px 0 0 0;} #contact_send {padding:0 0 0 90px; margin:-8px 0 0 0; float:left;} input {font-family:Helvetica, Arial, Sans-Serif; color:#000; font-size:1em; text-decoration:none; background:transparent; border:1px solid #000; padding:5px;} textarea {font-family:Helvetica, Arial, Sans-Serif; color:#000; font-size:1em; text-decoration:none; background:transparent; border:1px solid #000; padding:5px;} #contact_thankyou {background: transparent url(/images/contact_thankyou.jpg) no-repeat top center; height:442px; width:748px; margin:0 auto; float:left;} #contact_error {background: transparent url(/images/contact_error.jpg) no-repeat top center; height:442px; width:748px; margin:0 auto; float:left;} /*********** STUPID IE6 SHIT THAT SHOULDN'T EXIST ***********/ div.ie6warning {background-color:#ffff99; border:3px solid #cc9933; width:600px; margin:150px 0 0 220px; padding:0; } p.ie6warning { text-align:center; font-size:0.9em; font-style:italic; font-weight:normal; font-family:georgia; color:#000; padding:0;} p.ie6warning a {color:#990000;} p.ie6warning a:hover {color:#ff0000;}