﻿
/*======================================================

	Jason Weaver 11/2/2009

=======================================================*/


/*======================================================

	imported
 
=======================================================*/

@import '/css/reset.css';

@font-face  {  
    font-family: 'Graublau Sans Web';  
    src: url('/fonts/GraublauWeb.otf') format('opentype');  
}

/*======================================================

	body

=======================================================*/

#accessibility-links  {
	display: none;
	visibility: hidden;
}

body  {
	font: 62.50% Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	background-color: #e5e5e6;
	color: #111;
}

p  {
	font-size: 1.5em;
	line-height: 1.5em;
}


a {
	color: #b3393b;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #fff;
	
}

strong  {
	font-weight: bold;
}

p a:hover,
li a:hover,
h3 a:hover,
h4 a:hover{
	background-color: #b3393b;
}

p a  {
	border-bottom: 1px solid #b3393b;
}

/*======================================================

	header

=======================================================*/

.logo {
	margin-top: -2px;
	margin-left: 15px;
	border: double #ccc;
	border-bottom: 1px dashed #b3393b;
	border-top: 5px solid #fff;
	background-color: #fff;
	position: relative;
	z-index: 7000;
	padding: 0 1em;
	opacity: 0.99;
}

#header h1 a {
	position: relative;
	z-index: 200;
}

.logo:hover  {
	border: double #aaa;
	border-top: 5px solid #fff;
	border-bottom: 1px dashed #b3393b;
	background-color: #fff;
	opacity: 0.9;
}

#header h1 a:hover {
	background-color: none;
}

h1 span  {
	display: none;
	overflow: hidden;
}

#header  {	
	position: relative;
}

#header h2  {
	font: 1.6em Graublau Sans Web, Arial Narrow, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffff99;
	letter-spacing: 7px;
    text-shadow: #000 2px 2px 0; 		
	margin-top: -78px;
	padding-left: 230px;
	margin-bottom: 55px;
}

#moto p  {
	text-align: center;
}

#moto p span  {
	display: none;
	overflow: hidden;	
}

div#moto  {
	clear: both;
	margin-top: -3em;
	margin-left: -6px;
	border-top: double #e5e5e6;
	border-bottom: double #e5e5e6;
	height: 80px;
	background: #b3393b url(../images/red-back.gif) -50px top;
	position: relative;
	z-index: 2;
}

#header #sign  {
	position: absolute;
	top:  5px;
	right: 15px;
}

#header #sign a {
	background-color: #b3393b;
	color: #e5e5e6;
	padding: 20px 10px 5px 10px;
}

#header #sign a:hover {
	background-color: rgb(159,37,39);
	color: #fff;
	padding: 30px 10px 5px 10px;
}

/*=======================================================

	navigation											

========================================================*/

#nav {
	margin-top: -3px;
}

#nav li {
	font: 1.85em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	text-transform: uppercase;
	display: inline;
}

ul#navigation {
	margin: 0 auto;
	overflow: hidden;
	background: #222 url(../images/nav-back.gif) left top;
	border: 3px solid #aaa;
	border-top: 5px solid #191919;
	max-width: 96em;
	min-width: 900px;
	position: relative;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#nav a {
	padding: 2em 15px .5em 15px;
	float: left;
	color: #ccc;
	letter-spacing: 0.1em;	
	text-decoration: none;
    text-shadow: #111 2px 2px 0;
	background: url(../images/light.png) repeat-x 1px -150px;
}

#nav a:hover,
#nav a:focus {	
	color: #fff;
	background: url(../images/light.png) repeat-x 1px -6px;
}

#nav a[title*="Donate"] {
	float: right;
	color: rgb(220,135,5);
	background: url(../images/heart.png) no-repeat 50% 10px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#nav a[title*="Donate"]:focus,
#nav a[title*="Donate"]:hover {
	color: #fff;
	background-color: rgba(80,80,80,.35);
	background-position: 50% 12px;
}

#nav .on-page a {
	background-color: rgba(80,80,80,.35);
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 50% bottom;
}

#nav .on-page a[title*="Donate"] {
	background-color: rgba(80,80,80,.35);
	background: url(../images/heart.png) no-repeat 50% 13px;
}

#nav a[title*="Home"]  {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;	
} 

/*=======================================================

	main-content											

========================================================*/


#splash  {
	width: 49.5em;
	float: left;
}

#splash img {
	border: 1px solid #aaa;
	background-color: #333;
	padding: 7px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-box-shadow: 0 1px 2px #888;  
	-webkit-box-shadow: 0 1px 2px #888; 
	box-shadow: 0 1px 2px #888;
}

#sponsors  {
	width: 23em;
	float: right;
}

#main-content h2 {
	font: 2.5em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	letter-spacing: 2px;	
}

#splash h2 {
	font: 2.15em Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	margin: -7px 15px 10px -234px;
	width: 13em;
	letter-spacing: 2px;
	padding: 15px 5px 15px 255px;
	background-color: #333;
	position: relative;
	z-index: 2;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	float: left;
	font-style: italic;
	font-weight: bold;
	color: #ddd;	
	text-shadow: #111 0 2px 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 1px 2px 2px #888;  
	-webkit-box-shadow: 1px 2px 2px #888; 
	box-shadow: 1px 2px 2px #888;
}

#splash p {
	font-size: 1.6em;
	padding: 20px;
	margin-top: -5px;
}

#splash p#gradient  {
	background: #e5e5e6 url(../images/background.png) repeat-x right -120px;
}

#main-content p span  {
	font-size: 1.4em;
}


#main-content h3 {
	font: 1.8em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	letter-spacing: 2px;		
}

#testimonials, #general-info  {
	width: 31.5em;
	clear: both;
	float: left;
	margin-top: 3em;
	background: url(../images/bike.png) no-repeat 250px 10px;
	background-color: #a3393b;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#gallery, #sponsor-email  {
	width: 31.5em;
	float: left;
	margin: 3em .74em 3em .75em;
	background: url(../images/pic-icon.png) no-repeat 260px 10px;
	background-color: #a9484b;
}

#details, #volunteer-email {
	width: 31.5em;
	float: left;
	margin-top: 3em;
	background: url(../images/bike.png) no-repeat 250px 10px;
	background-color: #af6052;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ol a {
	color: #fff;
}

ol li {
	float: left;
}

#testimonials:hover,
#gallery:hover,
#details:hover,  
#general-info:hover,
#sponsor-email:hover,
#volunteer-email:hover{	
	background-color: rgb(159,37,39);	
}

#testimonials dt, dt,
#gallery dt,
#details dt {
	font: 2em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 15px 15px 5px 15px;
	text-shadow: #111 0 1px 0;
}

#testimonials a,
#gallery a,
#details a {
	color: #fff;
}

#testimonials a:hover,
#gallery a:hover,
#details a:hover {
	color: #e5e5e6;
}

#testimonials dd, dd,
#gallery dd,
#details dd {
	padding: 5px 15px 15px 15px;
	font-size: 1.35em;
	font-style: italic;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: bold;
	text-shadow: #111 0 1px 0;
}

#sponsors h2  {
	padding: 0 0 12px 60px;
	text-transform: uppercase;
	color: #555;
	text-shadow: #f5f5f5 0 1px 0;
}

#aside h2  {
	padding-bottom: 8px;
	color: #555;
	text-shadow: #f5f5f5 0 1px 0;
	text-transform: uppercase;
}

#sponsors img  {
	padding-left: 60px;
}

a.sponsor p  {
	color: #666;
	font: 2em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	padding: 5px 1px;
	letter-spacing: 1px;
	margin: 20px 15px 0 60px;
	border: 2px dashed #aaa;
	text-align: center;
} 

a.sponsor:hover p  {
	background: #b3393b url(../images/red-back.gif) -50px top;	
	border: 2px solid #999;
	color: #fff;
} 

