/* @group Body */

body { 
	text-align: center; 
	margin: 10px 0px 0px 0;
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 62.5%; 
	background-color: #333;
	min-width: 720px;
	color: #333;
	}

html {
	margin: 0;
	padding: 0;
	}

* html .typelist-thumbnailed .module-list-item { display: inline-block; }
* html .typelist-thumbnailed .module-list-item { height: 1%; }
* html .module-recent-photos .module-list { display: inline-block; }
* html .module-recent-photos .module-list { height: 1%; }

p {
	font-size:1.2em;
	line-height:1.6em;
	}

a { 
	text-decoration:none;
	border-bottom:1px solid #ccc;
	color:#000; 
	}

a:hover { 
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #000;
	 }

ul {
	padding-left: 10px;
	margin: 0;
	margin-bottom: 0;
	list-style-image: url(http://www.adrian3.com/images/bullet.gif);
	}
li {
	margin-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	list-style-type: none;
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
   margin-top: 10px;
   margin-bottom: 10px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Trajan, Georgia, "Times New Roman", Times, serif;
	}

* html .pkg { display: inline-block; }

* html .pkg { height: 1%; }
.pkg { display: block; }

.pkg:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
	}

#divider {
   background-image: url(http://www.adrianhanft.com/portfolio/woodside_Horizontal.gif);
	height:5px;
 	border-top: 1px;
   	border-right: 0;
   	border-left: 0;
   	border-bottom: 1px;
   	border-style: solid;
   	border-color: #333;
	}

.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
	}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

img {
   margin: 0;
   border: 0;
   padding: 0;
}

/* @end */

/* @group Structure */

#container {
   position: relative;
   margin: 0 auto;
   width: 720px;
   text-align: left;
	}
#container-inner { 
   position: static; 
   width: auto; 
   background-image: url(http://www.adrianhanft.com/portfolio/portfolio_background2.gif);
   background-position:center;
   }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { 
	position: relative; 
	width: 100%; 
	}
#pagebody-inner { 
	position: static;
	border-top:0;
	border-bottom:1px;
	border-right:1px;
	border-left:1px;
	border-style: solid;

}

#alpha, #beta, #gamma, #delta {
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
   }

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
   position: static;
	}

#container {
   	width: 720px;
   	padding-right: 5px;
   	padding-left: 5px;
   	padding-bottom: 0;
   	margin-bottom: 20px;
   	border-width: 2px;
   	border-style: solid;
   	border-color: #fff;
	background-image: url(http://www.adrianhanft.com/portfolio/images/woodside.gif);
}

#container-inner {
   border-width: 0;
   border-style: solid;
   border-color: #666;
	}

#footer {
   border-width: 0;
   border-style: solid;
   border-color: #666;
   background-image: url(http://www.adrianhanft.com/portfolio/woodside_Horizontal.gif);
   height:5px;
	}

#banner {
	font-family: Trajan, Georgia, "Times New Roman", Times, serif;
	height: 115px;
	text-align: center;
	background-image: url(http://www.adrianhanft.com/portfolio/images/portfolioheader.gif);
	background-repeat: repeat-x	;
	border-top: 0px solid #333;
	}

#banner-inner {
   padding: 0;
   border-width: 0;
   border-style: solid;
   border-color: #fff;
}

#banner-header {
   margin: 0;
   color: #666;
	font-size: 1.2em;
   line-height: 1;
	}

#banner-description {
   margin-top: 5px;
   margin-bottom: 0;
   background: none;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.125;
}

#alpha { 
	margin-top: 20px; 
	width: 419px;
	}

#beta { 
   border-top: 1px;
   border-right: 0;
   border-left: 0;
   border-bottom: 0;
   border-style: solid;
   border-color: #333;
   border-left: 0px solid #333;
   margin: 0; 
   padding: 0;
   }
 
#beta-inner {
   padding: 0;
   margin: 0;
   }

/* @end */

/* @group Typography */

.banner-user {
   float: left;
   overflow: hidden;
   width: 64px;
   margin: 0;
   border: 0;
   padding: 0;
   text-align: center;
	}

.banner-user-photo {
   display: block;
   margin: 0 0 2px 0;
   border: 0;
   padding: 0;
   background-position: center center;
   background-repeat: no-repeat;
   text-decoration: none !important;
	}

#banner a { color: #666; text-decoration: none; }

#banner a:hover { color: #000; }

form, input { margin: 0; padding: 0; }

.content-nav {
   margin: 10px;
   text-align: center;
	}

.date-header,
.entry-content {
   position: static;
   clear: both;
	}

.entry, .trackbacks, .comments, .archive {
   position: static;
   overflow: hidden;
   clear: both;
   width: 500px;
   margin: 50px 108px;
	}
	
.entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed {
   clear: both;
   margin: 5px 10px;
	}

.entry-excerpt, .entry-body, .entry-more-link, .entry-more {
   clear: both;
	}

.entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content {
   clear: both;
   margin: 5px 10px 20px 10px;
	}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 240px;
	}

#comment-bake-cookie {
   margin-left: 0;
   vertical-align: middle;
	}

#comment-post {
   font-weight: bold;
	}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {
   display: block;
   clear: both;
   margin: 0;
	}
.typelist-thumbnailed .module-list-item:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
	}
.typelist-thumbnailed .module-list-item { display: block; }

.typelist-thumbnail	{
   float: left;
   min-width: 60px;
   width: 60px;
   /* no ie mac \*/width: auto;/* */
   margin: 0 5px 0 0;
   text-align: center;
   vertical-align: middle;
	}

.typelist-thumbnail img { margin: 5px; }

.typelist-description {
   margin: 0;
   padding: 5px;
	}
	
.module-recent-photos .module-list:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
	}

.day-photo {
   width: 54px;
   height: 54px;
	}

.day-photo a {
   display: block;
	}

.day-photo a img {
   width: 50px;
   height: 50px;
	}

.entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed {
   font-size: 1.2em;
   text-align:center;
   padding:10px 0 0 0
	}

.commenter-profile img { vertical-align: middle; }

.banner-user {
   width: 70px;
   margin-top: 5px;
   font-size: 12px;
	}

.banner-user-photo { border: 1px solid #fff; }

.date-header {
   margin-top: 0;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
	}

.entry-header {
   margin-left: 0;
   border-left: 0px solid #dae0e6;
   padding: 0 0 15px 0;
   font-size: 18px;
   text-align:center; 
   }

.entry-content,
.comment-content,
.trackback-content {
   margin: 0;
   line-height: 1.5;
	}

.entry-footer, .comment-footer, .trackback-footer {
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 12px;
   text-align: right;
	}

.comment-content,.trackback-content, .comment-footer, .trackback-footer {
   margin-left: 10px; 
   }

.content-nav { margin-top: 0; }


/* @end */