/* ------------------------------------------------------ File: 'Designer: Pro' navbar.css Style Sheet Created: 04 Aug, 2005 Last Modified: 04 Aug, 2005 Author: Joern Luetgen, JL JOERN LUETGEN communication www.joernluetgen.com Email: joern@joernluetgen.com �2005 Joern Luetgen / JL JOERN LUETGEN communication Germany All Rights Reserved ------------------------------------------------------ */ /*********** GLOBAL CSS STYLES - ALL REQUIRED **********/ /* applies to all images in content area of any page */ .imageStyle { border-style: none; } /* use this to make blocks of text 'standout' */ blockquote, .standout{ font-style: italic; border-right: dotted 1px #ccc; font-size: 10px; margin: 0 30px 0 30px; padding: 5px 20px 0 20px; line-height: 1.5em; color: #000; background: url(images/quotes.gif) no-repeat top left; } /* use these tags to style

- used in page header for site title*/ h1 { color: #000000; font-size: 30px; text-shadow: 3px 3px 3px black; display: none; } /* use these tags to style

- used in page header for site slogan */ h2 { color: #000000; font-size: 24px; display: none; } /* use these tags to style

*/ h3 { color: #000000; font-size: 20px; } /* use these tags to style

*/ h4 { color: #000000; font-size: 0.9em; } /* use these tags to style

*/ h5 { color: #000000; font-size: 16px; } /* use for user-positioned inline images */ .image-right{ float: right; margin: 15px 0px 10px 15px; padding: 3px 3px 3px 3px; border: none; } /* use for user-positioned inline images */ .image-left{ float: left; margin: 15px 15px 10px 0; padding: 3px 3px 1px 3px; border: none; } /*********** BLOG PAGE CSS STYLES - ALL REQUIRED **********/ /* styles the
container for each blog entry */ .blog-entry{ padding-bottom: 10px; } /* styles the title of each blog entry */ .blog-entry-title{ display: block; text-shadow: 0px 1px 1px #999999; padding-left: 47px; background: url(images/title.jpg) no-repeat; height: 30px; color: #333300; text-align: left; margin-left: -49px; padding-top: 6px; margin-bottom: 5px; padding-bottom: 5px; font: bold 1.5em/1em Arial, Helvetica, sans-serif; } /* styles the date of each blog entry */ .blog-entry-date{ color: #333; margin-bottom: 2px; margin-top: 5px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } /* styles the entry body container */ .blog-entry-body{ line-height: 1.5em; margin-left: 10px; color: #222222; font-size: 10px; text-align: justify; margin-bottom: 5px; margin-top: 5px; border-bottom: dotted 1px #cccccc; padding-bottom: 10px; } /* styles the comments which appear at the end of each blog page entry */ .blog-entry-comments{ margin: 5px 0px 0px 0px; } .blog-entry-comments a{ color: #ad531d; } /* styles the archive page on the archive page ONLY */ .blog-archive-background{ margin: 0px; padding: 0px; font-family: "Century Gothic", Arial, Geneva, Verdana, sans-serif; font-size: 11px; text-align: center; } /* styles archive page title and title links
on the archive page ONLY */ .blog-archive-headings-wrapper{ margin: 0px; background-color: #8a93a4; text-align: left; } /* styles the month
in the blog archive headings wrapper on the archive page ONLY */ .blog-archive-month{ display: block; margin: 0px; padding: 20px; color: #FFFFFF; font-size: 16px; font-family: Verdana, "Bitstream Vera Sans", "Vera Sans", Tahoma, Geneva, sans-serif; font-weight: normal; } /* styles the link
in the blog archive headings wrapper on the archive page ONLY */ .blog-archive-link{ margin: 0px; padding: 7px 20px; font-size: 10px; line-height: 1.4em; background-color: black; color: white; } /* styles links in .blog-archive-link

tag */ .blog-archive-link a:link, .blog-archive-link a:visited{ color: #FFFFFF; text-decoration: none; } /* styles links in .blog-archive-link

tag */ .blog-archive-link a:hover, .blog-archive-link a:active{ color: #FFFFFF; text-decoration: none; } /* styles the wrapper around all entries on the archive page ONLY */ .blog-archive-entries-wrapper{ margin: 0px; padding: 20px; text-align: left; } /*********** PHOTO ALBUM ---[THUMBNAIL]--- PAGE CSS STYLES - ALL REQUIRED **********/ table td{ text-align: right; padding-left: 12px; padding-right: 5px; background: #000000; color: #666633; border: thin #666633; } table th{ background: #ccc; color: #333300; text-align: center; font-weight: bold; font-size: 1.2em; border: thin #666633; } /* styles the album title div */ .album-title{ font-weight: bold; font-size: 20px; margin-bottom: 5px; } /* styles the album description div */ .album-description{ margin-bottom: 15px; line-height: 1.4em; font-size: 12px; color: #000000; } /* styles the thumbnail frame div in each tag */ .thumbnail-frame{} /* styles the image in the thumbnail frame */ .thumbnail-frame img{ border: 0px; } /* styes the thumbnail caption

tag */ .thumbnail-caption{ margin: 0px; padding: 0px; color: #666666; text-align: left; } /*********** PHOTO ALBUM ---[FULLSIZE]--- PAGE CSS STYLES - ALL REQUIRED **********/ /* styles the body of the page */ .photo-background{ margin: 0px; padding: 0px; font-family: Verdana, "Bitstream Vera Sans", "Vera Sans", Tahoma, Geneva, sans-serif;; font-size: 12px; text-align: left; background: #8a93a4; } /* styles the navigation bar */ .photo-navigation{ margin: 0px; background-color: #8a93a4; font-size: 12px; text-align: left; } /* styles the photo title

tag */ .photo-title{ display: block; margin: 0px; padding: 20px 20px 0px 20px; color: #FFFFFF; font-size: 20px; font-family: Verdana, "Bitstream Vera Sans", "Vera Sans", Tahoma, Geneva, sans-serif; font-weight: bold; } /* styles the photo caption

tag */ .photo-caption{ margin: 0px; padding: 0px 20px 20px 20px; color: #FFFFFF; font-size: 12px; } /* styles the photo links

tag */ .photo-links{ margin: 0px; padding: 7px 20px; font-size: 12px; line-height: 1.4em; background-color: #000000; color: #ffffff; } .photo-links a:link, .photo-links a:visited{ color: #FFFFFF; text-decoration: none; } .photo-links a:hover, .photo-links a:active{ color: #FFFFFF; text-decoration: none; font-size: 12px; } /* styles the actual image */ .photo-frame{ margin: 20px; border: solid 2px #cccccc; } /*********** FILE SHARING PAGE CSS STYLES - ALL REQUIRED **********/ /* styles file sharing description div */ .filesharing-description{ line-height: 1.4em; margin-bottom: 15px; color: #444444; } /* styles for each file sharing item div */ .filesharing-item{ margin-bottom: 15px; padding: 7px; background-color: #F4F4F4; } .filesharing-item a{ color: #ad531d; } /* styles for each filesharing item title div */ .filesharing-item-title{ font-weight: bold; color: #ad531d; font-size: 12px; margin-bottom: 5px; } /* styles for each filesharing item description div */ .filesharing-item-description{ line-height: 1.4em; font-size: 12px; font-weight: bold; color: #333333; } /*********** MOVIE ALBUM PAGE CSS STYLES - ALL REQUIRED **********/ /* Styles for the movie page title */ .movie-page-title{ font-weight: bold; font-size: 15px; margin-bottom: 5px; } /* Styles for the movie page description

*/ .movie-page-description{ margin-bottom: 25px; line-height: 1.4em; color: #444444; } /* Styles for each movie's frame
*/ .movie-thumbnail-frame{ float: left; display: inline; margin-right: 25px; margin-bottom: 25px; text-align: left; } /* Remove border from any images in an element */ .movie-thumbnail-frame img{ border: none; } /* styles the caption */ .movie-thumbnail-caption{ margin-top: 10px; color: #666666; } /*********** QUICKTIME MOVIE POPUP CSS STYLES - ALL REQUIRED **********/ .movie-background{ margin: 15px 0px 0px 0px; padding: 0px; text-align: center; font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 11px; background-color: #8a93a4; } .movie-frame{ margin-bottom: 10px; } .movie-title{ font-size: 12px; color: #FFFFFF; } /* LOGO */ .logo{ border-left: 1px solid #666666; padding-left: 15px; } /* COPYRIGHT */ .copyright{ clear: both; text-align: center; background: repeat-y; color: white; } .copyright a{ color: #ffffff; }