#photos  {
	float: left;
	width: 100%;
}

ul.gallery {
	margin: 2em 0;
}

.gallery li {
	float: left;
	padding: 1px;
}

.gallery li.clear {
	clear: left;
}

#testimonials-page #main-content h2,
#about-page #main-content h2,
#contact-page #main-content h2,
#ride-page #main-content h2,
#donate-page #main-content h2,
#Guestbook-page #main-content h2  {
	font-size: 3.8em;
	color: #555;
	text-shadow: #f5f5f5 0 2px 0;
}

#testimonials-page #main-content p,
#about-page #main-content p {
	width: 33em;
	line-height: 1.9em;
	margin: 40px 0 20px 230px;
	padding: 20px 15px 20px 15px;
	border-top: 1px dashed #bbb;
	border: 1px solid rgba(80,20,20,.1);
	background: rgba(60,50,30,.1);
	-moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;		
}

#about-page #main-content {
	background: url(../images/BigBike.jpg) no-repeat 530px -25px;
}

#donate-page #main-content p  {
	font-size: 2em;
	width: 500px;
	background: #ddd;
	border: double #ccc;
	border-bottom: none;
	text-align: center;
	margin-left: 230px;
	padding: 20px 0 50px 0;
}

#about-page #main-content p span {
	color: #000;
	font: 1.65em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	text-transform: uppercase;
}
#donate-page #main-content form  {
	margin-left: 230px;
	width: 500px;
	text-align: center;
	padding-bottom: 50px;
	background: #ddd;
	border: double #ccc;
	border-top: none;
}

#ride-page #main-content p {
	font-size: 1.8em;
	width: 27.8em;
	line-height: 1.7em;
	margin-left: 230px;
	padding: 10px 0 40px 0;
}

#ride-page #main-content ul {
	font-size: 1.8em;
	width: 33em;
	line-height: 1.6em;
	padding: 10px 0 40px 0;
}

#ride-page #main-content li {
	width: 33em;
	line-height: 1.6em;
	margin-left: 230px;
}

#ride-page #main-content h3  {
	width: 500px;
	border-bottom: 3px solid #ffff99;
	background-color: #b3393b;
	font-size: 2.6em;
	margin-left: 230px;
	margin-top: 30px;
	padding-left: 3px;
	color: #fff;
	text-shadow: #222 0 2px 0;
}

 #main-content p strong {
	padding: 10px 0;
	float: right;
	color: rgb(130,10,13);
}

#about-page #main-content img  {
	float: right;
	margin-right: -100px;
	padding: 10px;
}

#about-page #main-content img.left {
	float: left;
	margin-right: 0;
	margin-left: -100px;
}

#splash img.transparent  {
	background: none;
	border: none;
}

#verse p {
	font: 3.5em goudy old style, Times new roman, times, serif;
	font-style: italic;
	color: rgb(130,10,13);
	margin-right: -70px;
	padding: 0 50px;
	line-height: 1.5em;
}

#verse img  {
	float: left; 
	margin-right: 20px;
    -moz-box-shadow: none;  
    -webkit-box-shadow: none; 
    box-shadow: none;
}

#contact-page #main-content li  {
	float: left;
	background-image: none;
}

#ride-page #main-content img,
#about-page #main-content img#starter  {
	margin: 30px 0;
	float: left;
}

/*=======================================================

	Gallery Page

========================================================*/

#Gallery-page  {
	background-color: #222;
}

#Gallery-page .group-gallery {
	float: left;
	width: 18%;
	background: #222 url(../images/nav-back.gif) left top;
	border: 3px solid #333;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding: 5px;
	margin: 0 15px;	
	margin-bottom: 50px;

}

#Gallery-page .group-gallery .gallery {	
	text-align: center;
	padding: 5px;
}

#Gallery-page table {	
	margin: 0 auto;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	padding: 5px;	
	margin-bottom: 50px;	
}

