header, hgroup, nav, article, section, footer, aside, address{ display:block;}

/*time {  font-style:italic; padding:0px 5px;}*/

/*address { font-size:11px; padding:10px 10px; text-align:right }*/

body {
    font-family: Verdana,"Verdana CE",Arial,"Arial CE","Lucida Grande CE",lucida,"Helvetica CE",sans-serif;
    /*background-color: #444444;*/
    background-image: url('../images/background6.jpg');
    margin: 20px;
}

h1 {    
    font-size: 130%;
    /*margin: 0px;*/
    margin: 10px 0;
    border-bottom: 2px solid #dedede;
}

h2 {
    font-size: 120%;
    /*margin:0px;*/
    margin: 10px 0;
}

h3 {
    font-size: 110%;
    margin:0px;
}

p {
    line-height: 22px;
    margin: 15px 0;
}

#images {
    /*float :left;*/
    width: 100%;
    border: 0px;
    margin: 0 auto;
    padding: 0px;
    display: block;
    /*font-size: 0;*/    
}

#images #image1, #image2, #image3, #image4 {   
    width: 25%;
    background-color: white;
    /*display: inline-block;*/
    display: inline-block;
    text-align:center;
    vertical-align: top;
}

#images #image1 p, #image2 p, #image3 p, #image4 p {
    text-align: left;
    padding: 5px;
    font: 90% Verdana;
    position: relative;
    /*top:0px;*/
    vertical-align: top;
}

#images #image1 a.more, #image2 a.more, #image3 a.more, #image4 a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    font: 80% Verdana;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
}

images nth-last-child(1){
    margin: 0px;
    border-right:none;
}

#extralinks {
    width: 100%;
    border: 0px;
    margin: 0 auto;
    padding: 0px;
    display: block;
}

#extralinks #extra1, #extra2, #extra3, #extra4 {
    width: 25%;
    /*background-color: white;*/
    /*display: inline-block;*/
    display: inline-block;
    vertical-align: top;
    /*text-align:center;*/
}

#extralinks #extra1 h1, #extra2 h1, #extra3 h1, #extra4 h1 {
    font-size: 90%;
    /*margin: 10px 0;*/
    /*text-align:center;*/
    font-weight: normal;
    border: 0px;
    padding-left: 50px;
    /*border-bottom: 1px solid #dedede;*/
}

#extralinks #extra1 ul, #extra2 ul, #extra3 ul, #extra4 ul {
    list-style: none;
}

#extralinks #extra1 ul li a, #extra2 ul li a, #extra3 ul li a, #extra4 ul li a {
    font-size: 80%;
    display: inline-block;
    padding: 0 15px;
    height: 16px;
    line-height: 12px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal; 
}

#extralinks #extra1 ul li a:hover, #extra2 ul li a:hover, #extra3 ul li a:hover, #extra4 ul li a:hover {
    color: #DF7401; /*dark orange*/
    }

.sidebar h1, #comments h1{
    font-size:90%;
    padding:0px;
    border-bottom:2px
    solid #dedede;
    font-weight: bold;
}

.sidebar p {
    font-size: 90%;
}

/* for the flag and the language */
.alignright {
    float: right;
}

#Internalwrapper {
    padding: 20px;
    /*margin: 1px;*/
    border: 1px solid #F1F1F1;
    background: none repeat scroll 0 0 #FAFAFA;
}


#Wrapper { 
    width: 92%; 
    margin:0px auto;    
    border: 3px solid #F1F1F1;
    background: none repeat scroll 0 0 #FFFFFD;
}

#Wrapper2{ 
    overflow:hidden; 
    /*border:1px dotted #ddd;*/
    background-color: #f9f9f9;
}
#header {
    width: 100%;

}

img {
    max-width: 100%;
}

video {
	max-width: 100%;
	height: auto;
}

#navigation {
    height: 37px;
    /*border: 1px solid #ddd;*/
    margin:0px auto;
    background-color: #A4A4A4; /*#C7C7C7;*/
    /*background-image:-webkit-linear-gradient( 90deg, #ccc 0%, #f9f9f9 10%, #fff 90%, #ccc 100%)           */   
    border-style: solid; /*new*/
    border-width: 0px;
    border-color: #A4A4A4 #A4A4A4 lightgrey;    
}

#header #navigation a.active {
    background: none repeat scroll 0 0 lightgrey;
}

#navigation ul {
    list-style: none;
    margin:0px;
    padding:0px;
}

#navigation ul li {
    float: left;
    /*border-right: 1px solid #ddd;*/
    /*text-shadow: 0 1px 0 #fff;*/
    background-color: #A4A4A4; /*#C7C7C7;*/
} 
/*#navigation ul li:nth-last-child(1){ border-right:none;}*/
#navigation ul li a {
    display: inline-block;
    padding: 0 15px;
    height: 37px;
    line-height: 38px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal;
}

/*
#navigation ul li a:active {
        background: #f6f6f6;
        -webkit-box-shadow: inset 0 2px 5px #ddd;
        -moz-box-shadow: inset 0 2px 5px #ddd;
        box-shadow: inset 0 2px 5px #ddd;
}*/

#navigation ul li a:hover{ color: #DF7401;} /*dark orange*/


#header #subnavigation a.active {
    /*background: none repeat scroll 0 0 red;*/
    text-decoration: underline;
}

#subnavigation {
    height: 30px;
    /*border: 1px solid *#ddd;**/
    margin:0px auto;
    background-color: lightgrey;
    /*background-image:-webkit-linear-gradient( 90deg, #ccc 0%, #f9f9f9 10%, #fff 90%, #ccc 100%)*/
    border-bottom: 1px solid #A4A4A4; /*new*/
    border-left: 1px solid #A4A4A4;
    border-right: 1px solid #A4A4A4;    
}

