/*
Theme Name: Aging Options
Theme URI: http://agingoptions.com
Description: Custom designed wordpress theme for the Aging Options website
Version: 1.0
Author: Rex Stevens
Author URI: http://tacomaphoenix.com
Tags: elder law, adult care
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* STRUCTURE */
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:353533; line-height:1.8em;}
h1{font-size:20px; color:#820024; font-weight:bold;}
ul li{list-style-image:url(style/images/bullet.jpg);}
ul li h2{list-style:none;}
em{font-style:italic;}
strong{font-weight:bold;}
.strong-em{font-style:italic; font-weight:bold;}
ol{list-style:decimal;}
ol li{list-style:decimal;}

.wrap{width:980px; margin:0 auto;}
#header{background:url(style/images/header.jpg) repeat-x; height:209px;}
.header-wrap{width:980px; margin:0 auto; background:url(style/images/header-bg.jpg) top center no-repeat; height:209px;}
.flash-header{float:right;}
#content-wrap{width:980px; margin:0 auto; background:url(style/images/content-bg.jpg) repeat-y;}
.inside-wrap{margin:0 25px;}
#content-wrap a{color:#820024; font-style:italic; text-decoration:none; border:none;}
#content-left{width:660px; float:left;}
#content-left p{margin-left:30px;}
#content-left h1{margin-left:30px;}
#content-left li{margin-left:30px;}
#content-left ul{margin-left:30px;}
#content-right ul{margin-left:30px;}
#content-right li{margin-left:30px;}
.post hr{margin-left:30px;}
#footer a.link{color:#ffffff; border-bottom:1px dotted #ffffff; text-decoration:none;}
#content-left .gform_wrapper{margin-left:25px;}

/* HOMEPAGE BOXES */
#boxes{margin-left:20px;}
#boxes h2{color:#820024; margin-left:9px; margin-top:10px; margin-bottom:10px; font-size:12px; line-height:1.2em;}
ul.boxes-list li{font-size:10px; margin-bottom:-6px;}
.box1, .box2, .box3, .box4, .box5, .box6{width:210px; height:230px; float:left; margin-bottom:5px; background:url(style/images/boxes-bg.jpg) no-repeat;}

/* NAVIGATION */
#navigation{height:40px; padding-top:170px;}
#suckerfishnav{list-style:none; display:block; margin-left:75px; margin-top:10px;}
/* #suckerfishnav li{list-style:none; display:block; float:left; color:#ffffff; margin-left:20px;}
#suckerfishnav li a {background-image:url(style/images/nav-sprite.jpg); background-repeat:no-repeat; display: block; height: 28px; width:57px; text-indent:-5000px; border:none; text-decoration:none;}
#suckerfishnav li a.home {background-position:0px 6px;}
#suckerfishnav li a.about {width:94px; background-position:-60px 6px;}
#suckerfishnav li a.services {width:80px; background-position:-155px 6px;}
#suckerfishnav li a.media {width:75px; background-position:-235px 6px;}
#suckerfishnav li a.resources {width:104px; background-position:-310px 6px;}
#suckerfishnav li a.contact {width:83px; background-position:-414px 6px;}
#suckerfishnav li a.blog {width:34px; background-position:-497px 6px;}
#suckerfishnav li a.forum {width:50px; background-position:-531px 6px;}
#suckerfishnav li a.faq {width:42px; background-position:-581px 6px;} */

#suckerfishnav {
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
	margin-left:85px;
    width:100%;
	z-index: 1000;
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
	list-style:none;
    }
#suckerfishnav ul {
    left:-999em;
    height:auto;
    width:150px;
    font-weight:normal;
    margin:0;
    line-height:1;
	list-style:none;
    border:0;
    border-top:1px solid #666666;
	position:absolute;
    }
#suckerfishnav li li {
	list-style:none;
	width:148px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:6px 10px;
    width:130px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
	list-style:none;
	position:absolute;
    }
#suckerfishnav li li:hover {
	background:#ffffff;
	list-style:none;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#353533;
	list-style:none;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
	list-style:none;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
	list-style:none;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
	position:absolute;
    left:-999em;
	list-style:none;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#353533;
	list-style:none;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	list-style:none;
    }


