/* NetDevil.com stylesheet [SCREEN] */

* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

html {overflow-y: scroll;}

body {
	color: #FFF;
	background: #0E0E0E;
}

a:link, 
a:active, 
a:visited {
	color: #C9C9C9;
}
a:hover {
	color: #CE0000;
}

p {
	margin: 0.7em 0;
}

#homepage, 
#subpage {
	width: 801px;
	border: 1px solid #FFF;
	margin: 2px auto 5px auto;
	background: #000 url(../images/layout/bg.jpg) repeat-y;
}


/* HOMEPAGE */
#homepage #header {
	height: 266px;
}
#homepage #header #banner {
	width: 255px;
	float: left;
}
#homepage #header #logo {
	width: 298px;
	height: 266px;
	float: left;
	background: url(../images/layout/logo_nd-homepage.jpg) left top no-repeat;
}
#homepage #header #logo span {
	display: none;
}

#homepage #header #main-nav {
	float: left;
	width: 248px;
	height: 266px;
	background: url(../images/layout/bg_right-top-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul {
	margin-top: 90px;
	width: 130px;
	list-style: none;
}
#homepage #header #main-nav ul li {
	display: none;
}
#homepage #header #main-nav ul li.nav-news,
#homepage #header #main-nav ul li.nav-company,
#homepage #header #main-nav ul li.nav-games,
#homepage #header #main-nav ul li.nav-employment,
#homepage #header #main-nav ul li.nav-support {
	display: block;
}
#homepage #header #main-nav ul li a {
	display: block;
	text-decoration: none;
}
#homepage #header #main-nav ul li a span {
	visibility: hidden;
}
#homepage #header #main-nav ul li.nav-news a {
	height: 25px;
	background: url(../images/layout/nav_news-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul li.nav-news a:hover {
	background-position: 0 -25px;
}
#homepage #header #main-nav ul li.nav-company a {
	height: 29px;
	background: url(../images/layout/nav_company-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul li.nav-company a:hover {
	background-position: 0 -29px;
}
#homepage #header #main-nav ul li.nav-games a {
	height: 31px;
	background: url(../images/layout/nav_games-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul li.nav-games a:hover {
	background-position: 0 -31px;
}
#homepage #header #main-nav ul li.nav-employment a {
	height: 34px;
	background: url(../images/layout/nav_employment-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul li.nav-employment a:hover {
	background-position: 0 -34px;
}
#homepage #header #main-nav ul li.nav-support a {
	height: 31px;
	background: url(../images/layout/nav_support-homepage.jpg) left top no-repeat;
}
#homepage #header #main-nav ul li.nav-support a:hover {
	background-position: 0 -31px;
}


#homepage #content {
	padding: 0px 110px 0px 70px;
	min-height: 500px;
	clear: both;
}

#homepage #sidebar {
	float: left;
	width: 180px;
	min-height: 600px;
}
#homepage #sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#homepage #sidebar ul li {
	width: 140px;
	text-align: center;
}
#homepage #sidebar ul li.current {
	font-size: 0.7em;
	margin-bottom: 5px;
	color: #999;
}

/* SUB-PAGES */
#subpage #header {
	width: 135px;
	float: left;
}
#subpage #header #logo a {
	display: block;
	width: 135px;
	height: 95px;
	background: url(../images/layout/logo_nd-sub.jpg) left top no-repeat;
}
#subpage #header #logo a span {
	display: none;
}

