/*************************************************/
/* XSHOCK_STYLESHEET | (C) 2009 Matthias Schuetz */
/*************************************************/


/**************************************** GLOBAL */

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#010205;
	overflow:hidden;
}

div, p, span, h1, h2, fieldset, input, textarea {
	margin:0;
	padding:0;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#554f47;
}

body {
	background:url(images/bg_h.jpg) repeat-x;
}

div#page {
	width:100%;
	height:100%;
	background:url(images/bg_v.jpg) repeat-y;
}

div#wrapper,
div#container {
	background:url(images/bg.jpg) no-repeat;
}

div#wrapper {
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	float:left;
}

div#container {
	width:1092px;
	height:560px;
	float:left;
}

div#header {
	float:left;
}

#flashheader {
	outline:none;
}

div#content {
	width:537px;
	height:248px;
	margin:244px 0 0 134px;
}

div#contentleft {
	width:326px;
	height:248px;
	float:left;
}

div#contentright {
	width:211px;
	height:248px;
	float:left;
}

div#contentwide {
	width:537px;
	height:248px;
	line-height:0px;
	float:left;
}

div#contentabout {
	position:absolute;
	top:223px;
	left:460px;
	width:232px;
	height:344px;
	background:url(images/about.jpg) no-repeat;
}

div#label_intro,
div#label_news,
div#label_latest,
div#label_wallpapers,
div#label_info,
div#label_contact {
	width:auto;
	height:19px;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9999px;
	float:left;
}

* html div#label_intro,
* html div#label_news,
* html div#label_latest,
* html div#label_wallpapers,
* html div#label_info,
* html div#label_contact {
	float:none;
}

div#label_intro {
	width:90px;
	background:url(images/label_intro.gif) no-repeat;
}

div#label_news {
	width:35px;
	margin:20px 0 10px 0;
	background:url(images/label_news.gif) no-repeat;
}

div#label_latest {
	width:105px;
	background:url(images/label_latestwork.gif) no-repeat;
}

div#label_wallpapers {
	width:77px;
	background:url(images/label_wallpapers.gif) no-repeat;
	float:left !important;
}

div#label_info {
	width:37px;
	background:url(images/label_info.gif) no-repeat;
}

div#label_contact {
	width:57px;
	background:url(images/label_contact.gif) no-repeat;
}

div.text {
	padding:0 0 0 9px;
	color:#ffffff;
	border-left:1px #2c5e80 solid;
	float:left;
	clear:both;
}

div.text p {
	margin:-2px 0 0 0;
}

div#latestartwork {
	width:211px;
	height:151px;
	margin:0 0 10px 0;
	float:left;
}

div#minheight {
	height:0px;
	padding:0 0 27px 0;
	font-size:0px;
	line-height:0px;
	display:block;
	clear:both;
}

div#footer {
	position:absolute;
	bottom:0px !important;
	left:9px;
	width:1071px;
	height:27px;
	background:url(images/copyright.png) no-repeat;
	clear:both;
}

div#copyright {
	position:absolute;
	right:0px;
}

div#datacontent {
	width:537px;
	height:220px;
	overflow:auto;
	overflow-y:hidden;
	float:left;
}

div#datafooter {
	margin:7px 0 0 0;
	display:inline;
	float:left;
}

div#dataslide {
	width:2020px;
	height:auto;
	float:left;
}

div.imgbox {
	margin:0 10px 0 0;
	float:left;
}

div.imgboxend {
	margin:0;
	float:left;
}


/**************************************** MENU */

div#menu {
	position:absolute;
	top:197px;
	left:460px;
	width:212px;
	height:21px;
}

a#mnu_root,
a#mnu_root_act,
a#mnu_wallpapers,
a#mnu_wallpapers_act,
a#mnu_info,
a#mnu_info_act,
a#mnu_contact,
a#mnu_contact_act {
	height:21px;
	margin:0 1px 0 0;
	text-indent:-99999px;
	background-image:none;
	background-repeat:no-repeat;
	border-bottom:none;
	outline:none;
	display:inline;
	float:left;
}

a#mnu_root:hover,
a#mnu_root_act,
a#mnu_wallpapers:hover,
a#mnu_wallpapers_act,
a#mnu_info:hover,
a#mnu_info_act,
a#mnu_contact:hover,
a#mnu_contact_act {
	background-image:url(images/menu.gif);
}

a#mnu_root,
a#mnu_root_act {
	width:37px;
}

a#mnu_root:hover,
a#mnu_root_act {
	background-position:0 0;
}

a#mnu_wallpapers,
a#mnu_wallpapers_act {
	width:77px;
}

a#mnu_wallpapers:hover,
a#mnu_wallpapers_act {
	background-position:-37px 0;
}

a#mnu_info,
a#mnu_info_act {
	width:36px;
}

a#mnu_info:hover,
a#mnu_info_act {
	background-position:-114px 0;
}

a#mnu_contact,
a#mnu_contact_act {
	width:58px;
}

a#mnu_contact:hover,
a#mnu_contact_act {
	background-position:-150px 0;
}


/**************************************** TEXT */

h1 {
	margin:0 0 0 -1px;
	color:#15bfff;
}

h1.newshead {
	margin:10px 0 0 -1px;
}

h2 {
	line-height:10px;
	margin:0 0 0 -1px;
	color:#15bfff;
	display:block;
}

p {
	color:#ffffff;
}


/**************************************** LINKS */

a {
	color:#ffffff;
	text-decoration:none;
	border-bottom:2px solid;
	outline:none;
}

a:hover {
	color:#15bfff;
}

a img {
	border:none;
}

a#latestartworklink {
	width:211px;
	height:151px;
	background:url(images/latestartwork.jpg) no-repeat;
	border-bottom:none;
	outline:none;
	display:block;
}

a#latestartworklink:hover,
a.imglink:hover,
a#deviantart:hover {
	opacity:0.65;
	filter:alpha(opacity=65);
	-ms-filter:"alpha(opacity=65)"
	-khtml-opacity:0.65;
	-moz-opacity:0.65
}

a.downloadlink {
	height:16px;
	margin:0 0 6px 0;
	display:inline;
}

a.imglink {
	margin:0 0 6px 0;
	line-height:8px;
	border:none;
	display:block;
}

a.textlink {
	height:16px;
	display:inline;
	float:left;
}

a.navlink,
span.navlink_act {
	width:20px;
	height:19px;
	margin:0 1px 0 0;
	background:#ffffff;
	color:#202b31;
	border-bottom:2px #15bfff solid;
	font-weight:bold;
	text-align:center;
	display:block;
	float:left;
}

a.navlink:hover,
span.navlink_act {
	background:#000000;
	color:#ffffff;
	border-bottom:2px #ffffff solid;	
}

a#deviantart {
	position:absolute;
	top:486px;
	left:631px;
	width:40px;
	height:40px;
	background:url(images/deviantart.jpg) no-repeat;
	border:none;
}

div#copyright a {
	font-size:11px;
	color:#27282a;
	border:none;
	text-decoration:none;
}


/**************************************** FORM */

fieldset {
	width:318px;
	margin:14px 0 0 0;
	border:none;
	display:block;
}

label,
label.biglabel {
	width:70px;
	padding:1px 0 0 0;
	color:#ffffff;
	float:left;
	clear:both;
}

label.biglabel {
	padding:2px 0 0 0;
}

input,
textarea {
	width:235px;
	height:13px;
	margin:0 0 4px 0;
	padding:2px 3px 3px 3px;
	background:#ffffff;
	border:2px #15bfff solid;
	color:#202b31;
	float:left;
}

textarea {
	height:80px;
	padding:0 3px 3px 3px;
}

input.contactsubject {
	display:none;
}

input#contactbutton {
	height:26px;
	width:80px;
	margin:0 3px 0 0;
	background:#15bfff;
	color:#ffffff;
	float:right;
}