/* SIDEBAR */
#content-right{width:291px; float:right;}
#content-right p{margin-right:20px; margin-left:5px; line-height:1.2em;}
.sidebar-buttons{float:right; margin-right:15px; margin-top:10px;}
#mini-blog h1 a{font-size:16px; font-weight:bold; color:#353533; margin:0; font-style:normal; text-transform:capitalize; line-height:1.5em; margin-right:15px;}
#mini-blog h1{font-size:16px; font-weight:bold; color:#353533; margin:0; font-style:normal; text-transform:capitalize; line-height:1.5em; margin-right:15px;}
#mini-blog .meta{font-size:11px; color:#820024;}
.read-more{width:101px; height:27px; text-indent:-5000px; background:url(style/images/read-more.jpg) no-repeat; float:right; margin-right:15px; margin-top:10px;}
.register{width:94px; height:25px; text-indent:-5000px; background:url(style/images/register.jpg) no-repeat; float:right; margin-right:15px; margin-top:10px;}
.event-register{display:block; width:94px; height:25px; text-indent:-5000px; background:url(style/images/register.jpg) no-repeat; margin-left:200px; margin-top:10px;}
.event-read-more{width:101px; height:27px; text-indent:-5000px; background:url(style/images/read-more.jpg) no-repeat; float:left; margin-top:10px;}
.new-entries{width:138px; height:23px; text-indent:-5000px; background:url(style/images/new-entries.jpg) no-repeat; float:right; margin-right:15px; margin-top:10px;}
.old-entries{width:138px; height:23px; text-indent:-5000px; background:url(style/images/older-entries.jpg) no-repeat; float:left; margin-left:25px; margin-top:10px;}
ul#upcoming-events{list-style:none; margin:0px;}
ul#upcoming-events li{list-style:none; margin:0px;}

#content-right #blog-sidebar li{margin-left:0;}
#content-right #blog-sidebar ul{margin-left:0; margin-right:20px;}
#content-right #blog-sidebar ul.blog-list li{width:235px; border-bottom:1px solid #353533; margin-left:30px; list-style-image:url(style/images/bullet-gray.jpg);}
#content-right #blog-sidebar ul.blog-list li a{color:#353533;}
#content-right #blog-sidebar ul.blog-list li a:hover{background:#e4e4e4;}

.sidebar-header{margin-top:15px;}
.categories-header{width:291px; height:60px; background:url(style/images/categories-header.jpg); margin-top:15px;}

