@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu-R.ttf);
}

@font-face {
    font-family: Alegreya;
    src: url(../fonts/Alegreya-Italic.otf);
}


body, p, h1, h2, h3, h4, h5, div, img {
    margin:0;
    padding: 0;
    border: 0;
}

body{
    font-family: Ubuntu, sans-serif;
    background: #e5dacf url("../img/page_border_line_top.gif") repeat-x left top; 
}



    
/*
     @media only screen and (orientation:landscape){
        body{
            background: white;   
        }
        
    }
    
    
     @media only screen and (orientation:portrait){
        body{
            background: green;   
        }
        
    }
*/





#wrapper{
    float:left;
    background:transparent url("../img/page_border_line_bottom.gif") repeat-x left bottom;
}


#border_left{
    position: absolute;
    top:0;
    left:0;
    width:26px;
    height:100%;
    background: transparent url("../img/page_border_left.gif") repeat-y left bottom;
    z-index: 10;
}

#border_left img, #border_right img{
    padding:0;
    margin:0;
    height:25px;
    width:26px;
}


/*///////////////////////////prvi prostor//////////////////////////////////////*/
#header{
    float:left;
    position: relative;
    height: 100%;
    z-index:1;
}


#header img{
    height:100%;
    width:auto;
}



#cv{
    position: absolute;
    height: 10.1%;
    top:39.72%;
    /*left:0.64%;*/
    left:2.4%;
}
#cv img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}



#logo{
    position: absolute;
    height:28.6%;
    top:10.18%;
    left:6.4%;
}
#logo img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}



#installation{
    position: absolute;
    height:78%;
    top:10.2%;
    left:30%;
}

#installation img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

#installation a{
    display: block;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
 
}








/*///////////////////////////drugi prostor//////////////////////////////////////*/
#heading{
    float:left;
    width:470px;
    padding: 0 80px 0 14px;
}

#heading img{
    display:block;
    padding:0 0 50px 0;
    width:100%;
    height: auto;
    
}

#heading p{
    font-size: 1.18em;
    padding: 0 0 9px 0;
}

#heading h3{
    font-size: 1.563em;
    padding:0 0 0 0;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.1em;
}

#heading h4{
    font-size: 1.375em;
    font-family: Alegreya, serif;
    font-style: italic;
    padding:9px 0 4px 0;
    font-weight: normal;
    line-height: 0.9em;
}


#border_article_left{
    float:left;
    width:6px;
    height: 86.7%;
}

.article_border{
    width:6px;
    height: 100%;
    padding:0;
    margin:0;
    background: transparent url('../img/content_border_vertical_bottom_center.gif') repeat-y left bottom;
}
.article_border img{
    display: block;
    padding: 0;
    margin: 0;
}



/*///////////////////////////tretji prostor//////////////////////////////////////*/
#article{
    float:left;
    width:1260px;
    padding:0 20px;
    
}


#article p{
    line-height: 1.8em;
  -webkit-column-count: 3;
  -webkit-column-gap: 44px; /* Saf3, Chrome*/
  -moz-column-count: 3;   
  -moz-column-gap: 44px;; /* FF3.5+ */
  column-count: 3;        
  column-gap: 44px; /* Opera 11+*/
    
/*
    -webkit-columns: 320px 3;
   -moz-columns: 320px 3;
        columns: 320px 3;
*/
    
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;

    
    height: 90%;
    
}

/*
#article .column{
    height: 90%;
}

#article .column p{
    
    padding: 0 21px 0 21px ;
    
}
*/

/*#article .first{
    background: transparent url("../img/content_border_vertical_bottom_center.gif") repeat-y left bottom;
    
}*/



#article p span{
    font-size:1.25em;
    font-family: Alegreya, serif;
    font-style: italic;
/*    padding-top:20px;*/
}


#border_article_right{
    float:left;
    width:6px;
    height: 86.7%;
}




/*///////////////////////////cetrti prostor//////////////////////////////////////*/
#aside{
    float:left;
    width:409px;
    padding-right: 20px;
}

