/* generated by csscreator.com */ 
body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#333333; 
 font-family: Georgia, "Times New Roman", Times, serif;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:159px; 
 width:100%;
} 
 
#leftcol{
	width:300px;
	float:left;
	position:relative;
	padding-left: 40px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: .9em;
	text-align: left;
}

	

 
#rightcol{
 width:550px; 
 float:right; 
 position:relative; 
 text-align: left;
 
 }
 

 

 #midcol{
 width:900px; 
 height:auto;
 float:left; 
 position:relative; 
 background-image: url('stuff/mid_bg.gif');
 background-color:#e6e6e6;
 text-align: left;
 }
 
#navcol{
 float: right; 
 display:inline; 
 position: relative; 
 width:550px; 
 height:40px;
 }
 
 
#footer{
	height:48px;
	background-image: url('stuff/bottom_bit.gif');
	clear:both;
	padding-top:10px;
	padding-right:30px;
	color:#FFFFFF;
	font-size: .85em;
	text-align: right;
 } 
 
#padded_bit
{
	padding-top:1px;
	padding-left:20px;	
}
 
#leftcol_reverse{
	width:280px;
	float:right;
	position:relative;
	padding-right:40px;
	padding-bottom:10px;
	font-size: .9em;
	text-align: left;
}

	

 
#rightcol_reverse{
 width:530px; 
 float:left; 
 position:relative; 
 text-align: left;
	font-size: .9em;
	text-align: left;
	padding-left:20px;
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
 .quote
{
padding:10px;
color:#000000;
background-color:#FFFFFF;
text-align:center;
font-size: 1em;
}

 .friend
{
padding:10px;

color:#000000;
background-color:#FFFFFF;
text-align:left;
font-size: 1em;
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow:         0 1px 3px rgba(0,0,0,.2);
}

.utopia
{
	padding:10px;
	color:#978E77;
	background-color:#FFFFFF;
	text-align:left;
	font-size: 1.25em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url('stuff/utopia.gif');
	background-repeat:no-repeat;
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow:         0 1px 3px rgba(0,0,0,.2);
}

p {
	font-size: 1em;
	color: #000000;
	text-shadow: 0px 1px 0px #ffffff;

}
.title {
	font-size: 1.2em;
	color: #000000;
	text-shadow: 0px 1px 0px #ffffff;

}
a:link {
	color: #cc0000;
	text-decoration: none;
}
a:visited {
	color: #cc0000;
	text-decoration: none;
}
a:hover {
	color: #ff0033;
	text-decoration: none;

}
a:active {
	color: #cc0000;
	text-decoration: none;

}

#gallery1 {width:500px; margin:0px auto; height:350px;background:#fff;padding:10px;
    -moz-box-shadow:    0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow:         0 1px 3px rgba(0,0,0,.2);
}



#gallery2 {width:480px; margin:0px auto; height:750px;background:#fff;padding:10px;
    -moz-box-shadow:    0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow:         0 1px 3px rgba(0,0,0,.2);
}

#numbers {
	font-size: .8em;
}
	
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */