/*
Theme Name: Seniors First Theme
Description: WordPress theme custom built for Seniors First by Costa DeVault.
Version: 1.0
Author: Costa DeVault
*/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }

em { font-style:italic; }
b, strong { font-weight:bold; }
blockquote { font-style:italic; margin:0 15px 0 15px; }

/* ------------------------------------------------------------------------------------------
BODY & BASICS */

body { background:#ffffff url(images/bkgBody.jpg) top left repeat-x; color:#686868; margin:0 0 25px 0; }

a:link, a:visited { color:#990000; text-decoration:none; } 
a:hover, a:active { color:#cc3300; text-decoration:underline; }

hr { background:#cccccc; border-top:0; border-right:0; border-bottom:0; border-left:0; color:#cccccc; clear:both; height:1px; margin:25px 0 25px 0; }

ul li { list-style-image:url(images/arrowGold.png); margin:0 15px 0 15px; padding:0 0 10px 0; }

img.alignleft { margin:5px 35px 5px 0; }
img.alignright { margin:5px 0 5px 15px; }

.infobox { background:#e6e6e6; font-size:1.3em; text-align:center; width:279px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.infopad { padding:25px; }

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

body { font-family:arial, calibri, helvetica, sans-serif; font-size:75%; }
h1, h2, h3, h4, h5, h6 { color:#983132; }
h1 { font-size:1.9em; }
h2, h3, h4, h5, h6 { font-size:1.5em; }
p, ul { font-size:1.1em; line-height:1.5em; margin:.75em 0 .75em 0; }

/* ------------------------------------------------------------------------------------------ 
PAGE LAYOUT */

div#container { margin:25px auto 25px auto; width:887px; }
div#header { margin:0 0 25px 0; width:887px; }
#header .alignleft { width:360px; }
#header .alignright { width:520px; }
div#mainmenu { clear:both; width:887px; }
div#content { margin:25px 0 0 0; width:887px; }
div#sidebar { float:left; width:300px; }
div#maincol { float:right; margin:0 0 0 10px; width:570px; }
div#footer { background:transparent url(images/bkgFooter.gif) top left no-repeat; clear:both; font-size:.90em; height:37px; margin:25px 0 0 0; overflow:hidden; width:887px; }
div#links { clear:both; margin:25px 0 0 0; text-align:center; width:887px; }

.alignleft { float:left; }
.alignright { float:right; }
.pad { padding:12px; }

#header .alignright ul { margin:25px 0 0 0; }
#header .alignright ul li { display:inline; margin:0 30px 0 0; }

/* ------------------------------------------------------------------------------------------ 
MAIN MENU */

ul.navlist { background:url(images/mainMenu.png) no-repeat; height:33px; margin:0; padding:0; width:887px; }
ul.navlist span { display:none; }
ul.navlist li, ul.navlist a { display:block; height:33px; margin:0; padding:0; }
ul.navlist li { float:left; display:inline; }
ul.navlist li.navone { width:76px; }
ul.navlist li.navtwo { width:96px; }
ul.navlist li.navthree { width:135px; }
ul.navlist li.navfour { width:110px; }
ul.navlist li.navfive { width:140px; }
ul.navlist li.navsix { width:140px; }
ul.navlist li.navseven { width:120px; }
ul.navlist li.naveight { width:70px; }
.navone a:hover { background:url(images/mainMenu.png) 0 -44px no-repeat; }
.navtwo a:hover { background:url(images/mainMenu.png) -76px -44px no-repeat; }
.navthree a:hover { background:url(images/mainMenu.png) -172px -44px no-repeat; }
.navfour a:hover { background:url(images/mainMenu.png) -307px -44px no-repeat; }
.navfive a:hover { background:url(images/mainMenu.png) -417px -44px no-repeat; }
.navsix a:hover { background:url(images/mainMenu.png) -557px -44px no-repeat; }
.navseven a:hover { background:url(images/mainMenu.png) -697px -44px no-repeat; }
.naveight a:hover { background:url(images/mainMenu.png) -817px -44px no-repeat; }

/* ------------------------------------------------------------------------------------------ 
HOMEPAGE ELEMENTS */

div#hpbanner { width:887px; }

div#newsticker { background-color:#7d7d7d; clear:both; color:#ffffff; height:37px; overflow:hidden; width:887px; -moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
ul#tickertext li { display:none; list-style-image:none; list-style-type:none; }

div.leftcol { background:transparent url(images/bkgLeftCol.png) top left no-repeat; color:#ffffff; float:left; height:265px; overflow:hidden; width:279px; }
div.middlecol { background:transparent url(images/bkgMiddleCol.png) top left no-repeat; color:#ffffff; float:left; height:265px; margin:0 5px 0 25px; overflow:hidden; width:279px; }
div.rightcol { background:transparent url(images/bkgRightCol.png) top left no-repeat; color:#ffffff; float:right; height:265px; overflow:hidden; width:279px; }

.leftcol a, .middlecol a, .rightcol a { color:#ffffff; }

img.hpbtn { padding:25px 0 0 0; }

ul.goldarrow, ul.redarrow { padding:5px 0 15px 0; }
ul.goldarrow li { list-style-image:url(images/arrowGold.png); margin:0 15px 0 35px; padding:0 0 5px 0; }
ul.redarrow li { list-style-image:url(images/arrowRed.png); margin:0 15px 0 35px; padding:0 0 5px 0; }

/* ------------------------------------------------------------------------------------------ 
SEARCH */

.search fieldset { background:transparent url(images/bkgSearch.png) top left no-repeat; float:right; height:25px; width:132px; }
.search input { border:0; margin:0 0 0 7px; padding:0 2px 0 2px; }
.search input.btnsearch { margin:3px 0 0 7px; }

/* ------------------------------------------------------------------------------------------ 
LINKS */

div.linkthumb { float:left; margin:0 15px 0 0; width:150px; }
div.linkthumbone { float:left; margin:0 15px 0 15px; width:150px; }

table#linkstable { padding:15px 0 0 0; }
table#linkstable td { padding:10px 0 10px 0; }

/* ------------------------------------------------------------------------------------------ 
CONTACT US */

table.stafftable {}
table.stafftable td { padding:10px 0 10px 0; }
tr.odd { background:#fafafa; }

/* ------------------------------------------------------------------------------------------ 
HEADERS */

h1.aboutus { background:transparent url(images/bannerAboutUs.jpg); height:157px; width:887px; }
h1.aboutus span { display:block; height:0; overflow:hidden; width:0; }

h1.ourservices { background:transparent url(images/bannerOurServices.jpg); height:157px; width:887px; }
h1.ourservices span { display:block; height:0; overflow:hidden; width:0; }

h1.donations { background:transparent url(images/bannerDonations.jpg); height:157px; width:887px; }
h1.donations span { display:block; height:0; overflow:hidden; width:0; }

h1.volunteering { background:transparent url(images/bannerVolunteering.jpg); height:157px; width:887px; }
h1.volunteering span { display:block; height:0; overflow:hidden; width:0; }

h1.newsevents { background:transparent url(images/bannerNewsEvents.jpg); height:157px; width:887px; }
h1.newsevents span { display:block; height:0; overflow:hidden; width:0; }

h1.contactus { background:transparent url(images/bannerContactUs.jpg); height:157px; width:887px; }
h1.contactus span { display:block; height:0; overflow:hidden; width:0; }

h1.links { background:transparent url(images/bannerLinks.jpg); height:157px; width:887px; }
h1.links span { display:block; height:0; overflow:hidden; width:0; }