#aside p{
    line-height: 1.8em;
    padding:0 0px 0 24px;
}

#aside h3{
    padding:0 0 10px 24px;
    font-size:1.9em;
    font-family: Alegreya, serif;
    font-style: italic;
    font-weight: normal;
    color:#f26222;
}




/*///////////////////////////peti prostor//////////////////////////////////////*/
#plan{
    float:left;
}
#plan img{
    display: block;
    width:100%;
    height: auto;
    
}

/*///////////////////////////sesti prostor//////////////////////////////////////*/
#story_footer{
    float:left;
    width:420px;
    padding:0 0 0 32px;
}

#story_footer p{
    line-height: 1.8em;
}


#story_footer #wiki_link{
    padding: 0;
    line-height: 1.8em;
}



#story_footer h3{
    font-family: Alegreya, serif;
    font-style: italic;
    font-size: 3em;
    font-weight: normal;
    padding:0 0 0 0;
    margin:0
}

#story_footer a{
    font-family: Alegreya, serif;
    font-style: italic;
    font-size: 1.25em;
    color:#f26222;
    text-decoration: none;
}

#story h3{
    padding:0;
    margin:0;
}

#story_footer .first{
/*    background: transparent url("../img/content_border_horizontal.gif") no-repeat left top;*/
}

#footer{
/*    padding:20px 0 0 0;*/
    background: transparent url("../img/content_border_horizontal.gif") no-repeat left top;
}

/*
#footer{
    position:relative;   
}
#footer p{
    width:100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}
*/





#border_right{
    float:right;
    width:26px;
    height:100%;
    background: transparent url("../img/page_border_right.gif") repeat-y right bottom;
}

/* debug */


/*#border_left{
    background:cyan;
}


#wrapper{
    background: red;   
}

#header{
    background: blue;   
}

#heading{
    background: yellow;
}

#article{
    background: purple;
}
#article p{
    background: green;
}
#aside{   
    background: pink;
}
#plan{
    background: orange;   
}
#story_footer{
    background: grey;
}

#story{
    background: #894500;   
}

#border_right{
    background-color: magenta;
}*/




/*
@media only screen and (orientation:portrait){
        #wrapper {  
              -webkit-transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              transform: rotate(90deg);
             }

}
@media only screen and (orientation:landscape){
        #wrapper {  
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              transform: rotate(0deg);
             }
}*/









/*//////////////////////////////                    1050px                                 /////////////////////////*/


@media (max-height: 1050px) {
/*    div, p, img, h1, h2, h3, h4, #wrapper, #header, #heading, #article, #aside, #plan, #story_footer, #heading img, #heading p, #heading h3, #heading h4, #article .column, #article .column p,
    #aside p, #aside h3,
    #plan img,
    #story_footer p
    {
        padding:0;
        margin:0
        
    }*/
    
    
    
    #cv{
        top:39.72%;
        left:3.6%;
    }

    #logo{
        top:10.18%;
        left:7.2%;
    }
    
    #installation{
        top:10.2%;
        left:30%;
    }
    


    
    
    
    #heading{
/*        width:432px;   */
    }
    
    #heading img{
        display:block;
        padding:0 0 46px 0;
        width:395px;
        height: auto;
    
    }
    
    
    

}


@media (max-height: 980px) {
        #story_footer{
        float:left;
        width:840px;
        padding:0 0 0 32px;

    }
    
    #story{
        height:80%;
        -webkit-column-count: 2;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 2;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 2;        
        column-gap: 1%; /* Opera 11+*/
        
        -webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        height: 80%;
    }
    
    
    
    #story_footer p, #story_footer #wiki_link{
        padding:0 10px;
    }
    
    
    
}




/*//////////////////////////////                    942                                 /////////////////////////*/


