/*
CSS designed by DioN
*/

/* Main layout and header */
body {background:url(../images/background.png) repeat-y top center gray; color:#303030; font:62.5% Verdana, Arial, Helvetica, sans-serif; line-height:1.15em; margin:1em auto; padding:0;}
#page {background:#fff; color:#303030; margin:0 auto; padding:0.1em 0.5em; width:76em;}
#header {background:url(../images/internetmania_header.png) no-repeat #fff top left; color:#505050; width: 76.4em; height:22em; margin:0 0 1em; padding:0;}
#header h1 {font-size:2.5em; font-weight: bold; letter-spacing:0.2em; margin:0 0 1em 1.5em; padding:1em 0;}
#header h1 a,#header h1 a:hover {font-weight: bold; padding:0;}

/* Left sidebar and nav. menu */
#leftside {clear:left; float:left; margin:0 0 1em; padding-top:1em; width:13em;}
#leftside ul.navmenu {list-style:none; margin:0 0 1.8em; padding:0;}
#leftside ul.navmenu li {display:inline; padding:0; letter-spacing: 0.15em;}
#leftside ul.navmenu li a {width:11em; height:1.5em; margin-bottom:0.5em; padding:0.5em; background:#f4f4f4 url(../images/menubg.gif) repeat-x bottom left; border-bottom:0.1em solid #d8d8d8; border-left:0.4em solid #ccc; border-right:0.1em solid #d8d8d8; border-top:0.1em solid #d8d8d8; color:#505050; float:left; font-size:1.2em; font-weight:700; text-decoration:none;}
#leftside ul.navmenu li a:hover,#leftside ul.navmenu li a.current {background:url(../images/menubg_hover.gif) repeat-x bottom left #eaeaea; border-bottom:0.1em solid #b0b0b0; border-left:0.4em solid #505050; border-right:0.1em solid #b0b0b0; border-top:0.1em solid #b0b0b0; color:#505050;}

/* Main content */
#content {line-height:2em; margin-left:16em; padding:0; text-align:justify;}
#content h2 {font-size:2.5em; font-weight:400; margin:0.8em 0 0.6em;}
#content h3 {font-size:2em; font-weight:400; margin:0.6em 0;}
#content img {background:#fff; border:0.1em solid #666; color:#303030; display:inline; padding:0.1em; margin-left:1em;}
#content ul,#content ol {margin:0 0 1.6em 2em; padding:0;}
#content li {margin:0 0 0.2em 0.5em; padding-left:0.4em; font-size:1.4em;}
#content fieldset.abstract {border-radius:1em; border-color:#505050; border-width:0.1em;}
#content legend.abstract {padding:0 1em;font-size:1em; font-weight:600; letter-spacing:0.2em;}
#content fieldset>p {font-size:1.1em; padding:0 1em; margin:0;}

/* Contact form */
#contact {color:#505050; width:45em; margin: 2em 5em;}
#contact fieldset {background-color:#ccc; border:solid 0 #fff;border-radius:1em}
#contact legend {padding:0.5em 2.4em 1em 1.6em; margin:0; font-weight:600; font-size:1.6em; text-transform:uppercase; background:transparent url("../images/legend_bg.gif") no-repeat;}
#contact label {width:7em; padding:0 1em; font-size:1.2em; margin:0; text-align:right; float:left; text-transform:uppercase;}
#contact input.textfield {width:17em; height: 2em; margin:0 0.5em; border: none; padding:0 1em; background: transparent url("../images/textfield_bg.gif") no-repeat;}
#contact textarea {width:249px; height:200px; margin:0 0.5em; padding:0.5em 1em; border:none; font-size:1.4em; color:#333; background:transparent url("../images/textarea_bg.gif") no-repeat;}
#contact .submit {text-transform: uppercase; width:80px; height:20px; margin:0.5em 2em; background:transparent url("../images/submit.gif") no-repeat; border:none; }

/* Footer */
#footer {background:#fff; border-top:0.1em solid #505050; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding:0.8em 0; text-align:center; width:auto;}
#footer p {margin:0; padding-bottom:1em; }
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}
#footer .validators {margin-top:-2.5em; text-align:right;}

/* Links and paragraphs */
p {font-size: 1.4em; padding: 0; margin: 0.5em 0;}
a {background:inherit; color:#505050; text-decoration:none; font-weight:bold;}
a:hover {background:inherit; color:gray; text-decoration:underline;}
a img {border:0;}
acronym, abbr, dfn {cursor: help; border-bottom: 0.1em dotted gray;	font-style: normal;}

/* Additional classes */
.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}