aside
{
    padding: 0px;
    float: right;
    width: 25%;
}

ul#navigation
{
    margin-left: -60px;
}

    ul#navigation li
    {
        display: inline;
        list-style: none;
        background: url("../Images/PagingNext.gif") no-repeat 5px 7px; /*blueArrow.png*/
        padding-left: 20px;
        padding-right: 3px;
        float: left;
        /*margin-right: 10px;
          margin-left: 10px;*/
    }

        ul#navigation li a
        {
            text-decoration: none;
        }


.content-list
{
    float: left;
    width: 35%;
    margin-top: 20px;
}

    .content-list ul
    {
        list-style: none;
        padding: 0px 10px;
        margin: 0px;
    }

.topic-list
{
    vertical-align:top;
}

.topic-list ul
{
    list-style: none;
    padding: 0;
}

    .topic-list ul a
    {
        text-decoration: none;
    }

    .topic-list ul li
    {
        list-style: none;
        background: url("../Images/bullet.png") no-repeat 0 50%;
        margin: 0px 2px 0px 40px;
        padding: 2px 0px 2px 20px;
    }

ul li.topic-item
{
    list-style: circle;
    background: none;
    list-style-type: circle;
    padding: 2px 10px 2px 5px;
    margin: 2px;
}

.mobile-content-indent {
/*    width: 100%;
*/    margin: auto;
    /*display:block;*/
}

.content-indent {
    width: 800px;
    /*margin:auto;*/
}

@media only screen and (max-width: 650px)
{
        .content-indent
    {
        /*width: 800px;*/ 
        margin:auto;
    }
}


    .content-indent p
    {
        /*font-family:"PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
        font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
        text-indent: 40px;
        font-size: 1.1em;
        text-align: justify;
        line-height: 1.5em;
        /*overflow: hidden*/
    }
        .mobile-content-indent p
    {
        /*font-family:"PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
        font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
        text-indent: 40px;
        font-size: 1.5em;
        text-align: justify;
        line-height: 1.5em;
        /*overflow: hidden*/
    }
.image-float img
{
    float: left;
    padding: 10px 10px 0px 0px;
    margin-top:15px;
}

.image-left-float
{
    float: left;
    padding: 7px 10px 0px 0px;
    /*margin-top:15px;*/
}


.title
{
    font-size: 1.5em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-language-override: normal;
    font-weight: bold;
    color: #36648B; /*steelblue 4*/
    /*width: 700px;*/
}

a.small-title, .small-title
{
    font-size: 1.1em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-language-override: normal;
    font-weight: bold;
    color: #36648B;
}

.small-title
{
    font-size: 0.9em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-language-override: normal;
    font-weight: bold;
    color: #36648B;
}

    a.small-title:hover
    {
        color: #4F94CD;
    }

p.right
{
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 10px;
    font-size: 1em;
}

a.rating-title
{
    font-size: 0.8em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-language-override: normal;
    color: #36648B;
}

a.rating-author
{
    font-size: 0.8em;
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    /*font-language-override: normal;*/
    font-style: italic;
    color: #36648B;
}


/*a.previewImage
{
    background: url(/Images/ZoomHS.png) no-repeat center right;
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
}*/

