/***************************************
 *   ___  ___  ___
 *  / __)/ __)/ __)
 * ( (__ \__ \\__ \
 *  \___)(___/(___/
 *
 * 2006 - Dave Pisek
 ***************************************/

/*///////////
Allgemeines
////////////*/

*,html    {margin:0; padding:0}
body {margin:0; padding:0; font-family:'Courier New', sans-serif; font-size:medium; color:#555; background:#121212}

img 	{border:none}
ul  	{list-style:none}
a 		{text-decoration:none; color:#000}
a:hover {color:#666}
p 		{margin:10px 0}
h2,h3 	{font-size:110%}

.left	{float:left}
.right	{float:right}
.counter{text-align:center; margin-top:40px}


::-moz-selection {background:#FCF2F3; color:red}


/*///////////
Struktur
////////////*/

div#wrapper    	{margin:10px auto 0 auto; position:relative; width:854px; background:url(../img/wrapper_bg.jpg)}
div#header		{position:relative; margin:0 auto; width:624px; height:228px; background:url(../img/header_bg.jpg)}
div#content 	{margin:0 auto; padding:30px 0 30px 0; width:624px; background:url(../img/content_bg.jpg) no-repeat top left}
div#footer  	{position:relative; bottom:0; margin:0 auto; width:624px; height:150px; background:url(../img/footer_bg.jpg) no-repeat bottom left}

/*///////////
Header
////////////*/

ul#menu				{position:absolute; top:38px; right:98px; width:153px; height:189px; background:url(../img/menu_bgtest.gif) no-repeat right bottom}
ul#menu li			{float:left}
ul#menu li a		{display:block; margin:0; padding:0;}
ul#menu li#start	{height:27px}
ul#menu li#shows	{height:21px}
ul#menu li#bio      {height:18px}
ul#menu li#pics	    {height:17px}
ul#menu li#media	{height:20px}
ul#menu li#links	{height:18px}
ul#menu li#merch	{height:19px}
ul#menu li#guestbook{height:26px;}

ul#menu li a img			{visibility:hidden}
ul#menu li a:hover 			{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul#menu li#guestbook a:hover{background:url(../img/menu_hover.gif) no-repeat 25px 15px}

ul.start 	 li#start 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul.bio   	 li#bio 		{background:url(../img/menu_hover.gif) no-repeat 30px 5px}
ul.guestbook li#guestbook 	{background:url(../img/menu_hover.gif) no-repeat 25px 15px}
ul.links 	 li#links 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul.pics 	 li#pics 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul.media 	 li#media 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul.shows 	 li#shows 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}
ul.merch 	 li#merch 		{background:url(../img/menu_hover.gif) no-repeat 25px 5px}

/*///////////
Content
////////////*/

div#content 			{font-size:80%}
div#content div.entry 	{margin:0 auto; width:290px; padding:10px 0 20px 30px}
div#content h2		  	{margin-bottom:10px; padding-bottom:7px; background:url(../img/content_h_bg.gif) no-repeat bottom left}

div#content a.right 	{padding-right:5px}

div#content div.vid 	{margin:0 auto; width:310px}

div#content div.image 	{text-align:center}
div#content div.image img {display:block; margin:10px auto}

/*///////////
Footer
////////////*/

div#footer	       {text-align:center; color:#a4a1a1}

div#footer p	   {padding:108px 0 0 25px; font-size:70%}
div#footer strong  {font-weight:normal; padding-left:15px; background:url(../img/footer_star.gif) no-repeat left}
div#footer span    {padding-right:15px; background:url(../img/footer_star.gif) no-repeat right}

img#footerImgRight {position:absolute; bottom:0; right:0}
img#footerImgLeft  {position:absolute; bottom:0; left:0}

div#footer a       {color:#555; font-family:verdana, sans-serif}
div#footer a:hover {color:#000}

/*///////////
Forms
////////////*/

fieldset 	{padding:5px 10px; width:260px; border:2px solid #000;}
legend 		{padding:2px 4px; color:black; font-weight:bold}

input, textarea {float:right; border:1px solid black; background:url(../img/wrapper_bg.jpg) top center}
input:focus, textarea:focus {background:#fff}
label 	{float:left}
form p 	{clear:both; padding:2px 0}

#send {float:none; border:1px solid #000}

input#spamFilter{float:none}

p.formError {color:red}

/*///////////
Guestbook
////////////*/

ul.gaestebuchEintrag 			{margin:0 0 20px 10px;}
ul.gaestebuchEintrag li 		{padding:2px}
ul.gaestebuchEintrag li.eintrag {width:250px;}
div.navigation 					{padding-top:20px}

/*///////////
Merch
////////////*/
.image  {text-align:center}
.image img {border: 3px solid #a9a9a9; margin-bottom:20px}