/* The Reset (By Bryan Veloso) ---------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, abbr { border: 0; } address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } q:before, q:after { content: ''; } a { text-decoration: none; } /* ================ */ /* = The 1Kb Grid = */     /* 16 columns, 40 pixels each, with 20 pixel gutter */ /* ================ */ .grid_1 { width:40px; } .grid_2 { width:100px; } .grid_3 { width:160px; } .grid_4 { width:220px; } .grid_5 { width:280px; } .grid_6 { width:340px; } .grid_7 { width:400px; } .grid_8 { width:460px; } .grid_9 { width:520px; } .grid_10 { width:580px; } .grid_11 { width:640px; } .grid_12 { width:720px; } .grid_13 { width:760px; } .grid_14 { width:820px; } .grid_15 { width:880px; } .grid_16 { width:980px; } .column { margin: 0 10px; overflow: hidden; float: left; display: inline; } .sectionrow { width: 520px; margin: 0 auto; overflow: hidden; } .row { width: 980px; margin: 0 auto; overflow: hidden; } .row .row { margin: 0 -10px; width: auto; display: inline-block; } /* standard elements */ body { background: #80b182; font-size:14px; font-family:Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Serif; } h1 { border-bottom:1px solid #c8a363; padding-bottom:4px; margin-bottom:8px; } p { font-size:12px; margin-bottom:0.8em; line-height:1.5em; } a, a:link, a:visited, a:hover, a:active { color:#00F; outline:none; text-decoration: none; } /* utilities */ .clearfloats { clear:both; height:1px; font-size:1px; line-height:1px; } /* page layout */ #header { background: #a48356 url(../images/head-bg.jpg) repeat-x left bottom; } #header_wrap { background: transparent url(../images/hand.png) no-repeat right bottom; } #nav { background: #6d976f url(../images/nav-bg.gif) repeat-x left top; border-top: 1px solid #7CA27E; border-bottom: 1px solid #577A59; } #content { background: #d1ae6b url(../images/content-bg.gif) repeat-x left top; } #content_wrap { background: white; padding: 10px 0; } #footer { background: #80b182 url(../images/footer-bg.jpg) repeat-x left top; border-top: 1px solid #7CA27E; color: white; font-family: Georgia, "Times New Roman", Serif; font-size: 11px; } #logo { margin: 10px 0; border: none; text-decoration: none; } #logo img { border: none; } #simplesearch { margin: 7px auto; width: 220px; } #nav ul { margin: 0; padding: 0; display: block; overflow: hidden; } #nav ul li { list-style-type: none; display: block; float: left; font-size: 14px; } #nav ul li a { display: block; float: left; text-transform: uppercase; color: white; font-family: Georgia, "Times New Roman", Serif; padding: 8px 16px 8px 0; } #nav ul li a:hover { text-decoration: underline; } #content p { color: #444; } #sections .row { margin-bottom: 15px; } a.item { border: 1px solid #577A59; display: block; overflow: hidden; height: 128px; width: 216px; } a.item img { border: none; display: block; margin-left:auto; margin-right: auto; height: 100px; float: center; } a.item .desc { background: #6d976f url(../images/nav-bg.gif) repeat-x left top; border-top: 1px solid #7CA27E; display: block; color: white !important; padding: 5px; text-decoration: none; } a.item .desc h2 { background: url(../images/arrow-white.png) no-repeat right center; color: white; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration: none; } a.item .desc p { color: #eee !important; font-size: 11px; } a.item:hover .desc { position: relative; top: -35px; } #welcome { margin-bottom: 10px; } #welcome p { padding: 0 10px; } .featured_link { background: url(../images/arrow-blue.png) no-repeat right center; border-bottom: 1px dotted #c8a363; display: block; padding: 10px 25px 10px 5px; } .featured_link h3 { color: #006 !important; overflow: hidden; } .featured_link p { font-size: 11px; color: #444 !important; margin:0; padding:0; display: inline; } .submit { margin-top:3px; } a.featured_link:hover { background-color: #FFFAE8; } a.featured_link h3 { color: #006 !important; overflow: hidden; } a.featured_link h3 img { float: left; margin-right: 5px; } a.featured_link p { font-size: 11px; color: #444 !important; } #footer a { color: white; font-family: Georgia, "Times New Roman", Serif; border-bottom: 1px dotted white; text-decoration: none; } #footer ul { margin: 10px 0; } #footer ul li { display: inline; margin: 0 10px 0 0; } #footer ul li a { font-size: 11px; } #worldpay_logo { margin:10px;  display:block; } #twitter { padding-top: 40px; } #twitter h3 a { background: url(../images/arrow-blue.png) no-repeat right center; border-bottom: 1px dotted #c8a363; color: #006 !important; display: block; padding: 5px; } #twitter h3 a:hover { background-color: #FFFAE8; } #twitter h3 a img { float: left; margin-right: 5px; } .tweets { font-size: 12px; } .tweets ul li { list-style-type: square; padding: 5px 5px 10px 5px; } .tweets ul li .tweet_text { display: block; font-size: 11px; padding-top: 3px; } .tweets ul li a:hover { text-decoration: underline; } #copyright { font-family:Arial, Helvetica, Sans-Serif; color: #ffffff; font-size: 12px; line-height: 1.5em; padding: 0; margin-bottom: 0.8em; } #welcome h1{ font-size: 32px; color: black; } #sections h1{ font-size: 32px; color: black; }