/**************************************************************

	Image Menu
	v 2.2

**************************************************************/
html, body
{
height: 100%;
min-height: 100%;
margin: 1px;
padding:0;
}

h1 {
	font-weight: 200;
	font-size: 1.4em;
	letter-spacing:   2px;
}

h2 {
	font-weight: 200;
	font-size: 1em;
	letter-spacing:   2px;
	line-height: 15px;
	margin-left: 2px;
}

h3 {
	font-size: 1em;
	color: #003366;
	line-height: 2px;
}

#imageMenu {

	position: relative;
	background: #336699;
	width: 940px;
	height: 190px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	display: block;
	height: 150px;
	width: 900px;
	
	}

#imageMenu ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 140px;
	height: 150px;
}

#imageMenu ul li.about a {
	background: url(/images/about.png) repeat scroll 0%;
}

#imageMenu ul li.blog a {
	background: url(images/blog.png) repeat scroll 0%;
}

#imageMenu ul li.illustrations a {
	background: url(images/ill.png) repeat scroll 0%;
}

#imageMenu ul li.video a {
	background: url(images/video.png) repeat scroll 0%;
}

#imageMenu ul li.web a {
	background: url(images/web.png) repeat scroll 0%;
}

#imageMenu ul li.etc a {
	background: url(images/etc.png) repeat scroll 0%;

}

ul.gray {
	list-style:disc; 
	color:#CCCCCC;
}

ul.white {
	list-style:disc; 
	color:#FFFFFF;
}

#container {
      position: relative;
      background: url(images/back/p4.gif) repeat scroll 0%;
      width: 940px;
      margin: auto;

}


#container2 {
  float:left;
  width:620px;  
  background: #CCCCCC;  
  border-left: 20px solid #CCCCCC;
  border-right: 300px solid #CCCCCC;
  margin-top: 0px;
  margin-left:0px;
  margin-right:-200px;
  display:inline; 
  
}

#container3 {
      width: 500px;
      top-margin: 0px;
      margin: auto;

}

#post {
	width: 430px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
}

#post img {
	padding-right:10px;
	padding-left:2px;

}

.regular {
	width:450;
	margin-right:20px;
}

.photo {
	width:450;
}

.date {
	font-size: 1em;
	color: #990000;
}
#quote {
	width:500;
	margin-left: 5px;
}

#source {
	display: block;
	text-align: right;
	margin: 0 0 0 5px;
	padding: 10px;
	width:500;
}
.via {
	display: block;
	text-align: right;
	color: #990000;
	font-size: .9em;
}

.asterisk {
	font-size: 1.5em;
	color: #003366;
}

#leftRail{
  float:left;
  width:150px;
  margin-left:-20px;
  position:relative;
	z-index: 4;

}
#center{
  float:left;
  width:100%;
  margin-right:-100%;
}
#rightRail{
  float:right;
  width:300px;
  margin-top: 10px;
  margin-right: -310px;
  position:relative;
}

.clear {
	clear: both;
}

#bodyleft {
	position: relative;
	float:left;
	width: 20px;
	height: 100px;
	font-family: verdana;
	font-size: .8em;
	background: #CC3333;
	opacity:          0.5;
        -moz-opacity:     0.5;
        filter:           alpha(opacity=50);
	z-index: 4;
     }

#bodycenter {
	position: relative;
	float:left;
     	font-family: verdana;
	margin: 6px 2px 0px 0px;
	width: 612px;
	z-index: 4;
     }

#bodyright {
	position: relative;
	float:left;
     	width: 306px;
	height: 100px;
	font-family: verdana;
	font-size: .8em;
	background: #CC3333;
	opacity:          0.5;
        -moz-opacity:     0.5;
        filter:           alpha(opacity=50);
	z-index: 4;
     }

#bodybottom {
	position: relative;
	float:left;
     	width: 940px;
	height: 15px;
	font-family: verdana;
	font-size: .6em;
	background: #999999;
	z-index: 4;
     }

#body {
	position: absolute;
     	font-family: verdana;
	margin: 55px 0px 0px 20px;
	width: 950px;
	z-index: 2;
     }

img {
border-style: none;

}

#floor {
	position: relative;
	width: 940px;
	height: 58px;
	top:0px;
	background: #336699;
	opacity:          0.4;
        -moz-opacity:     0.4;
        filter:           alpha(opacity=40);
	z-index: 1;
	}

#bodyback2 {
	position: relative;
	width: 305px;
	height: 100%;
	margin: 0px 0px 0px 635px;
	background: #CCCCFF;
	opacity:          0.5;
        -moz-opacity:     0.5;
        filter:           alpha(opacity=50);
	z-index:1;
	}

.bodyback2b {
	float:left;
	font-family: verdana;
	font-size: .8em;
	color: #336699;
	width: 100px;
	z-index: 4;
	}

.bodyback2c {
	float:left;
	font-family: verdana;
	font-size: .8em;
	color: #006699;
	width: 160px;
	z-index: 4;
	}


#bodyback3 {
	position: relative;
	font-family: verdana;
	font-size: .8em;
	color: #336699;
	width: 270px;
	margin-top: 10px;
	z-index: 4;
	}

#col1 {
	line-height:15px;
	
}

#col1post{
		
}

#col1post h2{
	margin-bottom:5px;
}
#col1 A:link {text-decoration: none; color:#990000;}
#col1 A:visited {text-decoration: none; color:#990000;}
#col1 A:active {text-decoration: none; color:#990000;}
#col1 A:hover {text-decoration: underline; color:#990000;}


#col2 A:link {text-decoration: none; color:#003366;}
#col2 A:visited {text-decoration: none; color:#003366;}
#col2 A:active {text-decoration: none; color:#003366;}
#col2 A:hover {text-decoration: underline; color: #003366;}

