/* CSS Document */


@media screen, projection {

	html 						{font:14px Lucida Grande,Tahoma,Lucida Sans Unicode,Verdana,sans-serif;}
	table 						{font-size:inherit;font:100%;}
	select, input, textarea 	{font:99% Lucida Grande,Tahoma,Lucida Sans Unicode,Verdana,sans-serif;}
	pre, code 					{font:115% monospace;}

/**
 * Redeclarations
 */
	:link,:visited 						{text-decoration:none;}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
	form,body,html,p,blockquote,
	fieldset,input						{margin:0; padding:0}
	body								{line-height:1.6; background:#222222 url(body_bg.jpg) repeat-x; padding:0; color:buttonshadow;}
	* html body							{font-size:92%;}
	a									{color:#808080; font-weight:normal; text-decoration:none;}
	a:hover 							{}
	a img								{border:none;}
	h1,h3,h4,h5						    {text-transform:uppercase;}
	h1 a, h3 a							{color:#06C;}
	h1 a:hover, h3 a:hover 				{color:#CCC}
	h1 									{font-size:222%; color:#CCC; margin:0 0 15px;}
	h2									{font-size:189%; padding:0 0 10px;font-weight:normal; color:white;}
	h3									{display:none;}
	p									{margin:10px 0 15px;}

/**
 * Layout
 */
	#wrapper				{width:760px; overflow:hidden; margin:0 auto; text-shadow:black 0 0 0;}
	#content				{padding:170px 0 0 0; position:relative; width:760px; float:left;}
    #portfolio				{list-style-type:none; width:760px; margin:0 0 30px 0; overflow:hidden;}
	#portfolio li			{float:left; padding:0 2px 0 3px; display:inline;}
	#portfolio img			{border:1px solid #393939; background:#1F1F1F; padding:3px; margin:0;}
	#portfolio a:hover img	{border-color:#06C;}
    .switch   		        {width:16px; height:34px; text-indent:-9999px; overflow:hidden; margin:-32pt 0 0pt 546px;}
	#bug a img              {width:16px; overflow:hidden; margin:-5pt 0 0pt 0px; padding-left : 540px ;}
	#bug				    {display:-moz-stack;margin:-39pt 0 -27pt -85px;}
    label					{display:block;}
	label span				{font-size:78%; color:#808080;}
}