/* GiantSpiderInvasion.com
   CSS Collection - Media: all
   Compiled by J. Valatka, Valatka.com
*/

/* Perfect 3-column liquid layout - with unique modifications by J. Valatka
   See http://matthewjamestaylor.com/blog/perfect-3-column.htm for more info */
   
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: #000000 url('../images/galaxies_bg.jpeg');
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a img {
	  border: 0;
	}
	a:link, a:visited {
    border-bottom: 1px solid #369;
		color: #58B;
		font-weight: bold;
    text-decoration: none;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
  a:link.linkimage, a:visited.linkimage {
    border: 0;
    background: transparent;
  }	
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
	  line-height: 1.5em;
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
	  border: 0;
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-bottom: 20px;
		width:95%;

		border:1px solid #666;
		background:#000;
		color:#fff;
		font-family: Arial;
	}
	
	#header #titleimage {
	  position:absolute;
	  left:-65px;
    top:-55px;
	}
    
  #header #titletext {
		padding:.4em 15px 0 15px;
		margin:0 100px 0 300px;
  }    

  #header #nav a:link, #header #nav a:visited {
    color: white;
    background-color: black;
    border: 1px solid #666;
    padding: 3px 10px;
    text-decoration: none;
  }

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		margin-left: auto;
		margin-right: auto;
		width:95%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:transparent;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:transparent;		/* center column background colour */
		color:#fff;
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:transparent;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:22%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:22%;			/* Width of right column content (column width minus padding on either side) */
		left:84%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	.threecol .infobox {
	  background: #000;
	  border: 1px solid #666;
	  font-family: Arial;
	  margin-bottom: 10px;
	  padding: 10px;
	}
	/* Footer styles */
	#footer {
		clear:both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
		width:95%;

		border:1px solid #666;
		background:#000;
		color:#fff;
		font-family: Arial;
	}
	#footer p {
		padding:10px;
		margin:0;
		text-align: right;
	}

/* END of Perfect 3-column liquid layout */