/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#999999; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif; background-image: url(img/fd_animcolor.gif) }
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; text-decoration: none}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block; }
	
/* Structure */
#wrapper { width: 96%; max-width: 920px; margin: auto; padding: 2%; background-color: transparent; } 
.main { width: 60%; margin-right: 5%; float: left; }				
aside { width: 35%; float: right; font-style: normal; font-size: 1em; }

.cleaner {clear: both; font-size: 0; height:0px; background-color: white}


/* Logo H1 */

header {border:8px solid white; background-color: #aa0000; display: block}
header h1 { margin-top: 80px; color: white; font-weight: normal;
/* 	text-indent: -9999px; */
}


header h2 { background-color: red; color: white; font-weight: normal; }
header p { font-size: 0.85em; }
header h1, header h2, header p {padding: 10px}

	
/* Nav */
header nav { float: right; margin-top: 40px; border: 0px solid red; padding: 8px; }	
header nav li { display: inline; margin-left: 15px; padding: 8px; }
header nav li a {text-decoration: none; }


aside nav { margin-top: 0px; margin-bottom: 30px; }
aside nav ul { border-top: 1px solid #95955b; padding-top:20px; }
aside nav li { border-bottom: 1px solid #95955b; margin-bottom:20px;}
aside nav li a {text-decoration: none; text-transform: lowercase; font-size: 1em; font-weight: normal; padding: 6px 0 5px 0; display: block }



/* greg */

strong { color: black}
h1 {font-size: 36px; font-weight: normal}
h3 {color: black; margin-bottom: 12px; font-size: 1.4em; font-weight: normal}
hr {border:none; border-top:1px solid black; margin-top:20px}


aside p {font-size: 11px}

footer {padding-top: 8px; background-color: white}
footer p {font-size: 0.85em; margin:0; padding:10px 30px 5px 30px}

footer h1 { height: 90px; width: 100%; background-image: url(../img/logo-mep.jpg); background-repeat: no-repeat; background-position: 0 6px; text-indent: -9999px; }


article h2 {border: 8px solid white; min-height: 120px; padding :8px 8px 0 8px; margin-bottom:20px; color:black; background-position: center center; color: white}
article h2 span {font-weight: normal; font-size: 1.8em; display: block; padding: 8px 0 4px 0}
.minispan {font-size: 11px}
article p {font-size: 0.85em}

article h2 img {float: right; }


ol li {list-style-type: decimal-leading-zero; display: inline; font-size: 0.85em; color:#AAA}


.bdr10 {border:8px solid white; background-color: white}
.bdr10 p {}
.kaki {background-color: #999966; border:8px solid white; padding:30px}
.kaki p {margin:0px; color:black; }

.kaki2 {border:8px solid white; background-color: #666633; color: #999966; border-top:0px; border-bottom:0px ; padding:10px 30px 10px 30px}
.kaki2 p {margin:0px; padding:10px}

.kaki3 {background-color: #bfbf80; border:8px solid white; padding:30px}
.kaki3 p {margin:0px; color:black; }

.tantalgif {background-position: center center}


/* Media Queries */
@media screen and (max-width: 480px) {




header nav, .main, aside {
float: left;
clear: left;
margin: 0 0 10px; 
width: 100%; }

header nav { padding: 0}	
header nav li {
margin: 0;
background: #efefef;
display: block;
margin-bottom: 3px;
border-top:1px solid #ddd; }
header nav a {
display: block;
padding: 10px;
text-align: center; }			
}