/*
-------------------------------------------
File: 'Kamino Classic 2' styles.css Style Sheet
Created: 9 June, 2005
Last Modified: 27 November, 2005
Author: Josh Lockhart, Blueball Design
www.blueballdesign.com
Email: themes@blueballdesign.com
Copyright 2005 Josh Lockhart/Blueball Design USA
All Rights Reserved
-------------------------------------------
*/






/*********** GLOBAL CSS STYLES - ALL REQUIRED **********/



body{ color: #e7e7e7; margin: 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 12pt; background-color: #303030; text-align: center; }


/* use these tags to style <h1> - used in page header for site title*/
h1 { color: #ffefaa; font-size: 24px; font-weight: normal; }

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

/* use these tags to style <h3> */
h3 { color: #ffefaa; font-size: 20px; font-weight: normal; }

/* use these tags to style <h4> */
h4 { color: #ffefaa; font-size: 18px; font-weight: normal; }

/* use these tags to style <h5> */
h5 { color: #ffefaa; font-size: 16px; font-weight: normal; }

/* use for user-positioned inline images */
.image-right{
float: right;
padding: 20px 0 20px 20px;
}

/* use for user-positioned inline images */
.image-left{
float: left;
padding: 20px 20px 20px 0;
}


/* applies to all images in content area of any page */
.imagestyle{
border: 1px #e7e7e7;
}

img {
}

a img{
border: 1px #e7e7e7;
}

b, strong {
	
}

.clear {
	clear: both;
}


/* use this to make blocks of text 'standout' */
.standout, .blockquote{
font-style: italic;
}

a:link, a:visited{ color: #ffefaa; }

a:hover, a:active{ color: #ffefaa; text-decoration: none; }

p {
}



/* SITE WRAPPER */






#wrapper{
	position: relative;
	width: 651px;
	margin: 28px auto;
	text-align: left;
}
/* CONTENT */






#contentarea{
	float: left;
	width: 651px;
	margin-top: 15px;
	padding: 0 20px 15px 0;
}
/* MENU GENERAL CSS STYLES */




#nav{ background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; margin: 0; height: 20px; }

html>body #nav{
	height: auto;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{
content: ".";
display: block;
height: 30px;
clear: both;
visibility: hidden;
}

#nav ul{ position: relative; top: 15px; margin: 0; padding: 0; list-style: none; z-index: 50; rder-top-style: dotted; }

#nav li{ float: left; padding-top: 10px; padding-bottom: 10px; border-top: thin groove gray; border-bottom: thin groove gray; }

#nav a{ display: block; width: 109px; /* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 4px 10px; /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  color: #070707; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-variant: small-caps; text-transform: uppercase; text-align: center; }

#nav li:hover a, #nav li.sfhover a{ color: gray; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; }

#nav li:hover ul a, #nav li.sfhover ul a{
  background: none;
}






/* MENUS LEVEL 2 CSS STYLES */






#nav ul ul{
  position: absolute;
  top: 100%;
  left: 0px;
  width: 129px; /* SET TO TOTAL LINK WIDTH; THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  background-color: #F0EFEF;
  border-left: 1px solid #727272;
  border-right: 1px solid #727272;
  border-bottom: 1px solid #727272;
  display: none;
}

#nav ul ul li{
  border-top: 1px solid #727272;
}

#nav li:hover ul, #nav li.sfhover ul{
  display: block;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
  display: none;
}

#nav ul ul li:hover, #nav ul ul li.sfhover{
  background-color: #D5D5D5;
}

#nav ul ul a{
  border: none; /* REMOVE BORDERS SET ABOVE */
  width: 109px;
  border: none;
}







/* MENUS LEVEL 3 CSS STYLES */






#nav ul ul ul{
  display: none;
  border-left: 1px solid #727272;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul{
  display: block;
  top: -1px;
  left: 129px; /* SET HORIZ OFFSET */
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 4 CSS STYLES */






#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 5 CSS STYLES */






#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 6 CSS STYLES */






#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul{
  display: none;
}







/*********** BLOG PAGE CSS STYLES - ALL REQUIRED **********/




/* styles the <div> container for each blog entry */
.blog-entry{  }

/* styles the title of each blog entry */
.blog-entry-title{ display: block; font-weight: normal; color: #000000; font-size: 16px; text-align: left; margin-bottom: 5px; padding-top: 10px; padding-bottom: 2px; }

/* styles the date of each blog entry */
.blog-entry-date{ color: silver; margin-bottom: 10px; font-style: italic; text-align: right; position: relative; top: -18px; visibility: visible; }

/* styles the entry body container */
.blog-entry-body{ line-height: 1.4em; color: #444444; padding-bottom: 40px; }

.blog-entry-body a{
   color: #222222;
}

.blog-entry-category {
font-size: 11px;
margin-bottom: 3px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

.blog-entry img {
padding: 3px;
border: 0px;
}

/* 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: #2A5ED9;
}

.blog-entry-comments a:hover{
	text-decoration: none;
}

/* styles the archive page <body> on the archive page ONLY */
.blog-archive-background{
  margin: 0px;
  padding: 0px;
  font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
}

/* styles archive page title and title links <div> on the archive page ONLY */
.blog-archive-headings-wrapper{
	margin: 0px;
	background-color: #2E5DA1;
	text-align: left;
}

/* styles the month <div> in the blog archive headings wrapper on the archive page ONLY */
.blog-archive-month{
  display: block;
  margin: 0px;
  padding: 20px;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Arial, sans-serif;
  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;
  font-size: 10px;
  line-height: 1.4em;
  background-color: #7FA83E;
  color: #2E5DA1;
}

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

/* styles <a> links in .blog-archive-link <p> 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: center;
}

/* styles the album title div */
.album-title{
   font-weight: bold;
   font-size: 15px;
   margin-bottom: 5px;
}

/* styles the album description div */
.album-description{
  margin-bottom: 15px;
  line-height: 1.4em;
  color: #444444;
}

/* styles the thumbnail frame div in each <td> tag */
.thumbnail-frame{
padding: 4px;
}

/* 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: #666666;
  text-align: left;
}

.thumbnail-table {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}




/*********** PHOTO ALBUM ---[FULLSIZE]--- PAGE CSS STYLES - ALL REQUIRED **********/







/* styles the body of the page */
.photo-background{
  margin: 0px;
  padding: 0px;
  font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

/* styles the navigation bar */
.photo-navigation{
	margin: 0px;
	background-color: #2E5DA1;
	text-align: left;
}

/* styles the photo title <p> tag */
.photo-title{
  display: block;
  margin: 0px;
  padding: 20px 20px 0px 20px;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/* styles the photo caption <p> tag */
.photo-caption{
  margin: 0px;
  padding: 0px 20px 20px 20px;
  color: #FFFFFF;
  font-size: 11px;
}

/* styles the photo links <p> tag */
.photo-links{
  margin: 0px;
  padding: 7px 20px;
  font-size: 10px;
  line-height: 1.4em;
  background-color: #7FA83E;
  color: #2E5DA1;
}

.photo-links a:link, .photo-links a:visited{
  color: #FFFFFF;
  text-decoration: underline;
}

.photo-links a:hover, .photo-links a:active{
  color: #FFFFFF;
  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: 15px;
  color: #444444;
}

/* styles for each file sharing item div */
.filesharing-item{
  margin-bottom: 15px;
  padding: 7px;
  background-color: #F4F4F4;
}

.filesharing-item a{
  color: #2A5ED9;
}


/* styles for each filesharing item title div */
.filesharing-item-title{
   font-weight: bold;
   color: #2A5ED9;
   font-size: 11px;
   margin-bottom: 5px;
}

/* styles for each filesharing item description div */
.filesharing-item-description{
  line-height: 1.4em;
  color: #444444; 
}






/*********** 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 <div> */
.movie-page-description{
  margin-bottom: 25px;
  line-height: 1.4em;
  color: #444444;
}

/* 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: #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: #3461A4;
}

.movie-frame{
  margin-bottom: 10px;
}

.movie-title{
  font-size: 12px;
  color: #FFFFFF;
}