/* ====================
   DOCUMENT INFORMATION
    - Document: TTG Ad Sites Base CSS
	- Version:  1.0
	- Author:   I. Arensbak 
   ==================== */

/* GLOBAL SETTINGS & RESETS
   ============================= */
   
*								{ margin: 0; padding: 0; }
body							{ font: 62.5% Helvetica, sans-serif; }
a								{ outline: none; text-decoration: none; }
a:hover 						{ text-decoration: underline; }
a img							{ border: none; }
li								{ list-style-position: inside; }
ul								{ margin-bottom: 10px; }
table							{ border-collapse: collapse; }
p 								{ font-size: 1.3em; line-height: 1.6em; margin-bottom: 1.5em; }
h1 								{ font: normal 2.8em 'Quattrocento', serif; }
h2								{ font: normal 20px 'Quattrocento', serif; margin: 5px 0; }
h3 								{ font: bold 1.4em Tahoma, Geneva, sans-serif; }


/* TOOLBOX
   ============================= */
.floatleft						{ float: left; }
.floatright						{ float: right; }
.floatleftpad					{ float: left; padding:15px; }
.floatrightpad					{ float: right; padding:15px; }
.center							{ text-align: center; }
.clear							{ clear: both; }

/* COMMON
   ============================= */
#scripture						{ width: 400px; margin: 0 auto; padding: 15px; text-align: center; }
#ostable						{ width: 100%; }
#ostable td						{ padding: 2px; }

/* AD STYLING
   ============================= */
.ad								{ font-size: 1.1em; padding: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 15px; -webkit-box-shadow: 0px 0px 5px 0px #000000; -moz-box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px #000000; background: rgb(255,255,255); 
								  /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); 
								  /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); 
								  /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); 
								  /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); 
								  /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); 
								  /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ) 
								  /* IE6-9 */ background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */ }
.ad hr							{ height: 9px; background: url(../../../images/ad-hr.png) no-repeat scroll center; border: none; margin: -11px 0 10px 0; }
.ad li 							{ font-size: 1.1em; }
.ad h2							{ font: normal 30px 'Quattrocento', serif; margin-bottom: 0; }
.ad p 							{ font-size: 1.1em; line-height: 1.2em; margin-bottom: 1.2em; }

/* RATES & AVAILABILITY
   ============================= */
.rates-and-availability a		{ -moz-border-radius:8px 8px 8px 8px; border:2px solid #EEEEEE; background: #09F; color: #fff; margin:0 auto; padding:6px; text-decoration: none; }
.rates-and-availability a:hover	{ background: #03C; color: #fff; }

/* HIKING INFORMATION
   ============================= */
h2.hiking						{ margin-left: 40px; }
ul.hikinglist					{ margin: 0 45px 0 45px; }
ul.hikinglist li				{ list-style-position: outside; }

/* IMAGE STYLING
   ============================= */
img.border						{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px #999; -moz-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; }


/* FORM STYLING
   ============================= */
label 							{ display: block; }
fieldset 						{ margin: 1.5em 0 0 1.5em; padding: 0; }
legend 							{ margin-left: 1em; color: #000; font-size: 1em; font-weight: bold; }
fieldset ol 					{ padding: 1em 1em 0 1em; list-style: none; }
fieldset li 					{ padding-bottom: 1em; }
fieldset.submit 				{ border-style: none; }

/* NAVIGATION & SIDEBAR STYLING
   ============================= */
#nav img 						{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px #999; -moz-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; }
#right-column img				{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px #999; -moz-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; }