/*


	Stylesheet:	Stylesheet to change colours, background images etc. (skins.css)

*/

/*
 * Main Body - Font and Background Colour.
 *========================================================================================================================================*/
body											{
	color: #000000;
	background: #fff;
}

/*
 * Page Header - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#page_header 									{ background: #999999; }
#page_header_overlay							{ background: url(noise_light.png) repeat; }

/*
 * Page Header Navigation - Font Colour and Background Hover.
 *========================================================================================================================================*/
#navigation ul li a								{ color: #fff; }
#navigation ul li a:hover						{ background: rgba(0,0,0,0); }
#navigation span 								{ color:#ffcd00; }
/*
 * Main Intro - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#main_intro										{ background: url(placeholder_big.png) no-repeat fixed 50% 0 #BEC0C1; }
#main_intro_overlay								{ background: url(noise_light.png) repeat; }

/*
 * Services Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#services										{ background: url(shadow.png) no-repeat 50% 0 #ffcd00; }
#services_overlay								{ background: url(noise_light.png) repeat; }

/*
 * Nutzen Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#nutzen 											{ background: url(shadow.png) no-repeat 50% 0 #c7ce30; }
#nutzen_overlay									{ background: url(noise_light.png) repeat; }

/*
 * Und so geht's Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#undso 											{ background: url(shadow.png) no-repeat 50% 0 #ECECEC; }
#undso_overlay									{ background: url(noise_light.png) repeat; }

/*

 * Portfolio Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#portfolio 										{ background: url(shadow.png) no-repeat 50% 0 #46505c; }
#portfolio_overlay								{ background: url(noise_light.png) repeat; }

/*
 * Blog Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#blog											{ background: url(shadow.png) no-repeat 50% 0 #ffcd00; }
#blog_overlay									{ background: url(noise_light.png) repeat; }

/*
 * Team Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#team 											{ background: url(shadow.png) no-repeat 50% 0 #D0C37C; }
#team_overlay									{ background: url(noise_light.png) repeat; }

/*
 * Contact Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#contact										{
	background: url(shadow.png) no-repeat 50% 0 #97A5AC;
}
#contact_overlay								{ background: url(noise_light.png) repeat; }

/*
 * Footer Section - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#main_footer 									{ background: url(shadow.png) no-repeat 50% 0 #404040; }
#main_footer_overlay 							{ background: url(noise_light.png) repeat; }

/*
 * Subpage Intro - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#subpage_intro									{ background: url(shadow.png) no-repeat fixed 50% 0 #4ecdc4; }
#subpage_intro_overlay							{ background: url(noise_light.png) repeat; }

/*
 * Main Blog Page - Background Colour and Image Overlay (Optional).
 *========================================================================================================================================*/
#main_blog										{ background: url(shadow.png) no-repeat 50% 0 #c44d58; }
#main_blog_overlay								{ background: url(noise_light.png) repeat; }

/*
 * Each Testimonial Area's Background Colour and Image Overlay (Add more where needed).
 *========================================================================================================================================*/
