/*
Theme Name: Nomino
Theme URI: http://www.nomino.hr.com
Description: Nomino template
Version: 1.0
Author: Darko Lončar - Stonesurfer
Author URI: http://www.investitor.org/
*/

@media print {
	* { background: #fff; color: #333 }
	html { font: 100%/1.5 Georgia, serif }
	#footer { display: none }
	#side { display: none }
	}

/*CSS resets*/
* 		{ padding: 0px; margin: 0px }
img 	{ border: 0px }

/*Global styles*/
html	{  }
body	{ font: 62.7%/2em Helvetica, Arial, "Sans-Serif"; color: #fff; background: #eee }

/*Elements*/
p		{ font-size: 1.4em; color: #000 }
a		{ color: #036; text-decoration: none; outline: none }
a:hover	{ color: #963; text-decoration: underline }

/*-----------------------------------------*/
/*Content wrapper */
#content	{ margin: 0px auto; width: 960px; border-top: 1px solid #fff }

/*-----------------------------------------*/
/*Header */
#header	{ background: #fff; height: 145px; border-bottom: 6px solid #cc6; padding-top: 20px }
#header-wrap	{ margin: 0px auto; width: 960px }
h1		{ float: left; height: 90px; width: 960px; margin-bottom: 15px }
h1 a	{ float: left; height: 90px; width: 960px; background: transparent url('gfx/nomino.jpg') 10px 0px; background-repeat: no-repeat; text-indent: -9999px; line-height: 0.1em }

/*-----------------------------------------*/
/*Main navigation*/
#navigation				{ width: 960px; margin-left: 4px }
#navigation li			{ float: left; list-style-type: none }
#navigation a			{ font: 1.4em/40px Helvetica, Arial, "Sans-Serif"; display: block; padding: 0px 28px; margin: 0px 3px; text-align: center; text-decoration: none; color: #fff; background: #12467c;
						-khtml-border-top-left-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px;
						-khtml-border-top-right-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px }
#navigation a:hover		{ background: #dd7; -webkit-transition: all 0.2s ease-in-out; color: #000 }
#navigation a.current	{ background: #cc6; color: #000 }

/*-----------------------------------------*/
/*Spotlight*/
#spotlight	{ height: 300px; background: #12467c url('gfx/spotlight-back.png'); background-repeat: repeat-x; border-bottom: 1px solid #000 }
#spotlight .product	{ margin: 0px auto; width: 950px; padding: 10px 10px 10px 0px }
#spotlight .info	{ float: left; width: 340px; margin-top: 10px }
#image	{ float: right; width: 587px; height: 282px; background: transparent url('gfx/photo_back.png') }
#image img	{ width: 534px; height: 230px; padding: 26px; margin-left: 1px }

#spotlight a#portfolio_button { float: left; clear: both; font: bold 1.4em "Helvetica", arial, sans-serif; padding: 10px; color: #fff; width: 280px; text-align: center; margin: 37px 40px 0px 10px; background: #ef7f1d; text-decoration: none; text-transform: uppercase;
						-khtml-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px }
#spotlight a#portfolio_button:hover { background: #f66f0c }
#spotlight p			{ margin: 12px 10px 0px 0px; color: #000; color: #fff; font-size: 1.6em; line-height: 1.4em; text-align: center }
#spotlight h2			{ font: bold 4em/1.6em "Trebuchet MS", serif; margin: 6px 10px 15px 0px; color: #67acdf; text-align: center }
#spotlight a			{ color: #89ceff }

/*-----------------------------------------*/
/*Blog */
#blog						{ float: left; width: 570px; padding: 20px 10px 30px 10px }
	#blog p					{ margin: 8px 0px 18px 0px; color: #000 }
	#blog h2				{ float: left; clear: both; width: 100%; font: normal 3em Helvetica, Arial, serif; color: #550; margin: 12px 0px 18px 0px }
	#blog h2 a				{ color: #12467c; text-decoration: underline }
	#blog h2 a:hover		{ color: #34689f; text-decoration: underline }
	#blog ul				{ margin: 8px 0px 18px 36px; color: #111; font-size: 1.4em }
	#blog li				{ margin: 0px 0px 12px 0px }
	.post					{ margin: 12px 0px 36px 0px }
	#blog p.byline				{ margin: 4px 0px 8px 0px; text-transform: uppercase; font-size: 1em }

	#blog input.txt, textarea	{ padding: 8px; border: 1px solid #999; font: normal 1em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #333; background: #fff }
	#blog label					{ font: bold 1em "Helvetica Neue", Helvetica, Arial, "Sans-Serif" }
	#blog input.button			{ font: bold 1em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; padding: 8px }

	/* Images */
	#blog img				 	{ margin: 4px 2px 8px 0px; padding: 4px; background: #aa4 }
	#blog img.blog_post_image 	{ float: left; margin: 24px 18px 8px 0px; width: 256px; padding: 6px; background: #aa4 }

/*-----------------------------------------*/
/*sidebar */
#sidebar				{ float: right; width: 320px; padding: 0px 0px 10px 10px }

	#sidebar h2			{ clear: both; font: normal 2.2em "Trebuchet MS", serif; color: #333; padding: 8px 0px 8px 0px; border-bottom: 1px solid #aa4; border-top: 1px solid #aa4; margin-right: 30px }
	#sidebar p			{ margin: 8px 0px 18px 0px; color: #000; line-height: 1.6em }

	#social				{ float: left; background: #ddd; margin: 20px 0px 20px 0px; padding: 8px 12px 0px 12px; width: 266px; border: 1px solid #ccc }
	#social img			{  }
	#social a			{  }
	#social a:hover		{ color: #963 }

	a.banner			{ display: block; padding: 15px 0px 10px 0px; background: #fff; text-align: center; margin: 8px 30px 12px 0px }

/*-----------------------------------------*/
/*footer */
#footer					{ float: left; clear: both; width: 100%; padding: 30px 0px; background: #882 }
	#footer p			{ font-size: 1.2em; line-height: 1.5em; color: #dd7; text-align: center; font-weight: bold }


	/*Contact Form 7 Responses*/
	.wpcf7-list-item-label { margin-right: 10px }
	.wpcf7-response-output { font-size: 1.4em; line-height: 1.6em; font-weight: bold; color: #000; padding: 10px; background: transparent; margin-top: 10px}
	.wpcf7-mail-sent-ok { font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #fff; padding: 10px; background: #342a06; margin-top: 10px }
	.wpcf7-validation-errors { font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #fff; padding: 10px; background: #342a06; margin-top: 10px }
	.wpcf7-not-valid-tip-no-ajax { font-weight: bold; color: #f00; margin: 0px 5px }
	.wpcf7-submit { margin: 0 }
	img.ajax-loader { width: 0!important; height: 0!important; margin: 0!important; padding: 0!important }