/*
Theme Name: The Morning After
Theme URI: http://themasterplan.in/themes/the-morning-after/
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.
Version: 1.2
Author: Arun Kale
Author URI: http://themasterplan.in/

Please read the license in the README.txt included with the theme.
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Start The Morning After stylesheet - jmw background was ebeff2
-------------------------------------------------------------- */
/* 339900  */
body { background: #419610 url(images/bg/body_main.png) repeat-y top center; }
a { color: #000; text-decoration: none; }
h2 { font-weight: normal; }

/* Header styles - jmw there was no background-color
-------------------------------------------------------------- */
/*jimw change height from 108px to allow for second menu line
change logo title 3em */
#header { background-color: #d5ffbf; padding: 1.5em 0 0 0; height: 128px; border-bottom: 1px solid #999; background: url(images/bg/header_bgblue1.jpg) repeat top left; }
#header #logo { height: 90px; }
#header #logo .title { padding: 0.5em 0 0 0; font: 700 4.0em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
#header #logo a.sitelogo { display: block; width: 400px; height: 90px; background: url(images/bg/sitelogo.png) no-repeat; }

/* Search and navigation
-------------------------------------------------------------- */
/*jimw change menu height from 90px to allow for second menu line
images were home.gif,info.gif,hourglass.gif,favourite.gif,mail.gif*/

#header #search_menu { height: 120px; }
#header #search_menu #search { padding: 0 0 0 5px; }

#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
#menu li a { padding: 0; text-decoration: none; color: #000; }
/* #menu li a:hover { padding: 0; text-decoration: underline; }*/

#menu2 { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu2 li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
#menu2 li a { padding: 0; text-decoration: none; color: #000; }
#menu2 li a:hover { padding: 0; text-decoration: none; background-color:#f4fef7;color:#000; }
#menu2 li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu2 li span.home { background: url(images/bg/house.png) no-repeat; }
#menu2 li span.about { background: url(images/bg/information.png) no-repeat; }
#menu2 li span.archives { background: url(images/bg/database.png) no-repeat; }
#menu2 li span.subscribe { background: url(images/bg/newspaper.png) no-repeat; }
#menu2 li span.contact { background: url(images/bg/email.png) no-repeat; }
#menu2 li span.forum { background: url(images/bg/group.png) no-repeat; }
#menu2 li span.ecofeeds { background: url(images/bg/feed_go.png) no-repeat; }
#menu2 li span.buylocal { background: url(images/bg/buylocal.png) no-repeat; }

/*menu from http://www.invokemedia.com/css-dropdown-menu-with-wordpress.html*/
/* to create the horizontal dropdown page menu */

#nav {
            margin-left: 1px;
            list-style: none;
            background: #428E18;  /*jimw was #900;*/
            padding: 0;
            border: 1px solid #fff;
            border-width: 0px 0px 0px 1px;
}

#nav ul {
            margin: 0;
            padding: 0;
            height: 1em;
            }

#toolbar form {
            margin: 0;
            padding: 0.1em 2em 0.1em 0em;
            height: 1em;
            }

#toolbar input {
            margin: 1px;
            }

#nav a {
            display: block;
            color: #fff;
            text-decoration: none;
            padding: 0.1em 2em;
}

#nav li {
            float: left;
            padding: 0;
            background: #428E18;  /*jimw was #900;*/
            border: 1px solid #fff;
            border-width: 1px 0;
}

#nav li ul {
            position: absolute;
            left: -999em;
            height: auto;
            width: 14.4em;
            w\idth: 12.9em;
            font-weight: normal;
            border: 1px solid #fff;
            margin: 0;
            list-style: none;
}
 
#nav li li {
            padding-right: 1em;
            width: 19.4em; /*jimw was 13.4em*/
            border: 0px;
}

#nav li ul a {
            width: 18em; /*jimw was 12em*/
            w\idth: 16em; /*jimw was 9em*/
}

#nav li ul ul {
            margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
            left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
            left: auto;
}

#nav li:hover, #nav li.sfhover {
            background: #FFC704;  /*jimw was #F20000;*/
}
/* end dropdown menu */

/* Top banner with rotating images
-------------------------------------------------------------- */
/*jimw add overflow:hidden */
#topbanner { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/home_banner.jpg) repeat-x; overflow: hidden; }
#topbanner_arch { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/archive_banner.jpg) repeat-x; }
#topbanner_single { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/single_banner.jpg) repeat-x; }
#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle { float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }

/* Home page columns
-------------------------------------------------------------- */

#home_content { margin: 1.5em 0; }

/* latest post */

#latest_post { padding: 0 0 1.5em 0; border-bottom: 2px solid #999; }
#latest_post_image img { margin: 0 0 0.2em 0; }
.latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
.latest_post_meta a { font-weight: bold; }
.latest_post_meta a:hover { text-decoration: underline; }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

/* featured post */
/*jmw remove background image -#b5d79c*/
/*#home_featured { background: #f2f2f2 url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }*/
/* was white7_999*/
#home_featured { background: #ce8229 url(images/bg/ar_featoil2.jpg) repeat; margin: 0 0 1.1em 0; float: left; width: 100%; }
.feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; font-size: 15px; font-weight: bold;}
.feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
.feat_title { font: 700 16px georgia, serif; padding: 0 0 0.1em 0; } /*jimw was 0 0 0.3 0*/
.feat_title a { color: #224970; }
.feat_title a:hover { color: #000; }

/* jimw - add newsworthy post */
#home_newsworthy { background: #f2f2f2 url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }
.news_content { float: left; padding: 0 0.7em 0.4em 0.7em; }
.news_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
.news_title { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }
.news_title a { color: #224970; }
.news_title a:hover { color: #000; }

/* asides */

ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(foo.gif); margin: 0; }
ul.arrow li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 3px solid #dadada; border-left: 5px solid #dadada; }
ul.arrow li a, ul.reccom li a, ul.email li a { color: #224970; }
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }

/* jimw - yahoo_group */
#yahoo_group { border: 1px solid #5d709f; margin: 0; background: #f3f9ff url(images/yahoo.png) no-repeat top right; padding: 2px; }

/* about */

#home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 0.5em 0.7em 0 0.7em; }
#home_about p { font-size: 0.9em; font-family: tahoma; }

/* recent posts */

.home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; }
.home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }

/* category list */

#side_categories { margin: 0 0 1em 0; }
ul.cat li { padding: 0 0 0.3em 0; margin: 0; }
ul.cat li a { display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
ul.cat li a:hover { background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #224970; }
ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }
/*jimw change padding 0 and margin 0 to display long links better */
ul.cat li ul li { padding: 0 0 2px 0; margin: 0 0 10px 0; }
ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(images/bg/sub.png) no-repeat; }
ul.cat li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat; }

/* featured news feeds */

#rss { margin: 0 0 1.4em 0; }
ul.rss li { list-style: none; padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 3px; }

/* recent comments */

#side_recent_comments, #side_most_emailed { margin: 0 0 1.4em 0; }

ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/bubble.png) no-repeat 0 3px; }

/* forum questions */

#rss h3.reccom { text-transform: uppercase; font-size: 0.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 0.4em 1.6em; letter-spacing: 0.1em; color: red; background: url(images/bg/star.png) no-repeat 0 2px;}

#wpa_marquee { background-color: #D6F3C6; }

/* most emailed */

ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/doc.png) no-repeat 0 3px; }

/* ad */

.ad_block { border: 8px solid #0071DE; padding: 4px 4px 0px 2px; margin: 1em 0 1.2em 0; text-align: center; background: #f3f9ff; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 170px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }


/* Archive styles
-------------------------------------------------------------- */

#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #224970; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a { color: #224970; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

/* Single post styles
-------------------------------------------------------------- */

.post_meta { color: #818181; padding: 0.3em 0 1.4em 0; }
#post_content blockquote { float: left; width: 560px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; } /*jimw was right 260px*/
#post_content blockquote p { text-align: left; line-height: 1.5em; } /*jimw was right*/
#post_content p img { float:left; margin:0 1.5em 1em 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon { margin: 0 0.3em 0 0;padding: 0; }
#post_content p a, #arch_content p a { color: #224970; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a { color: #224970; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #224970; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }

/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }
ul.archives {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 3px; }
ul.archives li a { color: #224970; }
ul.archives li a:hover { color: #000; background: #eee; }

/* Footer
-------------------------------------------------------------- */

#footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }
#footer ul {  margin: 0 0 1.5em 0; list-style: none; display: block;}
#footer ul li { float: left; }
#footer ul li a { color: #224970; }
#footer ul li a:hover { color: #000; background: #eee; }

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }

/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 1.2em; line-height: 1.4em; font-weight: bold; padding: 0.7em 0.7em 0.7em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.home_newsworthy { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }
h2.mast { text-transform: uppercase; font-size: 0.9em; line-height: 1.9em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }

/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

/*---:[ special widget styles ]:---*/
      
#calendar_wrap { width: 16.3333em; margin: 0 0 0.8333em 0; padding: 0 0.166667em; }
      
   table#wp-calendar { width: 16.3333em; border-collapse: collapse; }
      
   table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }
      
   table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }
         
   table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }
         
      table#wp-calendar td a, table#wp-calendar td a:visited { color: #a90000; font-weight: bold; }
            
      table#wp-calendar td a:hover { text-decoration: underline; }
            
   table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }

