@charset "UTF-8";

/*
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/GeertDD/portfolio
	Copyright ©2009 Geert De Deckere <geert@idoe.be>
*/

/* INTERNET EXPLORER 6 STYLES FOR SCREEN */
@media screen, projection {

/* Hard-coded colors because of the lack of “inherit” support */
#header a { color:#717474; }
#footer a { color:#414645; }
body.light #footer a { color:#a0a3a2; }

/* Light logo not appearing */
body.light #header h1 { zoom:1; }

/* Background image (quote.png) did not appear on blockquotes */
.content blockquote { zoom:1; }

/* Don't chop off the top part of the logo */
#header h1 { margin-top:0; }

/* Hide the PNG background icons next to the contact details in the header,
   better no images then ugly ones. */
#header p { background-image:none !important; }

/* Max-width is not supported, the best workaround seems to make it a fixed layout (960px),
   which also needs the grid system to be reprogrammed in order to make better use of horizontal screen width. */
#header { width:240px; }
#main { float:left; width:700px; }
.content { float:left; }
.span-1 { width:28%; }
.span-2 { width:61%; }
.span-3 { width:94%; }
.prefix-1 { margin-left:33%; }
.prefix-2 { margin-left:66%; }
.suffix-1 { margin-right:33%; }
.suffix-2 { margin-right:66%; }

/* Fix doubled float-margin bug */
.span-1, .span-2, .span-3 { display:inline; }

/* Max-width on images doesn't work, so we're just using width now
   which will do the job in most cases. If you have images that you don't want
   to have expanded, give 'em the fixed-width class. */
.content img { width:100%; }
.content img.fixed-width { width:auto; }

/* Replace PNG-24 with GIF files */
.content blockquote { background-image:url(../img/quote.gif); }
.content .alert label { background-image:url(../img/icon-alert.gif); }

/* Make sure the footer comes below the main content */
.content { clear:both; float:left; }
#footer { clear:both; float:left; width:940px; }

/* Stuff that has been set manually to be hidden from IE6,
   which we are only using for the PNG cubes now. */
.ie6-hide { display:none; }

}