/* ------------------------------------------------------ File: 'Designer: Orange' styles.css Style Sheet Created: 15 Jul, 2005 Last Modified: 01 Aug, 2005 Author: Joern Luetgen, JL JOERN LUETGEN communication www.joernluetgen.com.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{} a img { border: 0px; } /* use this to make blocks of text 'standout' */ .standout{ font-style: italic; } /* use these tags to style

- used in page header for site title*/ h1 { color: #000000; font-size: 24px; margin-bottom: 3px; } /* use these tags to style

- used in page header for site slogan */ h2 { color: #000000; font-size: 22px; font-weight: normal; margin-bottom: 3px; } /* use these tags to style

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

*/ h4 { color: #000000; font-size: 18px; font-weight: normal; margin-bottom: 3px; } /* use these tags to style

*/ h5 { color: #000000; font-size: 16px; font-weight: normal; margin-bottom: 3px; } /* use for user-positioned inline images */ .image-right{ float: right; padding: 10px 0px 10px 10px; } /* use for user-positioned inline images */ .image-left{ float: left; padding: 10px 10px 10px 0px; } /*********** CONTACT FORM CSS STYLES - These classes are only supported by version 2.0 and later of the contact plugin. **********/ /* Styles the messages that appears at the top of the form.*/ .message-text { } /* Styles the required text. */ .required-text { } /* Styles the text fields. */ .form-input-field { } /* Styles the form buttons. */ .form-input-button { } /*********** BLOG PAGE CSS STYLES - ALL REQUIRED **********/ /* styles the
container for each blog entry */ .blog-entry{ padding-bottom: 25px; padding-right: 10px; } /* styles the title of each blog entry */ .blog-entry-title{ font-weight: bold; color: black; font-size: 15px; margin-bottom: 5px; } /* styles the date of each blog entry */ .blog-entry-date{ color: #666666; margin-bottom: 5px; font-style: italic; } /* styles the entry body container */ .blog-entry-body{ color: #666666; line-height: 1.4em; } /* 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: #ffcc33; } /* styles the archive page on the archive page ONLY */ .blog-archive-background{ margin: 0px; padding: 0px; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-align: center; background: #c0c1cf url('images/body-background.jpg') top repeat-x; } /* styles archive page title and title links
on the archive page ONLY */ .blog-archive-headings-wrapper{ position: relative; margin: 0px auto 0px auto; text-align: left; width: 740px; background: #FFFFFF url('images/header-background.jpg') top no-repeat; } /* styles the month
in the blog archive headings wrapper on the archive page ONLY */ .blog-archive-month{ margin: 0px; height: 70px; padding: 103px 15px 0px 35px; font-size: 18px; color: white; font-weight: bold; } /* styles the link
in the blog archive headings wrapper on the archive page ONLY */ .blog-archive-link{ color: #FFFFFF; margin: 0px; padding: 20px 32px 20px 32px; line-height: 1.4em; background: #FFFFFF url('images/wrapper-background.jpg') bottom repeat-y; } /* styles links in .blog-archive-link

tag */ .blog-archive-link a:link, .blog-archive-link a:visited{ color: #666666; text-decoration: underline; } /* 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 auto; text-align: left; width: 740px; background: #c0c1cf url('images/footer-background.jpg') bottom no-repeat; padding-bottom: 100px; } /* styles blog-entry class only on archives page */ .blog-archive-entries-wrapper .blog-entry{ margin: -1px 0px 0px 0px; padding: 0px; } .blog-archive-entries-wrapper .blog-entry-body{ padding: 25px 32px 1px 32px; background: #FFFFFF url('images/wrapper-background.jpg') top repeat-y; } /*********** PHOTO ALBUM ---[THUMBNAIL]--- PAGE CSS STYLES - ALL REQUIRED **********/ /* Over-rides table settings in HTML. Sets width of photo album table */ table{ margin-bottom: 25px; } table td{ text-align: left; } /* styles the album title div */ .album-title{ font-weight: bold; color: black; font-size: 15px; margin-bottom: 5px; } /* styles the album description div */ .album-description{ margin-bottom: 25px; margin-right: 10px; line-height: 1.4em; } /* styles the thumbnail frame div in each tag */ .thumbnail-frame{ border: 1px dotted #666666; margin: 0; } /* styles the image in the thumbnail frame */ .thumbnail-frame img{ } /* styes the thumbnail caption

tag */ .thumbnail-caption{ color: #000000; font-size: 11px; margin: 5px 0 0; } /*********** PHOTO ALBUM ---[FULLSIZE]--- PAGE CSS STYLES - ALL REQUIRED **********/ /* styles the body of the page */ .photo-background{ margin: 0px; padding: 0px; text-align: left; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; background: #c0c1cf url(images/body-background.jpg) top repeat-x; } /* styles the navigation bar */ .photo-navigation{ margin: 0px; height: 112px; } /* styles the photo title

tag */ .photo-title{ margin: 0px; padding: 25px 25px 10px 25px; font-size: 18px; font-weight: bold; color: #FFFFFF; } /* styles the photo caption

tag */ .photo-caption{ display: inline; color: #FFFFFF; font-size: 11px; margin: 0px 0px 0px 25px; padding: 0px; } /* styles the photo links

tag */ .photo-links{ display: inline; color: #FFFFFF; font-size: 11px; margin: 0px 0px 0px 10px; padding: 0px; } /* styles links in .photo-links

tag */ .photo-links a{ color: #FFFFFF; } .photo-links a:link, .photo-links a:visited{ text-decoration: underline; } .photo-links a:hover, .photo-links a:active{ text-decoration: none; } /* styles the actual image */ .photo-frame{ margin: 25px; } /*********** FILE SHARING PAGE CSS STYLES - ALL REQUIRED **********/ /* styles file sharing description div */ .filesharing-description{ line-height: 1.4em; margin-bottom: 25px; margin-right: 10px; } /* styles for each file sharing item div */ .filesharing-item{ margin-right: 10px; margin-bottom: 25px; } .filesharing-item a{ color: #000000; } /* styles for each filesharing item title div */ .filesharing-item-title{ font-weight: bold; color: #000000; font-size: 15px; margin-bottom: 5px; } /* styles for each filesharing item description div */ .filesharing-item-description{ line-height: 1.4em; } /*********** QUICKTIME MOVIE ALBUM PAGE CSS STYLES - ALL REQUIRED **********/ /* Styles for the movie page title */ .movie-page-title{ font-weight: bold; color: black; font-size: 15px; margin-bottom: 5px; } /* Styles for the movie page description

*/ .movie-page-description{ margin-bottom: 25px; margin-right: 10px; line-height: 1.4em; } /* Styles for each movie's frame
*/ .movie-thumbnail-frame{ float: left; display: inline; margin-right: 25px; margin-bottom: 25px; text-align: center; border: 1px dotted gray; } /* Remove border from any images in an element */ .movie-thumbnail-frame img{ border: none; } /* styles the caption */ .movie-thumbnail-caption{ margin-top: 5px; color: black; font-size: 11px; text-align: left; } /*********** QUICKTIME MOVIE POPUP CSS STYLES - ALL REQUIRED **********/ .movie-background{ margin: 20px 0px 0px 0px; padding: 0px; text-align: center; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; background: #c0c1cf repeat-x url(images/body-background.jpg); color: black; } .movie-frame{ margin-bottom: 10px; } .movie-title{ font-size: 11px; color: black; } /*********** CONTACT FORM PAGE CSS STYLES - ALL REQUIRED **********/ form{ margin-bottom: 25px; }