/*** BASICS ***/

body {
	background-color: rgb(20,20,20);
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*** LINKS ***/

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

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

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

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

/*** MAIN ELEMENTS ***/

#header {
	background-color: black;
	font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: white;
	height: 100px;
}

#logo {
	background-image: url(../images/nne.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 500px;
	height: 45px;
	margin: 5px;
	clear: both;
}

#naviContainer {
	position: absolute;
	top: 68px;
	left: 15px;
}

#naviContainer a:link {
	color: #000;
	text-decoration: none;
	display: block;
}

#naviContainer a:visited {
	color: #000;
	text-decoration: none;
	display: block;
}

#naviContainer a:active {
	color: #000;
	text-decoration: none;
	display: block;
}

#naviContainer a:hover {
	color: #000;
	text-decoration: none;
	display: block;
}

ul#navi li {
	height: 42px;
	background-position: bottom;
	background-repeat: repeat-x;
	list-style: none;
	float: left;
}

ul#navi a:link {
	padding: 6px 8px 5px 8px;
	color: #fff;
	text-decoration: none;
}

ul#navi a:visited {
	padding: 6px 8px 5px 8px;
	color: #fff;
	text-decoration: none;
}

ul#navi a:active {
	padding: 6px 8px 5px 8px;
	color: #000;
	background-color: rgb(204,204,51) !important;
	text-decoration: none;
}

ul#navi a:hover {
	padding: 6px 8px 7px 8px;
	color: #000;
	background-color: rgb(204,204,51);
	text-decoration: none;
}

.bg-on {
	background-image: url(../images/navi_stripe.png);
}

#content {
	min-height: 100px;
	background-color: rgb(244,244,244);
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: rgb(33,33,33);
	line-height: 1.25em;
	background-image: url(../images/verlauf_oben.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#footerTop {
	background-image: url(../images/footer_barbarian.png), url(../images/footerTop_verlauf_raster.png), url(../images/footerTop_verlauf.png);
	background-repeat: repeat-x;
	height: 275px;
}

#footerMiddle {
	background-image: url(../images/footer_verlauf_unten.png);
	background-repeat: repeat-x;
	height: 275px;
}

#footerBottom {
	background-image: url(../images/footer_green.jpg);
	height: 170px;
}

.footerbox {
	height: 275px;
	background-image: url(../images/1px_50.png);
}

.footerbox p {
	color: #fff;
	padding: 10px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.footerbox h3 {
	color: #fff;
	padding: 10px 10px 0 10px;
	margin-bottom: 8px;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

/*** LOGOS ***/

.logoNNE {
	background-image: url(../images/nne_logo.png);
	background-position: center center;
	height: 170px;
	background-repeat: no-repeat;
}
.logoModart {
	background-image: url(../images/modart_logo.png);
	background-position: center center;
	height: 170px;
	background-repeat: no-repeat;
}
.logoKingdrips {
	background-image: url(../images/kingdrips_logo.png);
	background-position: center center;
	height: 170px;
	background-repeat: no-repeat;
}
.logoMrEgo {
	background-image: url(../images/mrego_logo.png);
	background-position: center center;
	height: 170px;
	background-repeat: no-repeat;
}

#annoybar {
	position: fixed;
	bottom: 0;
	height: 35px;
	width: 100%;
	background-image: url(../images/10x10.png);
	color: #fff;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#annoybar span {
	color: rgb(244,244,244);
}

#annoybar input {
	background-color: rgb(244,244,244);
	border: 1px solid rgb(102,102,102);
}

#annoybar input[type="text"] {
	padding: 2px;
}

/*** FRONT PAGE ELEMENTS ***/

.fbox {
	height: 300px;
}

.finfo {
	height: 35px;
	width: 280px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	padding: 10px;
	background-image: url(../images/10x10.png);
	position: absolute;
	bottom: 0px;
	overflow: hidden;
}

.finfo h3 {
	margin-bottom: 8px;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
}

#news_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_news.png);
	opacity: 0;
}

#dailyfix_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_dailyfix.png);
	opacity: 0;
}

#features_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_features.png);
	opacity: 0;
}

#members_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_members.png);
	opacity: 0;
}

#network_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_network.png);
	opacity: 0;
}

#fun_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_fun.png);
	opacity: 0;
}

#movingimage_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_movingimage.png);
	opacity: 0;
}

#goods_overlay {
	height: 245px;
	background-image: url(../images/home_rollover_goods.png);
	opacity: 0;
}

/*** NEWS ELEMENTS ***/

.post {
	background-color: transparent;
	float: left;
}

.date {
	width: 60px;
	//height: 50px;
	background-color: rgb(204,204,51);
	position: absolute;
	top: 0px;
	left: -64px;
	text-align: center;
	padding: 2px;
}

.day {
	font: 28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: rgb(244,244,244);
}

.month {
	font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	margin-top: -3px;
	color: rgb(244,244,244);
	text-transform: uppercase;
	padding-bottom: 3px;
}

.headline {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	top: 266px;
	right: 0;
	height: 34px;
	background-color: rgb(244,244,244);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px 0 15px;
	text-align: right;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	line-height: 37px;
	width: auto !important;
	max-width: 550px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

.headlineFeature {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	top: 266px;
	height: 34px;
	background-color: rgb(244,244,244);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px 0 15px;
	text-align: right;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	line-height: 37px;
	width: auto !important;
	max-width: 550px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

.headlineSingle {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	top: 266px;
	right: 0;
	height: 34px;
	background-color: rgb(244,244,244);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px 0 15px;
	text-align: right;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	line-height: 37px;
	width: auto !important;
	max-width: 550px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

.headlineAbout {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: relative;
	//top: 266px;
	left: -20px;
	height: 34px;
	background-color: rgb(204,204,51);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px 0 25px;
	text-align: left;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	line-height: 37px;
	width: 590px !important;
	//max-width: 550px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

.headline a:link {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headline a:visited {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headline a:active {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headline a:hover {
	text-decoration: none;
	display: block;
	width: 100%;
}

.headlineFeature a:link {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineFeature a:visited {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineFeature a:active {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineFeature a:hover {
	text-decoration: none;
	display: block;
	width: 100%;
}

.text {
	padding: 5px 10px 0 10px;
	width: auto;
	height: auto;
	clear: both;
	line-height: 1.35em;
}

.text p {
	margin-bottom: 10px;
}

.textDailyFix p {
	padding: 5px 10px 0 10px;
	width: auto;
	height: auto;
	clear: both;
}

.text h3 {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.text h2 {
	margin: 20px 0 10px 0;
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.text h3.subheadline {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 0px !important;
	text-transform: none !important;
}

.text a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: inline !important;
}

.text a:visited {
	color: #000;
	text-decoration: none;
	display: inline !important;
}

.text a:active {
	color: #000;
	text-decoration: none;
	display: inline !important;
}

.text a:hover {
	color: #000;
	text-decoration: none;
	text-decoration: underline;
	display: inline !important;
}

.textAboutParagraphHeadline {
	padding: 5px 10px 0 10px;
	width: auto;
	height: auto;
	clear: both;
	line-height: 1.35em;
	font-weight: bold;
}

ul.categories {
	margin-top: 5px;
	margin-bottom: 20px;
	list-style: none;
	float: left;
}

ul.categories li {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float: left;
	padding: 2px 4px 2px 3px;
	background-color: rgb(204,204,51);
	color: rgb(244,244,244);
	margin-right: 3px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 1px;
}

.categories a:link {
	color: #fff;
	text-decoration: none;
}

.categories a:visited {
	color: #fff;
	text-decoration: none;
}

.categories a:active {
	color: #fff;
	text-decoration: none;
}

.categories a:hover {
	color: #fff;
	text-decoration: none;
}

/*** SIDEBAR ***/

.sidebar {
	background-color: transparent;
}

.sidebar h3 {
	margin-bottom: 10px;
	font: 9px Helvetica;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
	color: rgb(102,102,102);
	width: 100%;
	padding: 2px 0 1px 0px;
	letter-spacing: 1px;
}

span.sidebarHeader {
	padding-left: 10px;
}

.advertisingContainer {
	margin-bottom: 20px;
}

.sidebar .row {
	padding: 0 10px;
	margin-bottom: 10px;
	height: 135px;
	width: 280px;
}

.sidebar .rowLast {
	padding: 0 10px;
	height: 135px;
	width: 280px;
}

.sidebar .imgLeft {
	width: 125px;
	height: 125px;
	float: left;
	border: 5px solid rgb(51,51,51);
}

.sidebar .imgRight {
	width: 125px;
	height: 125px;
	float: right;
	border: 5px solid rgb(51,51,51);
}

ul.wppp_list {
	list-style: none;
	margin: 0 0 20px 0;
}

ul.wppp_list li {
	margin-bottom: -1px;
	border: 1px solid rgb(190,190,190);
	padding: 10px;
	display: block;
}

ul.authors {
	list-style: none;
}

ul.authors li {
	height: 60px;
	line-height: 60px;
	background-color: rgb(51,51,51);
	margin-bottom: 1px;
	text-transform: uppercase;
	//border-bottom: 1px solid rgb(190,190,190);
}

ul.authors img {
	float: left;
	width: 60px;
	height: 60px;
}

span.authorName {
	padding-left: 10px;
}

ul.authors a:link {
	color: rgb(244,244,244);
	text-decoration: none;
}

ul.authors a:visited {
	color: rgb(244,244,244);
	text-decoration: none;
}

ul.authors a:active {
	color: rgb(244,244,244);
	text-decoration: none;
}

ul.authors a:hover {
	color: rgb(244,244,244);
	text-decoration: none;
}

/*** MEMBERS ELEMENTS ***/

div.lineMembers {
	background-color: transparent;
	width: 280px;
	height: 5px;
	margin: 15px auto 0 auto;
	border-bottom: 1px solid rgb(190,190,190);
}

.columnize {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-width: 450px;
	-webkit-column-width: 450px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
}

/*.columnize {
	padding-left: 120px;
	padding-right: 120px;
}*/

.first.column {
	padding-right: 20px;
}

ul.featuresList {
	list-style: none;
	margin: 0 0 20px 0;
}

ul.featuresList li {
	margin-bottom: -1px;
	border: 1px solid rgb(190,190,190);
	padding: 10px;
	display: block;
}

.featuresArchive h3 {
	margin-bottom: 20px;
	font: 9px Helvetica;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
	color: rgb(102,102,102);
	width: 100%;
	padding: 2px 0 1px 0px;
	letter-spacing: 1px;
}

.featuresArchiveHeadline {
	height: 80px;
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 100px;
	padding-left: 10px;
}

span.archiveHeader {
	padding-left: 10px;
}

ul.archive {
	list-style: none;
	margin: 0 0 20px 0;
}

ul.archive li {
	margin-bottom: -1px;
	border: 1px solid rgb(190,190,190);
	padding: 10px;
	display: block;
}

div.prevButton {
	float: left;
	position: relative;
	right: 30px;
	height: 24px;
	background-color: rgb(204,204,51);
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	cursor: default;
}

div.nextButton {
	float: right;
	position: relative;
	left: 30px;
	height: 24px;
	background-color: rgb(204,204,51);
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	cursor: default;
}

span.prevButtonText {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
	padding: 0 15px 0 30px;
	line-height: 24px;
	color: #fff;
}

span.nextButtonText {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
	padding: 0 30px 0 15px;
	line-height: 24px;
	color: #fff;
}

.event span.desc {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 2px 4px 2px 3px;
	background-color: rgb(52,52,52);
	color: rgb(244,244,244);
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 1px;
}

/*** COMMENTS ***/

#idc-container {
	margin-left: auto !important;
	margin-right: auto !important;
}

#comments-list h3 {
	margin-bottom: 20px;
}

#comments-list .comment-author {
	float: left;
	font-weight: bold;
	margin-right: 10px;
	text-transform: uppercase;
}

#comments-list .comment-meta {
	font-size: 10px;
}

#comments-list .comment {
	margin-bottom: 10px;
	padding: 10px;
}

#comments-list .comment-content {
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 5px;
}

#comments-list  .comment-reply-link {
	font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 2px 4px 2px 3px;
	background-color: rgb(204,204,51);
	color: rgb(244,244,244);
	text-transform: uppercase;
	font-style: italic;
	position: relative;
	right: 0px;
	width: 35px;
}

#comments-list .even {
	background-color: #ccc;
}

#comments-list .odd {
	background-color: #ddd;
}


/*** NETWORK LIST ***/

ul.network {
	list-style: none;
	margin: -4px 0 20px 0;
	background-color: rgb(244,244,244);
}

ul.network li {
	margin-bottom: -1px;
	border: 1px solid rgb(190,190,190);
	padding: 10px;
	display: block;
}

.headlineNetwork {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
}

/*** MOVING IMAGE ***/

.videoPreview {
	float: left;
	height: 360px;
}

.movingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/movingimage_rollover.png);
	width: 220px;
	height: 220px;
	opacity: 0;
	z-index: 1;
}

/*** GOODS ***/

.goodsBackground {
	width: 940px;
	height: 458px;
	background-image: url(../images/redirectingtoshop.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 60px;
}

#loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	top: 130px;
	width: 220px;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
}

/*** SINGLE POSTS ***/

ul.externalLinks {
	margin: 10px 0 10px 0;
	list-style: none;
}

ul.externalLinks li {
	margin-bottom: -1px;
	border: 1px solid rgb(190,190,190);
	padding: 10px;
	display: block;
}

ul.externalLinks a:link {
	color: #000;
	text-decoration: none;
	font-weight: normal !important;
}

ul.externalLinks a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal !important;
}

ul.externalLinks a:active {
	color: #000;
	text-decoration: none;
	font-weight: normal !important;
}

ul.externalLinks a:hover {
	color: #000;
	text-decoration: none;
	font-weight: normal !important;
}

.postedby {
	background-color: transparent !important;
	color: rgb(204,204,51) !important;
	margin-left: 10px;
}

.postedby a:link, .postedby a:visited, .postedby a:active, .postedby a:hover {
	color: rgb(204,204,51) !important;
}

/*** MEMBERS ***/

.artistInfo h3 {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 5px 10px 0px 10px;
	text-transform: uppercase;
}

.artistOverlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 140px;
	background-image: url(../images/members_rollover.png);
	opacity: 0;
}

#facebook, #twitter, #flickr, #vimeo {
	margin-right: 5px;
}

h3.ontheweb {
	margin: 20px 0 10px 0 ;
	font: 9px Helvetica;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
	color: rgb(102,102,102);
	width: 100%;
	padding: 2px 0 1px 0px;
	letter-spacing: 1px;
}

span.sidebarHeader {
	padding-left: 10px;
}

.headlineMembers {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	top: 266px;
	height: 34px;
	right: 0;
	background-color: rgb(244,244,244);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px 0 15px;
	text-align: right;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	line-height: 37px;
	width: auto !important;
	max-width: 550px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

.headlineMembers a:link {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineMembers a:visited {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineMembers a:active {
	background-color: transparent;
	color: black;
	text-decoration: none;
	display: block;
}

.headlineMembers a:hover {
	text-decoration: none;
	display: block;
	width: 100%;
}

.artistName {
	color: rgb(244,244,244) !important;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	top: 120px;
	height: 20px;
	background-image: url(../images/10x10.png);
	padding: 0 10px 0 10px;
	text-align: right;
	line-height: 21px;
	width: 120px;
	overflow: hidden;
	display: block;
	text-transform: uppercase;
}

/*** AUTHORS ***/

p.authorNameSingle {
	font: 17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.authorInfo {
	margin-top: 10px;
	padding: 0 10px 0 10px;
}

/*** ABOUT ***/

#contactForm {
	padding-left: 10px;
	padding-right: 10px;
}

#contactBox input, #contactBox textarea {
	background-color: rgb(244,244,244);
	border: 1px solid rgb(102,102,102);
	height: 20px;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 5px;
}

#contactBox input[type="submit"] {
	height: auto !important;
	padding: 5px !important;
}

#contactBox h3 {
	margin-bottom: 10px;
	font: 9px Helvetica;
	border-top: 1px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(102,102,102);
	color: rgb(102,102,102);
	width: 100%;
	padding: 2px 0 1px 0px;
	letter-spacing: 1px;
}

span.contactBoxHeader {
	padding-left: 10px;
}

.error {
	margin-left: 2px;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	background-color: red;
	display: none;
}

.inputHeader {
	margin-bottom: 5px;
}

#postalAddress {
	margin-top: 20px;
}

/*** EXPERIMENTAL ***/

hr {
	display: none;
}

div#disqus_thread {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

a.dsq-brlink {
	display: none;
}