/*-----------------------------------------------------------------

	- theme: Geercom - main
	- uri: screen.css
	- author: Darko Lončar - <loncarster@gmail.com>
	- last modified: 09.03.2010
	- version: 1.0

-------------------------------------------------------------------*/

	/*Printer style*/
	@media print 
		{		
		* { background: #fff; color: #222 }
		html { font: 100%/1.5em Helvetica, Arial serif }		
		}

		/* CSS Reset */
		* 			{ margin: 0; padding: 0 }

		/* Globals */
		html		{ }
		body		{ font: 62.7%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; background: transparent url('../gfx/background.jpg') 50% 0; background-repeat: no-repeat } 

			/* Links */
			a			{ color: #a63 }
			a:visited	{ color: #555 }
			a:hover	{ color: #ace }
			

			/* Elements */
			img 		{ border: 0px; display: inline }

		/* Skipper */
		#skip { position: absolute; left: -9999px; top: -9999px }

		/*Navigation Block*/
		#navigation		{ width: 940px; margin: 0px auto 10px auto; text-align: center; padding-top: 20px }
			#navigation a		{ font: bold 1.8em/2.2em "Georgia", serif; padding: 0px 20px; text-decoration: none; color: #000; text-shadow: #fff 1px 1px 1px }
			#navigation a:hover	{ text-decoration: underline }
			#navigation a.current	{ text-decoration: underline }

		/* Brand */
		#brand	{  margin: 0px auto; width: 960px; height: 290px; background: transparent url('../gfx/header-trans.png'); background-repeat: no-repeat }
		#brand h1	{ float: left; font: 4.6em "Georgia", serif; color: #fff; width: 540px; text-shadow: #19f 1px 1px 8px; font-variant: small-caps; padding: 40px 0px 0px 40px; letter-spacing: -1px }
		#brand .intro	{ float: left; font: italic 0.5em/1.2em "Georgia", sans-serif; color: #fff; text-shadow: #ccc 0px 0px 0px; font-variant: small-caps; margin: 0px 0px 0px 5px }
		#brand ul#specialities  { float: left; margin: 53px 40px 0px 0px; font: 1.6em/1.2em "Georgia", sans-serif; color: #fff; text-shadow: #ccc 0px 0px 0px; font-variant: small-caps; padding: 0px }
		#brand img#spotlight	{ float: right; width: 130px; border: 5px solid #fff; margin: 45px 45px 0px 0px; padding: 0px; -webkit-box-shadow: 0px 0px 16px #333;-moz-box-shadow: 0px 0px 16px #333 }
		#brand img#spotlight:hover { border: 5px solid #ff3 }


		/* Content wrapper */
		#content	{ margin: 0px auto; width: 940px; border-top: 4px double #999; padding-top: 20px }

		#content h2	{ font: bold 3em "Georgia", serif; color: #333; padding: 0px 0px 12px 0px }
		#content h3	{ font: bold 1.6em "Georgia", serif; color: #333; padding: 24px 0px 12px 0px }
		#content p	{ font: 1.4em/1.5em "Arial", serif; color: #333; padding: 0px 0px 18px 0px }
		#content a	{ color: #a63 }
		#content a:hover { color: #ace }

		#content ul	{ list-style: inside; font: 1.4em/1.5em "Arial", serif; color: #333; padding: 0px 0px 18px 0px }
		#content blockquote	{ margin: 18px 0px; padding: 20px; font: italic 1.4em/1.5em "Georgia", serif; background: #eee; color: #333; line-height: 1.7em; text-shadow: #ccc 1px 1px 1px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

		#content img.inline	{ float: none; border: 0px; background: none; -moz-box-shadow: #bbb 0px 0px 0px; -webkit-box-shadow: #bbb 0px 0px 0px; }

			/*Forms*/
			#content input.txt, textarea				{ padding: 8px; border: 1px solid #999; font: normal 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #333;
															-khtml-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; 
															-moz-box-shadow: #bbb 0px 0px 8px;  
															-webkit-box-shadow: #bbb 0px 0px 8px;  
															background: #fff;
															background: -moz-linear-gradient(top, #eee, #fff 25px)
														 }

			#content input.txt:hover, textarea:hover, input.txt:focus, textarea:focus { border: 1px solid #666 } 
  
			#content label								{ font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif" }
			#content input.button						{ font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; padding: 8px }

		/*Blogroll specific*/
		#blogroll		{ float: left; width: 550px; padding: 0px 40px 0px 10px  }
		#blogroll img { float: left; padding: 8px; margin: 3px 10px 0px 0px; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0px 0px 8px #ccc;-moz-box-shadow: 0px 0px 8px #ccc }

		/*Sidebar specific*/
		#sidebar		{ float: right; width: 330px }
		#sidebar p	{ font: 1.4em/1.5em "Arial", serif; color: #333; padding: 0px 0px 18px 0px }
		#sidebar a	{ color: #a63 }
		#sidebar a:hover	{ color: #ace }

		#footer	{ margin: 0px auto; width: 960px; border-top: 4px double #333; padding-top: 20px }
		#footer p	{ font: 1.6em/1.5em "Georgia", serif; color: #333; padding: 0px 0px 18px 0px }

		/* Clearfix */
		.clearfix { clear: both }