/*---jimw for wp_list_bookmarks---*/

#links { margin: 0 0 0 7em; height: 300px; float: left; background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 1em 0; text-align: left;}
#links h2 { font-size: 0.8em; line-height: 1.2em; font-style: italic; color: green; padding: 0 0 0 0; }
#links h3 { text-transform: uppercase; font-size: 0.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 0.4em 1.6em; letter-spacing: 0.1em; color: red; background: url(images/bg/star.png) no-repeat 0 2px;}
#links ul { list-style: none; width: 200px;}
#links li { list-style: none; padding: 0 0 0.3em 0; margin: 0; font-size: 1.0em; list-style-image: url(images/bg/sub.png); float: left; width: 190px;}
#links li a:hover { background: #f1f1f1; color: #224970; }
#links li.linkcat { list-style: none; list-style-image: url(foo.gif); }

#bug img {float: left; margin: 0; height: 153px; width: 216px; }
#bug img:hover {height: 230px; width: 324px; margin-left: -40px;}

/*jimw - for sidebar tooltips*/
#ttip a.tooltip{
    position:relative; /*make relative to the parent link which is absolute*/
    z-index:24; /*make IE happy*/
    text-decoration:none;}

#ttip a.tooltip:hover{z-index:25;text-decoration:underline;}

#ttip a.tooltip span{display:none; /*content of span hidden*/}

#ttip a.tooltip:hover span{ /*everything within the span will be displayed only during :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #999999;
    background-color:#252525; color:#fff;
    text-align:center;}
/*jimw - for twitter*/
#twit h3 { text-transform: uppercase; font-size: 0.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 0.4em 1.6em; letter-spacing: 0.1em; color: red; background: url(images/bg/twitter.png) no-repeat 0 2px;}

/*-- Bottom Toolbar from http://www.pvmgarage.com/2009/12/nice-and-simple-toolbar-for-your-website-with-css3-and-jquery/--*/

div#toolbarb, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
top:0px; /*jimw to move to top*/
  bottom: 0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
  width: 46px; /*jimw to side was height 36*/
  background: url(images/bcktool.png);
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
   -khtml-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px; /*jimw to side add*/
   -khtml-border-radius-bottomleft: 8px; /*jimw to side add*/
   -webkit-border-top-left-radius: 8px;
   -moz-border-radius-topright: 8px;
   -khtml-border-radius-topright: 8px;
   -moz-border-radius-bottomright: 8px; /*jimw to side add*/
   -khtml-border-radius-bottomright: 8px; /*jimw to side add*/
   -webkit-border-top-right-radius: 8px;
   -moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
   border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  /*border-right: 1px solid #eee;*/ /*jimw to side remove*/
}

div#toolbarb {
  height: 85%; /*jimw to side was width*/
  min-height: 500px; /*jimw to side was min-width 700px*//* to limit the width when an excessive window resize */
  margin: auto 0; /*jimw to side was 0 auto;*/ /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 90%; /*jimw to side was 3%*/
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;
  font-size: 10px;
  color: #989898;
}

.leftside {
  float: top; /*jimw to side was left*/
}

.rightside {
  float: bottom; /*jimw to side was right*/
}

/*-- Left Side --*/
ul#social { /*jimw to top*/
  padding: 0px;
  margin: 0px;
}

ul#social li {
  display: inline;
}

a.rss {
  display: inline-block;
  width: 36px; /*jimw was 104px*/
  height: 35px;
  margin-left: 5px;
  background: url(images/rss.png) no-repeat;
}

a.facebook, a.twitter, a.digg, a.delicious, a.stumble, a.yahoo {
  display: inline-block;
  width: 40px;
  height: 35px;
  margin-left: 5px;
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover, a.yahoo:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.facebook {
  background: url(images/facebook.png) no-repeat;
}

a.twitter {
  background: url(images/twitter.png) no-repeat;
}

a.delicious {
  background: url(images/delicious.png) no-repeat;
}

a.digg {
  background: url(images/digg.png) no-repeat;
}

a.stumble {
  background: url(images/stumble.png) no-repeat;
}

a.yahoo {
  background: url(images/yahoo.png) no-repeat;
}

.tip {
  position: absolute; /* important */
  top: 25px; /*jimw to top was -75px;*/
  width: 250px;
  height: 78px;
  background: url(images/tip.png) no-repeat;
  float: left;
  display: none;
}

/* custom distances for the icons */
#tiprss { /*jimw*/
  top: -40px; /*jimw to side was left 10px*/
  left: 40px; /*jimw to side add*/
}

#tipfacebook {
  top: 5px; /*jimw to side was left 85px*/ /*jimw was 75*/
  left: 40px; /*jimw to side add*/
}

#tiptwitter {
  top: 40px; /*jimw to side was left 140px*/ /*jimw was 120*/
  left: 40px; /*jimw to side add*/
}

#tipdelicious {
  top: 80px; /*jimw to side was left 185px*/ /*jimw was 165*/
  left: 40px; /*jimw to side add*/
}

#tipdigg {
  top: 120px; /*jimw to side was left 240px*/ /*jimw was 210*/
  left: 40px; /*jimw to side add*/
}

#tipstumble {
  top: 150px; /*jimw to side was left 290px*/ /*jimw was 255*/
  left: 40px; /*jimw to side add*/
}

#tipyahoo {
  top: 180px;
  left: 40px;
}

#tiparrow { /*jimw to side add*/
  top: 210px;
  left: 40px;
}

.tip ul {
  padding: 22px 0 0 25px;
}

.tip ul li {
  display: inline;
  padding-left: 3px;
}

.tip ul li a {
  font-size: 18px;
  color: #989898;
}

.tip ul li a:hover {
  color: #666;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

span.downarr { /* hide button */
  float: bottom; /*jimw to side was right*/
  border-top: 1px solid #a4a4a4; /*jimw to side was left*/
}

span.downarr a {
  display: block;
  width: 46px; /*jimw to side was 36*/
  height: 35px; /*jimw to side was 26*/
  padding: 5px 0 0 10px; /*jimw to top was 25 0 0 10*/
  background: url(images/downarrow.png) no-repeat 5px 7px;
}

span.menu_title {
  background: #e4e4e4;
  border-top: 1px solid #a4a4a4; /*jimw to side was left*/
  padding: 0px; /*jimw to side was 10px*/
}

span.menu_title a {
  font-size: 12px; /*jimw to side was 16px*/
  /*line-height: 34px;*/ /*jimw to side*/
  color: #9a9a9a;
}

span.menu_title1 {
  /*background: #e4e4e4;*/
  border-top: 1px solid #a4a4a4;
  padding: 0px;
  height: 40px;
}

span.menu_title1 a {
  font-size: 14px;
  font-style:bold;
  color: #000000;
}

.smsmenu {
  position: absolute; /* important */
  top: 36px;
  left: 50px;
  width: 280px;
  height: 360px;
  background: #e4e4e4;
   border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  /* CSS3 end */
  display: none; /* important */
}

.quickmenu {
  position: absolute; /* important */
  top: 36px; /*jimw to top was -251px;*/
  left: 50px; /*jimw to side was right*/
  width: 280px; /*jimw was 260px*/
  height: 340px; /*jimw was 250px*/
  background: #e4e4e4;
   border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4; /*jimw to top*/
  /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  /* CSS3 end */
  display: none; /* important */
}

.quickmenu ul {
  padding-top: 20px;
}

.quickmenu ul li {
  border-bottom: 1px solid #989898;
  padding: 5px 10px;
  margin: 0 15px 0 15px;
}

.quickmenu ul li a {
  font-size: 18px;
  color: #989898;
  display: block;
}

.quickmenu ul li a:hover {
  color: #666;
}
a.peekaboo_link { text-decoration: none; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.7em 0; letter-spacing: 0.1em; color: #a11b1b; }