#Gallery-page table .gallery-table-photo {	
	padding: 5px;
}

#Gallery-page .gallery-title {
	margin-top: -35px;
	margin-right: -80px;
}

#Gallery-page .gallery-title a {
	font: 1.7em Georgia, times, serif;
	color: #ffff99;
	padding: 5px 10px;
	background: #222;
	border: 2px solid #363636;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;		
}

#Gallery-page .gallery-title a:hover,
#Gallery-page .gallery-title a:focus {
	color: #252525;
	background: #ffff99;	
}

#Gallery-page table img,
#Gallery-page .group-gallery .gallery img {	
	border: 2px solid #333;
}

#Gallery-page .group-gallery h3 {
	margin-top: -15px;
	margin-bottom: 10px;
}

#Gallery-page .group-gallery h3 a {
	font: 1.7em Georgia, times, serif;
	color: #ffff99;
	padding: 2px 10px 5px 10px;
	background: #222;
	border: 2px solid #363636;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;	
}

#Gallery-page .group-gallery h3 a:hover,
#Gallery-page .group-gallery h3 a:focus  {
	color: #252525;
	background: #ffff99;	
}

#Gallery-page #footer {
	clear: both;
	background: #272727;
	border-top: double #303030;
}

#Gallery-page #footer #small-print  {
	margin-top: 15px;
}

#Gallery-page #footer #small-print a {
	color: #eee;
}

#Gallery-page #footer #call  {
	border: 2px solid #303030;
	margin: 80px 0;
}

#Gallery-page #footer #download {
	padding: 0;
	margin: 40px 0;
}

#Gallery-page #footer #download a img {
	opacity: 0.25;
}

#Gallery-page #footer #download p {
	padding: 0;	
}

#Gallery-page .bottom  {
	overflow: hidden;
	background:  none;
}

#Gallery-page #main-content p {
	color: #e5e5e6;
}

#Gallery-page #main-content h2 {
	font: 1.5em;
	padding-left: 15px;
	padding-bottom: 15px;
	color: #e5e5e6;
}

#Gallery-page .gallery-photo  {
	float: left;
	padding-right: 2px;
	margin-bottom: 150px;
	width: 40%;
	margin-left: 15px;
}

#Gallery-page #main-content a:hover img  {
	opacity: .9;
}

#Gallery-page p  {
	clear: left;
}

#Gallery-page .top  {
	border: 3px solid #303030;
	border-top: none;
}

#Gallery-page #navigation  {
	border: 3px solid #303030;
	border-top: 5px solid #111;	
}

#Gallery-page #main-content ol  {
	float: right;
	background: #222 url(../images/nav-back.gif) left top;
	border: 3px solid #333;
	-moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	padding: 25px 10px;
	width: 35%;
}

#Gallery-page #main-content ol li {
	padding: 5px;
	float: left;
}

#Gallery-page #main-content ol .next {
	float: right;
	background: url(../images/next-arrow.gif) no-repeat 50% 150px;
}

#Gallery-page #main-content ol .previous {
	float: left;
	background: url(../images/prev-arrow.gif) no-repeat 50% 150px;	
}

/*=======================================================

	Guestbook Page

========================================================*/

#Guestbook-page #main-content .entry_even,
#Guestbook-page #main-content .entry_odd {
	border-top: double #aaa;
	padding-top: 10px;
	margin-top: 10px;
}

#Guestbook-page #main-content .entry_even{
	margin-top: 30px;
}

#Guestbook-page #main-content #posts {
	width: 52em;
	float: right;
	padding-top: 1px;
	margin-top: 9px;
	background: url(../images/background.png) repeat-x 50% -285px;	
	border-top: double #aaa;
	margin-bottom: 100px;
}

#Guestbook-page #main-content .entry_even p,
#Guestbook-page #main-content .entry_odd p,
#Guestbook-page #main-content .entry_even h4,
#Guestbook-page #main-content .entry_odd h4  {
	padding-left: 5px;
	position: relative;
}

