@charset "UTF-8";
@import url(reset.css);

/* CSS Document */

/* COLORS -----------

Red			#A11E22
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White		#FFFFFF

-------------------*/
/* BODY */
body {
	background-color:#000000;
	font-size:13px;
	line-height:20px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
	color:#666666;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
h1 { font-size:14px; color:#999999; font-weight:bold; line-height:30px; text-transform:uppercase; padding:0; margin:0; }
h2 { font-size:14px; color:#FFCC33; font-weight:bold; line-height:30px; text-transform:uppercase; padding:0; margin:0; }
h3 { font-size:20px; color:#FFCC33; font-weight:bold; line-height:20px; padding:0; margin:0; }
h4 {
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:30px;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
	margin-top: 8px;
}
h5 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:uppercase; padding:0; margin:0; border-bottom:1px solid #666666; }
h6 { font-size:14px; color:#666666; font-weight:bold; line-height:30px; text-transform:uppercase; padding:0; margin:0; }
h7 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:uppercase; padding-top:10; margin:0; border-bottom:1px solid #FFCC33; }
p { line-height:18px; padding:0px 0px 10px 0px; }
em { font-weight:bold; color:#999999; }

/* DEFAULT ANCHORS */
a {	color:#CCC; text-decoration:none; }
a:hover { color:#FFF; }
a, a img {border:none; }
a:active, a:focus{ outline:none;}

/* CUSTOM ANCHORS */
a.more,a.more_mach,a.more_design,a.more_space, a.more_terror, a.more_level, a.more_mission {
	font-size:19px;
	color:#CCCCCC;
	text-transform:lowercase;
	line-height:20px;
	letter-spacing:-0.5px;
	border-bottom:3px solid #323232;
	padding-top: 2px;
	padding-right: 22px;
	padding-bottom: 2px;
	padding-left: 22px;
}
a.more_mach {width: 100px;}
a.more_design {width: 153px;}
a.more_space {width: 112px;}
a.more_terror {width: 115px;}
a.more_level {width: 106px;}
a.more_mission {width: 132px;}



a.more:hover,a.more_mach:hover,a.more_design:hover,a.more_space:hover,a.more_terror:hover, a.more_level:hover, a.more_mission:hover { color:#FFFFFF; border-bottom:3px solid #FFCC33; background-color:#262626; }
a.btn {color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 4px;
	border:1px solid #000000;
	background-color: #FFCC33;
	background-image: url(images/btn_bg.jpg);
	background-position: left;}
a.btn1 {
	color:#FFFFFF;
	margin:0;
	padding:1px 4px 1px 14px;
	border:1px solid #666666;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: left;
}
a.btn1:hover {
	color:#FFFFFF;
	border:1px solid #666666;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: left;
}
a.btn2 {
	color:#FFFFFF;
	margin:0;
	padding:1px 4px 1px 14px;
	border:1px solid #FFCC33;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: left;
}
a.btn2:hover {
	color:#FFFFFF;
	border:1px solid #FFCC33;
	background-color: #FFCC33;
	background-repeat: no-repeat;
	background-position: left;
}

/* FLOATS */
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }

/* BREAKS */
.force_break { clear:both; }
.soft_break { clear:both; }
.no_break { clear:right; }

.hr_break {
	clear:both;
	height:1px;
	background-image: url(images/border_dot_horizontal.png);
	background-repeat: repeat-x;
}

/* STRUCTURE */
#container {
	width:985px;
	height:100%;
	min-height:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top:0px;
}
.one_column { width:223px; }
.two_column { width:477px; }
.three_column { width:731px; }
.four_column { width:985px; }

/* COLUMN SPECS */
.margin_left { padding-left:15px; }
.margin_right { padding-right:15px; }
.border_left {
	padding-left:15px;
	background-image: url(images/border_dot_vertical.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.border_right { background:url(images/border_dot_vertical.png) top right repeat-y; padding-right:15px; }

/* HEADER */
#aheader { height:180px; padding:0px 0px 0px 0px; background: url(images/header_tagline.jpg) bottom right no-repeat; }
#header { height:45px; width:985px; padding:0px 0px 0px 0px;}
.logo { padding:65px 0px 0px 0px; }
a.register {
	color:#FFFFFF;
	font-weight:bold;
	line-height:15px;
	letter-spacing:1px;
	background-color: #FFCC33;
	background-image: url(images/btn_bg.jpg);
	background-position: right bottom;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 30px;
}
a.register:hover { color:#FFCC33; }
#header a.more, a.more_mach,a.more_design,a.more_space, a.more_terror, a.more_level, a.more_mission { padding-top:10px; }

/* CONTENT */
#content {
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
#content .photo { border:3px solid #FFCC33; }
#content .movie { border:3px solid #FFCC33; }
#content .flash_cause { width:223px; padding:20px 0px 20px 0px; }
#content .product_photo { border:3px solid #333333; margin-left:10px;}

/* FOOTER */
#footer {
	font-size:10px;
	border: 0px solid #666666;
}
#footer .inner { padding:30px 0; }
#footer ul li { display:inline; }
#footer li a { color:#666666; letter-spacing:1px; font-weight:bold; padding:0px 20px 0px 0px; text-decoration:none; text-transform:uppercase; }
#footer a:hover { color:#999999; }
#footer .inner p { color:#666666; padding:10px 0px 0px 0px; letter-spacing:0.05em; }
#home a#subnav_home,
#list a#subnav_list,
#sms a#subnav_sms,
#music a#subnav_music,
#shoes a#subnav_shoes,
#schools a#subnav_schools,
#water a#subnav_water,
#walk a#subnav_walk { color:#FFFFFF; }
a.nm { color:#666666; background:url(/images/takethewalk/nm_clock_off.gif) left no-repeat; padding-left:12px; }
a.nm:hover { color:#999999; background:url(/images/takethewalk/nm_clock_on.gif) left no-repeat;; }

/* NAV */
#nav { padding:15px 20px; background:url(/images/takethewalk/nav_bg.png) top no-repeat; }
#nav ul li { width:183px; display:list-item; }
#nav li { list-style:none; line-height:30px; border-bottom:1px solid #000000; }
#nav a { color:#CCCCCC; font-size:12px; text-transform:none; font-weight:bold; }
#nav a:hover { color:#FFFFFF; border-color:#333333; }
#nav a.home { background:url(/images/takethewalk/nav_icon_home.gif) left no-repeat; padding-left:25px; }
#nav a.list { background:url(/images/takethewalk/nav_icon_list.gif) left no-repeat; padding-left:25px; }
#nav a.sms { background:url(/images/takethewalk/nav_icon_sms.gif) left no-repeat; padding-left:25px; }
#nav a.music { background:url(/images/takethewalk/nav_icon_music.gif) left no-repeat; padding-left:25px; }
#nav a.shoes { background:url(/images/takethewalk/nav_icon_shoes.gif) left no-repeat; padding-left:25px; }
#nav a.schools { background:url(/images/takethewalk/nav_icon_books.gif) left no-repeat; padding-left:25px; }
#nav a.water { background:url(/images/takethewalk/nav_icon_water.gif) left no-repeat; padding-left:25px; }
#nav a.walk { background:url(/images/takethewalk/nav_icon_walk.gif) left no-repeat; padding-left:25px; }
#home a#nav_home,
#list a#nav_list,
#sms a#nav_sms,
#music a#nav_music,
#shoes a#nav_shoes,
#schools a#nav_schools,
#water a#nav_water,
#walk a#nav_walk { color:#FFCC33; }

/* HOMEPAGE CONTENT */
#flash_home { background-color:#000000; height:250px; padding:0; margin:0; }
#b_home { background-color:#000000; height:129px; padding:0; margin:0; }
#content_home { background:url(/images/takethewalk/content_bg_home.jpg) top center no-repeat; padding:30px 0px 60px 0px; }
#causes { width:950px; }
.cause { height:170px; }
.cause h1 { padding-top:25px; }
.cause p { width:170px; }
#shoes { height:170px; }
#news_tour { padding-bottom:15px; }
#news_tour h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_tour h2 { font-size:13px; text-transform:none; }
#news_tour a { color:#666666; }
#news_tour a:hover { color:#999999; }
#news_hosted { padding-bottom:15px; }
#news_hosted h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_hosted h2 { color:#999999; font-size:13px; text-transform:none; }
#news_hosted a { color:#666666; }
#news_hosted a:hover { color:#999999; }



/* SUBPAGE CONTENT */
#product { padding:10px 0px 0px 0px; }
#product .inner { padding:15px 0px 25px 0px; }
#product .inner h1 { padding-right:4px; }
#donate { padding-bottom:15px; }
#donate p { padding-top:10px; }
#donate form { padding-bottom:8px; }
#donate input.amount { width:60px; }

/* EXTRAS */
#newsletter { background:#000000; margin:0; padding:0px 8px; border:1px solid #323232; }
#newsletter h1 { color:#CCCCCC; padding-right:6px; }
#newsletter a.details { color:#666666; font-size:10px; font-style:italic; display:block; padding:7px 0px 0px 0px; }
#newsletter a.details:hover { color:#FFCC33; }
#newsletter form { padding-bottom:8px; }

/* NEW ADDITIONS */
a.details { color:#666666; font-size:10px; font-style:italic; padding-left:6px; }
a.details:hover { color:#FFCC33; }
a.btn { color:#FFFFFF; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:2px 6px; background:url(images/btn_bg.jpg) left #FFCC33; border:1px solid #000000; }
.form_break { clear:both; padding:5px 0px; }
.host_forms { width:223px; padding-top:20px; }
.host_forms th { text-align:left; padding:4px 0px 0px 0px; color: #999999; }
.host_forms th.required { font-size:10px; line-height:16px; font-weight:bold; font-style:normal; color:#ffffff; }
.host_forms td input { text-align:left; width:200px; padding:2px 3px 1px 3px; }
.host_forms td textarea { text-align:left; font-size:11px; color:#999999; width:200px; padding:2px 3px 1px 3px; border:1px solid #666666; background-color:#323232; }
.host_forms td.btn { padding-top:15px; }
.host_forms th.checkout_table_title { font-size:14px; line-height:16px; font-weight:normal; color:#999999; padding:0px; }
.host_forms th.checkout_table_title h2 { padding-top:0px; }
.host_forms input.btn { width:auto; padding:2px 4px; background:url(images/btn_bg.jpg) left #FFCC33; border:1px solid #000000; }
.host_forms em.bold { font-size:12px; color:#FFFFFF; font-weight:bold; }
.host_forms p { padding-top:0px; margin:0; }
.host_forms span.error { font-size:11px; line-height:16px; font-style:italic; color:#FFFFFF; padding:0px 0px 0px 8px; }
.host_error { font-size:12px; line-height:16px; font-style:italic; color:#FFFFFF; padding:20px 0px 10px 0px; }
p#host { font-size:12px; padding:9px 15px 0px 0px; color:#999999; }
span.host { color:#FFFFFF; font-weight:bold; padding-left:4px; }
div#profile { padding-top:20px; }
div.approve { padding:15px 15px;background:url(/images/takethewalk/walk_approve_bg.gif) top left #303030; border-bottom:3px solid #000000; border-top:3px solid #000000; }
div.approve a.check { padding-top:6px; }
.current_walk {
	padding:10px 0px;
	background-image: url(images/border_dot_horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
div#login_fade { width:437px; padding:20px }
em.bold { font-size:12px; color:#FFFFFF; font-weight:bold; }
input#visitor_hanson_realname { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }
input#visitor_hanson_location { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }
input#visitor_email { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }