/*********************************************************************
* Clean up defaults.
*********************************************************************/

p, h1, h2, h3, h4, h5, h6, form, pre
{
    padding: 0;
    margin: 0 0 1em 0;
}

ul, ol
{
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 1em;
}

/*********************************************************************
* body
*********************************************************************/

body
{
    background-color: #fff;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    line-height: 18px;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px 0;
}

/*********************************************************************
* p
*********************************************************************/

p.image-right img
{
    float: right;
    border: 1px solid #000;
    margin-left: 2em;
    margin-bottom: 2em;
}

/*********************************************************************
* a
*********************************************************************/

a, a:link, a:active, a:visited
{
    text-decoration: none;
    color: #5fa900;
}

a:visited
{
/*    color: #888; /* #84976c; gray-green / #5fa900; green / #888; gray / #268fe8; blue */
}

a:hover
{
    color: #5fa900;
    text-decoration: underline;
}

/*********************************************************************
* h1 - hx
*********************************************************************/

h1, h2, h3, h4, h5, h6
{
    color: #268fe8; /* Photoblogs.org blue */
    margin-bottom: .5em;
}

h1
{
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
}

.primary h1
{
    padding-bottom: 10px;
    background: url("../images/horizontal_dots.gif") bottom left repeat-x;
}

/* Can't use inherit because of IE. */
h1 a, h1 a:visited, h1 a:link, h1 a:active
{
    color: #000;
}

h2
{
    font-family: arial, helvetica, sans-serif;
    color: #000;
    font-size: 16px;
}

h3
{
    font-family: arial, helvetica, sans-serif;
    color: #000;
    font-size: 14px;
}

/**********************************************************************
* ul
**********************************************************************/

#navigation-block .module-block ul,
#extra-block .module-block ul,
#content-block .module-block ul
{
    padding-left: 0;
    margin-left: 0;
    line-height: 19px;
}

#navigation-block .module-block ul.divider,
#extra-block .module-block ul.divider,
#content-block .module-block ul.divider
{
    margin-bottom: 0;
    padding-bottom: 1em;
    background: url("../images/menu_divider.gif") bottom left no-repeat;
}

/* double ul*/
#navigation-block .module-block ul ul,
#extra-block .module-block ul ul,
#content-block .module-block ul ul
{
    margin-bottom: 0;
}

/*
#navigation-block .module-block ul ul li,
#extra-block .module-block ul ul li,
#content-block .module-block ul ul li
{
border: 1px solid black;
}
*/

#navigation-block .module-block ul li,
#extra-block .module-block ul li,
#content-block .module-block ul li
{
    list-style: none;
    background: url("../images/bullet.gif") top left no-repeat;
    padding-left: 13px;
    margin: 0;
}

/**********************************************************************
* blockquote
**********************************************************************/

blockquote
{
    border-left: 1px solid gray;
    padding-left: 1em;
    margin-left: 2em;
    font-style: italic;
    font-weight: bold;
}

/*********************************************************************
* legend
*********************************************************************/

legend
{
    color: #268fe8;
    font-weight: bold;
}

/*********************************************************************
* fieldset
*********************************************************************/

fieldset
{
    margin-bottom: 1em;
}

/*********************************************************************
* code
*********************************************************************/

code
{
    background-color: #f5f5f5;
    overflow: auto;
}

pre code
{
    display: block;
    padding: 10px;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
}


/*********************************************************************
* div.inset
*********************************************************************/
div.inset
{
    padding: 10px;
    margin-bottom: 1em;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
}

/**********************************************************************
* .go-now
**********************************************************************/

.go-now
{
    font-size: 20px;
}

a.go-now:hover
{
    text-decoration: none;
}

a.go-now
{
    text-decoration: underline;
}


/*********************************************************************
* .note
*********************************************************************/

.note
{
    font-size: 11px;
    line-height: 12px;
    color: #aaa;
}

/*********************************************************************
* .valid
*********************************************************************/

.valid
{
    color: green;
    font-weight: bold;
}

/*********************************************************************
* .warning
*********************************************************************/

.warning
{
    color: red;
    font-weight: bold;
}

/*********************************************************************
* .error
*********************************************************************/

.error
{
    color: red;
    font-weight: bold;
}

/*********************************************************************
* div.instructions
*********************************************************************/

div.instructions
{
    padding: 10px;
    float: right;
    width: 250px;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
}

/*********************************************************************
* .photoblog
*********************************************************************/

