@charset "UTF-8";
body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #eee5d2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

#container
{
background-color: #eee5d2;

}

#mainContent
{
width: 850px;
min-height: 837px;
background-image: url(images/main_bg.gif);
background-repeat: repeat-y;
}

.oneColFixCtr #container {
	width: 920px; 
	min-height: 837px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0px 35px 0px 35px; 
}

img {
border: none;
}


/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
   
a:focus
  {
  color:
  #003399;  
  }
  
a:link
  {
  color:
  #000033;  
  }

a:visited
  {
 color:#666666; 
  }
  

a:hover
  {
  color:
  #CC6600;  
  }

a:active

  {
  color:
  #993333;  
  }


/* /////////// HEADER PORTION OF PAGE ////////////// */ 


#header
{
position: relative;
height: 178px;
width: 850px;
margin: 0;
padding: 0;
border: none;
background-image: url(images/head_bg.gif);
background-repeat: no-repeat;
}

#header_alt
{
position: relative;
height: 178px;
width: 850px;
margin: 0;
padding: 0;
border: none;
background-image: url(images/head_bg_alt.gif);
background-repeat: no-repeat;
}


#stamps

{position: absolute;
top: 0px;
left: 195px;}

#gdnav

{position: absolute;
top: 0px;
left: 374px;}

#illonav

{position: absolute;
top: 43px;
left: 374px;}

#artnav

{position: absolute;
top: 81px;
left: 374px;}

#aboutbanner
{position: absolute;
top: 0px;
left: 645px;}


/* /////////// PORTFOLIO PORTION OF PAGE ////////////// */ 

#portfolio
{
position: relative;
top: 0px;
left: 0px;
border: none;
padding: 0;
margin: 0;
color:#ffffff;

background-image: url(images/port_bg.gif);
background-repeat: repeat-y;

}


.port_img

{
position: relative;
top: 0px;
left: 35px;}


.port_hedr

{
width: 160px;
position: relative;
float: left;
top: 18px;
left: 15px;
padding: 4px 0 0 10px;
margin: 0;

}

.port_hedr h1

{

width: 160px;
font: 140% Georgia, "Times New Roman", Times, serif;
color: #CC6633;
line-height: 100%;
margin: 0 0 0 0;

}

.port_hedr h2

{

font: 100% Georgia, "Times New Roman", Times, serif;
color: #CC6633;
width: 160px;
line-height: 120%;

}


.port_hedr p

{

font: 95% Georgia, "Times New Roman", Times, serif;
color:#000000;
width: 160px;
line-height: 130%;
}

/* /////////// EXTRA LINKS  ////////////// */ 


.extras

{
width: 850px;
position: relative;
float: left;
top: 18px;
left: 15px;
padding: 4px 0 0 10px;
margin: 0;


}

.extras h1

{

width: 850px;
font: 140% Georgia, "Times New Roman", Times, serif;
color: #CC6633;
line-height: 100%;
margin: 0 0 0 0;

}

.extras h2

{

font: 100% Georgia, "Times New Roman", Times, serif;
color: #CC6633;
width: 850px;
line-height: 120%;

}


.extras p

{

font: 95% Georgia, "Times New Roman", Times, serif;
color:#000000;
width: 850px;
line-height: 130%;
}


/* /////////// ABOUT PAGE ////////////// */ 


#aboutlayout
{
position: relative;
top: 0px;
left: 0px;
border: none;
padding: 0;
margin: 0;
}




#liveroll 
{
position: absolute;
top: 0px;
left: 0px;

}

#tweetroll 
{
position: absolute;
top: 0px;
left: 338px;

}

#likeroll
{
position: absolute;
top: 108px;
left: 0px;

}

#foundroll
{
position: absolute;
top: 186px;
left: 0px;

}

#toolroll
{
position: absolute;
top: 251px;
left: 0px;

}

#answerroll
{
position: absolute;
top: 108px;
left: 338px;

}

#awl

{ position: absolute;

top: 396px;
left: 285px;

}

#toplink

{
position: relative;
top: 18px;
left: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;

}