/*
Designed and coded by: Will Woodgate
Website: http://www.willwoodgate.com
Theme title: Wilderness
Version: 1.1
First Released: 19th October 2007
Update Released: 29th October 2007
*/

/* 
The following CSS syntax is used to style 'site wide' elements such as links, images and basic HTML formatting tags. If you just need to tweak specific formatting on induvidual pages in your project, it is probably better to add desired code snippets through the RapidWeaver 'Custom CSS' box as opposed to modifying this style sheet. It is also noteworthy that as of RapidWeaver 3.6 (which introduced custom colour-tagging) all CSS syntax in relation to colours and borders has been moved to the new separate colourtag.css file in the theme contents folder. Basic rule of thumb - don't change anything you're not sure about!
*/

/* Body Styles */
body {
	line-height : 1.50em;
	margin : 0;
	padding : 0;
	text-align: center;
}

/* CSS for all images */
img {
	border-style : none; /* Ensures images don't have borders unless requested by RW */
	background-image: url('images/theme_files/loading_background.png');
}

/* CSS for images aligned to the left */
.image-left {
    float: left;
    padding: 10px;
}

/* CSS for images aligned to the right */
.image-right {
    float: right;
    padding: 10px;
}

/* This container holds many other elements in place */
#container { 
margin : 0 auto;  /* Fixes an Internet Explorer Bug */
text-align: left; /* Fixes an Internet Explorer Bug */
}

/* This class divides the layout up */
.clearer {
clear : both;
}

/* As with the .clearer, this class divides layout up */
.spacer {
	height: 40px;	
}

/* CSS to stylise links */
a:link {
	text-decoration: none;
	font-weight: normal;
}

a:visited {
	color: #0000cc;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
}

a:active {
	font-weight: normal;
}

/* CSS to stylise block quotations */
blockquote, .standout {
font-style : italic;
padding: 10px;
margin: 0px;
}

/* CSS to control how lists are displayed in the sidebar */
#sidebarContainer #sidebar ul {
margin : 10px;
padding : 0 10px;
}

/* CSS to stylise HTML tables */
table {
font-size : 1em;
}

/* Block Quotation */
blockquote, .standout { 
	padding: 10px;
	margin: 0px;
}

/* CSS to stylise HTML definition lists, titles and descriptions */
dl {
	margin: 0px;
	padding: 0px;
}

dt {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

dd {
	margin-top: 0px;
	padding-top: 0px;
}

/* CSS to control Emphasise HTML tags*/
em {
	font-weight: normal;
	font-style: italic;
}

/* CSS to control Quotation HTML tags */
q {
	font-style: italic;
}

/* CSS to control Insertion HTML tags */
ins {	
}

/* CSS to control Strike-out (deletion) HTML tags */
strike {
	color: red;
}

/* CSS to stylise HTML header tags */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px; /* Removes access margins */
	margin-bottom: 0px; /* Removes access margins */
	line-height: 1.00em;
}

/* Main content area unordered (bulleted) list styles */
#contentContainer #content ul {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 0.75em;
}

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

.scrollBox {
	padding: 10px;
	width: 300px;
	height: 300px;
	overflow: scroll;
	color: #000000;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 0.80em;
}

/* Main content area ordered (numbered) list styles */
#contentContainer #content li {
}

/* Sidebar container unordered (bulleted) list styles */
#sidebarContainer #sidebar ul {
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/* Sidebar container ordered (numbered) list styles */
#sidebarContainer #sidebar li {
	padding: 0px;
	margin: 0px;
}













/*
This section of the styles.css file focuses on the various containers and dividers which make up each RapidWeaver theme. They are listed more-or-less in order of appearance starting with the main content container, working down through to the footer.
*/

#logo {
	padding: 0px;
	float: right;	
}

/* Region inwhich the title elements are wrapped in */
#topContainer {
	display : block;	
	height: auto;
	width: 100%;
}

/* Header logo */
#pageHeader img {
	position : absolute;
	right : 50%;
	top: 10px;
	display: none;	
}

/* CSS to stylise the main header container */
#headerContainer {
	margin : 0 auto;
	text-align: right;
}

/* Header logo */
#headerContainer img {
	position : absolute;
	right : 10px;
	top: 10px;
}

/* Controls the formatting of titles */
#pageHeader h1 {
	display: inline;
	position: relative;
	right: 1px;
	font-size : 2.00em;
	line-height: 1.00em;
	font-weight : normal;
	padding-top: 40px;
	padding-left : 15px;
	padding-right : 15px;
	padding-bottom: 0px;
	text-decoration : none;
	text-transform: uppercase;
	width: auto;
	border: none;
}