@media (max-height: 944px) {
    

    
    #article{  
        width:1600px;
    }
    
    #article p{
        line-height: 1.8em;
        -webkit-column-count: 4;
        -webkit-column-gap: 44px; /* Saf3, Chrome*/
        -moz-column-count: 4;   
        -moz-column-gap: 44px;; /* FF3.5+ */
        column-count: 4;        
        column-gap: 44px; /* Opera 11+*/
        
       -webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        height: 90%;
    
}

    
    #story_footer h3{
        padding:0 0 0 8px;
    }

    

}




/*//////////////////////////////                    800                               /////////////////////////*/


@media (max-height: 800px) {
    
    
/*    div, p, img, h1, h2, h3, h4, #wrapper, #header, #heading, #article, #aside, #plan, #story_footer, #heading img, #heading p, #heading h3, #heading h4, #article .column, #article .column p,
    #aside p, #aside h3,
    #plan img,
    
    #story_footer p
    {
        padding:0;
        margin:0
        
    }*/
    
    
    #cv{
        top:39.72%;
        left:5%;
    }

    #logo{
        top:10.18%;
        left:8%;
    }
    
    #installation{
        top:10.2%;
        left:30%;
    }
    
    
    
    
    #heading{
        width:480px;
        padding:0;
    }
    
    #heading img{
        display:block;
        padding:0 0 46px 0;
        width:327px;
        height: auto;
    }
    
    #heading p{
        font-size: 1.18em;
/*        padding: 0 0 20px 0;*/
    }

    #heading h3{
        font-size: 1.563em;
/*        padding:0 0 15px 0;*/
    }

    #heading h4{
        font-size: 1.375em;
/*        padding:0 0 15px 0;*/
    }
    
    
    
    
    
    
    #aside p{
        line-height: 1.8em;
        padding:20px;
    }

    #aside h3{
        padding:0 20px 0 20px;
        font-size:1.9em;
    }
    
    
    
    
    
    
    #article{  
        width:1900px;
    }
    
    #article p{
        line-height: 1.8em;
        -webkit-column-count: 4;
        -webkit-column-gap: 35px; /* Saf3, Chrome*/
        -moz-column-count: 4;   
        -moz-column-gap: 35px; /* FF3.5+ */
        column-count: 4;        
        column-gap: 35px; /* Opera 11+*/
    }
    
    
    #story_footer{
        float:left;
        width:840px;
        padding:0 0 0 32px;
    }
    
    
        #story{
            height:76%;
        }

    #story_footer p{
        padding:0 10px;
    }

    
    #story_footer #wiki_link{
        padding:0 10px;
    }
    
    #footer{
/*        padding-top:8px;   */
        
    }
    
    

    
    
    

}


@media (max-height: 640px) {
    #article{  
        width:2080px;
    }
    
     #article p{
        line-height: 1.8em;
        -webkit-column-count: 5;
        -webkit-column-gap: 35px; /* Saf3, Chrome*/
        -moz-column-count: 4;   
        -moz-column-gap: 35px; /* FF3.5+ */
        column-count: 4;        
        column-gap: 35px; /* Opera 11+*/
    }
    
    
    
    
     #story_footer{
        float:left;
        width:1200px;
        padding:0 0 0 7px;
        height:auto;
    }
    
    #story{
        width:800px;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
    
    #story{
        -webkit-column-count: 2;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 2;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 2;        
        column-gap: 1%; /* Opera 11+*/
        
       -webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        height: 90%;
    }

    

    
    #story_footer p{
        padding:0 10px;
    }


    #story_footer #wiki_link{
        padding:0 0 0 7px;
      
    }






    
/*
    #story_footer .last{
        background: transparent url(../img/content_border_vertical_top.gif) no-repeat top right;   
    }
*/
    
    #footer{
        float:left;
        width:260px;
        background: none;
        padding:0;
    }
    
    #footer p{
     
    }
  
}





