/*

Default colors for the "Simply" theme.
This file must be included after "style.css".

Style by Eksith Rodrigo
*/

/* Screen */
@media screen
{
	body
	{
		background:#f5f5f5 url(img/bg.png);
		color:#000;
	}

	div.body
	{
		color:#575757;
		background:#fff;
		box-shadow:3px 3px 3px #ddd;
	}
	
	div.post
	{
		border-bottom:1px solid #f5f5f5;
	}

	div.feedback div.post
	{
		border-color:#ddd;
	}

	/* Navigation */
	div.nav ul li a, div.nav ul li span
	{
		color:#575757;
		box-shadow:2px 2px 2px #ddd;
	}

	div.nav ul li:hover ul, div.nav ul li ul:hover
	{
		background:#575757;
	}

	div.nav ul li a:hover, div.nav ul li ul li a, ul li.active a, 
	p.breadcrumb a:hover, p.info a:hover
	{
		background:#575757 !important;
		color: #fff !important;
	}

	div.nav ul li ul li a:hover, div.nav ul li.active ul li a:hover
	{
		background:#a33 !important;
		color:#fff !important;
	}

	/* Text elements */
	h1, h2, h3
	{
		padding: .5em;
		font-weight:normal;
		color:#a33;
	}

	h3
	{
		font-size: 115%;
		border-bottom: 1px solid #ddd;
	}

	
	blockquote
	{
		background:#eee;
		border:1px solid #eee;
		box-shadow: 3px 3px 3px #ddd;
	}

	div.post h6
	{
		background:#f8f8f8;
	}

	/* Links */
	a
	{
		color: #369;
	}

	a:hover, ul li.active a
	{
		color: #fff;
		background: #369;
	}

	div.post a:visited, div.palt a:visited
	{
		color:#000;
		background:#eee;
	}

	h1 a {
		color:#a33;
		text-decoration:none;
	}
	
	h1 a:hover {
		color:#575757 !important;
		background:transparent !important;
	}

	p.breadcrumb a:hover, p.info a:hover
	{
		background:#575757 !important;
		color: #fff !important;
	}

	h1 a:hover, h2 a:hover, h3 a:hover, p.meta a:hover, p.date a:hover
	{
		text-decoration:underline;
	}


	div.column h3 a, div.column h3 span
	{
		background:#575757;
		color:#fff;
	}

	hr
	{
		color:#fff;
		background:#fff;
		border-color: #ccc;
		border-width:1px 0 0 0;
	}

	/* Images and icons */
	img.icon
	{
		box-shadow:5px 5px 5px #ddd;
	}

	div.alt img.icon
	{
		box-shadow:5px 5px 5px #ccc;
	}


	/* Form and navigation elements */

	fieldset
	{
		border-color: #eee;
	}

	div.column fieldset
	{
		/* box-shadow: 3px 3px 3px #ddd; */
	}

	div.column legend
	{
		background: #eee;
	}

	input, select, textarea
	{
		color: #444;
	}

	input[type^='text'], input[type^='password'], select, textarea
	{
		border:1px solid #ddd;
	}

	input[type^='text']:focus, input[type^='password']:focus, textarea:focus
	{
		box-shadow:3px 3px 3px #ddd;
	}

	select
	{
		border: 1px solid #777;
	}

	input[type^='button'], input[type^='submit'], input[type^='reset']
	{
		color: #369;
		background: transparent;
	}

	div.nav input[type^='button'], div.nav input[type^='submit'], div.nav input[type^='reset']
	{
		color:#575757;
		box-shadow:2px 2px 2px #ddd;
	}

	input[type^='button']:hover, input[type^='submit']:hover, input[type^='reset']:hover
	{
		background:#575757;
		color:#fff !important;
	}
	
	#searchform input[type^='submit']:hover, #searchform input[type^='image']:hover
	{
		box-shadow:2px 2px 2px #ddd;
	}

	div.body input[type^='button']:hover, div.body input[type^='submit']:hover, div.body input[type^='reset']:hover,
	#searchform input[type^='submit']:hover, #searchform input[type^='image']:hover
	{
		box-shadow: 3px 3px 3px #ddd;
	}

	label span
	{
		color:#a33;
	}
	
	label.error
	{
		color: #fff;
		background: #f33;
	}
}