body{
margin:20px 0px 20px 0px;
background:#048;
color:#000
}

#container{
margin: 0 auto;
width: 1000px;
}

a, a:link{
color:#0080C0;
background:transparent;
text-decoration: underline
}

a:active, a:hover, .posted a:hover{
color:#004080;
background:transparent;
text-decoration:none
}

h1, h3{
margin:0px;
padding:0px
}

#banner{
color:#000;
background:#FFF url(/mdn/title-bg.jpg) repeat-y;
border-bottom: #CCC 2px solid;
font-size:small;
font-family:'trebuchet ms', arial, sans-serif;
}

#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover{
font-family:'trebuchet ms', arial, sans-serif;
font-size:xx-large;
color:#FFF;
background:transparent;
text-decoration: none;
text-transform:lowercase;
font-weight:normal;
margin-left:20px
}

#content{
position:relative;
margin:0 auto;
color:#000;
background:#FFF;
width:540px;
margin-bottom:20px;
}

#leftcol{
float:left;
color:#333;
padding:5px;
width:200px;
background-color:#EEE;
}

#rightcol{
float:right;
color:#333;
padding:5px;
width:200px;
background-color:#EEE;
}


#copyright{
font-size: small;
font-family: sans-serif;
text-align: center;
color: #ffffff;
border-bottom: #DDD 1px solid;
border-top: #DDD 1px solid;
margin: 5 px;
}

#searchbox{
float:right;
margin-left:auto;
margin-right:3px;
margin-top:3px;
}

#topad{
float:left;
margin-top:3px;
margin-left:3px;
margin-right:auto;
width:728;
}
#bottomad{
text-align:center;
}
	
.blog{
padding:5px;
background:#FFF;
color:#000
}

.blogbody{
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#EEE;
line-height:150%;
border:#CCC 1px solid;
margin:5px;
padding:5px
}

ol{
font-family:verdana, arial, sans-serif;
color:#333;
background:transparent;
font-size:small;
font-weight:normal
}

.blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active,	.blogbody a:hover{
font-weight: normal;
text-decoration: underline
}

.title{
font-family: arial, sans-serif;
font-size: large;
color:#0080C0;
background:transparent
}			

#menu, .menu{
margin-bottom:15px;
font-family:verdana, arial, sans-serif;
font-size:11px
}

#menu{
text-align:center
}

h2{ 
font-family:verdana, arial, sans-serif; 
font-size:large; 
color:#2F4F4F;
background:transparent;
border-bottom:1px solid #999;
margin-bottom:10px;
padding:0px;
font-weight:bold
}			
	

.posted{ 
font-family:verdana, arial, sans-serif; 
font-size: x-small; 
color:#888;
background:transparent;
margin-bottom:25px
}

.posted a{
color:#888;
background:transparent;
text-decoration:none
}		

#leftcol H3, #rightcol H3{
font-family:'trebuchet ms',arial, sans-serif;
color:#FFF;
font-size:small;
padding:2px;
margin-top:30px;
background: #004080 url(/mdn/title-bg.jpg) repeat-y;
text-transform:lowercase;
text-align:left;
padding-left:10px
}
	
.side{
font-family:verdana, arial, sans-serif;
color:#333;
font-size:x-small;
font-weight:normal;
text-align:center;
background:#FFF;
line-height:140%;
padding:5px;
border:#CCC 1px solid;
white-space: pre-wrap; /* css-3 should we be so lucky… */
/*white-space: -moz-pre-wrap; *//* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 ?? */
white-space: -o-pre-wrap; /* Opera 7 ?? */
word-wrap: break-word; /* Internet Explorer 5.5+ */
_white-space: pre; /* IE only hack to re-specify in addition to
word-wrap */
}

.side b{
font-family:verdana, arial, sans-serif;
color:#222;
font-size:small;
font-weight:bold;
text-align:center;
}
	
#leftcol li, #leftcol ul, #rightcol li, #rightcol ul{
list-style:none;
margin:0;
padding:0;
}

.blank{
display:none
}

abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

blockquote{
border:#CCC 1px solid;
padding:5px;
background:#FFF;
color:#000
}

.mdn_ad{
margin-left: 20px;
margin-right: 20px;
font-size: 90%;
font-style: italic;
border: #CCC 1px solid;
background: #eee;
}