/* ------------------------------------------- File: Designer Brown 2 styles.css Style Sheet Created: 17 May, 2005 Last Modified: 18 November, 2005 Author: Josh Lockhart, Blueball Design www.blueballdesign.com Email: themes@blueballdesign.com ©2005 Josh Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ /*********** GLOBAL CSS STYLES - ALL REQUIRED **********/ /* applies to all images in content area of any page */ .imagestyle{} /* use this to make blocks of text 'standout' */ .standout, .blockquote { font-style: italic; font-size: 13px; border-left: 5px solid #867851; padding-left: 12px; } /* use these tags to style

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

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

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

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

*/ h5 { color: #000000; font-size: 14px; 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.*/ form{ margin-bottom: 25px; } /* Styles the messages that appears at the top of the form.*/ .message-text { } /* Styles the required text. */ .required-text { color: #D60000; } /* Styles the text fields. */ .form-input-field { } /* Styles the form buttons. */ .form-input-button { } /*********** BLOG PAGE CSS STYLES - ALL REQUIRED **********/ /* BLOG OUTPUT EXAMPLE (PLACED WITHIN
...
): [START]
My Second Article
01/04/05 16:37
This is the article in the second article
Comments | Trackback
[END] */ /* BLOG ARCHIVE PAGE EXAMPLE - AN ENTIRE HTML PAGE UNTO ITSELF: [START] ...
March 2005
Blog Home | January 2005 | February 2005 ...
Blog title here
05/13/85 5:00pm
Blog body copy...
Comments | Trackback
...[repeat]...
[END] */ /* 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: #4B432A; 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{ line-height: 1.4em; } .blog-entry-category { font-size: 11px; margin-bottom: 3px; } .blog-entry-category a { color: #666666; } .blog-category-link-enabled { } .blog-category-link-disabled { color: #4B432A; } .blog-entry img { padding: 4px; } /* 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: #4B432A; } /* styles the archive page on the archive page ONLY */ .blog-archive-background{ margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; text-align: center; background: #867851 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: 24px auto 0px auto; text-align: left; width: 606px; background: #FFFFFF url('images/blog-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: 52px; padding: 43px 15px 0px 35px; font-size: 20px; color: #4B432A; 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/blog-image-background.jpg') bottom repeat-y; } /* styles links in .blog-archive-link

tag */ .blog-archive-link a{ color: #FFFFFF; } /* styles links in .blog-archive-link

tag */ .blog-archive-link a:link, .blog-archive-link a:visited{ color: #FFFFFF; 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: 606px; background: #FFFFFF url('images/blog-footer-background.jpg') bottom no-repeat; padding-bottom: 33px; } /* styles blog-entry class only on archives page */ .blog-archive-entries-wrapper .blog-entry{ margin: -1px 0px 0px 0px; padding: 0px; } /* styles blog-entry class only on archives page */ .blog-archive-entries-wrapper .blog-entry-body{ background: #FFFFFF url('images/blog-wrapper-background.jpg') top repeat-y; padding: 25px 32px 1px 32px; } /*********** PHOTO ALBUM ---[THUMBNAIL]--- PAGE CSS STYLES - ALL REQUIRED **********/ /* THUMBNAIL PAGE OUTPUT (PLACED WITHIN

...
): [START]
My Album Title
My Album Description
...(multiply by # of images per row)... ...(multiply by # of rows in table)...
CityMark_C

CityMark_C

[END] */ /* 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: #4B432A; font-size: 15px; margin-bottom: 5px; } /* styles the album description div */ .album-description{ margin-bottom: 25px; margin-right: 10px; } /* 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: #000000; } /*********** PHOTO ALBUM ---[FULLSIZE]--- PAGE CSS STYLES - ALL REQUIRED **********/ /* LARGE IMAGE PAGE OUTPUT (PLACED WITHIN

...
): [START]

Album Title

Photo Name

Home | Next

Loading Image [END] */ /* styles the body of the page */ .photo-background{ margin: 0px; padding: 0px; text-align: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #867851 url('images/photo-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: 30px 25px 10px 25px; font-size: 18px; font-weight: bold; color: #FFFFFF; } /* styles the photo caption

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

tag */ .photo-links{ display: inline; color: #FFFFFF; font-size: 14px; 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 **********/ /* FILE SHARING PAGE OUTPUT (PLACED WITHIN

): [START]
This is a description of this page.
melena_thumb.jpg
Picture 1
...(duplicate for each item)... [END] */ /* 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-bottom: 25px; margin-right: 10px; } .filesharing-item a{ color: #4B432A; } /* styles for each filesharing item title div */ .filesharing-item-title{ font-weight: bold; color: #4B432A; 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 **********/ /* PAGE OUTPUT (PLACED WITHIN
...
): [START]
Page title
Page description
...
Caption
...(duplicate for each item)... [END] */ /* Styles for the movie page title */ .movie-page-title{ font-weight: bold; color: #4B432A; 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; } /* Remove border from any images in an element */ .movie-thumbnail-frame img{ border: none; } /* styles the caption */ .movie-thumbnail-caption{ margin-top: 10px; color: #000000; } /*********** QUICKTIME MOVIE POPUP CSS STYLES - ALL REQUIRED **********/ /* PAGE OUTPUT [START]
...

dandy_trailer56_dsl_fast.mov

[END] */ .movie-background{ margin: 15px 0px 0px 0px; padding: 0px; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #B1A37C; } .movie-frame{ margin-bottom: 10px; } .movie-title{ font-size: 11px; color: #FFFFFF; } /*********** CONTACT FORM PAGE CSS STYLES - ALL REQUIRED **********/ form{ margin-bottom: 25px; }