@charset "utf-8";
/* 
Dance-Mackh.com Template
Black Theme

realised by pixelpoint multimedia
www.pixelpoint.at 
*/

/* General Definitions
------------------------------------------- */
*{ margin:0; padding:0;}

body{ font:10px  Arial, sans; margin:0; padding:0; color:#ccc; background:#090909 url(img/bg.png) repeat-y top center; }

h1{ font:7.2em/80px "Arial Black"; font-weight:normal; text-transform:uppercase; color:#fff; letter-spacing:-0.07em; background:url(img/h1_dropshade.png) no-repeat 4px 16px;  }
h2{ font:1.8em/24px "Arial Narrow"; color:#e2007a; }
h3{ margin-bottom:5px; display:block; padding:3px 10px; background:#000; color:#e2007a; }
h3 a{  font:1.3em/20px Arial; color:#e2007a; }

.content{ font-size:1.2em; color:#ccc;}

a:link{ text-decoration:underline; color:#e2007a;}
a:visited{ text-decoration:underline; color:#ccc; }
a:hover, a:active{ text-decoration:none; }

a img{ border:none; }

hr{ height:1px; background:none; border:none; border-bottom:1px dotted #ccc; }

.float{ float:left; }
.clear{ clear:both; width:100%; height:1px; margin-top:-1px; }

/* Structural Elements & Positioning
------------------------------------------- */

#container{ width:960px; margin:0 auto; background:url(img/header.jpg) no-repeat center top; } 
#container.index{ background:url(img/header_large.jpg) no-repeat center top; }

#wrapper{ width:850px; margin:0 auto; } /* actual width, container just holds the bg */

#head{ height:350px; width:auto; }
#head.index{ height:450px; }

#topslide{ background:url(img/topslide.png) no-repeat top center; height:105px; position:relative; top:260px; }
#topslide.index{top:360px; }

#head h1{ position:relative; margin:0; padding:0; left:176px; top:370px; }
span#subtitle{ position:relative; left:370px; top:360px;  }

#nav{ width:780px; height:43px; position:relative; left:60px; background:url(img/navbg.png) no-repeat left top; margin-top:10px; }

#side{ width:228px; }
#main{ width:492px; background:url(img/shade_main.png) no-repeat left top;}
#full{ width:auto; padding:0 40px; }

.content{ margin:30px; }

.entry{ margin-bottom:20px; }
.entry p{ padding:0 10px; }

.wochentag{ margin:0 10px 15px; width:220px;}
.wochentag h2{ border-bottom:1px dotted #ccc; }
.wochentag ul{ list-style:none; font-size:1.2em; }
.wochentag li{ padding: 3px 4px; background:#161616; }

a.readon{ display:block; text-align:right; margin-top:5px; padding:2px 10px; border-bottom:1px dotted #000; }

#footer{ height:70px; background:#000; padding:20px 0 0 100px }
#footer .content{ width:700px; height:70px; margin:0 auto; color: #2d2d2d }
#footer .content a{ color: #626262 }

/* Operational Elements & Typography
------------------------------------------- */

#head span#subtitle{ font: 36px/40px "Arial Black"; color:#e2007a; text-transform:uppercase; letter-spacing:-0.04em; }

#nav ul { list-style:none; position:relative; }
#nav ul li{ display:inline; float:left;  padding:0 10px; margin:0 10px; position:relative; }
#nav ul li a{ font:bold 1.2em/43px Arial; text-transform:uppercase; color:#fff; text-decoration:none; }
#nav ul li a:hover{ color:#e2007a; }

#nav ul ul{ position:absolute; top:43px;	width:140px; height:141px; padding:10px 0 15px 0; background:url(img/submenubg.png) no-repeat top right; }
			
*+html #nav ul ul{ margin-left:-95px; }
			
#nav ul ul li{ display:block; padding:4px 10px; line-height:18px; }
#nav ul ul li a{ font:bold 12px/18px Arial; text-transform:capitalize; }


/* Additional michi content - not to worry
--------------------------------------------------*/
.content ul, .content li { list-style:none;margin:0 0 0 6px;}
.content img {margin:10px 10px 10px 0;border:1px solid #e2007a;padding:5px;}

/* Hacking
--------------------------------------------------*/

* html #nav{ background:#090909; }
* html #topslide{ background:none; }
* html #main{ background:none; }
* html #nav ul ul{ background:#000; }
* + html #nav ul ul{ left:70px; }

*>#nav ul li a{ font:bold 1.1em/43px Arial;}