#subnavigation ul {
    list-style: none;
    margin:0px;
    padding:0px;        
}

#subnavigation ul li {
    float: left;
    /*border-right: 1px solid #ddd;*/
    /*text-shadow: 0 1px 0 #fff;*/
    background-color: lightgrey;
} 
/*#subnavigation ul li:nth-last-child(1){ border-right:none;}*/
#subnavigation ul li a {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 28px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal;
    font-size:90%;
}

/*
#subnavigation ul li a:active {
        background: #f6f6f6;
        -webkit-box-shadow: inset 0 2px 5px #ddd;
        -moz-box-shadow: inset 0 2px 5px #ddd;
        box-shadow: inset 0 2px 5px #ddd;
}*/

#subnavigation ul li a:hover{ color: #DF7401;} /*dark orange*/




#title h1 a, #title h1 a:hover, #title h1 a:hover, #title h1 a:hover  {	
    margin: 40px auto 20px auto;
    padding: 15px auto;
    display: inline-block;
    text-decoration: none;
    color: #444;
    -webkit-font-smoothing: antialiased;
    border-bottom: 6px solid transparent;
    text-rendering: optimizeLegibility;	
}

#title h1 a:hover {
    border-bottom: 6px solid #eee;
}

#title h2 {
    font-weight: bold;
    color: #aaa;
    font-size: 120%;
    line-height: 140%;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    padding:5px 0px;
}

#title h2 small {
    color: #000;
    font-size: 110%;

    font-weight: bold;
    text-transform: uppercase;
}

#title h2 a {
    text-decoration: none;
    color: #999;
}



#contents{
    min-height: 408px;
    width: 52%;
    float: left;
    padding:20px 10px 20px 10px;
    overflow:hidden;
    line-height:21px;
}
#contents h1{ padding:5px 0px;}

#sidebar-wrapper {
    float: left;
    width:21%;
    padding: 20px 20px 20px 0px; /*padding:10px;*/
    /*border-right:1px solid #ccc;  */

}

#sidebar-wrapper-right {
    float: right;
    width:21%;
    padding: 20px 0 20px 20px; /*padding:10px;*/
    border-left:1px solid #ccc;

}

.sidebar {
    float: left;
    padding: 0px;
    width:90%;
}
.sidebar li{ padding:5px 0px;}
#comments article{ background-color:#fff; }

#comments footer{ 
    background-color:#f9f9f9;
    border-top:2px solid #CCC;
    border-bottom:3px solid #CCC;
    font-size:90%;
}

#comments footer p{ 
    padding:0px; 
    margin:0px;    
}
blockquote{ padding:10px; margin:0px 0px; border-bottom:1px solid #dedede;}
blockquote:before {
    content: '\201C';
}
blockquote:after {
    content: '\201D';
}

#sidebar-wrapper a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    font: 80% Verdana;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

#sidebar-wrapper-right a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    font: 80% Verdana;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

#footer {
    clear: both;
    float: left;
    padding: 10px 0 10px 0;
    background: lightgrey;
}

#footer p {
    /*border-top:3px solid #CCC;*/
    padding: 0px;
    line-height: normal;
    /*margin: 0px 0 0 10px;*/
    text-align: center;
    font-size:90%;
}

/*
#copyrights {
    border-top:3px solid #CCC;
    border-bottom:3px solid #CCC;
    clear: both;
}

#copyrights p {
    float:left; 
    margin:10px 15px 0px 0px;
}
*/



@media all {
    #Wrapper,#navigation,#subnavigation ul li a {
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
}
@media screen and (min-width: 1401px){
    #Wrapper{ width: 1300px; margin:0px auto;}
    #contents{
        width: 52%;
    }
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #Wrapper{ width: 1100px; margin:0px auto;}
    #contents{
        width: 52%;
    }
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
    #Wrapper{ width: 960px; margin:0px auto;}
    #contents{
        width: 50%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 859px) and (max-width: 960px) {
    #Wrapper{ width: 830px; margin:0px auto;}
    #navigation ul li a{ font-size:12px; padding:0px 11px;}
    #subnavigation ul li a{ font-size:12px; padding:0px 11px;}
    #contents{
        width: 50%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 761px) and (max-width: 860px) {
    #Wrapper{ width: 740px; margin:0px auto;}
    #navigation ul li a{ font-size:12px; padding:0px 11px;}
    #subnavigation ul li a{ font-size:12px; padding:0px 11px;}
    #contents{
        width: 45%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}


@media screen and (min-width: 641px) and (max-width: 760px) {	
    #Wrapper{ width: 620px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}            
    #contents{
        width: 65%;
        font-size:12px;
    }
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #Wrapper2 { clear:both;}
    #sidebar-wrapper {
        float: left; font-size:11px;
        width:65%;clear:both;
    }
    #sidebar-wrapper-right {
        float: right; font-size:11px;
        width:20%;clear:both;        
    }  
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}

@media screen and (min-width: 421px) and (max-width: 640px) {
    #Wrapper{ width: 420px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}        
    #contents{
        width: 95%;
        font-size:12px;position:relative;
    }
    #Wrapper2 { clear:both;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar-wrapper {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }
    #sidebar-wrapper-right {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }    
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}

@media screen and (min-width: 0px) and (max-width: 420px) {
    #Wrapper{ width: 320px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}        
    #contents{
        width: 95%;
        font-size:12px;position:relative;
    }
    #Wrapper2 { clear:both;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar-wrapper {
        float: left; font-size:11px;
        width:95%;clear:both; 
    }
    #sidebar-wrapper-right {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }    
    #footer {
        float: right;
        width:100%;clear:both; 
    }         

}


/* ----------------------------------------------------------- all the css for print ------------------------------------------------------------- */
@media print {

}