#subpage #header #main-nav {
	width: 135px;
}
#subpage #header #main-nav ul {
	list-style: none;
}
#subpage #header #main-nav ul li {
	display: none;
}
#subpage #header #main-nav ul li.nav-news,
#subpage #header #main-nav ul li.nav-company,
#subpage #header #main-nav ul li.nav-games,
#subpage #header #main-nav ul li.nav-employment,
#subpage #header #main-nav ul li.nav-support {
	display: block;
}
#subpage #header #main-nav ul li a {
	display: block;
	text-decoration: none;
}
#subpage #header #main-nav ul li a span {
	visibility: hidden;
}
#subpage #header #main-nav ul li.nav-news a {
	display: block;
	height: 25px;
	background: url(../images/layout/nav_news-sub.jpg) left top no-repeat;
}
#subpage #header #main-nav ul li.nav-news a:hover {
	background-position: 0 -25px;
}
#subpage #header #main-nav ul li.nav-company a {
	display: block;
	height: 29px;
	background: url(../images/layout/nav_company-sub.jpg) left top no-repeat;
}
#subpage #header #main-nav ul li.nav-company a:hover {
	background-position: 0 -29px;
}
#subpage #header #main-nav ul li.nav-games a {
	display: block;
	height: 30px;
	background: url(../images/layout/nav_games-sub.jpg) left top no-repeat;
}
#subpage #header #main-nav ul li.nav-games a:hover {
	background-position: 0 -30px;
}
#subpage #header #main-nav ul li.nav-employment a {
	display: block;
	height: 34px;
	background: url(../images/layout/nav_jobs-sub.jpg) left top no-repeat;
}
#subpage #header #main-nav ul li.nav-employment a:hover {
	background-position: 0 -34px;
}
#subpage #header #main-nav ul li.nav-support a {
	display: block;
	height: 43px;
	background: url(../images/layout/nav_support-sub.jpg) left top no-repeat;
}
#subpage #header #main-nav ul li.nav-support a:hover {
	background-position: 0 -43px;
}


#subpage #sidebar {
	float: left;
	width: 70px;
	margin: 20px 0 0 30px;
	min-height: 300px;
	/*border: 1px solid #999999;*/
}
#subpage #sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subpage #sidebar ul li {
	margin-bottom: 3px;
}
#subpage #sidebar ul li a {
	text-decoration: none;
	color: #999;
}
#subpage #sidebar ul li.selected a {
	font-weight: bold;
	color: #FFF;
}

/* CONTENT */
#content ol, 
#content ul, 
#content blockquote {
	margin: 10px 40px;
}

#content .newslist {
	list-style: none;
	margin-left: 170px;
}
#subpage #content .newslist {
	width: 450px;
	list-style: none;
	margin-left: 0;
	float: left;
}
#content .newslist li {
	border-top: 3px dotted #666666;
	padding: 20px 10px;
	font-size: 0.9em;
	overflow: hidden;
}
#subpage #content .newslist li {
	border-top: 1px dotted #666666;
}
#content .newslist li .date {
	display: block;
	font-style: italic;
	margin: 3px 0;
	color: #999999;
}
#content .newslist li .more {
	display: block;
	margin-top: 3px;
	font-weight: bold;
	font-size: 0.8em;
}
#content .newslist li.even {
	border-top: 3px dotted #681717;
	/*background: #080808;*/
}
#subpage #content .newslist li.even {
	border-top: 1px dotted #681717;
}
#content .newslist li.headline {
	font-size: 0.9em;
	padding: 3px 5px;
}
#content .newslist li.headline .date {
	display: inline;
	margin-left: 15px;
	font-style: italic;
}
#content .newslist li h3 {
	color: #CE0000;
	font-size: 1.0em;
}
#content .newslist li h3 a:link, 
#content .newslist li h3 a:active, 
#content .newslist li h3 a:visited {
	color: #CE0000;
	text-decoration: none;
}
#content .newslist li h3 a:hover {
	color: #CE0000;
	text-decoration: underline;
}


#subpage #content {
	width: 600px;
	float: left;
	min-height: 600px;
	font-size: 0.8em;
}

#content .breadcrumb {
	margin: 50px 10px 0;
	padding: 3px 10px; 
	font-size: 0.85em;
	color: #363636;
	border-bottom: 1px dotted #333333;
}
#content .breadcrumb a:link, 
#content .breadcrumb a:active, 
#content .breadcrumb a:visited {
	color: #363636;
}
#content .breadcrumb a:hover {
	color: #363636;
}

#content .article {
	padding: 10px 25px;
}
#content .article .photo {
	margin: 5px 0px 10px;
	text-align: center;
}
#content .article h1 {
	margin: 5px 0px 10px;
	color: #CE0000;
	font-size: 1.4em;
}
#content .article h2 {
	margin: 5px 0px 10px;
	color: #CE0000;
	font-size: 1.3em;
}
#content .article .date {
	margin-bottom: 10px;
	color: #999999;
	font-style: italic;
}
#content .article .story {
	margin-bottom: 30px;
}
#content .article .story img {
	margin: 5px;
}

#content .netdevil-definition {
	margin: 30px 80px;
}
#content .netdevil-definition img {
	display: block;
	margin: 0 auto;
}
#content .netdevil-definition .definition {
	display: block;
	font-family: "Courier New", Courier, monospace;
}

#subpage #content .press-releases {
	margin: 10px 20px;
}
#subpage #content .press-releases h2,
#subpage #content .press-contact h2 {
	font-size: 1.0em;
	color: #CE0000;
}
#subpage #content .press-releases .newslist {
	width: 550px;
	list-style: none;
	margin: 0;
}
#subpage #content .press-contact {
	margin: 10px 20px 40px;
}

/* FOOTER */
#footer {
	clear: both;
	height: 114px;
	background: url(../images/layout/footer.jpg) bottom center no-repeat;
}
#main-footer {
	width: 801px;
	margin: 2px auto;
	padding-bottom: 10px;
}
#main-footer .copyright {
	display: block;
	text-align: center;
	font-size: 0.7em;
	color: #999;
	margin-top: 7px;
}
#main-footer .nav {
	text-align: center;
	font-size: 0.75em;
	color: #FFF;
	margin-bottom: 5px;
}
#main-footer .nav ul {
	list-style: none;
}
#main-footer .nav ul li {
	display: inline;
	padding: 0 2px;
}

/* EMPLOYMENT */
#content .joblist h3 {
	border-bottom: 1px dotted #681717;
	margin: 32px 0 4px 0;
}
#content .joblist h4 {
	background: #171717;
	padding: 2px 4px;
}


/* GAMES */

#content .gamelist {
	list-style: none;
}
#content .gamelist li {
	border-bottom: 1px dotted #666666;
	padding: 20px 0;
}
#content .gamelist li .more {
	display: block;
	margin-top: 3px;
	font-weight: bold;
	font-size: 0.7em;
}
#content .gamelist li .photo {
	text-align: center;
	margin-bottom: 20px;
}
#content .gamelist li h3 {
	color: #CE0000;
	font-size: 1.1em;
	margin-bottom: 10px;
}
#content .gamelist li h3 a:link, 
#content .gamelist li h3 a:active, 
#content .gamelist li h3 a:visited {
	color: #CE0000;
	text-decoration: none;
}
#content .gamelist li h3 a:hover {
	color: #CE0000;
	text-decoration: underline;
}
#content .gamelist li .summary {
	background: #191919;
	padding: 5px;
	font-size: 0.9em;
}


.apply-button a {
	display: block;
	background: #CCCCCC;
	color: #000;
	padding: 2px 5px;
	border: 1px outset #FFF;
	width: 100px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	margin: 5px 0px;
}
.apply-button a:hover {
	background: #F9F9F9;
	color: #CE0000;
}


/* FORMS */
form { display: block; }
form .form-field {
	padding: 10px 5px;
	border-bottom: 1px solid #333;
}
form .form-field .title {
	font-weight: bold;
}
form .form-field .note {
	font-size: 0.7em;
	font-style: italic;
}
form .form-field .address {
	font-size: 0.9em;
	border: 1px solid #333;
	padding: 3px 5px;
	width: 200px;
	background: #111111;
}
form .form-field .or {
	font-size: 0.8em;
	padding: 5px 0;
	font-style: italic;
}
form .form-field input,
form .form-field select,
form .form-field textarea {
	background: #666;
	color: #FFF;
	border: 1px inset #999;
	padding: 1px;
}
form .form-field input:focus,
form .form-field select:focus,
form .form-field textarea:focus {
	background: #999;
}
form .form-field select option {
	padding-left: 10px;
}
form .form-field select option.group {
	font-weight: bold;
	background: #333;
	padding-left: 2px;
}
form .required {
	font-size: 0.7em;
	color: #FF0000;
	font-style: italic;
}
form .form-buttons input {
	background: #CCCCCC;
	color: #000;
	padding: 2px 5px;
	border: 1px outset #FFF;
	width: 100px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	margin: 5px 0px;
}
form .form-buttons input:hover {
	background: #F9F9F9;
	color: #CE0000;
}
form .captcha {
	padding: 5px 0;
}
form .captcha img {
	border: 1px solid #FFF;
}
form .captcha a {
	display: block;
	font-size: 0.8em;
	width: 100px;
}

/* MESSAGES */
.errorMsg 
{
	margin: 10px 0px;
	padding: 3px 5px;
	border: 2px solid #FF0000;
	color: #FF0000;
}
.successMsg 
{
	margin: 10px 0px;
	padding: 3px 5px;
	border: 2px solid #339900;
	color: #339900;
}