/*
Theme Name: Skateabalooza
Theme URI: http://www.bueroalerta.com
Description: The Theme for SKATEABALAOOZA!
Author: Arno Bauer (www.bueroalerta.com)
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

*
{	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	list-style:none;
}

body
{	background:#333 url(img/bg.jpg) center;
	font:normal 10px/1em Arial, Helvetica, sans-serif;
	color:#000;
}

a
{	color:#FF0600;
}
a:hover
{	color:#FF0600;
	font-weight:bold;
	border-color:#FF0600;
}
#wrapper
{	width:950px;
	margin:20px auto;
}
#header
{	height:105px;
	background:transparent url(img/header.png) bottom center no-repeat;
}
#navigation
{	height:50px;
	background:transparent url(img/nav-bg.png) top center no-repeat;
	padding:0px 10px;
}
	#logo
	{	width:253px;
		height:205px;
		position:absolute;
		margin:-100px auto auto 20px;
	}
	#navigation ul li
	{	float:left;
		height:50px;
	}
	#nav-01
	{	width:101px;
		background:transparent url(img/nav-1.gif) bottom center no-repeat;}
	#nav-02
	{	width:100px;
		background:transparent url(img/nav-2.gif) bottom center no-repeat;}
	#nav-03
	{	width:155px;
		background:transparent url(img/nav-3.gif) bottom center no-repeat;}
	#nav-04
	{	width:140px;
		background:transparent url(img/nav-4.gif) bottom center no-repeat;}
	#nav-05
	{	width:193px;
		background:transparent url(img/nav-5.gif) bottom center no-repeat;}
	#nav-01:hover
	{	background:transparent url(img/nav-1-hover.gif) bottom center no-repeat;}
	#nav-02:hover
	{	background:transparent url(img/nav-2-hover.gif) bottom center no-repeat;}
	#nav-03:hover
	{	background:transparent url(img/nav-3-hover.gif) bottom center no-repeat;}
	#nav-04:hover
	{	background:transparent url(img/nav-4-hover.gif) bottom center no-repeat;}
	#nav-05:hover
	{	background:transparent url(img/nav-5-hover.gif) bottom center no-repeat;}

#core-wrapper
{	background:transparent url(img/core-bg.png) top center no-repeat;
}
#core
{	width:840px;
	margin:0 auto;
	padding:30px;
	background:#F1F1F2 url(img/core.gif) top center no-repeat;
}
#content
{	float:left;
	width:570px;
}
#sidebar
{	float:right;
	width:240px;
}
#sidebar ul li
{	margin-bottom:15px;
}
#sidebar ul li p
{	padding:5px;
}

#footer
{	height:40px;
	width:880px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	text-align:center;
	background:transparent url(img/footer-bg.png) top center no-repeat;
	font:normal 9px Arial, Helvetica, sans-serif;
	border-top:2px solid #eeeeee;
}
#footer, #footer *
{	color:#999;
}

h1.pagetitle
{	text-align:right;
}

.cbox-header
{	height:10px;
	background:transparent url(img/cbox_header.png) bottom center no-repeat;
}
.cbox-content
{	padding:5px 10px;
	background-color:#ffffff;
}
.cbox-content h1
{	font:bold 25px/1em Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	letter-spacing:-1px;
}
.cbox-content h1.singletitle
{	font:bold 50px/1em Arial, Helvetica, sans-serif;
	letter-spacing:-4px;
	color:#FF0600;
}

.cbox-excerpt
{	font:normal 11px/15px Arial, Helvetica, sans-serif;
}
.cbox-content p.cbox-meta
{	font:normal 9px/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#333333;
	margin:10px 0;
}
.cbox-content p.cbox-meta span
{	padding:3px;
	background-color:#F1F1F2;
}
.cbox-img
{	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	border:10px solid #eeeeee;
}
.cbox-img img
{	margin:-50% -100px 0 -50%;
	width:200px;
}

#entry .cbox-img
{	overflow:hidden;
	width:250px;
	height:auto;
}
#entry .cbox-img img
{	width:250px;
	margin:auto;
}
.cbox-footer
{	height:11px;
	background:transparent url(img/cbox_footer.png) top center no-repeat;
}

#pagenav, #pagebar
{	margin-top:10px;
	text-align:right;
}
#pagebar a
{	background-color:#ff0600;
	color:#ffffff;
	padding:2px 3px;
	margin-left:1px;
}

#sidebar .formrow
{	width:240px;
	float:left;
}
	#sidebar .formrow h1
	{	margin-bottom:10px;
		font-size:10px;
		text-align:right;
	}
	#sidebar .formrow h1 span
	{	display:inline;
		background-color:#111111;
		padding:2px;
	}
	#sidebar .formrow h2
	{	margin-bottom:3px;
		letter-spacing:-1px;
		font-size:21px;
	}
	#sidebar .formrow span
	{	display:block;
		padding-bottom:3px;
		margin-bottom:3px;
		font-size:11px;
	}
	#sidebar .formrow span.desc
	{	display:block;
		margin-bottom:5px;
	}
	#sidebar .formrow input
	{	float:right;
		width:170px;
		padding:2px;
	}
	#sidebar .formrow input.button
	{	width:auto;
		padding:3px;
		margin-left:5px;
		background-color:#FFF;
	}
	#sidebar .formrow label
	{	float:left;
		width:60px;
		font-size:10px;
		padding:2px;
	}

#sidebar #termine-list li
{	padding:5px;
	margin:0px;
}
#sidebar #termine-list li a
{	display:inline;
	background-color:#F00;
	color:#FFF;
	font:bold 15px/17px Arial, Helvetica, sans-serif;
}
#sidebar #termine-list li p span
{	background-color:#000000;
	color:#FFF;
	margin-right:2px;
}

#sidebar #anmeldung p
{	padding:5px;
	font:bold 20px/17px Arial Black, Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	text-transform:uppercase;
}

#sidebar #video-2 h2, #sidebar #flickrpress-2 h2
{	width:240px;
	height:27px;
	margin-bottom:7px;
}
#sidebar #video-2 h2
{	background:transparent url(img/sb-videos.png) top center no-repeat;
}
#sidebar #flickrpress-2 h2
{	background:transparent url(img/sb-fotos.png) top center no-repeat;
}

.pointer
{	cursor:pointer;}
.clear
{	clear:both;}
