/*CSS originally by Daniel Davis at rapidweaver.org and nzarchitecture.com*/
/* Style sheet reads with html down page -> order is: 
body, styles used on side of pages, heading, navigation, content main, content variations, footer, bottom box*/

body {
	text-align: center;
	padding: 0;
	font: 1em "Times New Roman", Times, serif;
	margin: 0;
}

#container {
	margin:0 auto;
	padding: 0;
	/*watch this important, it wont be needed*/
	position: relative;
	text-align: center;
	width:  900px;
}
#wrappertop {
	padding:  0;
	margin: 30px 0 0 0;
	background-color: white;
	width:  600px;
	text-align: left;
	float:  left;
}
#wrappercontent {
	margin: 50px 0;
	float:  left;
	padding:  0px;
	background-color: white;
	width:  600px;
	text-align: left;
}
#wrappersidebar {
	margin: 50px 0 0 50px;
	padding: 0;
	background-color:  white;
	width:  250px;
	float:  left;
	text-align: left;
}

/* @group corners */
.topbox{
	height: 30px;
	margin-right:  30px;
}
.topbox .c{
	height:  30px;
	margin-right: -30px;
}
.midbox{
	padding: 0 0 0 30px;
	margin:  0 30px 0 0;
}
.midbox .c{
	margin-right: -30px;
	padding-right:  30px;
}
.bottombox{
	height: 30px;
	margin-right:  30px;
}
.bottombox .c{
	height:  30px;
	margin-right: -30px;
}
/*@end corners*/


/* @group Heading */
#pageHeader {
}

#pageHeader h1 {
	margin: 0;
	font-size: 1.6em;
}

#siteslogan {
	font-weight: normal;
}
/* @end Heading */




/* @group Navigation */
#navcontainer {
	border-bottom: 5px solid black;
	height: 2em;
	position: relative;
	z-index: 3;
	font-size: 1em;
	line-height: 1em;
	margin:  0;
}

/* Parent - Level 0 */

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#navcontainer li {
	position: relative;
	display: inline;
	float: left;
}

#navcontainer li {
	position: relative;
	display: inline;
	float: left;
}

#navcontainer a {
	display: block;
	margin: 0em 0 0 0;
	padding: 0.5em 2em 0.5em 0em;
	text-decoration: none;
	color:  black;
	border-bottom: 5px solid black;
	border-right: 1px solid white;
}
#navcontainer a:hover{
	border-bottom-color:red;
}
#navcontainer #current,  #navcontainer .currentAncestor{
	border-bottom-color: red;
}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	position: absolute;
	top: 1.4em;
	left: -9px;
	padding-top: 1.6em;
	padding-bottom:  7px;
	display: none;
	z-index: 6;
	font-size: 0.8em;
	/*border:  1px solid black;*/
	background: url(images/dropshadowline2.png) no-repeat bottom left;
}

#navcontainer ul ul li {
	display: block;
	/*background: url(images/op75.png) repeat;*/
	background: url(images/dropshadowline.png) repeat-y top left;
}

#navcontainer ul ul a {
	padding:  0;
	margin: 0;
	border:  none;
	display: block;
	border-bottom: 1px solid black;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0 9px 0 8px;
	width:  178px;
}

#navcontainer ul ul a:hover {
}

#navcontainer ul ul #current{
}


/* Child Level 3 */

#navcontainer ul ul ul {
	position: absolute;
	left: 184px;
	top: -1.6em;
	font-size: 1em;
}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}
div#navcontainer ul li.over ul, div#navcontainer ul ul li.over ul, div#navcontainer ul ul ul li.over ul, div#navcontainer ul ul ul ul li.over ul, div#navcontainer ul ul ul ul ul li.over ul{
display:block;
}
/*@end navigation*/




/* @group Main Content */
#content {
	font-size: 0.8em;
	background: url(images/dropshadow.png) repeat-x top left;
	padding-top:  2em;
	line-height: 1.5em;
}

b, strong {
	font-weight: bold;
}

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

