/* @group GENERAL STYLE */
body {
    font: 12px/17px "Trebuchet MS",Helvetica,Arial,sans-serif;
    color: #FFF;
}
#subbody {
    display: block;
    position: relative;
}
a {
    color:#FFF;
}
a:hover {
  text-decoration:none;
}
h1 {
    font-size:13px;
    color:#000;    
}
h1 a {
    color:#000;
}
h2 {
    font-size:10px;
    color:#000;
    background:#FFF;
    margin-top:4px;
    padding:3px 0;
}
.left {
     float:left;
}
.right {
    float:right;
}

.pos_middle {
    position:absolute;
    top:70px;
    left:164px;
}
.pos_left {
    margin-left:29px;
}
.pos_right {
    margin-right:-8px;
}
.button {
    width:63px;
    height:18px;
    background:#FFF;
    text-align:center;
    display:block;
    color:#000;
    font-size:10px;
/*    padding-bottom:2px;*/
}
a.button:hover {
    background:#000;
    color:#FFF;
}

.head_logo {
    position:fixed;
    top:5px;
    right:27px;    
}
.hover_hl {
    background: url(../images/bg_hover_logo.png) no-repeat center center;
    width:130px;
    height:16px;
    font-size:9px;
    color:#aeaeae;
    float:right;
    text-align:center;
    padding-bottom:1px;
    display:none;  
    margin-right:6px;
}
.head_logo_single {
    background:url("../images/small_head_top.png") no-repeat top right;
    width:13px;
    height:14px;
    float:right;
}
/* @end */

/* @group FONT & SIZES*/
.post .date {
    font-size:8px;
    color:#000;
    font-weight:bold;
    line-height:18px;
}
.post .date span {
    font-size:19px;  
}
#right_menu a {
    font-size:10px;
}
/* @end */

/* @group RIGHT MENU WHITE BAR */
#logo_small {
/*    margin-top:20%;*/
    margin-left:-4px;
}
#logo_small a {
    
}

#right_menu {
    width:173px;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:999;
}
#rm_content {
    float:left;
    width:160px;
    height:100%;
    text-align:center;
    background: url(../images/pixel_black_60.png) top left;  
}

#rm_shadow {
    background: url(../images/left_shadow.png) repeat-y top left;
    float:right;
    width:13px;
    height:100%;
}
.top_space {
    background:#FFF;
    float:left;
    width:160px;
}
.white_bg_logo {
    background: #FFF;
}
.space {
    background: #FFF;
    height:40px;
}

.page_item a, .page_item_parent p:first-child a {
    color:#000;
    width:160px;  
    display:block; 
    background:#FFF;
    padding:2px 0;
}
.page_item a:hover, .page_item_parent p:first-child a:hover {
    color:#FFF;
    background: url(../images/pixel_black_40.png) top left; 
}
.current_page_item {
    background: url(../images/pixel_black_40.png) top left;  
}
.current_page_parent p:first-child a { 
    border-bottom: 1px solid #FFF; 
    display:block;
    width:160px;
    padding:2px 0;
}

.current_page_item a, .current_page_item2 a {
    color:#FFF;
    width:160px;  
    display:block;
    padding:2px 0;
}
.current_page_item2 {
    border-right:3px solid #FFF;
    margin-right:-3px;   
}
.page_item2 a {
    color:#acacac;
    width:160px;
    display:block;
    padding:2px 0;
}
.page_item2 a:hover {
    color:#FFF;
    border-right:3px solid #FFF;
    margin-right:-3px; 
}

.page_item_parent2 p:first-child a, .current_page_parent2 p:first-child a {
    display:block;
    position:relative;
    width:160px;
    color:#FFF;
    padding:2px 0;
    border:none;    
    background: url(../images/pixel_black_40.png) top left;
}
.page_item_parent2 p:first-child a img, .current_page_parent2 p:first-child a img {
    position:absolute;
    width:5px;
    height:5px;   
    top:8px;
    right:10px;
}
.ulmenu li {
/*    padding:2px 0;*/
}
.ulmenu li ul {
    display:none;
}
.ulmenu li ul li.page_item_parent2 ul {
    display:none;
}
.ulmenu .current_page_parent ul, .ulmenu .current_page_parent ul .current_page_parent2 ul {
/*    display:block;*/
}

.rm_below {
    background:#FFF;
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    width:160px;
    height:1000px;
}
/* @end */

/* @group CONTENT */
#bg_content {
    background: url(../images/pixel_black_60.png) top left;
    width:365px;
    position:fixed; 
    z-index:-999;  
    left:160px; 
    top:0px;
    bottom:0px;    
}
#content {
    width:352px;   
    padding-top:70px;  
    position:absolute; 
    left:173px; 
    z-index:1px; 
}
.post {
    margin: 30px 30px 0 17px;
    position: relative;  
}
.post p {
    padding-bottom:10px;
}
.post h1, #content h1 {
    background: #FFF;
    padding: 4px 0 4px 15px;
    margin-bottom: 15px;
}
.post h1 {
/*    margin-top:30px;*/
}
.post_content, .page_content {
    text-align:justify;
    margin: 0 10px;
}
.page_content a, .post_content a{
    text-decoration:underline;
}
.page_content a:hover, .post_content a:hover {
    text-decoration:none;
}
.post .date {
    background: url(../images/bg_date.png) no-repeat top left;
    position:absolute;
    top:0px;
    right:-69px;
    width: 39px;
    height: 43px;
    text-align:center;
    padding-top:6px;
}
.post .post_pic {
    position:absolute;
    top:60px;
    background: url(../images/pixel_black_60.png) top left; 
    padding:12px;
    text-align:center;
}
.post .post_pic img {
    border:1px solid #FFF;    
}
 