/* Formats the media frame and potential Flash (SWF) content */
#mediaFrame {
	margin: 0px;
	height: auto;
	padding: 15px;	
}

#flashBox {
	display: block;
	padding: 15px;
	height: 200px;	
}

/* Controls the formatting logo's optionally placed in the media frame */
#siteSloganLogo {
	position : absolute;
	right : 50%;
	top: 100px;
	display: none;	
}

/* Controls the formatting of slogans */
#siteSlogan h2 {
	display: block;
	padding: 0px;
	font-size: 1.75em;
	line-height: 1.00em;	
}

/* Site Content Container Styles */
#contentContainer #content {
	padding: 10px;
}

#contentContainer {
position : relative;
z-index : 1;
}

/* Sidebar Container Style */
#sidebarContainer {
	float : right;
	position : relative;
	width : 175px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* Navigation Container Styles */
#navigationContainer {
	line-height: 2.00em;
	position: relative;
	top: 0;
	width: 100%;
	display: block;
}

#navigationContainer #current {
	font-weight: bold;
}

#navigationContainer #current:hover {
}

#navigationContainer .currentAncestor {
	font-weight: bold;
}

/* Parent - Level 0 */

#navigationContainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigationContainer li {
}

#navigationContainer a {
	display: block;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	height: 2.00em;
}

#navigationContainer a:hover {
}

#navigationContainer a:active {
}

/* Child - Level 1 */

#navigationContainer ul ul {
}

#navigationContainer ul ul li {
}

#navigationContainer ul ul a {
	padding-left: 30px;
	padding-right: 30px;
}

#navigationContainer ul ul a:hover{
}

#navigationContainer ul ul #current{
	font-weight: bold;
}

#navigationContainer ul ul .currentAncestor {
	font-weight: bold;
}
/* Child - Level 2 */

#navigationContainer ul ul ul {
}

#navigationContainer ul ul ul li { 
}

#navigationContainer ul ul ul a{
	padding-left: 50px;
	padding-right: 50px;
}

#navigationContainer ul ul ul a:hover{

}

#navigationContainer ul ul ul #current{
	font-weight: bold;
}

#navigationContainer ul ul ul .currentAncestor {
	font-weight: bold;
}


/* Child Level 3 */

#navigationContainer ul ul ul ul {
}

#navigationContainer ul ul ul ul li { 
}

#navigationContainer ul ul ul ul a{
	padding-left: 70px;
	padding-right: 70px;
}

#navigationContainer ul ul ul ul a:hover{

}

/* Child Level 4 */

#navigationContainer ul ul ul ul ul {
}

#navigationContainer ul ul ul ul ul li { 
}

#navigationContainer ul ul ul ul ul a{
	padding-left: 90px;
	padding-right: 90px;
}

#navigationContainer ul ul ul ul ul a:hover{

}

/* Child Level 5 */

#navigationContainer ul ul ul ul ul ul {
}

#navigationContainer ul ul ul ul ul ul li { 
}

#navigationContainer ul ul ul ul ul ul a{
	padding-left: 110px;
	padding-right: 110px;
}

#navigationContainer ul ul ul ul ul ul a:hover{

}

/* Sidebar Logo Style (If you choose to place a logo in the sidebar) */
#sidebarLogo {
	text-align: center; /* This centers the logo. Optionally, you can use left or right instead */
	display: none; /* This switches off the logo so it is only displayed when selected to */	
}

/* Sidebar Title (Header) Style */
#sidebarContainer .sideHeader {
	line-height : 1.50em;
	font-weight : bold;
	margin-top: 15px;
	padding: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}

/* Sidebar Content Style */
#sidebarContainer #sidebar {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;

}

/* Controls the Footer container formatting */
#footer {
font-size : 0.75em;
line-height : 1.5em;
height : auto;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px;
padding : 10px;
text-align : center;
}

/* Controls the formatting logo's optionally placed in the media frame */
#footerLogo {
	text-align: center;
	display: none;	
}

#footer p {
}

/* Controls the Breadcrumb container text and link formatting */
#breadcrumbcontainer { 
padding-left : 10px;
padding-right : 10px;
}

#breadcrumbcontainer ul {
list-style : none;
margin : 0 0 0 0;
padding : 0;
}

#breadcrumbcontainer li {
display : inline;
line-height : 1.5em;
}

#breadcrumbcontainer a:hover {
	text-decoration: none;
}	

#breadcrumbcontainer a:active {
	text-decoration: none;
	border: none;
}














/*
This section of the styles.css file focuses on the various RapidWeaver pages styles such as File sharing, Blogs, Photo Albums, Video Albums and Contact pages.*/

/* Blog Formatting */
.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 15px;
}

.blog-archive-headings-wrapper {
	border-bottom: 1px solid;
}