.photoblog a,
.photoblog a:link,
.photoblog a:active,
.photoblog a:visited
{
    text-decoration: underline;
}

.photoblog a:visited
{
    color: #888;
}

.photoblog a:hover
{
    text-decoration: none;
}

/*
.photoblog .note
{
    color: #bbb;
}
*/

/**********************************************************************
* .profile-button
**********************************************************************/

.profile-button a:link, .profile-button a:active
{
    padding-left: 13px;
    text-decoration: none;
    background: url("../images/profile_button.gif") left no-repeat;
}

.profile-button a:visited
{
    padding-left: 13px;
    text-decoration: none;
    background: url("../images/profile_button_visited.gif") left no-repeat;
}

.profile-button a:hover
{
    padding-left: 13px;
    text-decoration: none;
    background: url("../images/profile_button_hover.gif") left no-repeat;
}

.profile-button a:link span, .profile-button a:active span, .profile-button a:visited span
{
    display: none;
}

/**********************************************************************
* .bookmark
**********************************************************************/

.bookmark .note a:visited
{
    color: #5fa900;
}

/*
.bookmark .info
{
    color: #bbb;
}
*/

/**********************************************************************
* .tag-cloud
**********************************************************************/

.tag-cloud a:visited
{
    color: #5fa900;
}

.tag-cloud
{
    padding: 10px;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
    text-align: justify;
}

#content-block ul.tag-cloud
{
    margin-left: 0;
    padding-left: 10px;
    line-height: 23px;
    word-spacing: 6px; /* Can't use padding in IE, because justify has ragged right margin. */
}

#content-block ul.tag-cloud li
{
    background: none;
    list-style-type: none;
    padding-left: 0;
    display: inline;
}

.tag-cloud li.importance1
{
    font-size: 19px;
}

.tag-cloud li.importance2
{
    font-size: 17px;
}

.tag-cloud li.importance3
{
    font-size: 15px;
}

.tag-cloud li.importance4
{
    font-size: 13px;
}

.tag-cloud li.importance5
{
    font-size: 11px;
}

/**********************************************************************
* #header-block
**********************************************************************/

#header-block
{
/*    height: 79px; */
    width: 100%; /* 750px; */
    margin: 0 auto 0 auto;
/*     background: url("../images/header_gradient.gif") top left repeat-x; */
}

#header-block a:visited
{
    color: #5fa900;
}

#header-block h1
{
    margin: 0;
    float: left;
}

