/*-------------------------------------------File: 'Pro Slate' styles.css Style SheetCreated: 29 May, 2005Last Modified: 29 May, 2005Author: Josh Lockhart, Blueball Designwww.blueballdesign.comEmail: josh@blueballdesign.comCopyright 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{font-style: italic;}/* use these tags to style <h1> - used in page header for site title*/h1 {color: #555555;font-size: 24px;}/* use these tags to style <h2> - used in page header for site slogan */h2 {color: #555555;font-size: 22px;}/* use these tags to style <h3> */h3 {color: #555555;font-size: 20px;}/* use these tags to style <h4> */h4 {color: #555555;font-size: 18px;}/* use these tags to style <h5> */h5 {color: #555555;font-size: 16px;}/* 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;}/*********** BLOG PAGE CSS STYLES - ALL REQUIRED **********//* styles the <div> container for each blog entry */.blog-entry{   padding-bottom: 25px;}/* styles the title of each blog entry */.blog-entry-title{   font-weight: bold;   font-size: 15px;   margin-bottom: 5px;   color: #555555;}/* 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;   color: #777777;}/* 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: #333333;}/* styles the archive page <body> 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;}/* styles archive page title and title links <div> on the archive page ONLY */.blog-archive-headings-wrapper{	margin: 0px;	background: #F1F0F1  top repeat-y;}/* styles the month <div> in the blog archive headings wrapper on the archive page ONLY */.blog-archive-month{  padding: 20px 15px 15px 15px;  color: #555555;  font-size: 20px;  font-family: Arial;  height: 30px;  font-weight: bold;}/* styles the link <div> in the blog archive headings wrapper on the archive page ONLY */.blog-archive-link{  margin: 0px;  padding: 7px 20px 6px 20px;  font-size: 10px;  line-height: 1.4em;  background: #D6D6D6 url(images/navbar-background.jpg) top repeat-x;  border-bottom: 1px solid #7A7A7A;}/* styles <a> links in .blog-archive-link <p> tag */.blog-archive-link a:link, .blog-archive-link a:visited{  color: #555555;  text-decoration: none;}/* styles <a> links in .blog-archive-link <p> tag */.blog-archive-link a:hover, .blog-archive-link a:active{  color: #000000;  text-decoration: none;}/* styles the wrapper around all entries on the archive page ONLY */.blog-archive-entries-wrapper{	margin: 0px;  padding: 20px;}/*********** PHOTO ALBUM ---[THUMBNAIL]--- PAGE CSS STYLES - ALL REQUIRED **********/table td{  text-align: left;}/* styles the album title div */.album-title{   font-weight: bold;   font-size: 15px;   margin-bottom: 5px;   color: #555555;}/* styles the album description div */.album-description{  margin-bottom: 25px;  line-height: 1.4em;  color: #777777;}/* styles the thumbnail frame div in each <td> tag */.thumbnail-frame{}/* styles the image in the thumbnail frame */.thumbnail-frame img{  border: 0px;}/* styes the thumbnail caption <p> tag */.thumbnail-caption{  margin: 0px;  padding: 0px;  color: #777777;  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: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  color: #777777;}/* styles the navigation bar */.photo-navigation{  position: relative;  margin: 0px;  margin-bottom: 1px;  padding: 0px;  background-color: #F1F0F1;  border-bottom: 1px solid #7A7A7A;}/* styles the photo title <p> tag */.photo-title{  margin: 0px;  padding: 13px 15px 0px 15px;  color: #555555;  font-size: 20px;  font-family: Arial;  font-weight: bold;}/* styles the photo caption <p> tag */.photo-caption{  margin: 0px;  padding: 0px 15px 13px 15px;  color: #777777;  font-size: 11px;}/* styles the photo links <p> tag */.photo-links{  margin: 0px;  padding: 7px 20px 6px 20px;  font-size: 10px;  line-height: 1.4em;  background: #D6D6D6 url(images/navbar-background.jpg) top repeat-x;}/* styles <a> links in .photo-links <p> tag */.photo-links a{  color: #555555;}.photo-links a:link, .photo-links a:visited{  text-decoration: underline;}.photo-links a:hover, .photo-links a:active{  color: #000000;  text-decoration: none;}/* styles the actual image */.photo-frame{  margin: 20px;}/*********** FILE SHARING PAGE CSS STYLES - ALL REQUIRED **********//* styles file sharing description div */.filesharing-description{  line-height: 1.4em;  margin-bottom: 25px;  color: #777777;}/* styles for each file sharing item div */.filesharing-item{  margin-bottom: 25px;}.filesharing-item a{  color: #555555;}/* styles for each filesharing item title div */.filesharing-item-title{   font-weight: bold;   color: #555555;   font-size: 15px;   margin-bottom: 5px;}/* styles for each filesharing item description div */.filesharing-item-description{  line-height: 1.4em;  color: #777777; }/*********** 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;   color: #555555;}/* Styles for the movie page description <div> */.movie-page-description{  margin-bottom: 25px;  line-height: 1.4em;  color: #777777;}/* Styles for each movie's frame <div> */.movie-thumbnail-frame{  float: left;  display: inline;  margin-right: 25px;  margin-bottom: 25px;  text-align: left;}/* Remove border from any images in an <a> element */.movie-thumbnail-frame img{  border: none;}/* styles the caption */.movie-thumbnail-caption{  margin-top: 10px;  color: #777777;}/*********** QUICKTIME MOVIE POPUP CSS STYLES - ALL REQUIRED **********/.movie-background{  margin: 15px 0px 0px 0px;  padding: 0px;  text-align: center;  font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 11px;  background-color: #BBBBBB;}.movie-frame{  margin-bottom: 10px;}.movie-title{  font-size: 12px;  color: #555555;}