.blog-archive-entries-wrapper {
}

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

.blog-archive-month {
	font-size: 2.2em;
	letter-spacing: -1px;
}

.blog-archive-link {
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/* Blog Tag Cloud */
ul.blog-tag-cloud {
	margin: 0px;
	padding: 0px;
	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;
}

/* Main Blog entries */
.blog-entry {
	padding-bottom: 20px;
}

.blog-entry-title {
	font-size : 1.25em;
	line-height: 1.00em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
}

.blog-entry-title a {
	text-decoration: none;
	padding-bottom: 5px;
}

.blog-entry-date {
	font-size: 0.75em;
	line-height: 1.00em;
	padding-bottom: 10px;
}

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

.blog-entry-body {
}

.blog-entry-comments {
}

p.blog-entry-tags {
	font-style: italic;
}

/* Styles the category link/s in the main Blog entry */
.blog-entry-category a {
	font-style: bold;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

#blog-archives br,
#blog-categories br,
#blog-rss-feeds br {
	display: none;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 15px;
}

.blog-archive-link-enabled {
	background-repeat: no-repeat;
	display: block;
}

.blog-archive-link-disabled {
	background-repeat: no-repeat;
	display: block;
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.blog-category-link-enabled {
	display: block;
}

.blog-category-link-disabled {
	display: block;
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-top: 10px;
}

.blog-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/DO_NOT_DELETE/rss_icon.png);
	background-position: left center;
	padding-left: 15px;
	padding-right: 15px;
}

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

/* CSS formatting for Filesharing pages */
.filesharing-description {
}

.filesharing-item {
padding-bottom : 15px;
padding-top : 15px;
}

.filesharing-item-title a:link {
	font-weight: normal;
	margin-bottom: 0px;
}

.filesharing-item-title a:hover {
	font-weight: normal;
}

/* CSS styling to center flash slideshows created with the iPhoto page plugin */
#flashcontent {
text-align: center;
}

/* Styling for iPhoto page albums */
.album-title {
	font-weight: bold;
	margin-bottom: 0px;
	font-size : 1.25em;
}

.album-description {
	margin-bottom: 50px;
}


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

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

.thumbnail-frame {
	background-image: url('images/theme_files/loading_background.png');
	position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 5px;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
	background: transparent;
}

.thumbnail-frame img {
	margin: auto;
	border: none;
	padding: 0px;
}

.thumbnail-caption {
	margin: 0;
	width: 100%;
	height: 38px;
	display: block;
	padding: 0 0 0 5px;
}

/* CSS Formatting for Single Page (Photo view) */
.photo-background {
	text-align: left;
}

.photo-navigation {
	width: 200px;
	float: left;
	margin: 15px 15px 0;
	padding: 15px;
}

.photo-links {
}

.photo-navigation a:link,
.photo-navigation a:visited {
}

.photo-navigation a:hover {
	background: transparent;
}

.photo-frame {
	background-image: url('images/theme_files/loading_background.png');
	padding: 0px;
	position: absolute;
	left: 260px;
	top: 15px;
}

.photo-title {
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
}

.photo-caption {
	margin: 0;
}

/* Styling Exif Data */
.exif-data {
	font-size : 0.75em;
	line-height : 1.5em;
	clear: left;
	margin-left: 15px;
	margin-top: 15px;
	padding: 15px;
	float: left;
	width: 200px;
}

.exif-data p {
	margin: 0;
	padding: 0;
}

/* CSS Formatting for Quicktime Page */
.movie-description {
	margin-top: 15px;
}

/* CSS formatting for Quicktime Album page */
.movie-page-title {
	font-weight: bold;
	margin-bottom: 0px;
}

.movie-page-description {
	margin-bottom: 15px;
}

.movie-thumbnail-frame {
	width: 134px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.movie-thumbnail-frame:hover {
}

.movie-thumbnail-frame img {
	padding: 1px;
	margin-bottom: 5px;
}


.movie-thumbnail-caption {
}

/* CSS formatting for Singular Quicktime Movies */
.movie-page-title {
	font-weight: bold;
	margin-bottom: 0px;
}

.movie-page-description {
margin-bottom : 10px;
}

.movie-thumbnail-frame {
width : 132px;
display : inline;
text-align : center;
margin-right : 10px;
margin-bottom : 10px;
padding : 1px;
font-size : 1em;
position : relative;
z-index : 10;
}

/* Contact Form Formatting */
form {
	margin: 0px;
	padding: 0px;
}
.message-text {
	font-weight: bold;
	font-style: normal;
} 

.form-input-field {
	font-size: 1.25em;
	width: 99%;
} 

.form-input-button {
	font-size: 1.5em;
}