@media (max-height: 600px) {
    
    #article{  
        width:2260px;
    }
    
    #article p{
        line-height: 1.8em;
        -webkit-column-count: 6;
        -webkit-column-gap: 35px; /* Saf3, Chrome*/
        -moz-column-count: 6;   
        -moz-column-gap: 35px; /* FF3.5+ */
        column-count: 6;        
        column-gap: 35px; /* Opera 11+*/
    }
    
    
    #story_footer{
        width:1400px;
    }
    
    #story{
        width:980px;
        height:86%;
    }
    
    #story{
        -webkit-column-count: 3;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 3;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 3;        
        column-gap: 1%; /* Opera 11+*/
        
       -webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        height: 90%;
    }

}



@media (max-height: 554px) {
    
    #aside{
        width:500px;
    }
    
    
    #article{  
        width:2500px;
    }
}









/*//////////////////////////////                    480                                  /////////////////////////*/

@media (max-height: 484px) {
/*    div, p, img, h1, h2, h3, h4, #wrapper, #header, #heading, #article, #aside, #plan, #story_footer, #heading img, #heading p, #heading h3, #heading h4, #article .column, #article .column p,
    #aside p, #aside h3,
    #plan img,
    #story_footer p
    {
        padding:0;
        margin:0
        
    }*/
    
    
    body{
        background: #e5dacf url("../img/page_border_line_top_small.gif") repeat-x left top; 
    }
    
    
    
    #wrapper{
        float:left;
        background:transparent url("../img/page_border_line_bottom_small.gif") repeat-x left bottom;
    }


    #border_left{
        position: absolute;
        top:0;
        left:0;
        width:12px;
        height:100%;
        background: transparent url("../img/page_border_left_small.gif") repeat-y left bottom;
        z-index: 10;
    }
    
    #border_left img, #border_right img{
        display: block;
        padding:0;
        margin:0;
        height:12px;
        width:12px;
    }

    
    
    #heading{
        width:330px;  
        padding:0 0 0 30px;
    }
    
    #heading img{
        display:block;
        padding:0 0 35px 0;
        width:280px;
        height: auto;
    
    }
    
    #heading p{
       font-size: 0.75em;
        padding: 0 0 5px 0;
    }

    #heading h3{
        font-size: 0.875em;
        padding:0 0 3px 0;
    }

    #heading h4{
        font-size: 0.813em;
        padding:4px 0 4px 0;
    }
    
    
     #article{  
        width:1210px;
    }
    
    #article p{
        padding:0 10px;
        font-size: 0.72em;
        line-height: 1.4em;
        -webkit-column-count: 5;
        -webkit-column-gap: 20px; /* Saf3, Chrome*/
        -moz-column-count: 5;   
        -moz-column-gap: 20px; /* FF3.5+ */
        column-count: 5;        
        column-gap: 20px; /* Opera 11+*/
        
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        height: 90%;
    }
    
    #article p.signature{
        font-size: 0.72em;
    }
    
    
    
    #aside{
        width:250px;
        padding:0 10px 0 18px;   
        
    }
    
    #aside p{
        font-size: 0.72em;
        padding:0;
    }

    #aside h3{
        padding:0;
        font-size:1.2em;
    }
    
    
    #story_footer{
        float:left;
        width:990px;
        padding:0 0 0 7px;
        height:auto;
    }
    
    #story{
        width:740px;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
    
    #story{
        -webkit-column-count: 3;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 3;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 3;        
        column-gap: 1%; /* Opera 11+*/
        
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        height: 90%;
    }

    
    #story .first{
        background: none;   
    }
    
    #story_footer p{
        font-size: 0.72em;
        line-height: 1.8em;
        padding:0 10px;
    }


    #story_footer #wiki_link{
        padding:0 0 0 7px;
        line-height: 1.8em;
    }



    #story_footer h3{
        font-family: Alegreya, serif;
        font-style: italic;
        font-size: 2.2em;
    }

    #story_footer a{
        font-size: 1.25em;
        color:#f26222;
        text-decoration: none;
    }
    
/*
    #story_footer .last{
        background: transparent url(../img/content_border_vertical_top.gif) no-repeat top right;   
    }
*/
    
    #footer{
        float:left;
        width:240px;
        background: none;
    }
    
    #footer p{
        font-size: 0.6em 
    }