a:hover, a:active {
	text-decoration: none;
	color:  red;
}
blockquote, .standout {
	font-style: italic;
	margin: 0;
	font-size: 1em;
	color: #b8b8b8;
	overflow: hidden;
}

#content h1{
	color:  black;
	font-weight: normal;
	font-size:  2em;
	border-bottom: 1px solid black;
	margin:  0;
	padding:  0.5em 0 10px 0;
}


#content h2{
	color:  black;
	font-weight: normal;
	font-size:  1.25em;
	border-bottom: 1px solid black;
	padding-bottom:  10px;
}

/* Main content area unordered list styles */
#content ul {
	list-style-type: square;
	margin: 0;
	padding-left:  1.5em;
}

ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.arabic-numbers {list-style-type: decimal;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}

.image-left {
	float: left;
	margin: 1em;
}

.image-right {
	float: right;
	margin: 1em;
}

/* Table Styles */
table {
	font-size: 1em;
}

/* @end Main Content */




/* @group Main Content Variations */
/* @group Blog */
/* @group Archive Page */
.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	margin-bottom: 40px;
}

.blog-archive-month {
	color:  black;
	font-weight: normal;
	font-size:  2em;
	border-bottom: 1px solid black;
	margin:  0;
	padding:  0.5em 0 10px 0;
}

.blog-archive-link {
	font-size: 0.9em;
	margin-bottom: 1em;
	border-bottom: 1px solid black;
}	
/* @end */

/* @group Tag Cloud */
ul.blog-tag-cloud {
	margin: 0 0 10px;
	padding: 0;
	text-align: justify;
}

ul.blog-tag-cloud li {
	display: inline;
	padding-right: 5px;
}
.blog-tag-size-1 {font-size: 0.8em;}
.blog-tag-size-2 {	font-size: 0.85em;}
.blog-tag-size-3 {	font-size: 0.9em;}
.blog-tag-size-4 {font-size: 0.95em;}
.blog-tag-size-5 {font-size: 1em;}
.blog-tag-size-6 {font-size: 1.05em;}
.blog-tag-size-7 {font-size: 1.1em;}
.blog-tag-size-8 {font-size: 1.15em;}
.blog-tag-size-9 {font-size: 1.2em;}
.blog-tag-size-10 {font-size: 1.25em;}
.blog-tag-size-11 {font-size: 1.3em;}
.blog-tag-size-12 {font-size: 1.35em;}
.blog-tag-size-13 {font-size: 1.4em;}
.blog-tag-size-14 {font-size: 1.45em;}
.blog-tag-size-15 {font-size: 1.5em;}
.blog-tag-size-16 {font-size: 1.55em;}
.blog-tag-size-17 {font-size: 1.6em;}
.blog-tag-size-18 {font-size: 1.65em;}
.blog-tag-size-19 {font-size: 1.7em;}
.blog-tag-size-20 {font-size: 1.75em;}
/* @end */

.blog-entry {
	margin-bottom: 40px;
}

.blog-entry-title {
	color:  black;
	font-weight: normal;
	font-size:  2em;
	border-bottom: 1px solid black;
	margin:  0;
	padding:  0.5em 0 10px 0;
}

.blog-entry-title a {
	margin-bottom: 0;
	text-decoration: none;
}

.blog-entry-date {
	font-size: 0.9em;
	margin-bottom: 1em;
	border-bottom: 1px solid black;
}

.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-comments {
	margin-top: 10px;
}

/*styles the category link in the main entry */
.blog-entry-category {
	padding-left: 16px;
	background: no-repeat left center url(images/category.png);
	margin-left: 8px;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
	line-height: 1.8;
}

.blog-archive-link-enabled {
	padding-left: 16px;
	background: no-repeat left center url(images/category.png);
}

.blog-archive-link-disabled {
	padding-left: 16px;
	background: no-repeat left center url(images/category.png);
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
	line-height: 1.8;
}

.blog-category-link-enabled {
	padding-left: 16px;
	background: no-repeat left center url(images/category.png);
}

