/* general
----------------------------------------------------------------------------- */
body {
    margin:                 0;
    background:             #390804 url(bg-body.jpg) no-repeat 50% 0;
    /*background-color:       #FFF;*/
    color:                  #390804;
    font:                   11px/1.5 'Helvetica Neue', Arial,
                            'Liberation Sans', FreeSans, sans-serif;
}

/* anchors
----------------------------------------------------------------------------- */
a {
    color:                  #390804;
    font-weight:            bold;
    text-decoration:        none;
}
a:hover {
    font-weight:            bold;
    text-decoration:        underline;
}
a:focus {
    outline:                1px dotted;
}

/* horizontal-lines
----------------------------------------------------------------------------- */
hr {
    border:                 0px solid #CCC;
    border-top-width:       1px;
    clear:                  both;
    height:                 0;
}

/* `Spacing
----------------------------------------------------------------------------- */
ol {
    list-style:             decimal;
}
ul {
    list-style:             disc;
}
li {
    margin-left:            30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom:          10px;
}

/* alignment
----------------------------------------------------------------------------- */
.align-j {
    text-align:             justify;
}
.align-c {
    text-align:             center;
}
.align-l {
    text-align:             left;
}
.align-r {
    text-align:             right;
}
.float-l {
    float:                  left;
}
.float-r {
    float:                  right;
}

.inline {
    display:inline;
}

/* errors exceptions notfound
------------------------------------------------------------------------------*/
.error {
    border:                 1px solid red;
    margin:                 20px;
    padding:                20px;
}
.error h4 {
    color:                  #CC0000;
}
.error li {
    color:                  #CC0000;
}

/* gads
----------------------------------------------------------------------------- */
.gads {
    text-align:             center;
}

/* layout areas
----------------------------------------------------------------------------- */
.container_16 {
    margin-top:             264px;
    background-color:       #FFF;
}
.branding {
    height:                 115px;
    background:             #FFF url(logo.jpg) no-repeat 50% 0;
}
/* IE7 does not honour the margin-bottom for the superfish ul, so there is no
 space between navtop and content block*/
html>body .navtop {
    *margin-bottom:         1em;
}
.navtop{}

.footer{
    text-align:             center;
    font-size:              10px;
    color:                  #AAAAAA;
    padding:                8px;
}
.footer img {
    padding:                0 10px;
    vertical-align:         text-top;
}
.footer a {
    color:                  #BBBBBB;
}
.debug {
    border:                 1px solid #CCCCCC;
    margin-top:             20px;
    padding:                10px;
    background-color:       #EEEEEE;
}

/* jquery.cycle
------------------------------------------------------------------------------*/
.img_ani {
    height:                 232px;
    width:                  232px;
    padding:                0;
    margin:                 50px 0;
}

.img_ani img {
    padding:                15px;
    border:                 1px solid #ccc;
    background-color:       #eee;
    width:                  200px;
    height:                 200px;
    top:                    0;
    left:                   0;
}

/* box date
----------------------------------------------------------------------------- */
.post {
    position:               relative;
    margin-left:            3.8em;
    padding:                1px;
}
.post-date {
    background:             #FFFFFF;
    border:                 1px solid #CCCCCC;
    font-family:            Georgia,"Times New Roman", serif;
    left:                   -3.8em;
    line-height:            1;
    position:               absolute;
    top:                    0;
    width:                  3.5em;
}
.post-date span {
    display:                block;
    text-align:             center;
}
.post-month {
    background:             #7F7F7F;
    color:#FFFFFF;
    text-transform:         uppercase;
    font-size:              1.1em;
    padding-top:            0.1em;
    border-bottom:          1px solid #CCCCCC;
}
.post-day {
    background:             #FFFFFF;
    color:                  #D1333A;
    font-size:              1.2em;
    font-weight:            bold;
}
.post-year {
    background:             #E5E5E5;
    color:                  #000000;
    font-size:              1.2em;
    padding:                0.1em 0;
    margin-top:             0.2em;
}