a.editImage
{
    background: url(/Images/pencil_32.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.deleteImage
{
    background: url(/Images/Remove26x26.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.upImage
{
    background: url(/Images/up.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.downImage
{
    background: url(/Images/down.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.bookImage
{
    background: url(/Images/book_Thesaurus_32.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.approvedImage
{
    background: url(/Images/approved.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.pendingImage
{
    background: url(/Images/pending.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.backImage
{
    background: url(/Images/back.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.forwardImage
{
    background: url(/Images/forward.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.contentChartImage
{
    background: url(/Images/base_bars.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}

a.plusImage
{
    background: url(/Images/grey_plus.png) no-repeat center right;
    display: block;
    height: 29px;
    width: 29px;
    text-indent: -9999px;
}



ul#user_menu
{
    font-size: 1em;
    font-weight: 600;
    margin: 30px 0 20px;
    padding: 0;
    text-align: left;
}

    ul#user_menu li
    {
        display: inline;
        list-style: none;
        padding-left: 5px;
    }

        ul#user_menu li a:hover, body#content ul#user_menu a.content, body#book ul#user_menu a.book, body#user_details ul#user_menu a.user_details, body#user_edit ul#user_menu a.user_edit, body#manage ul#user_menu a.manage, body#admin ul#user_menu a.admin, body#stat ul#user_menu a.stat
        {
            color: #0B163E;
            text-decoration: none;
        }


        ul#user_menu li a
        {
            text-decoration: none;
        }

#top-header
{
    /*background-color: #4A87B9;*/
    background-color: #4A87B9;
    height: 95px;
}

    #top-header a
    {
        color: #EFEFEF;
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        text-decoration: none;
    }

        /*#top-header a:link a:visited
    a:active a:hover {
        color: #999;
    }*/

        #top-header a:hover
        {
            /*background-color: #c7d1d6;*/
            color: #FFFFFF;
        }

#search-image
{
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    margin: 0 0 -17px -10px;
}

#subscribe-image
{
    width: 26px;
    height: 26px;
    background: none;
    border:  0;
    margin: 0 0 -13px -5px;
}


.search-box
{
    width: 120px;
    height: 18px;
    font-size: 0.7em;
}

#datetime-box
{
    width: 120px;
    height: 10px;
    font-size: 0.7em;
    margin:-5px;
}

.subscribe-box
{
    width: 120px;
    height: 15px;
    font-size: smaller;
    margin-left:5px;
}


#greyAdd-image
{
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    /*margin: 0 0 -17px -18px;*/
}


.style-one
{
    border: 0;
    height: 1px;
    background: #E1E1E1; /*  background: #4A87B9;
   background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);*/
}
.top_face_table, table.face_table, discuss_header
{
    padding:0;
    margin:0;
}

    /*.top_face_table, .top_face_table td
    {
        border: 1px solid black;
    }*/

.discuss_header, .discuss_header td
{
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    text-wrap:none;
    vertical-align:top;
                /*border-width:1px;
    border-color:black;
    border-style:solid;*/

}


.top_face_table tr td
{
    vertical-align:top;
    padding-right:20px;
    /*border-width:1px;
    border-color:black;
    border-style:solid;*/
}


table.face_table
{
    border-collapse: separate;
    border-spacing: 7px 5px;
    /*border-width:1px;
    border-color:red;
    border-style:solid;*/
    width:100%; 
}

.face_table tr td
{
    font-size:smaller;
    vertical-align:top;
    padding:0px 5px 0px 5px;
    width:33%;
    border-spacing: 0;

}

.face_table tr th
{
    /*border: 1px solid #DBDBDB;*/ /* removed border around picture*/
    padding: 3px;
    vertical-align:middle;
    text-align: center; /*border-collapse:collapse;*/ /*border-style: outset;*/
}

.top-right-list
{
    margin-bottom:20px;
}

.top-right-list ul
{
    margin:0;
    padding:0;
}

.top-right-list ul
{
        vertical-align:top;
        text-decoration:none;

}

    .top-right-list ul li
    {
        list-style: none;
        background: url("../Images/bullet.png") no-repeat 0 50%;
        margin: 0px 2px 0px 0px;
        padding: 2px 0px 2px 20px;
        vertical-align:top;
            /*border-width:1px;
    border-color:black;
    border-style:solid;*/
    width:100%;
        font-size:smaller;
    }

.topic_submenu
{
    cursor:pointer;
        color: #37678E;
    text-decoration: underline;
    font-size:smaller;
    padding: 3px 0 3px 0;
}

 .topic_submenu:hover
{
    /*background-color: #c7d1d6;*/
    color: #24445E;
    text-decoration: underline;
}

.sinopsys_in_list
{
    font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
}


figure.image {
    display: inline-block;
    /*border: 1px solid gray;
    margin: 0 2px 0 1px;
    background: #f5f2f0;*/
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image img {
    margin: 5px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
    color:dimgray
}


/*.align-right {
    float: right; margin: 5px;
}

.align-left {
    float: left;
    margin: 5px;
}*/