/* 
Grid: 846px wide, 12 columns at 54px each, 11 gutters at 18px each.
1 = 54px
2 = 126px (6 columns)
3 = 198px (4 columns)
4 = 270px (3 columns)
5 = 342px
6 = 414px (2 columns)
7 = 486px
8 = 558px
9 = 630px
10 = 702px
11 = 774px
12 = 846px
*/

/* == 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;
}

/* remember to define focus styles! */

:focus { outline: 0;}

body {color: black; background: white;}

ol, ul {list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {quotes: "" "";
}

/* == @Font-Faces == */
@font-face {
    font-family: "Rockwell Regular";
    src: url("../f/Rockwell.otf") format("truetype");
}

@font-face {
    font-family: "Rockwell Bold";
    src: url("../f/RockwellBold.ttf") format("truetype");
}

/* == Generic styles ======== */
body {font:62.5% "Lucida Grande", Helvetica, Arial, sans-serif; color:#333;background:#e4e4d3 url("../i/wha-bg.png");width:882px; margin:18px auto;}

/* Headings */
h1 {font-size:3.6em; line-height:1em; margin-bottom:1em;}
h2 {font-size:3.6em; line-height:1em; margin-bottom:.5em;}
h3 {font-size:1.8em; line-height:1em; margin-bottom:1em; font-weight:bold;}
h4 {font-size:1.2em; line-height:1.5em; margin-bottom:0em; font-weight:bold;}
h5 {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em; font-weight:bold;}

h1,h2,h3 {font-family: Rockwell, "Rockwell Regular", serif; letter-spacing:2px;font-weight:bold;}

/* Links */
a:link {color:#9a5130;}
a:visited {color:#a19681;}
a:focus {color:#333;}
a:hover {color:#333;}
a:active {color:#9a5130;}

h1 a, h2 a, h3 a {text-decoration:none;}
a img {border:0;}

/* Misc Elements */
p,ul,ol,dl,blockquote,address {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;}
ul {}
ol {}
dl {}
blockquote {}
address {}

ul li * {font-size:1em;}

dl dt {font-weight:bold;}
dl dd {margin-left:1.5em;margin-bottom:1.5em;}

em,i {font-style:italic;}
strong,b {font-weight:bold;}

#secondary li {text-indent:-1em; margin-left:1em;}

/* Forms */

label {display:block; font-weight:bold;}

/* Microformats */
div.vcard {overflow:hidden;border-bottom:1px solid #e4e4d3; padding:18px 0 17px;}
div.vcard img {float:right;padding:8px; border:1px solid #e4e4d3;}
div.vcard ul {float:left; width:270px;}

/* == Wrap == */
#wrap {background:#fff url("../i/grunge-footer-bg.jpg") bottom left no-repeat; overflow:hidden; zoom:1; }

/* == Header == */
#header {padding:18px; overflow:hidden; zoom:1;background:transparent url("../i/grunge-header-bg.jpg") top left no-repeat;}
	#header #logo {float:left; width: 414px; font:1.4em Rockwell, "Rockwell Bold", serif; padding: 0 0; margin: 0 0;}
	#header #logo p{margin: 0 0; padding: 0 0 0 5em;}
    #header #latest {float:right; width: 306px; font:1.4em Rockwell, "Rockwell Bold", serif; padding:18px; background:#9a5130; color:#fff;}
        #header #latest a {color:#fff;}
        #header #latest ul {margin-bottom:0; line-height:1.2em;}
		
/* == Sitenav == */
#sitenav {margin-right:-18px; padding-bottom:2px;overflow:hidden;zoom:1;margin-bottom:2em;  background:transparent url("../i/worn-border.gif") 18px 0 no-repeat;}
    #sitenav ul {font: 1.5em Rockwell, "Rockwell Regular", serif; font-weight:bold; margin-bottom:0; background:transparent url("../i/worn-border.gif") 18px bottom no-repeat; overflow:hidden; zoom:1;padding:4px 0 6px;}
    #sitenav li {display:block; text-align:center; float:left; width: 126px; margin-right: 18px;padding:9px 0;overflow:hidden; zoom:1; margin-bottom:0;}
        #sitenav a {text-decoration:none; display:block; text-indent:9px;float:left; width: 125px;border-left:1px solid #ccc;}
        #sitenav .page-item-8 a {border-width:0;}
/* == Content == */
#content {padding:18px 18px 0; padding-top:18px;overflow:hidden; zoom:1;background:#fff url("../i/content-bg.jpg") 18px bottom no-repeat; padding-bottom:160px; border:3px solid #9a5130; border-width: 0 0;}

    /* Homepage */
    #founded {background:transparent url("../i/founded-bg.jpg") 50% 0 no-repeat; height:216px; width: 846px; padding-bottom:0; border-bottom: 3px solid #9a5130;}
        #founded p {height:0; width:0; text-indent: -1000em;}
    
    #news-panel {margin-right:-18px;overflow:hidden;padding-top:18px;}
    #news-panel li {float:left; display:block; width:270px; margin-right: 18px;}  
        #news-panel li h2 {font-size:2em; line-height:1em; margin-bottom:1em;}
    
    /* Inside Pages */
    #primary {float:left; width: 414px;}
    #secondary {float:right; width: 414px;}
    #tertiary {}

    
/* == Footer == */
#footer {overflow:hidden; zoom:1;padding:18px;background:transparent url("../i/worn-border.gif") 18px 0 no-repeat;}
    #footer ul {font-size:1.1em;}
    #footer #contact {float:left; padding:0; width: 192px;}
    #footer .navigation {float:right; width: 572px; text-align:right;}
        #footer .navigation li {display:inline; font-weight:bold;}
            #footer .navigation a {text-decoration:none; border-left:1px solid #333;padding: 0 8px;}
            #footer .navigation .nav-news a {border-width:0;}
			#footer .page-item-8 a {border-width:0;}