/* fwd_common.css -- Nov 2009 */

html {padding:0; margin:0; border:0; font-size:62.5%; font-family:arial,sans-serif; height:100%;}
body {padding:0; margin:0; background-color:#666; height:100%;}
#page {padding-top:10px;}

.curvycorners {position:relative; /*-moz-border-radius:10px; -webkit-border-radius:10px;*/}
.box {padding:10px; background-color:#fff;}
#header, #nav, #main {margin-bottom:10px;}
#header{padding:10px 20px 10px 20px;}
#nav {padding:13px 20px 13px 20px;}
#left {padding:0px 20px 0px 20px;}
#content {padding:0px 20px 0px 20px;}
#footer {padding-left:20px;}
	
h1 {font-size:3em; margin:0; padding:0;}
h2 {font-size:1.8em; margin:20px 0 20px 0; padding:0;}
h3 {font-size:1.5em; margin:0px 0 5px 0; padding:0;}
p, span {font-size:1.4em; margin:0; padding:0;} 
a {color:#000; outline:none;}
a img {border:none;}
a:hover {text-decoration:none;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

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

#left ul {margin:0 0 15px 0; padding:0; list-style-type:none;}
#left li {margin:0; padding:0 0 3px 0; font-size:1.4em;}

#nav ul {list-style:none; margin:0; padding:0; display:block;}
#nav li {font-size:1.4em; display:inline; margin-right:7px; padding:2px; /*height:1.5em;*/ border:solid 2px #000;}
#nav li {background-color:#666;}
#nav li:hover {background-color:#aaa;}
#nav a {color:#fff; text-decoration:none;}
#nav a:hover {text-decoration:none;}

#content p {margin-bottom:10px; font-size:1.4em;}
#content li {font-size:1.4em;}

#experimentsList li {padding-bottom:1.3em;}

#footer p {font-size:1.4em;}

@media only screen and (max-device-width: 480px) {
/*
to do: further research on this option.
what about "handheld"? -- see current link tags
*/
}