#Guestbook-page #main-content h3 {
	font: 1.5em Georgia, "Times New Roman", Times, serif; ;
	letter-spacing: 5px;
	text-align: right;
	text-transform: uppercase;	
	padding: 10px 10px 0 0;
	border-top: 1px solid #ccc;	
}
#Guestbook-page #main-content h4 {
	font: 2.6em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#Guestbook-page #main-content strong {
	font-style: normal;
	width: 45px;
	position: relative;	
	right: 15px;
	top: -53px;
	float: right;
	padding: 3px 6px;
	margin-left: 15px;
	text-align: center;
	background: #fff;
	border: double #ccc;
	border-top: 3px solid #222;
	border-bottom: 1px dashed #ccc;	
}

#Guestbook-page #main-content p {
	font-style: italic;
	line-height: 1.7em;
	padding: 2px 0;
}

#pageContainer  {
	border: 1px solid #666;
	width: 500px;
	height: 300px;
	overflow: hidden;
}
#box img {
	width: 100%;
}

#box  {
	overflow: hidden;
}

/*=======================================================

	sidebar

========================================================*/

#aside  {
	float: left;
	width: 23em;
}

#aside h2 {
	padding: 5px 0 5px 15px;
	position: relative;
	z-index: 3;
}

#aside h3 {
	padding-left: 15px;
	margin: 123px 0 40px 0;
	position: relative;
	z-index: 3;
}

#aside p  {
	color: rgb(130,10,13);
	font-size: 1.8em;
	padding: 10px 45px 0 15px;
	position: relative;
	z-index: 4;
}

p em {
	font: 2.4em Georgia, times, serif;
	margin-left: -10px;
	color: rgb(130,10,13);
}

#aside h3 a {
	background: url(../images/nav-back.gif) -50px top;
	border: 2px solid #999;
	padding: 5px 15px;
	color: rgb(205,205,126);
	letter-spacing: 2px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-shadow: #111 0 2px 0;
	-moz-box-shadow: 0 2px 2px #222;  
	-webkit-box-shadow: 0 2px 2px #222;  
	box-shadow: 0 2px 2px #222;
}

#aside h3 a:hover {
	border: 2px solid #bbb;
	color: #ffff99;
	text-shadow: none;
	-moz-box-shadow: none;  
	-webkit-box-shadow: none;  
	box-shadow: none;
}

#aside ul  {
	padding: 15px; 
	padding-top: 5px;
}

#aside li  {
	font: 2em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 0 0 0;
	margin-right: 45px;
}

#aside li a {
	color: #999; 
	background: url(../images/nav-back.gif);
	display: block;
	border: 2px solid #999;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: hidden;
	position: relative;
}

#aside li a:hover {
	color: #bbb; 
}

#aside li a em  {
	float: left;
	margin-top: 7px;
	margin-left: 10px;
}

#aside li a img {
	padding: 3px;
	float: left;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#aside li a:hover img {
	background-color: #bbb;
	background-color: rgba(255,255,190,.8);	
}

/*=======================================================

	forms

========================================================*/

#Guestbook-page #main-content form {
	width: 35em;
	background: #222 url(../images/nav-back.gif) left top;
	border: 3px solid #aaa;
	-moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	padding: 15px 20px 20px 20px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;	
}

#Guestbook-page #main-content form p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.7em;
	border-bottom: 1px dotted #555;
}

#Guestbook-page #main-content form li {
	color: red;
	font: 18px helvetica, serif;
	float: right;
	height: 32px;
	background: url(/images/error.png) no-repeat left top;
	margin-right: -210px;
	padding-left: 30px;
	margin-top: 2px;
}

#Guestbook-page #main-content form h3 {
	color: red;
	letter-spacing: 1px;
	font: 12px helvetica, serif;
	text-align: left;
	padding-bottom: 10px;
	border-top: 1px dotted #555;
}

#Guestbook-page #main-content form label  {
	font: 1.3em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	color: #ddd;
    text-shadow: #000 2px 2px 0;
}

#Guestbook-page #main-content form input[type*="text"]  {
	float: right;
	width: 77%;
	height: 21px;
	-moz-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;	
}

#Guestbook-page #main-content form textarea{
	width: 100%;
	-moz-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
	
}

#Guestbook-page #main-content form textarea,
#Guestbook-page #main-content form input{
	font-size: 16px;
	border: 3px solid #aaa;
	background: #eee;
	
}

#Guestbook-page #main-content form textarea:hover,
#Guestbook-page #main-content form input:hover,
#Guestbook-page #main-content form textarea:focus,
#Guestbook-page #main-content form input:focus  {
	border: 3px solid #999;
	background: #fff;
	
}

#Guestbook-page #main-content form p.submit input  {
	cursor: pointer;
	border: 2px solid #999;	
	-moz-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;		
}

#Guestbook-page #main-content form p.submit input:hover,
#Guestbook-page #main-content form p.submit input:focus {
	border: 2px solid #444;		
}

#Guestbook-page #main-content form p.submit input[value*="Post"]  {
	background-color: #ffff99;
}

/*=======================================================

	footer

========================================================*/

#footer {
	clear: both;
	background: #e5e5e6 url(../images/background.png) repeat-x 50% -105px;
	border-top: 5px solid #aaa;
}

#footer #download {
	width: 20%;
	padding: 7em 0 .5em 0; 
	margin-bottom: 100px;
	float: left;
}

#footer #download p {
	font-size: 2.2em;
	text-align: center;	
}

#footer #download img {
	margin: 20px 50px;
	float: left;
}

#footer #small-print li a {
	color: #e5e5e6;
}

#footer #small-print  {
	font-size: 1.5em;
	padding: 20px 0; 
	margin: 50px 0 70px 0;
	clear: both;
	background: #b3393b url(../images/red-back.gif) -50px top;
	border-top: double #e5e5e6;
	border-bottom: double #e5e5e6;
}

#footer #small-print ul,
#footer #contact ul  {
	list-style: none;
	margin-top: 2px;
	text-align: center;
}

#footer #small-print li,
#footer #contact li  {
	padding: 0 .4em 0 .4em; 
	margin: 0;
	display: inline;
}

#footer li a#lucky  {
	padding: 5px;
	border: 1px solid #aaa;
	margin-left: 2px;
	background: #222 url(../images/nav-back.gif) left top;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;	
}

#footer li img  {
	margin-bottom: -3px;	
}

#footer li a:hover#lucky  {
	border: 1px solid #666;
	opacity: 0.85;
}

#footer #call  {
	width: 30%;
	float: right;
	padding: 10px;
	text-shadow: 0 1px 1px #000;
	margin-top: 140px;
	border: 2px solid #777;
	background: #222 url(../images/nav-back.gif) left top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#footer #call p {
	font: 2.0em Graublau Sans Web, Arial Narrow, Arial, Helvetica Neue, Sans-Serif;
	font-weight: 500;
	letter-spacing: .05em;
	color: #eee;
	text-align: right;
}

#footer #call p em {
	font-size: 1.5em;
	color: #fff;
}

/*=======================================================

	containers

========================================================*/

#main-content  {
	width: 96em;
	margin: auto;	
	padding: 8em 0 3em 0;
}

#Gallery-page #main-content  {
	padding-top: 20px;
}

.container  {
	width: 96em;
	margin: auto;
	padding: 0;	
}

#container  {
	position: relative;
	overflow: hidden;
	margin: auto;
}

.top  {
	position: relative;
	overflow: hidden;
	background: url(../images/nav-back.gif);
	border-left: 3px solid #aaa;
	border-right: 3px solid #aaa;	
	border-top: 1px solid #444;
}

.bottom  {
	overflow: hidden;
	background:  url(../images/cross2.png) no-repeat 50% 50px;
}
