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

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

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

/* use these tags to style <h1> - used in page header for site title*/

h1 {
	color: #000000;
	font-size: 24px;
}

/* use these tags to style <h2> - used in page header for site slogan */

h2 {
	color: #000000;
	font-size: 22px;
}

/* use these tags to style <h3> */

h3 {
	color: #000000;
	font-size: 20px;
}

/* use these tags to style <h4> */

h4 {
	color: #000000;
	font-size: 18px;
	margin-bottom: 5px;
}

/* use these tags to style <h5> */

h5 {
	color: #000000;
	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;
}

/* applies to all images in content area of any page */

.imagestyle {
	border: 0px;
}

img {
	
}

a img {
	border: 0px;
}

b, strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

/* use this to make blocks of text 'standout' */

.standout, blockquote {
	font-style: italic;
	color: #2A5ED9;
}

a:link, a:visited {
	text-decoration: underline;
	color: #2A5ED9;
}

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

p {
	
}

/* SITE WRAPPER */

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

/* SITE HEADER */

#logo {
	position: absolute;
	background: transparent url(images/logo-default.jpg);
	top: 0px;
	left: 0px;
	width: 651px;
	height: 167px;
	z-index: 1;
}

#logo img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 651px;
	height: 167px;
}

#header {
	position: relative;
	margin: 0px;
	height: 167px;
	z-index: 2000;
}

#header h1 {
	margin: 0px;
	padding: 65px 20px 0px 45px;
	font-size: 25px;
	text-align: left;
	color: #FFFFFF;
	z-index: 4;
}

#header h2 {
	margin: 0px;
	padding: 3px 20px 0px 45px;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
	z-index: 5;
}

#leftcorner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-color: transparent;
	z-index: 2;
}

html>body #leftcorner {
	background-image: url('images/leftcorner.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#rightcorner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-color: transparent;
	z-index: 3;
}

html>body #rightcorner {
	background-image: url('images/rightcorner.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 201px;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding-bottom: 100px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
}

#sidebar li a {
	color: #000000;
}

#sidebar li.header {
	padding: 4px 10px;
	background: #666666 url('images/sidebar-background2.jpg') top repeat-x;
	color: #FFFFFF;
}

#sidebar li.notes, #sidebar li.links {
	padding: 10px;
	background-color: #F4F4F4;
	line-height: 1.2em;
}

#sidebar a.validate {
	display: block;
	margin: 5px 0px;
}

#sidebar a.validate img {
	border: 0px;
}

#sidebar .sideHeader {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 2px 10px 2px 10px;
	background-color: #F4F4F4;
}

#sidebar #sidebar p {
	background-color: #F4F4F4;
	padding: 0px 10px 0px 10px;
}

/* CONTENT */

#contentarea {
	float: left;
	width: 429px;
	margin-top: 15px;
	padding: 0px 20px 15px 0px;
}

/* FOOTER */

#footer {
	margin: 0px;
	padding: 15px 25px 25px 25px;
	clear: both;
	border-top: 1px solid #000000;
	text-align: center;
}

#footer a {
	color: #679B23;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	text-align: center;
}

#footer li {
	display: inline;
}

/* MENU GENERAL CSS STYLES */

#nav {
	margin: 0px;
	border-top: 1px solid #070707;
	border-right: 1px solid #070707;
	border-bottom: 1px solid #727272;
	background: #E2E2E2 url('images/navbar-background.gif') top repeat-x;
	height: 20px;
}

html>body #nav {
	height: auto;
}

#nav #current {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

#nav currentAncestor {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 50;
}

#nav li {
	float: left;
	position: relative;
}

#nav a {
	display: block;
	width: 109px;
	/* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 4px 10px 4px 10px;
	/* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-left: 1px solid #727272;
	/* FOR TOP MENUS ONLY */
  color: #070707;
	text-decoration: none;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#nav li:hover a, #nav li.sfhover a {
	background: transparent url('images/navbar-background-over.gif') top repeat-x;
}

#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;
}

#nav ul ul #current {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

#nav ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

/* 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;
}

#nav ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

#nav ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

/* 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;
}

#nav ul ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

#nav ul ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

/* 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;
}

#nav ul ul ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

#nav ul ul ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold;
	color: #070707;
}

/* 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 {
	padding-bottom: 15px;
}

/* styles the title of each blog entry */

.blog-entry-title {
	display: block;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000000;
}

/* styles the date of each blog entry */

.blog-entry-date {
	color: #679B23;
	margin-bottom: 5px;
	font-style: italic;
}

/* styles the entry body container */

.blog-entry-body {
	line-height: 1.4em;
	color: #444444;
}

.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 {
	
}

/* styles archive page title and title links <div> on the archive page ONLY */

.blog-archive-headings-wrapper {
	
}

/* styles the wrapper around all entries on the archive page ONLY */

.blog-archive-entries-wrapper {
	
}

.blog-archive-entries-wrapper .blog-entry {
	
}

/* styles the month <div> in the blog archive headings wrapper on the archive page ONLY */

.blog-archive-month {
	display: block;
	margin: 0px;
	padding: 0px 0xp 20px 0px;
	color: #000000;
	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: 2px 0px 20px 0px;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	color: #000000;
}

/* styles <a> links in .blog-archive-link <p> tag */

.blog-archive-link a:link, .blog-archive-link a:visited {
	color: #2A5ED9;
	text-decoration: underline;
}

/* styles <a> links in .blog-archive-link <p> tag */

.blog-archive-link a:hover, .blog-archive-link a:active {
	color: #2A5ED9;
	text-decoration: none;
}

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

/* 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;
}

.album-wrap {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 24px;
	margin-right: 10px;
}

/* 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-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;
}