/*
    #footer{
        position:relative;   
    }
    #footer p{
        width:100%;
        height: 100%;
        position: absolute;
        bottom: 0;
    }
*/  
    
    
    #border_right{
        float:right;
        width:12px;
        height:100%;
        background: transparent url("../img/page_border_right_small.gif") repeat-y right bottom;
    }
    
}



@media (max-height: 432px) {
    
    #article{  
        width:1390px;
    } 
    
    
    
    #article p{
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }
}




@media (max-height: 384px) {
    
    #article{  
        width:1480px;
   
        
    }
}





/*//////////////////////////////                    350                                 /////////////////////////*/

@media (max-height: 350px) {
    
    #article{  
        width:1740px;
        
        
    }

/*
    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }
*/

    

    
    #aside p{
        font-size: 0.72em;
        line-height: 1.6em;
        padding:0;
    }

    #aside h3{
        padding:0;
        font-size:1em;
    }
    
    
    
    #story_footer{
        float:left;
        width:1050px;
        padding:0 0 0 7px;
        height:auto;
    }
    
    #story{
        width:840px;
        height:89%;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
    
    #story{
        -webkit-column-count: 3;
        -webkit-column-gap: 0.5%; /* Saf3, Chrome*/
        -moz-column-count: 3;   
        -moz-column-gap: 0.5%; /* FF3.5+ */
        column-count: 3;        
        column-gap: 0.5%; /* Opera 11+*/
        
    }

    #story_footer p{
        font-size: 0.72em;
        line-height: 1.6em;
/*        padding:0 10px;*/

    }


    #story_footer #wiki_link{
        padding: 0;
        padding:0 10px;
    }



    #story_footer h3{
        font-size: 3em;
    }

    #story_footer a{
        font-size: 1.25em;
    }
    
    #footer{
        float:left;
        width:190px;
        padding:0;
        background: none;
    }
    
    #footer p{
        font-size: 0.6em 
    }
     
}


@media (max-height: 296px) {
    
    
    #article{  
        width:2000px;
    }
    
    #article p{
        padding:0 10px;
        font-size: 0.72em;
        line-height: 1.4em;
        -webkit-column-count: 7;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 7;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 7;        
        column-gap: 1%; /* Opera 11+*/
    }

/*
    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }
*/

    
    
     #heading{
        width:270px;  
        padding:0 0 0 30px;
    }
    
    #heading img{
        display:block;
        padding:0 0 12px 0;
        width:240px;
        height: auto;
    
    }
    
    #heading p{
       font-size: 0.75em;
        padding: 0 0 4px 0;
    }

    #heading h3{
        font-size: 0.875em;
        padding:0 0 4px 0;
    }

    #heading h4{
        font-size: 0.813em;
        padding:0 0 7px 0;
    }
    
    
    #story_footer{
        float:left;
        width:1150px;
        padding:0 0 0 7px;
        height:auto;
                
    }
    
    
     #story{
        width:930px;
        height:88%;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
    

    
    #aside{
        width:300px;
        padding:0 10px 0 18px;     
    }
    
}



/*//////////////////////////////                    280                                 /////////////////////////*/

@media (max-height: 270px) {
    
    
    #article{  
        width:2250px;
    }
    
    #article p{
        padding:0 10px;
        font-size: 0.72em;
        line-height: 1.4em;
        -webkit-column-count: 7;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 7;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 7;        
        column-gap: 1%; /* Opera 11+*/
        
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    

    }
    
    
    
    
    #cv{
        top:39.72%;
        left:5.6%;
    }

    #logo{
        top:10.18%;
        left:8.4%;
    }
    
    #installation{
        top:10.2%;
        left:30%;
    }
    
    
    
    #heading{
        width:270px;  
        padding:0 0 0 30px;
    }
    
