/* Generated by KompoZer */ body { margin: 0; padding: 0; line-height: 1.5em; background-color: black; background-position: left center; background-image: url(media/backhandwork.gif); background-repeat: repeat-y; } h1, h2, h3, h4 { font-weight: bold; font-style: italic; } h5 { font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-style: italic; color: #660000; } p { font-size: 0.8em; text-indent: 2em; line-height: 150%; } b { font-size: 110%; } em { color: #990000; font-weight: bold; font-size: 1em; } img { border: none; } ul, ol { margin-left: 5pt; padding-left: 5pt; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; } a { color: #000000; } a:hover { text-decoration: none; } a:visited { color: #000000; } #maincontainer { border-left: 3px solid black; border-right: 3px solid black; margin: 0 auto; width: 840px; background-color: #fcfbf2; font-family: Arial,Helvetica,sans-serif; } #topsection { background: black url(media/header.gif) no-repeat scroll center; height: 75px; } #topsection h1 { margin: 0; padding-top: 15px; } #contentwrapper { float: left; width: 100%; background-color: white; } #contentcolumn { margin: 0 190px 0 180px; } #leftcolumn { background: white none repeat scroll 0% 50%; float: left; margin-left: -840px; width: 180px; } #rightcolumn { background: #cccccc none repeat scroll 0% 50%; float: left; width: 190px; margin-left: -190px; } #footer { padding: 4px 0; background: black none repeat scroll 0% 50%; clear: left; width: 100%; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 0.7em; line-height: 14px; text-align: right; font-weight: bold; } #footer a { color: #ffff80; } #menu ul .item { } #menu ul:hover .item { } #menu { position: absolute; } #photodiv { background-repeat: no-repeat; } .innertube { margin: 0 10px 10px; } .arrowlistmenu { width: 160px; } .arrowlistmenu .headerbar { padding: 1px 0 1px 10px; background: black url(media/titlebar.png) repeat-x scroll left center; font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; font-size-adjust: none; font-stretch: normal; color: white; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; } .arrowlistmenu ul { margin: 0 0 5px; padding: 0; list-style-type: none; } .arrowlistmenu ul li { padding-bottom: 2px; } .arrowlistmenu ul li a { border-bottom: 1px solid #dadada; padding: 1px 0 1px 19px; background: transparent url(media/arrowbullet.png) no-repeat scroll left center; color: #a70303; display: block; text-decoration: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 80%; } .arrowlistmenu ul li a:visited { color: #a70303; } .arrowlistmenu ul li a:hover { color: #a70303; background-color: #f3f3f3; } .intro:first-line { font-weight: bold; color: #660000; } a:link, a:visited { text-decoration: none; color: #660000; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; background-repeat: no-repeat; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; } a:hover { text-decoration: underline; font-family: Arial,Helvetica,sans-serif; padding-top: 3px; padding-bottom: 3px; background-color: transparent; color: #cc0000; } a:visited { } .photo img { border-width: 0px; padding: 5px 5px 4px 4px; } .figure p { font-weight: normal; font-stretch: normal; font-size: 1.1em; font-family: Arial,Helvetica,sans-serif; margin-left: 5px; } .figure { margin: 0 10px 10px; float: left; } .photo { margin: 0 auto; text-align: left; width: 635px; } .photo ul.topic { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; height: auto; position: relative; z-index: 10; width: 635px; } .photo ul.topic li { display: block; width: 125px; height: 31px; float: left; } .photo ul.topic li a.set { border-style: solid; border-color: #ffffff; border-width: 1px 1px 0 0; background: #cccccc none repeat scroll 0% 50%; display: block; font-size: 11px; width: 124px; height: 30px; text-align: center; line-height: 30px; color: #000000; text-decoration: none; font-family: verdana,arial,sans-serif; } .photo ul.topic li a ul, .photo ul.topic li ul { display: none; } .photo ul.topic li.active a { background: #bbbbbb none repeat scroll 0% 50%; color: #000000; } .photo ul.topic li a:hover, .photo ul.topic li:hover a { background: #aaaaaa none repeat scroll 0% 50%; color: #ffffff; } .photo ul.topic li.active ul { border: 10px solid #bbbbbb; margin: 0; padding: 15px; background: #dddddd none repeat scroll 0% 50%; display: block; position: absolute; left: 0; top: 31px; list-style-type: none; list-style-image: none; list-style-position: outside; height: 375px; z-index: 1; width: 464px; } .photo ul.topic li a:hover ul, .photo ul.topic li:hover ul { border: 10px solid #aaaaaa; margin: 0; padding: 15px; background: #dddddd none repeat scroll 0% 50%; display: block; position: absolute; left: 0; top: 31px; list-style-type: none; list-style-image: none; list-style-position: outside; z-index: 100; width: 464px; height: 375px; } .photo ul.topic li ul li { border: 1px solid #ffffff; margin: 1px; display: inline; float: left; width: 112px; height: 87px; } .photo ul.topic li ul li a { border: 2px solid #888888; background: #444444 none repeat scroll 0% 50%; display: block; cursor: default; float: left; text-decoration: none; width: 110px; height: 85px; } .photo ul.topic li ul li a img { border: 1px solid #eeeeee; display: block; width: 100px; height: 75px; } .photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover { white-space: normal; position: relative; } .photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img { border-color: #ffffff; position: absolute; left: -50px; top: -32px; height: 150px; width: 200px; }