/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/

#container{ width:960px; background:#d2d2d3; margin:0 auto; /**/ }
    #header{ position:relative; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; height:60px; background:#fff; /**/ }
    #main{ padding:25px 25px 0; }
        #navigation{}
        #content{ float:left; width:525px; /**/ }
        #sidebar{ float:right; width:375px; /* height:400px;*/ }
        #extra{ float:left; background:#fff; width:925px; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; padding:50px 15px 0 20px; /*  margin-top:30px; */ }
    #footer{ position:relative; clear:both; padding:15px; height:20px; /**/ }

/****************

    TEXT

****************/

h1{ font:bold 18px Arial; text-align:right; color:#fff; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; padding:7px 15px; }
h2{ font:bold 18px Arial; text-align:right; color:#fff; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; padding:7px 15px; }
h3{}
h4{}
h5{}
h6{}
p{ font:normal 11px/1.5em Arial; }

/****************

    LINKS

****************/

a{ color:#000; text-decoration:none; }
a:hover{ text-decoration:underline; }

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol{}
    li{ font:normal 11px/1.5em Arial; }
dl{ height:120px; padding:10px 0 15px; }
    dt{ font:bold 11px Arial; background:#d2d2d3; color:#fff; margin-bottom:8px; -webkit-border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; padding:5px; }
    dd{ font:normal 11px/1.5em Arial; padding-left:25px; }
        dd a{ color:#000; text-decoration:none; }
        dd a:hover{ text-decoration:underline; }

/****************

    TABLES

****************/

table{}
    thead, tbody, tfoot{}
        th, td{}

/****************

    FORMS

****************/

fieldset{}
    legend{}
    select{}
        option{}
    label{}
    input, textarea{}
        .submit{}


/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

/* header */
#logo{ position:absolute; top:15px; left:20px; display:block; background:url(bg/logo.gif) no-repeat 0 0; width:171px; height:73px; }
#logo a{ display:block; width:171px; height:73px; }

.slogan{ position:absolute; /* top:20px; left:230px; */ padding:25px 0 0; padding-left:25px; /* background:url(bg/dot.gif) repeat-y 0 0; */ color:#6D6F71; font:normal 20px Impact, Arial; }
.slogan span{ font:italic 12px Arial; color:#D77D32; }

.switch-lang{ text-align:right; padding:10px; }
.switch-lang ul{ float:right; list-style:disc inside; }
.switch-lang li{ float:left; padding-left:10px; }

/* extra */
#extra img{ display:block; padding-top:10px; }
#extra dl{ float:left; width:180px; padding-right:5px; background:url(bg/dot.gif) repeat-y 0 0; }
#extra dl dt a{ color:#fff; }

/* footer */
#ador{ position:absolute; width:21px; height:11px; top:18px; right:15px; }

#footer p{ float:left; }
#footer ul{ display:inline; list-style:disc inside; }
#footer li{ float:left; padding-left:10px; }

/**/

dl ul{ color:#d2d2d3; }

.homepage-box{ position:relative; margin-bottom:30px; }
.theme1 .homepage-box{ margin-bottom:0; }
.homepage-box img{ display:block; }
.homepage-box h1, .homepage-box h2{ border-bottom:2px dotted #fff; }
.homepage-box h1 img, .homepage-box h2 img{ position:absolute; top:15px; right:15px; }
.homepage-box .entry{ position:absolute; right:0; bottom:0; text-align:right; -moz-border-radius:10px 0 10px 0; padding:6px 40px; font:normal 16px Arial; font:bold 13px Arial; }
.homepage-box .entry:hover{ text-decoration:none; }

.homepage-box h1 a, .homepage-box h2 a{ color:#fff; display:block; }

#extra .theme1 dt, .theme1 .homepage-box h1{ background-color:#D77D32; }
#extra .theme1 ul{ color:#D77D32; }
.theme1 .homepage-box .entry{ background:#fff url(bg/arrow-th1.png) no-repeat 95% 50%; }

#extra .theme2 dt, .theme2 .homepage-box h2{ background-color:#000080; }
#extra .theme2 ul{ color:#000080; }
.theme2 .homepage-box .entry{ background:#fff url(bg/arrow-th2.png) no-repeat 95% 50%; }

#extra .theme3 dt, .theme3 .homepage-box h2{ background-color:#C3CD28; }
#extra .theme3 ul{ color:#C3CD28; }
.theme3 .homepage-box .entry{ background:#fff url(bg/arrow-th3.png) no-repeat 95% 50%; }

.selected{ font-weight:bold; }
/*
.theme4 dt{ background:#ee326c; }
.theme4 ul{ color:#ee326c; }

.theme5 dt{ background:#fdcb02; }
.theme5 ul{ color:#fdcb02; }
*/












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */