@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#e3393f;text-decoration:none}
a:hover {text-decoration:underline}
body {background:url(../images/header_bg.jpg) no-repeat center top;color:#333;font:62.5% Arial}
dl {line-height:1.6em;margin:0 0 1em 0}
dl dt {color:#27a2da;font-size:1.3em;font-weight:bold}
dl dd {font-size:1.2em}
h1, h2, h3, h4, h5, h6 {font-size:1em}
h3 {color:#27a2da;font-size:1.3em}
html {background:url(../images/bg.png) repeat-x left top #189bd7}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {font-size:1.3em;margin:0 0 1em}
h2 {font-size:1.6em;margin:0.6em 0 0.4em 0}
li {list-style-type:none}

/* Containers */
#main {background:url(../images/wrapper_bg.png) repeat-x left bottom #fff;height:1%;margin:0 auto;overflow:hidden;padding:0 0 40px 0;width:1024px}

/* Header */
#header {height:252px;margin:0 auto;position:relative;width:1024px}
#header h1 {text-indent:-9999px}
#header h2 {text-indent:-9999px}
#header #logo {display:block;height:141px;left:4px;position:absolute;top:4px;width:133px}
#header #goto {background:url(../images/header_goto.jpg) no-repeat;display:block;height:24px;left:14px;position:absolute;text-indent:-9999px;top:164px;width:159px}

/* Content */
#content {float:left;margin:0 0 0 10px;width:670px}
#intro ,#ideas, #tips {padding-left:16px}
.link {background:url(../images/icon_arrow.png) no-repeat 0 2px;color:#e3393f;font-size:1.2em;font-weight:bold;margin:10px 0;padding:4px 0 4px 28px}

	/* Intro */
	#intro {height:1%;overflow:hidden;padding-left:10px;width:100%}
	#intro #intro-img {float:left}
	#intro p, #intro h2 {margin-left:296px;margin-top:0}

	/* Ideas */
	#ideas {line-height:1.6em}
	#ideas ul {height:1%;margin:0 0 2em 0;overflow:hidden;width:100%}
	#ideas ul li {float:left;height:178px;margin:0 14px 0 0}
	#ideas .nt {color:#e3393f;font-size:1.2em;font-weight:bold}
	#ideas .nt a:link,#ideas .nt a:visited {color:#e3393f;text-decoration:underline}
	#ideas .nt a:hover {text-decoration:none}
	
	/* Fundraising Tips */
	#tips .alt {margin-top:20px}

/* Sidebar */
#sidebar {float:right;margin:0 10px 0 0;width:284px}
#wear, #downloads, #faq, #story {margin-top:14px;padding-left:16px;padding-right:16px}
	
	/* Wear a Collar */
	#wear {padding-left:0}
	
	/* Downloads */
	#downloads li {list-style-type:none;padding:5px 0}
	#downloads li a {background:url(../images/icon_arrow.png) no-repeat;color:#e3393f;font-size:1.2em;font-weight:bold;padding:2px 0 2px 28px}
	
	/* FAQ */
	#faq h3 {padding:0 0 0.4em}
	#faq img {display:block;margin:0.8em 0 1.4em 0}

/* Headings */
.subtitle {position:relative}
.subtitle span {display:block;height:100%;left:0;position:absolute;top:0;width:100%}
#intro .subtitle {height:60px;width:281px}
#intro .subtitle span {background:url(../images/title_whatis.png) no-repeat}
#ideas .subtitle {height:42px;width:155px}
#ideas .subtitle span {background:url(../images/title_ideas.png) no-repeat}
#tips .subtitle {height:43px;width:151px}
#tips .subtitle span {background:url(../images/title_funtips.png) no-repeat}
#downloads .subtitle {height:27px;width:95px}
#downloads .subtitle span {background:url(../images/title_downloads.png) no-repeat}

/* Horizontal Rules */
#content .hr {background:url(../images/main_hr.jpg) no-repeat left bottom #fff;border:0;padding-bottom:50px}
#sidebar .hr {background:url(../images/side_hr.png) no-repeat left bottom #fff;border:0;padding-bottom:24px}

/* Footer */
#footer {font-size:1.4em;height:90px;margin:0 auto;padding:10px 0 0 0;width:1024px}
#footer ul {float:left;margin:0 4em 0 0}
#footer ul li {display:inline}
#footer ul li a {color:#fff;padding:0 1.4em 0 0}
#footer p {color:#fff;font-size:0.9em;float:right;padding-right:20px;}
#footer #magnetik {font-size:0.9em;background:url(../images/icon_magnetik.png) no-repeat;color:#fff;float:right;padding:0 0 0 20px}
#footer #magnetik:link, #footer #magnetik:visited {color:#fff}