/*    #heading img{
        display:block;
        padding:0 0 12px 0;
        width:240px;
        height: auto;
    
    }
    
    #heading p{
       font-size: 0.75em;
        padding: 0 0 4px 0;
    }

    #heading h3{
        font-size: 0.875em;
        padding:0 0 1px 0;
    }

    #heading h4{
        font-size: 0.813em;
        padding:0 0 2px 0;
    }*/
    
    

    
    
    #aside{
        width:300px;
        padding:0 10px 0 18px;     
    }
    
    
    #aside p{
        font-size: 0.72em;
        line-height: 1.6em;
        padding:0;
    }

    #aside h3{
        padding:0;
        font-size:1em;
    }
    
    
    
    #story_footer{
        float:left;
        width:1350px;
        padding:0 0 0 7px;
        height:auto;
    }
    
    #story{
        width:1080px;
        height:88%;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
    
    #story{
        -webkit-column-count: 4;
        -webkit-column-gap: 0.5%; /* Saf3, Chrome*/
        -moz-column-count: 4;   
        -moz-column-gap: 0.5%; /* FF3.5+ */
        column-count: 4;        
        column-gap: 0.5%; /* Opera 11+*/
        


    }
    

    #story_footer p{
        font-size: 0.72em;
        line-height: 1.6em;
        padding:0 10px;
    }


    #story_footer #wiki_link{
        padding:0 10px;
        line-height: 1.8em;
    }



    #story_footer h3{
        font-size: 3em;
    }

    #story_footer a{
        font-size: 1.25em;
    }
    
    #footer{
        float:left;
        width:190px;
        padding:0;
        background: none;
    }
    
    #footer p{
        font-size: 0.6em 
    }
     
}


div.portrait_mode {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}




@media (max-height: 250px) {
    #article{  
        width:2200px;
    }
    
    #article p{
        -webkit-column-count: 9;
        -webkit-column-gap: 1%; /* Saf3, Chrome*/
        -moz-column-count: 9;   
        -moz-column-gap: 1%; /* FF3.5+ */
        column-count: 9;        
        column-gap: 1%; /* Opera 11+*/
    }

    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }

    
    
    
    #heading{
        width:270px;  
        padding:0 0 0 30px;
    }
    
    #heading img{
        display:block;
        padding:0 0 8px 0;
        width:200px;
        height: auto;
    
    }
    
    #heading p{
       font-size: 0.6em;
        padding: 0 0 2px 0;
    }

    #heading h3{
        font-size: 0.8em;
        padding:0 0 1px 0;
    }

    #heading h4{
        font-size: 0.8em;
        padding:0 0 6px 0;
    }
    
    
    #aside{
        width:400px;
        padding:0 10px 0 18px;     
    }
    
    #story{
        -webkit-column-count: 4;
        -webkit-column-gap: 0.5%; /* Saf3, Chrome*/
        -moz-column-count: 4;   
        -moz-column-gap: 0.5%; /* FF3.5+ */
        column-count: 4;        
        column-gap: 0.5%; /* Opera 11+*/
        

    }
}

@media (max-height: 242px) {
    #article{  
        width:2400px;
    }

    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }

@media (max-height: 230px) {
    #article{  
        width:2600px;
    }
    
    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }
 
    #story_footer{
        float:left;
        width:1700px;
        padding:0 0 0 7px;
        height:auto;
    }
    
    #story{
        -webkit-column-count: 5;
        -webkit-column-gap: 0.5%; /* Saf3, Chrome*/
        -moz-column-count: 5;   
        -moz-column-gap: 0.5%; /* FF3.5+ */
        column-count: 5;        
        column-gap: 0.5%; /* Opera 11+*/
    }
    
    #story{
        width:1400px;
        height:83%;
        float:left;
        background: transparent url(../img/content_border_vertical_bottom_center.gif) no-repeat bottom right;
    }
}

@media (max-height: 214px) {
    #article{  
        width:2800px;
    }
    #article p{  
        -webkit-column-fill:: balance;
        -moz-column-fill: balance;
        column-fill: balance;
    }

}