/* content
----------------------------------------------------------------------------- */
.article-add, .article-edit, .article-delete, .article-search,
.event-add, .event-edit, .event-delete, .event-search,
.gallery-add, .gallery-edit, .gallery-delete, .gallery-search,
.news-add, .news-edit, .news-delete, .news-search,
.product-add, .product-edit, .product-delete, .product-search,
.areas-add, .areas-edit, .areas-delete, .areas-search,
.users-add, .users-edit, .users-delete, .users-search,
.acl-add, .acl-edit, .acl-delete, .acl-search,
.roles-add, .roles-edit, .roles-delete, .roles-search {
    margin:                 10px;
    padding:                10px;
    border:                 1px dashed #CCCCCC;

}
.article-browse,
.event-browse,
.gallery-browse,
.news-browse,
.product-browse,
.areas-browse,
.users-browse,
.acl-browse,
.roles-browse {
    margin:                 10px;
    padding:                10px;
    border:                 1px solid #EFEFEF;
    color:                  #390804;
}
.article-list, .article-item,
.event-list, .event-item,
.gallery-list, .gallery-item,
.news-list, .news-item,
.product-list, .product-item {
    background:             #FFFFFF url(bg-content-01.jpg) no-repeat top right;
    border:                 1px dashed #CCCCCC;
    padding:                5px;
    margin:                 10px 0;
}
.article-list-subj, .article-item-subj,
.event-list-subj, .event-item-subj,
.gallery-list-subj, .gallery-item-subj,
.news-list-subj, .news-item-subj,
.product-list-subj, .product-item-subj {
    margin:                 0;
    padding:                0;
    border-bottom:          1px dotted #EFEFEF;
}
.article-list-subj a, .article-item-subj a,
.event-list-subj a, .event-item-subj a,
.gallery-list-subj a, .gallery-item-subj a,
.news-list-subj a, .news-item-subj a,
.product-list-subj a, .product-item-subj a {
    text-decoration:        none;
}
.article-list-subj a:hover, .article-item-subj a:hover,
.event-list-subj a:hover, .event-item-subj a:hover,
.gallery-list-subj a:hover, .gallery-item-subj a:hover,
.news-list-subj a:hover, .news-item-subj a:hover,
.product-list-subj a:hover, .product-item-subj a:hover {
    text-decoration:        underline;
    color:                  #FF0000;
}
.article-list-created, .article-item-created,
.event-list-created, .event-item-created,
.gallery-list-created, .gallery-item-created,
.news-list-created, .news-item-created,
.product-list-created, .product-item-created {
    display:                inline;
    margin-left:            0;
    margin-right:           10px;
    color:                  #999;
    font-size:              10px;
}
.article-list-owner_handle, .article-item-owner_handle,
.event-list-owner_handle, .event-item-owner_handle,
.gallery-list-owner_handle, .gallery-item-owner_handle,
.news-list-owner_handle, .news-item-owner_handle,
.product-list-owner_handle, .product-item-owner_handle {
    display:                inline;
    margin-left:            10px;
    color:                  #999;
    font-size:              10px;
}
.article-list-body, .article-item-body,
.event-list-body, .event-item-body,
.gallery-list-body, .gallery-item-body,
.news-list-body, .news-item-body,
.product-list-body, .product-item-body {
    color:                  #390804;
}

/* spacing*/
.spc {
    margin:                 10px;
}
.spc-lr {
    margin:                 0 10px;
}
.spc-tb {
    margin:                 10px 0;
}
.spc-lrb {
    margin:                 0 10px 10px 10px;
}
.spc-lrt {
    margin:                 10px 10px 0 10px;
}
.spc-top {
    margin-top:             10px;
}
.spc-bot {
    margin-bottom:          10px;
}
.spc-rgt {
    margin-right:           10px;
}
.spc-lft {
    margin-left:            10px;
}

/* content box - no header*/
.cont-1 {
    border:                 1px dashed #765653;
    padding:                10px;
    background-color:       #EFEFEF;
}
.cont-1 h4 {
    background:             #EFEFEF url(bg-header.jpg) no-repeat 0 50%;
    padding-left:           27px;
    line-height:            24px;
}


/* content box - with h2 header */
.cont-2 {
    background:             #AAA;
    padding:                5px;
    border:                 1px solid #999;
}
.cont-2 h2 {
    font-size:              12px;
    background:             #999 url(bg-header.jpg) repeat-x;
    margin:                 -5px -5px 0 -5px;
    padding:                6px 12px;
    border-bottom:          1px solid #999;
    color:                  #FFF;
}
.cont-2 h2 a{
    text-decoration:        none;
    color:                  #FFF;
}
.cont-2 h2 a:hover{
    text-decoration:        underline;
}
.cont-2-block{
    background:             #EFEFEF;
    border:                 1px solid #999;
    padding:                5px;
    margin-top:             5px;
}

/* rss feeds */
.rss-wrapper {
    border:                 1px solid #5E95F1;
    padding:                2px;
    margin:                 2px 0;
}
.rss-wrapper img {
    margin:                 2px 10px 10px 0;
}
.rss-created {
    color:                  #003399;
    font-size:              10px;
}
.rss-author {
    color:                  #003399;
    font-size:              10px;
}

/* google map api
------------------------------------------------------------------------------*/
#map_canvas {
    width:                  600px;
    height:                 500px;
}
#info_win {
    padding:                10px;
    text-align:             justify;
    color:                  #0000FF;
}
#info_win p{
    padding:                0;
    margin:                 0;
}