/* portfolio.css - CSS Cognitive Event Horizon pRC nov2011 */

body          { margin: 2em; color: #330000; background-color: #ffffff; 
				font-family: georgia, times new roman, serif; 
				}
				
h1            { font-size: 170%; font-weight: normal; color: #555555; } 
h2            { font-size: 120%; font-weight: normal; color: #553333; 
				padding-bottom: .1em;
				border-bottom: 1px solid #333333; 
				margin-top: 1.4em; 
				} 
				
a             { font-weight: bold; text-decoration: none;  }
a:link        { color: #aa3333 }       /* unvisited link */
a:visited     { color: #663333 }       /* visited links  */
a:active      { color: #ff0000 }       /* active links   */
a:hover       { text-decoration: underline; }

dl  		  { margin: 0; 
				  margin-bottom: 4em; 
				  padding: 0; 
				  position: relative; 
				  font-family: arial, helvetica, sans-serif; 
				  }
dt, dd        { margin: 0em; font-size: 74%;  }
dt  		  { margin: 0; padding: 0; display: inline; font-size: 90%; }
dd  		  { display: none; 
				  position: absolute;
				  z-index:2;
				  right: 0;
				  top: 0; 
				  width: 21em; 
				  margin-top: 0; 
				  line-height: 1.4em; 
				  min-height: 8em; 
				  margin-bottom: 1em;
				  padding: .7em;
				  color: #222222; 
				  background-color: #eeeeee;
				  border: 1px solid #bbbbbb;
				  -moz-box-shadow: 3px 3px 6px #222222;
	           	  -webkit-box-shadow: 3px 3px 6px #222222;
	              box-shadow: 3px 3px 6px #222222;
	            /* For IE 8 */
	              -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";
	            /* For IE 5.5 - 7 */
	              filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
				  }

p             { font-size: 80%; }
dd p          { font-size: 100%; }

dt img        { -moz-box-shadow: 0px 3px 6px #777777;
	            -webkit-box-shadow: 0px 3px 6px #777777;
	            box-shadow: 0px 3px 6px #777777;
	           /* For IE 8 */
	            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
	           /* For IE 5.5 - 7 */
	            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
	            }

dt a:hover img  { -moz-box-shadow: 3px 3px 6px #222222;
	            -webkit-box-shadow: 3px 3px 6px #222222;
	            box-shadow: 3px 3px 6px #222222;
	           /* For IE 8 */
	            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";
	           /* For IE 5.5 - 7 */
	            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
	            }

/* defined classes */
div.main      { width: 44em; 
				margin-left: auto; margin-right: auto;
				padding: 2em; 
				background-color: #ffffff;
				-moz-box-shadow: 0px 2px 6px #999999;
				-webkit-box-shadow: 0px 2px 6px #999999;
				box-shadow: 0px 2px 6px #999999;
				/* For IE 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#999999')";
				/* For IE 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#999999');
				}
div.footer    { margin-top: 4em; }

dl div.descrip { display: block; 
				float: right; 
				font-size: 74%;
				color: #555555;
				width: 22em;
				}
p.footHd      { padding-bottom: .4em;
				border-bottom: 1px solid #222222; 
				}
p.footLinks   { font-family: arial, helvetica, sans-serif; }