.blog-category-link-disabled {
	padding-left: 16px;
	background: no-repeat left center url(images/category.png);
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	line-height: 1.8;
}

.blog-rss-link {
	background: url(images/rss_icon.png) no-repeat left center;
	padding-left: 16px;
}

.blog-comments-rss-link {
	background: url(images/rss_icon.png) no-repeat left center;
	padding-left: 16px;
}

/* Comment links */
a.blog-comment-link {
	background: no-repeat left center url(images/comments.png);
	padding: 0 5px 0 18px;
}

/* Trackback links */
a.blog-trackback-link {
	background: url(images/trackback.png) no-repeat left center;
	padding-left: 16px;
}

/* @end */

/* @group File Sharing */

.filesharing-description, .filesharing-item {
	margin-bottom: 1em;
}

.filesharing-item-title a:link {
	color:  black;
	font-weight: normal;
	font-size:  1.25em;
	padding-bottom:  10px;
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	color:  black;
	font-weight: normal;
	font-size:  2em;
	border-bottom: 1px solid black;
	padding:  0.5em 0 10px 0;
}

.album-description {
	margin-bottom: 75px;
	padding: 1em 0 1em 0;
}


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

.thumbnail-wrap {
	text-align: left;
	position: relative;
	float: left;
	margin: 0 18px 60px 0;
}

.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame a:hover img {
	border-color:  red;
}

.thumbnail-frame img {
	margin: auto;
	border: 1px solid black;
}

.thumbnail-caption {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	background-image: none;
	background-color: white;
}

.photo-navigation {
	height: 105px;
	position: relative;
	margin: 0 auto 20px;
	background-color: white;
}

.photo-links {
	height: 24px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	padding-top: 6px;
	text-align: left;
}

.photo-navigation a:link,
.photo-navigation a:visited {
	padding: 0 15px 5px;
}

.photo-frame{
	padding: 1px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}

.photo-title {
visibility: hidden;
}

.photo-caption {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 15px;
	font-weight: normal;
	font-size: 1.2em;
}

/* @group EXIF data */
/* Data wrapper */
.exif-data {
}

.exif-data p {
	margin: 0;
	padding: 0;
}
/* @end */
/* @end */
/* @end */

/* @group Quicktime Page */
.movie-background{
	background-color: white;
}
.movie-title {
	font-size: 0.8em;
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	color:  black;
	font-weight: normal;
	font-size:  2em;
	border-bottom: 1px solid black;
	margin:  0;
	padding:  0.5em 0 10px 0;
}

.movie-page-description {
	padding: 2em 0 2em 0;
}

.movie-thumbnail-frame {
	height: 132px;
	float: left;
	position: relative;
	margin: 0 2em 2em 0;
	border-bottom: 1px solid black;
}

.movie-thumbnail-frame:hover {
	border-bottom-color:red;
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	background-image: none;
	background-color: white;
	margin: 10px;
}

.movie-title {
	font-size: 1.5em;
}

.movie-frame {
	margin-bottom: 10px;
}
	
/* @end */


/* @end */

/* @group Contact Form */
.form-input-field {
	background: #f4f4f4;
	width: 98%;
} 
/* @end */

/* @end Main Content Variations */




/* @group Sidebar */
#sidebar {
	margin:  0;
	position: relative;
	z-index: 2;
	font-size: 0.8em;
	line-height: 1.5em;
}

#sidebar .sideHeader,
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5 {
	border-bottom: 1px solid black;
	padding: 0.5em 0em 0.5em 0em;
	font-size: 1.25em;
	line-height: 1em;
	margin:  0 0 2.5em 0;
}
/* @end Sidebar */

	
.clear {
	clear: both;
}

/* @group Footer */
#footer {
	border-top:  2px solid black;
	background: url(images/dropshadow.png) repeat-x top left;
	font-size: 0.7em;
	height:  1.5em;
}
#breadcrumb {
	float:  left;
}
#breadcrumb li {
	list-style-type: none;
	float:  left;
}
#breadcrumb ul {
	padding-left: 0;
}
#foot {
	float:  right;
}

/* @end Footer */