/*
Theme Name: myanmar
Theme URI: www.hoch33.de
Description: The myanmar Wordpress Theme
Version: 1.0
Author: Moritz Kern
Author URI: http://www.mobotter.de
Tags: fixed width, right sidebar, three columns, valid XHTML, widgets, map
*/


*, html{
        padding:0;
        margin:0;
        border:0;
}

body
        {
        background: #000 url(images/bg.jpg) no-repeat top left;
        font: lighter 12px Helvetica, Tahoma, Verdana, arial, sans-serif;
        color:#333;
     }
/*--------------------DIVs------------------------------*/

div#pagecenter
        {
        margin:0 auto;
        width: 950px;
        background: transparent;
        height:680px;

        }

#header
        {
        height:70px;
        margin-top:-20px;
        margin-left:-70px;
        padding:5px;
        color:#FFF;
        width:990px;
        }
#header a img{
        margin-top:-10px;
        margin-left:10px;
        border:0;
}

#header a:hover img{
        border:0;
        background:transparent;
}

#gold{
        position:relative;
        background: transparent url(images/golden.png) no-repeat top left;
        height:45px;
        width:962px;
        margin-left:-10px;
        z-index:5;
        overflow:auto;
        }

h1,h2{
        text-indent: -9999px;
        }



.left-navi-blog
        {
        margin-top:-10px;
        width:150px;
        float:left;
        color:#FFF;
        background: transparent url(images/menubg.png) ;
        min-height: 520px;
        max-height: 520px;
        }


.left-widget
        {
        padding: 5px 0;
        }


.left-widget ul li a
        {
        padding-left:10px;
        }
.left-widget ul li ul li
        {
        padding-left:10px;
        }


.menu .page_item ul{display:none;}


.menu .current_page_item .page_item{display:block; background: transparent;}

.menu .current_page_parent{
        background: transparent url(images/menubg.png);
        display:block;
}
.menu .current_page_parent ul{
        display:block;}
.menu .current_page_item{
        display:block;
        background: transparent url(images/menubg.png);
}

.menu .current_page_item a{
color: #FF6633;
}

.menu .current_page_item ul{
        display:block;
}

.menu .page_item .current_page_parent{
        display:block;
        background: transparent url(images/menubg.png);
}



.center-blog
        {
        margin-top:-10px;
        position: relative !important;
        background: transparent url(images/contentbg.png) ;
        width:450px;
        float:left;
        overflow:auto;
        min-height: 520px;
        max-height: 520px;
        }

.post-title
        {
        padding:5px;
        height:16px;
        color:#FFF;
        }

div.post-content
        {
        padding:10px;
        color:#FFF;
        }


#content {
        position: absolute;
        left: 0px;
        top: 50px;
        width: 440px;
        height: 90%;
        max-height: 450px;
        overflow: auto;
        padding: 5px;
}
#content p{
        padding-right:10px;
}



#scrollbar {
        position: absolute;
        left: 435px;
        top: 50px;
        height: 90%;
        max-height: 450px;
        background: transparent url(images/scrollbar.png) top left;
}



div.post-meta
        {
        color:#FFF;
        height:14px;
        margin-bottom:10px;
        }

div.single-meta
        {
        color:#FFF;
        background:#B0BDC5;
        font-size:10px;
        }

div.main-meta
        {
        color:#FFF;
        background:#ddd;
        font-size:10px;
        }

div.gravatorblog
        {
        float:left;
        width:70px;
        }


div.right-navi-blog
        {
        margin-top:-8px;
        background:transparent url(images/sidebarbg.png);
        min-height:520px;
        max-height:520px;
        height:520px;
        width:338px;
        float:left;
        font-weight: normal;
        }

.inlinebox{
        width:200px;
        min-height:175px;
        float:left;
        margin:5px;
        background:transparent url(images/menubg.png);
        font-size:10px;
        line-height:1.5;
        letter-spacing : 1px;

}



div.right-widget
        {
        background:transparent url(images/myanmar_map.png) no-repeat top center;
        height:750px;
        width:340px;
        margin-top:-120px;
        overflow:visible;
        }

div.right-widget_map
        {
        background:transparent url(images/myanmar_map1.png) no-repeat top center;
        height:750px;
        width:340px;
        margin-top:-120px;
        overflow:visible;
        z-index:100 !important;
        position:absolute;
        }

div.right-widget_new_map
        {
        height:750px;
        width:340px;
        margin-top:-120px;
        overflow:visible;
        z-index:100 !important;
        position:absolute;
        }

#right-image{
        margin-left:10px;
        padding-top:120px;
        color: #FFF;
        z-index:1;
}
.scroll{
        position:relative;
        overflow:hidden;
            width: 320px;
            height: 500px;
            float:left;
}