.bmid A:link {text-decoration: none; color:#003366;}
.bmid A:visited {text-decoration: none; color:#003366;}
.bmid A:active {text-decoration: none; color:#003366;}
.bmid A:hover {text-decoration: underline; color: #003366;}

#col2 {
	width: 270px;
	font-family: verdana;
	font-size: .8em;
	color: #336699;
	z-index: 5;
	}



.space {
	height: 10px;
	}

.space2 {
	background: #336699;
	height: 10px;
	width: 940px;
	}

.btop {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(/images/back/btop.png);
	}

.btopindex {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(images/back/btop_index.png);
	}

.btopweb {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(images/back/btop_web.png);
	}
.btopill {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(images/back/btop_ill.png);
	}
.btopetc {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(images/back/btop_etc.png);
	}
.btopvideo {
	font-family: verdana;
	margin: 8px 0px 0px 3px;
	width: 612px;
	height: 36px;
	background: url(images/back/btop_video.png);
	}
.bmid {
	font-family: verdana;
	font-size: .7em;
 	color: #003366;
	margin: 0px 0px 0px 3px;
	width: 612px;
	background: url(images/back/bmid.png);
	}

.bmidabout {
	font-family: verdana;
	font-size: .7em;
 	color: #003366;
	margin: 0px 0px 0px 3px;
	width: 612px;
	
	background: url(images/back/bmid.png);
	}

#illustrationsCaption {
	font-family: verdana;
	font-size: .7em;
 	color: #003366;
}

.bmidill {
	font-family: verdana;
	font-size: 1em;
 	color: #003366;
	margin: 0px 0px 0px 3px;
	width: 612px;
	height: 490px;
	background: url(images/back/bmid.png);
	}

.bmidmisc {
	font-family: verdana;
	font-size: .7em;
 	color: #003366;
	margin: 0px 0px 0px 3px;
	width: 612px;
	height: 510px;
	background: url(images/back/bmid.png);
	}
.bmidblog {
	font-family: verdana;
	font-size: .7em;
 	color: #003366;
	margin: 0px 0px 0px 3px;
	width: 612px;
	background: url(/images/back/bmid.png);
	}
.bbottom {
	font-family: verdana;
	margin: 0px 0px 4px 3px;
	width: 612px;
	height: 70px;
	background: url(images/back/bbottom.png);
	}

.bench {
	position:absolute;
	left:625px;
	top:125px;
	z-index: 3;
	}

.rope {
	position:absolute;
	left:4px;
	top:93px;
	z-index: 2;
	}

#hiddenfooter {
	position: fixed; 
	clear: both; 
	width: 940px; 
	height: 18px; 
	bottom: 0;
	border: 0; 
	padding: 4px 0px 0px 0px;
	z-index: 3;
}



#footer {
		
position: fixed; 
clear: both; 
width: 940px; 
height: 18px; 
bottom: 0;
border: 0; 
padding: 4px 0px 0px 0px;
text-align: center; 
font-family: verdana;
font-size: .7em;
color: #FFFFFF; 
background: url(images/footer.png);
z-index: 6;		
}

#footer a:visited, #footer a:link, #footer a:active {
color:#990000;
text-decoration:none;
}

#footer a:hover {
color:#990000;
text-decoration:underline;
}


img.thumb {
	border: 2px #FFFFFF solid;
	}
.misc {
	padding: 4px 0px 0px 1px;
}

.hide {
	border: 2px solid #FFFFFF;
	padding: 8px 8px 0px 4px;
	font-size: .8em;
	width: 165px;
}
.hideform {
	border: 2px solid #FFFFFF;
	padding: 8px 8px 0px 4px;
	font-size: .8em;
	width: 255px;
}
.hidevideo {
	border: 2px solid #FFFFFF;
	padding: 8px 6px 0px 6px;
	font-size: .8em;
	width: 184px;
}
#blogframe {
	width: 500px;
}

#disqus_thread {
	background: #FFFFCC;
	padding: 4px;
}
.section {

}

.portrait {
	width: 130px; height: 187px;
	/* DEFAULTS TO COLD */
	background: url(images/me_cold.png) no-repeat center center;
}

.portrait-rain, .portrait-light-rain, .portrait-heavy-rain, .portrait-light-drizzle, .portrait-heavy-thunderstorm  {
		background: url(images/me_rain.png) no-repeat center center  #6699CC;
}

.portrait-snow, .portrait-heavy-snow {
		background: url(images/me_cold.png) no-repeat center center ;
}

.portrait-sunny, .portrait-hot {
		background: url(images/me_warm.png) no-repeat center center ;
}
.portrait-fair {
		background: url(images/me.png) no-repeat center center ;
}

.portrait-partly-cloudy, .portrait-cloudy {
		background: url(images/me_cloudy.png) no-repeat center center #6699CC ;
}

.portrait-mostly-cloudy {
		background: url(images/me_vcloudy.png) no-repeat center center #336699 ;
}

.portrait-fog, .portrait-haze {
		background: url(images/me_fog.png) no-repeat center center #336699 ;
}

.misc A:link {text-decoration: none; color:#003366;}
.misc A:visited {text-decoration: none; color:#003366;}
.misc A:active {text-decoration: none; color:#003366;}
.misc A:hover {text-decoration: underline; color: #003366;}

#container3 A:link {text-decoration: none; color:#990000;}
#container3 A:visited {text-decoration: none; color:#990000;}
#container3 A:active {text-decoration: none; color:#990000;}
#container3 A:hover {text-decoration: underline; color:#990000;}


/*************************************************************/