/*   
Theme Name: Die Dicken Kinder
Theme URI:
Description:
Author: Jannik Wambsgans
Author URI: j@matterofinterest.de
Template:
Version:
.
http://www.diedickenkinder.de/
.
*/

/***************************************
*************** Presets ****************
***************************************/
	* { margin:0; padding:0; border:0; }
	body { height:100%; background-color:#fff; background-image:url(images/bg1.jpg); background-repeat:repeat-x; background-position:center top; }
	html { height:100%; }
				
	ul, ol, li { list-style-type:none; padding:0; margin:0; }	

/***************************************
************** Skeleton ****************
***************************************/
	.body-container { margin:0 auto; position:relative; }
	.body-container .line-top { height:5px; line-height:0px; background-color:#1c1c1c; position:relative; z-index:8; margin-bottom:-5px; }
	.body-container .line-top-player { height:33px; line-height:33px;}
	
	body * .col-set { padding-top:5px; overflow:hidden; width:932px; margin:0 auto; z-index:6; position:relative; }
	body * .col-set .left-col { height:100%; float:left; width:178px; }
	body * .col-set .middle-col { height:100%; float:left; width:576px; }
	body * .col-set .right-col { height:100%; float:left; width:178px; }
		/*
		* IE Hack
		*/
		/*html>body * .col-set .right-col { width:150px; overflow:hidden; }*/
	
	.body-container > .col-set > .middle-col { background-color:#fff; min-height:450px !important; padding-bottom:75px; }
	.body-container > .col-set > .middle-col > .head { overflow:hidden; }
	
	/*
	* Nav Main
	*/
	.nav-main { float:left; width:162px; height:284px; }
		.nav-main ul { overflow:hidden; }
		.nav-main ul li { display:block; float:left; cursor:pointer; width:32px; height:284px; background:center bottom no-repeat; position:relative; }
		.nav-main ul li img { position:absolute; left:0; bottom:30000px; }
		.nav-main ul li:hover img { bottom:0; }
		
		li#nav-neues { background-image:url(images/nav/neues_00.jpg); }
		li#nav-neues-current { background-image:url(images/nav/neues_10.jpg); }
		
		li#nav-termine { background-image:url(images/nav/termine_00.jpg); }
		li#nav-termine-current { background-image:url(images/nav/termine_10.jpg); }

		li#nav-band { background-image:url(images/nav/band_00.jpg); }
		li#nav-band-current { background-image:url(images/nav/band_10.jpg); }

		li#nav-fans { background-image:url(images/nav/fans_00.jpg); }
		li#nav-fans-current { background-image:url(images/nav/fans_10.jpg); }

		li#nav-shop { background-image:url(images/nav/shop_00.jpg); }
		li#nav-shop-current { background-image:url(images/nav/shop_10.jpg); }
		
	/*
	* Nav Sub
	*/
	.nav-sub { margin-top:1px; }
		.nav-sub ul {}
		.nav-sub ul li { background-color:#ff6000; color:#fff; margin-bottom:1px; text-align:right; padding:3px 10px; cursor:pointer; }
		
		.nav-sub ul li:hover { background-color:#bb3000; color:#fff; }
		.nav-sub ul li.current_page_item { background-color:#bb3000; color:#feaa71; }
		
		.nav-sub ul li a:link, .nav-sub ul li a:visited, .nav-sub ul li a:hover { color:#fff; }
		.nav-sub ul li.current_page_item a { color:#feaa71; }

	/*
	* Spotlight
	*/
	.body-container > .col-set > .middle-col > .head > .spotlight { float:left; width:414px; height:284px; overflow:hidden; }
	#spotlightOl { float:left;padding:0px;margin:0px;list-style-type:none;overflow:hidden;;width:414px;height:284px; }
	#spotlightOl li { width:inherit;height:inherit;position:absolute;display:block;list-style-type:none;margin:0px;padding:0px; }
				
	/*
	* Right Boyes
	*/
	.right-col .box:first-child { margin-top:30px; }
	
	.right-col .box { width:173px; margin-bottom:5px; color:#909090; cursor:pointer; }
	.right-col .box span { color:#1b1b1b; }
	.right-col .box .wrapper { padding-left:13px; }
	
	.right-col .box-medium { height:62px; line-height:62px; }
	.right-col .box-medium:hover { color:#ff8a00; }
	
	.right-col .box-small { height:34px; color:#fff3db; background: no-repeat url(images/box-small.png); text-transform:uppercase; font-size:1em; }
	.right-col .box-small .wrapper { padding-top:9px; }
	.right-col .box-small:hover { color:#ffd37d; }
	.right-col .box-small img { margin-right:8px; vertical-align:middle; }
	.right-col .box-small a:link, .right-col .box-small a:visited { color:#fff3db; text-decoration:none; }
	.right-col .box-small:hover a:link, .right-col .box-small:hover a:visited { color:#ffd37d; text-decoration:none; }
	.right-col .box-small a:hover { color:#ffd37d; }

	.right-col .box-large { height:133px; background: no-repeat url(images/box-large1.png); }
	.right-col .box-large .wrapper { padding:10px 0 10px 13px; }
	
	.box .head { color:#ff8a00; margin-bottom:5px; }
	.box .head-upper { color:#ff8a00; text-transform:uppercase; margin-bottom:5px; }
	.box a { color:#1b1b1b; }

	.player-box { background: no-repeat url(images/player-box1.png) !important; }
	#player-container { padding-top: 2px; }
	
	.myspace-box { background: no-repeat url(images/myspace-box1.png); }
	.myspace-box a { color:#00182a !important; }
	
	.facebook-box { background: no-repeat url(images/facebook-box1.png); }
	.facebook-box a { color:#0c62a5 !important; }
	
	.twitter-box { background: no-repeat url(images/twitter-box1.png); }
	.twitter-box a { color:#59c9f0 !important; }
	
	.newsletter-box { cursor:auto !important; }
	.newsletter-box .form { margin-top:10px; }
	.newsletter-box input[type='text'] { color:#999; }
	.newsletter-box input[type='submit'] { color:#333; width:70px; margin-top:3px; cursor:pointer; }
	.newsletter-box input[type='submit']:hover { border:1px solid #888; }
	
	.splash-box { background: no-repeat url(images/splash-box1.png) !important; }
	.splash-box a { color:#1b1b1b !important; }
		
	.feedback-vertical { position:fixed; left:0; top:200px; }
	
	/*
	* Footer
	*/
	.body-footer { background-color:#1c1c1c; color:#fff; width:100%; position:relative; height:130px; z-index:7; padding:6px 0; }

	.body-footer .col-set { padding-top:0; height:100%; }
	.body-footer .col-set * div { height:100%; }
	.body-footer .col-set > div * div { padding:5px;  }
	
	.body-footer .left-col { color:#292929; font-size:23px; text-align:center; text-transform:uppercase; text-align:right; border-right:1px solid #303030; }
	.body-footer .left-col > div { padding-right:35px; }
	
	.body-footer .middle-col > div { overflow:hidden; }
	.body-footer .middle-col * div { float:left; }
	
	.body-footer .sitemap { width:45%; height:100%; border-right:1px solid #303030; font-size:0.9em; color:#d8d8d8; }
	.body-footer .sitemap > div { padding-left:0 !important; overflow:hidden; }
	.body-footer .sitemap ol { line-height:1.8em; float:left; margin-left:15px; }
	.body-footer .sitemap ol li { line-height:1.8em; }
	.body-footer .sitemap ol li.sub { color:#9e9e9e; padding-left:10px; }
	
	.body-footer .sitemap ol li a { color:#d8d8d8 !important; }
	.body-footer .sitemap ol li.sub a { color:#9e9e9e !important; }
	.body-footer .sitemap ol li a:hover { color:#9e9e9e !important; }
	.body-footer .sitemap ol li.sub a:hover { color:#d8d8d8 !important; }
	
	.body-footer .social-media { width:25%; border-right:1px solid #303030; }
	.body-footer .social-media ol { padding:20px 0 0 25px; }
	.body-footer .social-media ol li { color:#878787; line-height:18px; }
	.body-footer .social-media ol li.myspace > a { color:#0a39a3 !important; }
	.body-footer .social-media ol li.facebook > a { color:#008eff !important; }
	.body-footer .social-media ol li.twitter > a { color:#56c6ee !important; }
	.body-footer .social-media ol li a:hover { color:#ff8a00 !important; }
	
	.body-footer .copyright { color:#4d4d4d; line-height:17px; }
	.body-footer .copyright > div { margin:20px 0 0 5px; padding:0; }
	.body-footer .copyright span { color:#8f8f8f; text-transform:uppercase; }

/***************************************
************* Skins ***************
***************************************/
	
	/*
	* Page Standard
	*/
	.page-standard .body { padding:20px 35px; }
	
	/*
	* Neues
	*/
	.page-neues > .header { position:relative; background-color:#222222; height:29px; line-height:29px; padding-left:12px; text-transform:uppercase; font-size:1.1em; color:#c8c8c8; overflow:hidden; }
	.page-neues .upcoming-events { overflow:hidden; }
	
	.page-neues .upcoming-events .icon { float:left; height:100px; line-height:100px; width:75px; text-align:center; }
	.page-neues .upcoming-events .icon > div { padding-top:29px; }
	
	.page-neues .event { float:left; height:100px; width:21%; margin-right:18px; color:#222222; font-size:1.1em; }
	.page-neues .event > div { padding-top:20px; }
	.page-neues .item-1 .date { color:#ff6000; }
	.page-neues .item-2 .date { color:#ff8f4c; }
	.page-neues .item-3 .date { color:#918a81; }
	.page-neues .event .date { text-transform:uppercase; font-size:1em; }
	.page-neues .event .place { text-transform:uppercase; font-size:0.9em; color:#666; }
	
	.page-neues .upcoming-events .more { float:left; width:13%; text-align:right; height:100px; line-height:100px; text-transform:uppercase; font-size:0.9em; }
	.page-neues .upcoming-events .more a { color:#8b8b8b !important; }
	.page-neues .upcoming-events .more a:hover { color:#333 !important; }
			
	.page-neues .post-item { margin-top:20px; margin-bottom:10px; overflow:hidden; }
	.page-neues .post-item .icon { float:left; width:11%; text-align:center; }
	
	.page-neues .post { float:left; width:82%; color:#1d1d1d; }
	.page-neues .post .title { font-size:1.6em; margin-bottom:2px; }
	.page-neues .post .title a { color:#1d1d1d !important; }
	.page-neues .post .title a:hover { color:#555 !important; }
	.page-neues .post .date { text-transform:uppercase; font-size:0.8em; padding-bottom:8px; border-bottom:1px solid #BBB; margin-bottom:11px; }
	.page-neues .post .date > span { color:#6e6e6e; }
	.page-neues .post .content {}
	
	.stbutton { clear:both; display:block !important; margin-top:20px; float:right; }
	.stbuttontext { margin-top:0; }
	.fb-ilike { clear: both; margin-top: 20px; }
	.twitter-share a:link, .twitter-share a:visited { color: #56c6ee !important; }
	.fb-share a:link, .fb-share a:visited { color: #008eff !important; }
	.twitter-share { margin-top: 5px; margin-bottom: 10px; }
	.twitter-share a:hover, .fb-share a:hover { color: #ff8a00 !important; }
	.event .container { width:396px; }
	.event .stbutton { float:right; }		
	.download .stbutton, .page-tickets .stbutton { display:none !important; }

	.page-neues .pagination { overflow:hidden; padding:10px 20px; text-transform:uppercase; font-size:0.9em; }
	.page-neues .pagination .left { float:left; }
	.page-neues .pagination .right { float:right; }
	
	/*
	* Termine
	*/
	.page-termine ul {}
	.page-termine li { margin-bottom:13px; overflow:hidden; padding-bottom:0; }
	.page-termine li p { margin-bottom:0.5em !important; }
	.page-termine li .border { border-bottom:1px dashed #CCC; clear:both; }

	.page-termine li.ics-header .date { text-align:center; }
	.page-termine li.ics-header .body { padding-bottom:10px; }
	.page-termine li.ics-header a { color:#333 !important; }
	.page-termine li.ics-header a:hover { color:#ff6600; }
	
	.page-termine li .date { float:left; width:23%; color:#333; text-transform:uppercase; font-size:0.9em; }
	.page-termine li .body { float:left; width:77%; }
	
	.page-termine .body .of { overflow:hidden; margin-bottom:10px; height:1%; }
	.page-termine .body .title { color:#ed9302; float:left; }
	.page-termine .body .ort, .page-termine .body .adresse, .page-termine .body .zeit { text-transform:uppercase; color:#666; font-size:0.9em; float:left; } 
	.page-termine .body .separator { padding:0 6px; color:#555; float:left; }
	.page-termine .body .content { }
	
	/*
	* Tickets
	*/
	.page-tickets .event .date { width:32% !important; }
	.page-tickets .event .body { width:68% !important; }
	.page-tickets .event .container { width:90%; margin-bottom:7px; }
	.page-tickets .event .ticket { float:right; }

	/*
	* Band
	*/
	.page-band .band-gallery { overflow:hidden; padding:10px 27px 0 27px; }
	.page-band .member { float:left; overflow:hidden; width:97px; height:97px; position:relative; margin:0 3px 6px 3px; background-image:url(images/band-portrait-shadow.jpg); cursor:pointer; }
	.page-band .member-link { display: block; }
	.page-band .picture { position:absolute; top:5px; left:5px; cursor:pointer; }
	.page-band .picture p { padding:0; margin:0; }
	
	.page-band .data { position:absolute; top:12px; left:-10000px; width:73px; cursor:pointer; }
	.page-band .data .title { font-weight:bold; width:73px; }
	.page-band .data .band-rolle { text-transform:uppercase; color:#ff6000; font-size:0.8em; width:73px; }
	.page-band .overlay { position:absolute; top:5px; left:-10000px; opacity:0.85; cursor:pointer; }
	.page-band li:hover .data { left:12px; }
	.page-band li:hover .overlay { left:5px; }
		
	.guestbook-template { padding:10px 30px; }
	.guestbook-template h2 { padding-left:0 !important; }

	/*
	* Band-single
	*/
	.page-band-single h1 { overflow: hidden; line-height: 87px; padding-left: 25px !important; margin-top: 10px; }
	.page-band-single .picture { float: left; margin-right: 25px; }
	.page-band-single .picture p { padding: 0; margin: 0; }
	.page-band-single .data { padding: 0 25px 0 25px; }

	/*
	* Fans
	*/
	.commentlist li { overflow:hidden; margin-bottom:5px; }
	.commentlist li .icon { width:6%; float:left; }
	.commentlist li .body { width:94%; float:left; }
	.commentlist .author { text-transform:uppercase; font-size:1em; color:#555; }
	.commentlist .author a { color:#ee9303 !important; }
	.commentlist .author a:hover { color:#333 !important; }
	.commentlist .rest { font-size:0.9em; color:#555; }
	.commentlist .commenttext { margin-top:5px; }
	.comments-number { text-transform:uppercase; font-size:0.9em; color:#555; }
	
	.guestbook-template .pagination { overflow:hidden; padding:10px 0; text-transform:uppercase; font-size:0.9em; }
	.guestbook-template .pagination .left { float:left; }
	.guestbook-template .pagination .right { float:right; }

	.comment-form { border-top:1px dashed #AAA; }
	.comment-form h2 { margin-bottom:10px; }
	.comment-form .label { font-size:0.9em; }
	.comment-form .input-container { margin-bottom:7px; }
	.comment-form textarea { width:90%; height:100px; margin-bottom:7px; }
	.comment-form input[type=submit] { padding:0 20px; height:23px; line-height:23px; }

	/*
	* Downloads
	*/
	.download-gallery { padding:10px 25px; overflow:hidden; }
	.download-gallery .download { overflow:hidden; float:left; margin:10px; width:45%; }
	.download-gallery .icon { float:left; margin-right:10px; }
	.download-gallery .title { float:left; text-transform:uppercase; font-size:0.9em; width:88%; padding-top:2px; }
	.download-gallery .body { clear:both; padding-top:5px; }
	.download-gallery .body a { text-transform:uppercase; font-size:0.9em; }

	/*
	* Links
	*/
	.page-links ul { padding:25px; }
	.page-links li { overflow:hidden; margin-bottom:15px; height:1%; height:77px; }
	
	.page-links .image { float:left; margin-right:20px; width:77px; height:77px; }
	.page-links .image p { margin:0; padding:0; }
	.page-links .image img { border:1px solid #CCC; }
	.page-links .link { float:left; height:75px; line-height:75px; font-size:1.4em; }
	.page-links .link a { color:#888 !important; }
	.page-links .link a:hover { color:#222 !important; }
	.page-links .link .outbound-icon { margin-left:10px; }

	/*
	* Demo
	*/
	.page-demo .post-item { margin-bottom:5px; }
    .page-demo .password-interception .body { padding:20px 35px; }
	.page-demo .password-interception label { font-size:0.9em; }
	.page-demo .password-interception input[type='password'] { margin-bottom:5px; }	
	
	/*
	* Kontakt
	*/
	.kontakt-container { overflow:hidden; }
	.kontakt-container .address-set { float:left; width:33%; }
	.kontakt-container .form-container { float:left; margin-left:20px; width:63%; }

	/*
	* RSS
	*/
	.rss-header { background-color:#222222; position:relative; height:29px; line-height:29px; padding-left:12px; text-transform:uppercase; font-size:1.1em; color:#c8c8c8; overflow:hidden; }
	.rss-icon { position:absolute; top:6px; right:6px; }
	
	/*
	* CONTENT
	*/
	.wp-wysiwyg .alignleft { margin:0 15px; margin-left:0; float:left; }
	.wp-wysiwyg .alignright { margin:0 15px; margin-right:0; float:right; }
	.wp-caption-text { font-style:italic; }
	.wp-caption { }
	.wp-wysiwyg .alignnone { margin:15px; margin-left:0; }
	
	/*
	* MailPress
	*/
	
	.mailpress .content { padding:25px; }
	
/***************************************
************* Typography ***************
***************************************/
	.typography { font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size:10px; color:#212121; }
	
	.typography h1 { font-size:2.6em; color:#c0c0c0; font-weight:bold; padding:8px 0 0 8px; text-transform:uppercase; }
	.typography h2 { font-size:1.8em; color:#c0c0c0; padding:8px 0 0 8px; text-transform:uppercase; }
	.typography h3 {}
	.typography h4 {}
	.typography h5 {}
	
	.typography .content p { margin-bottom:1.7em; line-height:1.9em; }

	
	.typography a:link, .typography a:visited { color:#ed9302; text-decoration:none; }
	.typography a:hover { color:#666; text-decoration:none; }
		
/***************************************
************** Forms  ******************
***************************************/
	input[type='text'], select, input[type='password'] { border:1px solid #BBB; background-color:#fff; height:23px; line-height:23px; padding-left:5px; color:#555; }
	input[type='checkbox'] { border:1px solid #BBB; background-color:#fff; color:#333; }
	input[type='submit'] { border:1px solid #BBB; background-color:#fff; height:23px; line-height:23px; text-align:center; font-size:0.9em; }
	textarea { border:1px solid #BBB; background-color:#fff;padding:5px; color:#555; }
	
	form .space-top-bottom { padding:20px 0; }
	form .notation { margin:15px 0; padding:15px; border:1px dashed #BBB; }
	span.required { color:#F30; }
	div.input-set { margin-bottom:3px; font-size:0.9em; }
	div.input-set input[type=submit] { padding:0 20px; height:23px; line-height:23px; }
	
	.password-interception .body { padding:20px 35px; }
	.password-interception label { font-size:0.9em; }
	.password-interception input[type='password'] { margin-bottom:5px; }
	.password-interception input[type=submit] { padding:0 20px; height:23px; line-height:23px; }
	
	/*
	 * Kontakt
	 */
	.kontakt-form-set input[type='text'], .kontakt-form-set select, .kontakt-form-set textarea { width:90%; }
	
	/*
	 * Universell
	 */
	.universell-form-set input[type='text'], .universell-form-set select, .universell-form-set textarea { width:90%; }
	
	
/***************************************
********* termine-chbecker-com *********
***************************************/

	body.page-template-termine-chbecker-php { background: none; background-color: #444b4e; color: #ffffff !important; }
	.page-template-termine-chbecker-php .page-termine { width: 570px; }

	.page-template-termine-chbecker-php .page-termine ul {}
	.page-template-termine-chbecker-php .page-termine li { margin-bottom:13px; overflow:hidden; padding-bottom:0; }
	.page-template-termine-chbecker-php .page-termine li p { margin-bottom:0.5em !important; }
	.page-template-termine-chbecker-php .page-termine li .border { border-bottom:1px dashed #ffffff; clear:both; }
	
	.page-template-termine-chbecker-php .page-termine li .date { float:left; width:23%; color:#ffffff; text-transform:uppercase; font-size:0.9em; }
	.page-template-termine-chbecker-php .page-termine li .body { float:left; width:77%; }
	
	.page-template-termine-chbecker-php .page-termine .body .of { overflow:hidden; margin-bottom:3px; height:1%; }
	.page-template-termine-chbecker-php .page-termine .body .title { color:#ffffff; float:left; }
	.page-template-termine-chbecker-php .page-termine .body .ort, .page-template-termine-chbecker-php .body .adresse, .page-template-termine-chbecker-php .body .zeit { text-transform:uppercase; color:#ffffff; font-size:0.9em; float:left; } 
	.page-template-termine-chbecker-php .page-termine .body .separator { padding:0 6px; color:#555; float:left; }
	.page-template-termine-chbecker-php .page-termine .body .content { }
	
	.page-template-termine-chbecker-php a:link    { color:#a0d342; text-decoration: none; }
	.page-template-termine-chbecker-php a:visited { color:#a0d342; text-decoration: none; }
	.page-template-termine-chbecker-php a:active  { color:#a0d342; text-decoration: none; }
	.page-template-termine-chbecker-php a:hover   { color:#a0d342; text-decoration: underline; }