.pics {
        width:20000em;
        position:absolute;
        clear:both;
}

/* single scroll item */
.pics img {
        float:left;
        cursor:pointer;
        margin:0px;
}




div.widget-header
        {
        color:#FFF;
        font-weight:bold;
        }

div.clear
        {
        clear: left;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        }

#footer p
        {
        margin:auto;
        height:19px;
        text-align:center;
        padding:25px;
        color:#ffaf53;
        font-size: 10px;
        }

/*--------------------textgestaltung--------------------*/
p, span{
        padding: 0 25px 10px 5px;
        line-height:1.6;
        letter-spacing : 1px;
}

h3{
        margin:0px;
        padding:5px;
        font-size:16px;
        font-weight: normal;
        color: #ffaf53;
     }

h4,h5,h6{
        margin:0px;
        padding:3px;
        font-size:14px;
        font-weight: normal;
        color: #fff;
     }

b, strong{
        color: #ffaf53;
}

acronym, abbr, span.caps {
        cursor: help;
}



ul{        list-style:none;}

li{
        margin:5px 0;
        color:#FFF;
        line-height:1.5;
        letter-spacing : 1px;
        list-style-position:inside;
      }
#content ol{
        padding-left:20px;
}

#content ol li{
        list-style-position:outside;
        padding:5px;
}

/*--------------------linkgestaltung--------------------*/




a, a:link, a:visited, a:link:focus, a:link:hover, a:visited:hover, a:link:active,
a:visited:active {
        color:#fff;
        text-decoration:none;
    }


#content a,#content a:link, #content a:visited, #content a:link:focus, #content a:link:hover, #content a:visited:hover, #content a:link:active,
#content a:visited:active{
        color:#ffaf53;
        text-decoration:underline;
    }

#content p a,#content p a:link, #content p a:visited, #content p a:link:focus, #content p a:link:hover, #content p a:visited:hover, #content p a:link:active,
#content p a:visited:active {
        color:#ffaf53;
        text-decoration:underline;
        /*padding-right:23px;
        padding-top: 7px;
        background: transparent url(images/tooltips.png) no-repeat right center;*/
        overflow:visible;
    }

p a,p a:link,p a:visited,p a:link:focus,p a:link:hover,p a:visited:hover,p a:link:active,
p a:visited:active {
        color:#f63;
        text-decoration:underline;
    }
.inlinebox p a, .inlinebox p a:link, .inlinebox p a:visited,
.inlinebox p a:link:focus, .inlinebox p a:link:hover, .inlinebox p a:visited:hover,
.inlinebox p a:link:active,.inlinebox p a:visited:active {
    padding:0px;
    background:none;
    text-decoration:none;
    }


hr{
        background: transparent url(images/hr.png) no-repeat top center;
        height:10px;
        width:450px;
    }


/*-------------------WP Requires------------------*/

.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption-dd {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}

#breadcrumbs{
        font-size: 10px;
        height:8px;
}



p input,p textarea{
        background: transparent url(images/contentbg.png);
        border:none;
        color:#FFF;
        padding:2px;
        margin:0;
        font: lighter 12px  Helvetica, Tahoma, verdana, arial, sans-serif;
        line-height:1.5;
        letter-spacing : 1px;
        border:1px solid transparent;
}

p input:focus,p textarea:focus{
        border:1px solid #FFF;
}
.wpcf7-form p{padding:2px; margin:0;}
.wpcf7-list-item, .wpcf7-form-control-wrap{margin:0; padding:0;}


/* this makes it possible to add next button beside scrollable */
.scrollable {

        /* required settings */
        position:relative;
        overflow:hidden;
        width: 680px;
        height:550px;
        float:left;
}

.scrollable .pics{
        position:absolute;
        width:37000px;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
        position: absolute;
        background:url(images/hori_large.png) no-repeat;
        display:block;
        width:30px;
        height:30px;
        float:left;
        margin:40px 10px;
        cursor:pointer;
        font-size:1px;
        z-index:200;
}

/* right */
a.right         { background-position: 0 -30px; clear:right; margin-right: 0px; top:100px; left:260px;}
a.right:hover         { background-position:-30px -30px; }
a.right:active         { background-position:-60px -30px; }


/* left */
a.left                { margin-left: 0px; top:100px; left:20px;}
a.left:hover          { background-position:-30px 0; }
a.left:active          { background-position:-60px 0; }



/* disabled navigational button */
a.disabled {
        visibility:hidden !important;
        }


        /* position and dimensions of the navigator */
.navi {
    position:absolute;
    margin-left:140px;
    width:200px;
    height:20px;
    top:140px;
    z-index:300;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}