@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; } /* remember to define focus styles! */
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
body { background:url(images/bg.png) center fixed; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; }
/* Structural */
#container { width:946px; margin:0 auto; }
#banner { height:248px; background:url(images/banner.png) bottom no-repeat; text-align:center; padding-top:5px; }
#contentHolder { padding:15px 30px 20px; background:url(images/contentBg.png) center repeat-y; min-height:400px; }
#nav { width:165px; float:left; margin-left:-40px; }
#content { width:746px; float:right; margin-left:-40px; }
#footer { height:168px; padding:5px 30px; background:url(images/footer.png) no-repeat; text-align:center; }
/* Nav */
#nav li { width:165px; height:44px; }
#nav li:last-child { height:55px; }
#nav li a { display:block; width:100%; height:100%; font-size:0; line-height:0; overflow:hidden; text-indent:-333px; }
#nav #home { background:url(images/nav/home.png) no-repeat left; } #nav #home:hover { background-position:right; }
#nav #about { background:url(images/nav/about.png) no-repeat left; } #nav #about:hover { background-position:right; }
#nav #manifesto { background:url(images/nav/manifesto.png) no-repeat left; } #nav #manifesto:hover { background-position:right; }
#nav #media { background:url(images/nav/media.png) no-repeat left; } #nav #media:hover { background-position:right; }
#nav #join { background:url(images/nav/join.png) no-repeat left; } #nav #join:hover { background-position:right; }
#nav #links { background:url(images/nav/links.png) no-repeat left; } #nav #links:hover { background-position:right; }
#nav #store { background:url(images/nav/store.png) no-repeat left; } #nav #store:hover { background-position:right; }
#nav #forum { background:url(images/nav/forum.png) no-repeat left; height:55px; } #nav #forum:hover { background-position:right; height:55px; }
/* Formatting */
p { margin:0 0 18px 0; }
p:last-child { margin:0; }
h2 { font-size:28px; font-weight:bold; margin:8px 0 25px; color:#e58b8b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h3 { font-size:24px; font-weight:bold; color:#e58b8b; padding:0 0 7px 24px; margin-bottom:10px; border-bottom:solid 1px #e58b8b; background:url(images/pawprintSm.png) no-repeat left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h4 { font-size:14px; font-weight:bold; margin:0 0 5px; color:#ab92da; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#content ol, #content ul { list-style-position:outside; }
#content ol { list-style:decimal; margin:0 0 0 20px; }
#content li { margin:0 0 18px 0; }
#content li:last-child { margin:0; }
#content ul li { padding:0 0 7px 24px; background:url(images/pawprintSm.png) no-repeat left top; margin-bottom:0px; }
#content a { color:#e58b8b; text-decoration:none; border-bottom:solid 1px #e58b8b; }
/* For the forums */
#banner h1 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
#content.theForums ul li { padding:0; background:none; margin:0; }
#content.theForums h3 { padding:0; background:none; margin:0; border:none; }
#content.theForums a { border:none; }
/* Clear Fix */
.clrFx:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clrFx { display: inline-block; }
/* Hides from IE-mac \*/
* html .clrFx { height: 1%; }
.clrFx { display: block; }
/* End hide from IE-mac */