.testimonial_01 								{ background: url(placeholder_big.png) no-repeat fixed #575757; }
.testimonial_01_overlay							{ background: url(noise_light.png) repeat; }
.testimonial_02									{ background: url(placeholder_big.png) no-repeat fixed #575757; }
.testimonial_02_overlay							{ background: url(noise_light.png) repeat; }
.testimonial_03 								{ }
.testimonial_03_overlay							{ }
.testimonial_04 								{ }
.testimonial_04_overlay							{ }
.testimonial_05 								{ }
.testimonial_05_overlay							{ }

/*
 * Main Headers Title, Subtitle and Span Colour.
 *========================================================================================================================================*/
section h1 										{
	color: #000000;
}
section h2 span									{
	color: #ffcd00;
}
section h3 span									{ color: #c9d200; }
section .intro p strong							{ color: #c9d200; }

/*
 * Main Intro area's Span colours.
 *========================================================================================================================================*/
#main_intro_overlay p span						{ color: #c9d200; }
#main_intro_overlay h1 span						{ color: #c9d200; }

#nutzen_overlay h1,
#nutzen_overlay p,
#nutzen_overlay li								{ color:#3c3e15; }


/*
 * "Show me what you've got!" button's background and font colour.
 *========================================================================================================================================*/
.show_me 										{ color: #c44d58; background: #fff; }
.show_me:hover									{ background: #c44d58; color: #fff; }

/*
 * Sortable Portfolio font colour.
 *========================================================================================================================================*/
.portfolio_list li a							{ color: #fff; }

/*
 * Main Portfolio's colour options.
 *========================================================================================================================================*/
.main_portfolio li,
.main_portfolio li.item_disabled:hover			{ background: #fff; color: #000; }
.main_portfolio li:hover						{
	background: #ffcd00;
}

/*
 * "Call to Action" button's colour options.
 *========================================================================================================================================*/
.cta a											{
	background: #fff;
}
.cta p strong									{ color: #c9d200; }
.cta span 										{ color:#c9d200;}
.cta a:hover									
{
	-webkit-box-shadow: inset 0px 0px 0px 3px #fff, 3px 3px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: inset 0px 0px 0px 3px #fff, 3px 3px 0px rgba(0,0,0,0.10);
	box-shadow: inset 0px 0px 0px 3px #fff, 3px 3px 0px rgba(0,0,0,0.10);
}

/*
 * Team Section.
 *========================================================================================================================================*/
.team_content h3 strong							{
	color: #ffcd00;
}

/*
 * Blog Posts.
 *========================================================================================================================================*/
.entry_date										{
	color: #999999;
}
.entry_header h2 a								{ color: #fff; }
.entry_header h2 a:hover						{
	color: #AEEF27;
}
.entry_header p span							{ color: #c7f464; }
.entry-content a								{ color: #c7f464; }
.read_more:hover								{ color: #c7f464; }
.post_meta a:hover								{ color: #c7f464; }
.wp-caption										{ background: #fff; color: #000; }
.post_tags a									{ color: #fff; }
.post_tags a:hover								{ color: #c7f464; }

.comment-reply-link								{ color: #c7f464; }
.comment-reply-link:hover						{ color: #fff; }
#post_comments ol li ol li article				{ background: #4c5d66; }
#post_comments ol li ol li ol li article		{ background: #3dcc90; }
#post_comments ol li ol li ol li ol li article	{ background: #ff6b6b; }

#respond a										{ color: #c7f464; }
#respond a:hover								{ color: #fff; }

/*
 * Blog pagination's font colours.
 *========================================================================================================================================*/
.blog_pagination a								{ color: #000; color: rgba(0,0,0,0); }
.blog_pagination a:hover						{ color: #fff; }

/*
 * "Read More..." link's font colour.
 *========================================================================================================================================*/
a.read_more										{ color: #fff; }

/*
 * Contact form's textfield, font, border and background colours.
 *========================================================================================================================================*/
#contact_form input[type="text"],
#commentform input[type="text"],
#s												{ color: #000; }
#contact_form input[type="submit"],
#commentform input[type="submit"]				{
	background: #5c5d5d;
	color: #FFFFFF;
}
#contact_form input[type="submit"]:hover,
#commentform input[type="submit"]:hover			{
	background: #ffcd00;
	color: #ffffff;
}
#contact_form label span,
#contact_form label.error,
#commentform label span,
#commentform label.error						{
	color: #666666;
}
#contact_form input[type="text"]:hover,
#commentform input[type="text"]:hover,
#s:hover,
#contact_form textarea:hover,
#commentform textarea:hover						{ background: #e5e5e5; }
#contact_form input[type="text"]:focus,
#commentform input[type="text"]:focus,
#s:focus,
#contact_form textarea:focus,
#commentform textarea:focus
{
	-webkit-box-shadow: inset 0px 0px 0px 2px #c7f464;
	   -moz-box-shadow: inset 0px 0px 0px 2px #c7f464;
	        box-shadow: inset 0px 0px 0px 2px #c7f464;
}
#contact_form input[type="text"].error,
#contact_form textarea.error,
#commentform input[type="text"].error,
#commentform textarea.error
{
	-webkit-box-shadow: inset 0px 0px 0px 2px #ff6b6b;
	   -moz-box-shadow: inset 0px 0px 0px 2px #ff6b6b;
	        box-shadow: inset 0px 0px 0px 2px #ff6b6b;
}

/*
 * Sidebar Menu links.
 *========================================================================================================================================*/
#sidebar .widget_nav_menu ul li a,
#sidebar .widget_meta ul li a,
#sidebar .widget_links ul li a,
#sidebar .widget_archive ul li a,
#sidebar .widget_pages ul li a,
#sidebar .widget_categories ul li a,
#sidebar .widget_recent_comments ul li a,
#sidebar .widget_recent_entries ul li a			{ color: #fff; }
#sidebar .widget_nav_menu ul li a:hover,
#sidebar .widget_meta ul li a:hover,
#sidebar .widget_links ul li a:hover,
#sidebar .widget_archive ul li a:hover,
#sidebar .widget_pages ul li a:hover,
#sidebar .widget_categories ul li a:hover,
#sidebar .widget_recent_comments ul li a:hover,
#sidebar .widget_recent_entries ul li a:hover	{ color: #c7f464; }
#sidebar .widget_tag_cloud a 					{ color: #c7f464; }
#sidebar .widget_tag_cloud a:hover 				{ color: #fff; }

/*
 * Main Footer's link and hover colour.
 *========================================================================================================================================*/
#main_footer_overlay a:hover					{ color: #ffffff; }
#main_footer_overlay a							{
	color: #ffcd00;
}