/*------------------------------------------------------------------
[Master Stylesheet]

Project: Aaron's Canoe
Author: Scott Lively <scott@livelywebdesign.com>
Version: 1.1
Last change: 08/14/2009
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Navigation   [#nav_main]
4. Content      [#content]
5. Advertisements
6. Secure Area
7. Footer       [#ftr]
8. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; min-height:101%; padding:0; }

body { background-color:#B6C2C7; color:#000; font-family:Verdana, Verdana, Geneva, sans-serif; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:0px; line-height:18px; text-align:left; word-spacing:0px; }

a { color:#323F4F; }
a:hover { color:#000; }

p { padding:4px 0px; }

#x_gradient { background:#B6C2C7 url(../images/gradient-x.jpg) repeat-x; height:100%; width:100%; }

#top_pad { height:20px; }

#wrapper { background:#FFF url(../images/wrapper.jpg) repeat-y; border-bottom:3px solid #17252C; margin:auto; padding:0px 4px; width:952px; }

#main_container { background-image:url(../images/gradient-main.jpg); background-repeat:repeat-x; margin-top:1px; min-height:310px; width:952px; }

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr { background:#B6C2C7 url(../images/bg-header.jpg) no-repeat; height:300px; width:952px; }

#top_bar, #bottom_bar { height:24px; }
#top_bar_left { float:left; padding:6px 0px 0px 10px; }
#top_bar_right { float:right; padding:6px 10px 0px 0px; }
#top_bar_left h1, #top_bar_right span { color:#FFF; font-size:12px; font-weight:bold; }

#picture_banner { height: 130px; }

#bottom_bar { color:#FFF; padding:6px 10px 0px 0px; text-align:right; }
#bottom_bar a { color:#FFF; }
#bottom_bar a:hover { color:#CCC; }

#sepia_banner { height:110px; }

/*------------------------------------------------------------------
[3. Navigation ]
-------------------------------------------------------------------*/
#nav_main { float:left; padding:10px 0px 10px 10px; width:180px; }
#nav_main ul li { list-style-type:none; margin-bottom:3px; }
#nav_main ul li a { background-color:#32404F; border:1px solid #222121; color:#FFF; display:block; height:24px; padding:6px 0px 0px 16px; text-decoration:none; width:162px; }
#nav_main ul li a:hover, #nav_main ul li a.current { background-color:#343434; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#content_container { float:right; padding:0px 10px 0px 20px; width:730px; }

#page_title { background:url(../images/bg-title.jpg) no-repeat; height:34px; padding-top:12px; width:730px; }
#page_title h1 { color:#222121; font-weight:lighter; font-size:28px; line-height:34px; }

#content { padding:12px 0px; text-align:justify; }
#content ol { padding-left:20px; }
#content ul { padding-left:16px; }

#privacy div { padding:4px 0px; }
#slideshow_home_container { border:1px solid #222121; height:317px; margin-top:0px; width:526px; }
p.home_photo { font-size:10px; line-height:16px; }

#trips_rates table { border:1px solid #222121; font-size:10px; line-height:12px; }
#trips_rates td { border:1px solid #222121; padding:2px; text-align:left; width:16%; }
#trips_rates ul { text-align:left; }

#online_forms ul { padding:12px 18px; }
#online_forms ul li { list-style-type:none; padding:8px 0px; }
#online_forms ul li img { vertical-align:middle; }

#faq_answers ol li { padding:4px 0px; }
a.top { font-size:10px; }
a.answer { color:#000; font-weight:bold; text-decoration:none; }

#album_container { margin:auto; width:600px; }
.album_thumb_container { float:left; margin-bottom:18px; text-align:center; width:242px; }

#aaronstv { border:1px solid #222121; float:left; height:344px; width:425px; }
#aaronstv p { padding:4px 20px; text-align:left; }

#links ul li { padding:4px 0px; }

/*------------------------------------------------------------------
[5. Advertisements ]
-------------------------------------------------------------------*/
#ads_container { float:right; padding-top:0px; width:180px; }

.advertisement { background-color:#D4CFBA; border:1px solid #222121; height:100%; margin:8px 0px; padding:8px; width:164px; }
.restriction { font-size:11px; font-style:italic; line-height:14px; }

/*------------------------------------------------------------------
[6. Secure Area ]
-------------------------------------------------------------------*/
#newsletter_container { margin:auto; padding:20px 0px; width:500px; }
#login_container { margin:auto; margin-top:40px; padding:20px 0px; width:400px; }

#form .identifier { float:left; padding:2px; text-align:right; width:140px; }
#form .input_side { float:left; padding:2px; }

input.text, textarea.text { background-color:#FFF; border:1px solid #222121; width:140px; }

/*------------------------------------------------------------------
[7. Footer ]
-------------------------------------------------------------------*/
#ftr { font-family: "Times New Roman", Times, serif; font-size:12px; margin:auto; padding-top:4px; text-align:center; width:960px; }

#ftr a { color:#000; text-decoration:none; }
#ftr a:hover { color:#666; }

/*------------------------------------------------------------------
[8. Error ]
-------------------------------------------------------------------*/
.err_msg, #errName, #errUsername, #errPassword, #errEmail { color:#740B08; font-style:italic; }