/* SEARCH */
#s{width:216px; padding:8px; background:url(style/images/search-bg.jpg) no-repeat; margin-left:10px; border:none; float:left;}
#searchsubmit{width:34px; height:32px; background:url(style/images/search-button.jpg) no-repeat; border:none; float:left; text-indent:-9000px; cursor:pointer; margin-left:-8px}
.search h2{color:#820024; margin:0 0 10px 0;}


/* FOOTER */
#footer{clear:both; background:#1c1c1c url(style/images/footer-bg.jpg) repeat-x; padding-top:25px; min-height:200px; color:#ffffff;}
ul.footer{width:965px; margin:0 auto;}
.footer li{list-style:none; width:316px; display:block; float:left; padding-left:5px;}
.right-border{background:url(style/images/address-book.png) no-repeat;}
.right-border p{padding-left:60px;}
.left-border{}

/* NEWSLETTER */
.newsletter{background:url(style/images/envelope.png) no-repeat; background-position:20px 0; border-right:1px solid #616161; border-left:1px solid #616161;}
.newsletter p{padding-left:70px;}
#newsletter{padding-left:70px; margin-top:10px; width:200px;}
#newsletter input{display:block; margin-bottom:5px;}
.newsletter-input{width:200px; background:#414140; color:#ffffff; border:none; padding:5px;}
.newsletter-submit{width:91px; height:26px; background:url(style/images/submit.jpg); text-indent:-5000px; border:none; float:right; cursor:pointer;}

/* HOMEPAGE */
.home-list li{margin-left:25px;}

/* PAGES */
.post li{margin-left:40px;}
.post h2{color:#820024; margin:10px 0 10px 25px; text-transform:uppercase;}
.post p{margin-bottom:10px;}
.post table{margin-left:25px;}
.category-articles h2{color:#820024; margin:10px 0 10px 0;}

/* COMMENTS */
html ol.commentlist li{list-style:none; background:#eaeaea; padding:10px; margin-left:20px; margin-bottom:15px;}
.comment-author{}
.comment-author img{float:left; width:48px; height:48px; margin-right:5px;}

/* TOOLS */
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.left-img{float:left; margin:0 10px;}
.right-img{float:right; margin:0 10px;}
.img-border{border:6px solid #820024;}
.bold-red{color:#820024; font-weight:bold; margin-bottom:5px;}
.header-margin{margin-left:-24px; margin-top:25px;}
ul.no-list{margin-left:0;}
ul.no-list li{list-style:none; margin-left:0;}


/* BLOG DATE */
.postdate {position: relative; width: 40px; height: 46px; float: left;}
.month, .day, .year {position: absolute; text-indent: -1000em; background-image: url(style/images/cal-background.jpg); background-repeat: no-repeat;}
.month { top: 2px; left: 0; width: 34px; height: 14px;}
.day { top: 15px; left: 5px; width: 24px; height: 20px;}
.year { top: 32px; left: 2px; width: 30px; height: 12px;}

/* MONTH */
.m-01 { background-position: -5px -10px;}
.m-02 { background-position: -5px -30px;}
.m-03 { background-position: -5px -52px;}
.m-04 { background-position: -5px -74px;}
.m-05 { background-position: -5px -96px;}
.m-06 { background-position: -5px -118px;}
.m-07 { background-position: -5px -140px;}
.m-08 { background-position: -5px -160px;}
.m-09 { background-position: -5px -182px;}
.m-10 { background-position: -5px -204px;}
.m-11 { background-position: -5px -226px;}
.m-12 { background-position: -5px -248px;}

/* DAY */
.d-01 { background-position: -46px -7px;}
.d-02 { background-position: -46px -27px;}
.d-03 { background-position: -46px -48px;}
.d-04 { background-position: -46px -69px;}
.d-05 { background-position: -46px -90px;}
.d-06 { background-position: -46px -109px;}
.d-07 { background-position: -46px -130px;}
.d-08 { background-position: -46px -149px;}
.d-09 { background-position: -46px -170px;}
.d-10 { background-position: -46px -190px;}
.d-11 { background-position: -46px -209px;}
.d-12 { background-position: -46px -229px;}
.d-13 { background-position: -46px -249px;}
.d-14 { background-position: -46px -269px;}
.d-15 { background-position: -46px -289px;}
.d-16 { background-position: -82px -9px;}
.d-17 { background-position: -82px -29px;}
.d-18 { background-position: -82px -49px;}
.d-19 { background-position: -82px -69px;}
.d-20 { background-position: -82px -89px;}
.d-21 { background-position: -82px -109px;}
.d-22 { background-position: -82px -129px;}
.d-23 { background-position: -82px -149px;}
.d-24 { background-position: -82px -169px;}
.d-25 { background-position: -82px -189px;}
.d-26 { background-position: -82px -209px;}
.d-27 { background-position: -82px -229px;}
.d-28 { background-position: -82px -249px;}
.d-29 { background-position: -82px -269px;}
.d-30 { background-position: -82px -289px;}
.d-31 { background-position: -82px -309px;}

/* YEAR */
.y-2009 { background-position: -114px -7px;}
.y-2010 { background-position: -114px -27px;}
.y-2011 { background-position: -114px -47px;}
.y-2012 { background-position: -114px -67px;}
.y-2013 { background-position: -114px -87px;}
.y-2014 { background-position: -114px -107px;}
.y-2015 { background-position: -114px -125px;}
.y-2016 { background-position: -114px -145px;}
.y-2017 { background-position: -114px -165px;}
.y-2018 { background-position: -114px -183px;}
.y-2019 { background-position: -114px -202px;}