#header-block h1 img
{
    padding: 5px 10px 5px 18px; /* Height of this image determines the height of the header-block. */
    border: none;
}

    /**********************************************************************
    * #modulesearch
    **********************************************************************/

    #modulesearch
    {
        float: right;
        padding: 33px 18px 0 0;
    }

    /**********************************************************************
    * #modulenavmain
    **********************************************************************/

    #modulenavmain
    {
        clear: both;
        background: url("../images/navmain_background.gif") top left repeat-x;
        height: 40px;
    }

    #modulenavmain h1
    {
        display: none;
    }

    #modulenavmain ul
    {
        margin: 0 auto 0 auto;
        padding: 0;
        font-size: 12px;
        text-align: center;
        width: 750px;
    }

    #modulenavmain li
    {
        display: block;
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #modulenavmain li a
    {
        display: block;
        height: 33px;
    }

        /**********************************************************************
        * #modulenavmain li#button_home
        **********************************************************************/

        #modulenavmain li#button_home a
        {
            width: 59px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_home.off a
        {
            background: url("../images/button_home_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_home.on a
        {
            background: url("../images/button_home_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_home.off a:hover
        {
            background: url("../images/button_home_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_add-update
        **********************************************************************/

        #modulenavmain li#button_add-update a
        {
            width: 154px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_add-update.off a
        {
            background: url("../images/button_add-update_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_add-update.on a
        {
            background: url("../images/button_add-update_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_add-update.off a:hover
        {
            background: url("../images/button_add-update_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_help
        **********************************************************************/

        #modulenavmain li#button_help a
        {
            width: 117px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_help.off a
        {
            background: url("../images/button_help_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_help.on a
        {
            background: url("../images/button_help_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_help.off a:hover
        {
            background: url("../images/button_help_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_blog
        **********************************************************************/

        #modulenavmain li#button_blog a
        {
            width: 80px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_blog.off a
        {
            background: url("../images/button_blog_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_blog.on a
        {
            background: url("../images/button_blog_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_blog.off a:hover
        {
            background: url("../images/button_blog_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_discuss
        **********************************************************************/

        #modulenavmain li#button_discuss a
        {
            width: 118px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_discuss.off a
        {
            background: url("../images/button_discuss_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_discuss.on a
        {
            background: url("../images/button_discuss_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_discuss.off a:hover
        {
            background: url("../images/button_discuss_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_chat
        **********************************************************************/

        #modulenavmain li#button_chat a
        {
            width: 86px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_chat.off a
        {
            background: url("../images/button_chat_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_chat.on a
        {
            background: url("../images/button_chat_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_chat.off a:hover
        {
            background: url("../images/button_chat_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_buttons
        **********************************************************************/

        #modulenavmain li#button_buttons a
        {
            width: 97px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_buttons.off a
        {
            background: url("../images/button_buttons_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_buttons.on a
        {
            background: url("../images/button_buttons_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_buttons.off a:hover
        {
            background: url("../images/button_buttons_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_about
        **********************************************************************/

        #modulenavmain li#button_about a
        {
            width: 64px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_about.off a
        {
            background: url("../images/button_about_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_about.on a
        {
            background: url("../images/button_about_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_about.off a:hover
        {
            background: url("../images/button_about_on.gif") top left no-repeat;
        }

        /**********************************************************************
        * #modulenavmain li#button_contact
        **********************************************************************/

        #modulenavmain li#button_contact a
        {
            width: 72px;
            padding-top: 31px;
            overflow: hidden;
            height: 0;
        }

        #modulenavmain li#button_contact.off a
        {
            background: url("../images/button_contact_off.gif") top left no-repeat;
        }

        #modulenavmain li#button_contact.on a
        {
            background: url("../images/button_contact_on.gif") top left no-repeat;
        }

        #modulenavmain li#button_contact.off a:hover
        {
            background: url("../images/button_contact_on.gif") top left no-repeat;
        }

/**********************************************************************
* #navigation-block
**********************************************************************/

#navigation-block
{
    float: left;
    width: 175px;
    padding: 7px 0 0 13px;
}

/**********************************************************************
* #extra-block
**********************************************************************/

#extra-block
{
    float: right;
    width: 175px;
    padding: 7px 13px 0 0;
}

/**********************************************************************
* #content-block
**********************************************************************/

#content-block
{
    margin-left: 208px; /* nav width */
    margin-right: 208px; /* nav width */
    margin-bottom: 13px;
    padding: 15px 0 0 0;
    background: url(images/content_top.gif) repeat-x top left #fff;
}

#content-block table
{
    margin-bottom: 1em;
}

#content-block th
{
    padding-right: 5px;
    text-align: right;
    vertical-align: top;
}

/**********************************************************************
* .module-block.simple
**********************************************************************/

.module-block.simple
{
    text-align: center;
}

/*
.module-block.simple h1
{
    text-align: left;
}
*/

/**********************************************************************
* .module-block (generic gray)
**********************************************************************/

#navigation-block .module-block, #extra-block .module-block
{
    padding: 0 0 5px 0;
    margin-bottom: 13px;
    width: 175px;
    background: url("../images/module_foot.gif") #f7f7f7 bottom left no-repeat;
}


#navigation-block .module-block .on a
{
    padding-right: 12px;
    text-decoration: underline;
    font-weight: bold;
    background: url("../images/dots_arrow.gif") top right no-repeat;
}

#navigation-block .module-block h1, #extra-block .module-block h1
{
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    display: block;
    padding: 10px 0 0 24px;
    width: 151px;
    height: 26px;
    background: url("../images/module_head.gif") #b4b4b4 top left no-repeat;
}

#navigation-block .module-block p, #extra-block .module-block p
{
    padding-left: 12px;
    padding-right: 10px;
}


#navigation-block .module-block ul,
#extra-block .module-block ul
{
    padding-left: 10px;
    padding-right: 10px;
}

/* double ul*/
#navigation-block .module-block ul ul,
#extra-block .module-block ul ul
{
    padding-left: 0px;
    padding-right: 0px;
}

    /**********************************************************************
    * #modulemyaccount .module-block (blue)
    **********************************************************************/

    #modulemyaccount .module-block
    {
        background: url("../images/module_foot_blue.gif") #deecf9 bottom left no-repeat;
    }

    #modulemyaccount .module-block a
    {
        color: #268fe8; /* Photoblogs.org blue */
    }

    #modulemyaccount .module-block h1
    {
        background: url("../images/module_head_blue.gif") #6fb4ef top left no-repeat;
    }

    /**********************************************************************
    * #modulenavbrowse .module-block (green)
    **********************************************************************/

    #modulenavbrowse .module-block
    {
        background: url("../images/module_foot_green.gif") #effddc bottom left no-repeat;
    }

    #modulenavbrowse .module-block h1
    {
        background: url("../images/module_head_green.gif") #9ed45a top left no-repeat;
    }

/**********************************************************************
* #modulefooter
**********************************************************************/

#modulefooter
{
    height: 30px; /* IE sucks teh ass...  This needs to be here or sometimes no background. */
    padding-top: 15px;
    background: url("../images/horizontal_dots.gif") top left repeat-x;
    margin-left: 208px; /* nav width */
    margin-right: 208px; /* nav width */
    font-size: 11px;
    color: #999;
    text-align: center;
}

/**********************************************************************
* #moduleprofile
**********************************************************************/

#moduleprofile p a
{
    text-decoration: underline;
}

#moduleprofile a:visited
{
    color: #888;
}

#moduleprofile p a:hover
{
    text-decoration: none;
}

/**********************************************************************
* #modulebookmarks
**********************************************************************/

#modulebookmarks li
{
    padding-bottom: 7px;
    line-height: 16px;
}

/**********************************************************************
* #modulesponsoredby
**********************************************************************/

#modulesponsoredby .module-block
{
    background: none;
}

#modulesponsoredby .module-block ul
{
    margin-bottom: 0;
}

#modulesponsoredby .module-block ul li
{
    background: none;
    text-align: center;
    padding-bottom: 5px;
    padding-left: 0;
}

#modulesponsoredby img
{
    border: 1px solid #eee;
}

/**********************************************************************
* #moduleeditorschoice
**********************************************************************/

#moduleeditorschoice
{
    float: right;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
/*    float: left; */
    width: 216px;
    text-align: center;
    padding: 6px 0px 8px 0px;
    margin: 0 0 10px 10px;
}

#moduleeditorschoice p
{
    margin-bottom: 0;
}

#moduleeditorschoice .module-block
{
    margin-bottom: 0;
}

#moduleeditorschoice h1
{
    text-align: center;
    font-size: 15px;
/*    margin-bottom: 4px; */
}

#moduleeditorschoice img
{
    border: none;
/*    border: 1px solid #eee; */
    margin-bottom: 7px;
}

#moduleeditorschoice a,
#moduleeditorschoice a:link,
#moduleeditorschoice a:visited,
#moduleeditorschoice a:hover
{
/*    color: #fff; */
}

/**********************************************************************
* #moduleblogfeed
**********************************************************************/

#moduleblogfeed ul a
{
    text-decoration: underline;
}

#moduleblogfeed ul a:visited
{
    color: #888;
}

#moduleblogfeed ul a:hover
{
    text-decoration: none;
}

/**********************************************************************
* #modulediscussionlists
**********************************************************************/

#modulediscussionlists .inset
{
    padding-bottom: 0;
    text-align: center;
}

/**********************************************************************
* #modulephotobloggersfeed
**********************************************************************/

#modulephotobloggersfeed li a
{
    text-decoration: underline;
}

#modulephotobloggersfeed li a:hover
{
    text-decoration: none;
}

#modulephotobloggersfeed a:visited
{
    color: #888;
}

#modulephotobloggersfeed .module-block
{
    overflow: hidden;
}

#modulephotobloggersfeed .module-block ul
{
    width: 149px;
    overflow: hidden;
    padding-right: 0;
}

/*
#modulephotobloggersfeed .module-block li
{
border: 1px solid #ddd;
}
*/

/**********************************************************************
* #moduleaddupdate
**********************************************************************/

#moduleaddupdate .inset
{
    padding-bottom: 0;
    text-align: center;
}

#moduleaddupdate table
{
    margin-left: auto;
    margin-right: auto;
    background: #f9f9f9; /* inset background */
    border-top: 1px solid #d9d9d9; /* inset border */
    border-bottom: 1px solid #d9d9d9; /* inset border */
    padding: 10px;
}

#moduleaddupdate table td
{
    text-align: left;
}

/**********************************************************************
* #modulehalloffame
**********************************************************************/

#modulehalloffame li
{
    padding-bottom: 3px;
    line-height: 16px;
}