.pics_position {
    position:absolute;
    margin-top:90px;
    left:370px;
}

.pics {
    width:207px;
    height:126px;
    background: url(../images/pixel_black_60.png) top left;
    text-align:center;
    padding:12px 0;
    margin-bottom:20px;
}
.pics img {
    border:1px solid #FFF;
    width:181px;
    height:121px;
}
.view_pics {
    width:150px;
    position:fixed;
    bottom:0px;
    right:17px;
    background: url(../images/pixel_black_60.png) bottom right;
    text-align:center;
    padding:17px 0 13px 6px;
    font-size: 10px;
    font-weight:bold;
    z-index:1000;
    margin:0px;
}
#view_pics {
    display:block;
    width:156px; 
}

.gallery {
    position:absolute;
    top:60px;
    left:370px;    
}
.gallery-item {
    position: relative;
    background: url(../images/pixel_black_60.png) top left; 
    padding:12px;
    text-align:center;
    margin-bottom:10px;   
}
.gallery-icon {
    
}
.gallery-item img {
    position:relative;
    display:block;
    border:1px solid #FFF;        
}


/* @end */

/* @group ABOUT US */
.pics_position2 {
    position:absolute;
    margin-top:30px;
    left:370px;
}
/* @end */

/* @group REFERENCE */
.leftThumbs {
/*  /  float:left;  */
}
.small_pics_position {
     
}
.bg_small_pic {
    background: url(../images/pixel_black_60.png) top left;
    width:99px;
    height:99px;
    float:left;
    margin: 0 0 30px 0;   
}
.small_pics {
    width:77px;
    height:77px;
    border:1px solid #FFF;
    margin: 10px;    
}
.refe_title {
    position:fixed;
    bottom:130px;
    left:201px;
    width: 318px;
/*    padding:84px 0 30px 0; *//* this is useful so we can't click the images that it will be behind the h1 */
    z-index: 201;
}
.bottom_details, .view_pics_big {
    background: url(../images/pixel_black_60.png) top left;
    height:130px;
    position:fixed;
    bottom:0px;
}
.bottom_details {
    left:160px;
    right:167px;
    color:#FFF;
    font-weight:bold;
    padding:0 0 0 55px;
    display:block;
    z-index:999;
}
.view_pics_big {
    right:17px;
    width:142px;
    text-align:center;
    height:0px;
    padding:67px 0 63px 6px;
    font-weight: bold;
    font-size:10px;
}
.view_pics:hover, .view_pics_big:hover {
    color:#FFF;
    /* for IE */
/*    filter:alpha(opacity=70);*/
    /* CSS3 standard */
    opacity:0.70;
        
}
.show_pic_title {
    background: url(../images/arrow_up_white.png) no-repeat top center;
    width:73px;
    position:absolute;
    top:91px;
    left:14px;
    text-align:center;
    display:none;
    z-index:9999;
}
.show_pic_title_hid {
    position:absolute;
    left:-1000px;
}

/* @end */

/* @group FILM */
.movie_centered {
    position: fixed;
    z-index:9999;
}
/* @end */

/* @group COMMENT */
.comments_content {
    margin:20px 20px 0 28px;
}
.commentlist li, #commentform input, #commentform textarea {
    font-size: 0.9em; 
    }
#commentform input, #commentform textarea {

}
.commentlist li ul li {
    font-size: 1em; 
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
        padding:10px 0 0 0;
    
    }

.commentmetadata {
    font-weight: normal;
    }

/* @end */
/* @group NAVIGATION */
.navigation {
    display: block;
    text-align: center;
    margin:20px 40px 0 28px;
}
.navigation a {
    height:18px;
    background:#FFF;
    text-align:center;
    display:block;
    color:#000;
    font-size:10px;
    padding:0 8px;
}
.more-link {
    height:18px;
    background:#FFF;
    text-align:center;
    display:block;
    color:#000;
    font-size:10px;
    padding:0 8px;
    float:left;
    margin:6px 0 0 0;   
}
/* @end */
/* @group EXTRA */
#body_only_logo{position:absolute;top:40%;left:0;z-index:3;overflow:hidden;margin-left:-10000px;}
#loading {
            position: absolute;
            top: 49.5%; 
            left: 49.5%;
            z-index: 3;
            display:none;
            width: 31px; 
            height: 31px;
            text-indent: -999em;
            background-image: url(../images/progress.gif);
}
#FlabellComponent p, #FlabellComponent a {
    display:none;
}
.default-value {
    font-size:11px;
    padding:4px 0 4px 5px;
    margin:7px 0;
    border:0;
    font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
    width:281px;
}
.submit_button {
    height:18px;
    background:#FFF;
    text-align:center;
    display:block;
    color:#000;
    font-size:10px;
    font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
    padding:0 8px;
    float:right;
    margin:6px 0 0 0;
    border:0;
      
}


/* @end */