/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

* a img {
	border: 0;
}
input.subscribeme { width: 100px; padding-bottom: 5px;}

/**homepage box declaration**/
body {
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: #e1e1e1;
}

#wrapper {
	float: left;
	border-top: solid #CCC 20px;
	width: 865px; _width: 900px;
	margin-bottom: 20px;
}

#inner {
	padding:25px 25px 0 25px; 
	width: 815px; height: 98%; _width: 100%; #height: 780px;
	float: left; 
	background-color: #fff;
}

#col1 {
	padding: 0; 
	float: left;
	width: 170px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	height: 100%;
}

#col2 {
	float:left; 
	width: 290px; 
	border-left: 1px dotted #000; 
	height: 100%;
	min-height: 680px;
}

.thumbGallery {
	float: left; 
	width: 266px; 
	height: 106px; 
	margin: 0 0 20px 15px; #margin: 0 0 20px 10px;
}

.thumbGalleryLeft {
	float: left; 
	text-align: left; 
	clear: none;
}

#homepage .thumbGalleryRight {
	float:left; 
	width: 176px; 
	margin: 0 0 0 9px;
	padding: 0;
}

.thumbGalleryRightPort {
	float:left; 
	width: 450px; 
	margin:0 0 0 10px; #margin:0;
	padding: 0;
	height: 106px;
}

.thumbGalleryLeft img {
	display: inline;
	float: left;
	border: 1px solid black;
	margin: 0;
	padding: 0;
}

#col3 {
	float:left; 
	width: 170px; #width: 170px;
	border-left: 1px dotted #000; 
	height: 100%;
	min-height: 680px;
}

#col4 {
	float:left; 
	width: 170px;
	border-left: 1px dotted #000;  
	height: 100%;
	min-height: 680px;
}


/**homepage text style**/
#col1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	width: 157px;
	margin: 15px 0 0;
}

#col2 h2 {
	float: left;
	font-size:13px;
	margin:0 0 10px 0;
	position: relative;
	float:left;
	color: #313131;
	width: 100%;
}

#col2 p {
	margin:0; 
	float:left; 
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#col3 h2 {
	font-size:13px;
	margin:0 0 10px 13px; #margin: 0 0 15px 8px;
	float:left;
	padding: 0;
	color: #313131;
	width: 125px;
}

#col3 p {
	margin:0px 15px 15px 13px; #margin: 0 0 15px 8px;
	float:left; 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 120px;
}


#col4 h2 {
	font-size:13px;
	margin:0 0 10px 13px; #margin: 0 0 10px 9px;
	float:left;
	padding: 0;
	color: #313131;
	width: 125px;
}

#col4 p {
	margin:0px 13px 30px 13px; #margin: 0 0 30px 15px;
	display:inline; 
	float:left; 
	padding: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 125px;
}

#webPortfolio #inner h2 {
	margin:0 0 10px 5px;
}

#webPortfolio #inner p {
	margin:0px 13px 15px 5px; 
}

#LHlogo {
	margin: -5px 0 2px -3px;
	float: left;
	clear: both;
	width: 100%;
	height: 92px;
	position: relative;
}

#portfolio {
	text-indent: -9999px; 
	background:url(../images/portfolio.png) no-repeat; 
	margin-left: 13px;
}

#about {
	text-indent: -9999px; 
	background:url(../images/about.png) no-repeat; 
	margin-left: 13px;
}

#news {
	text-indent: -9999px; 
	background:url(../images/new.png) no-repeat; 
	margin-left: 13px;
}

.thumbMoreLink {
	float: right;
	text-align: right; 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	margin-bottom: 15px;
}

.thumbMoreLink {
	text-decoration:none; 
	color:#d40043;
}

a.thumbMoreLink:hover {
	text-decoration:underline; 
	color:#333333;
}

/**top nav homepage image navigation links**/	  
#portfolio_nav { 
	position: relative; 
	display: block;
	float: right; 
	margin: -5px 0 19px; #margin:-5px 11px 19px 0;
	width: 182px; #width: 172px;
	border: 0;
	height: 13px !important; #overflow:hidden;
	background: transparent url(../images/webWritingMarketing.png) no-repeat left top;
	list-style-type: none;
}
			
#portfolio_nav li a { 
	position: absolute; top: 0; 
	text-indent: -9999px; 
	margin: 0;
	text-decoration: none; 
	padding: 13px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/:13px; /* IE5/Win */
    background: transparent url(../images/webWritingMarketing.png) no-repeat;
}

#portfolio_nav #writing a {background-position: 0px 0px; width: 57px; left: 0px;}
#portfolio_nav #writing a:hover { background-position: 0px -14px; }
#portfolio_nav #web a { background-position: -62px 0; left: 62px; width: 28px; }
#portfolio_nav #web a:hover { background-position: -62px -14px; }
#portfolio_nav #marketing a { background-position: -94px 0; left: 94px; width: 78px; _width: 82px; }
#portfolio_nav #marketing a:hover { background-position: -94px -14px; }

#about_nav 
{ position: relative; display: inline; float: right; margin: -5px 19px 19px; width: 105px; #width: 110px;  #margin: -5px 10px 19px;
			border: 0; height: 13px !important; #overflow:hidden;
			background: transparent url(../images/personalProf.png) no-repeat left top;
			list-style-type: none;}
			
#about_nav a 
			{ position: absolute; top: 0; text-indent: -9999px;
			  text-decoration: none; padding: 13px 0 0 0; overflow: hidden;
			  height: 0px !important; height /**/:13px; /* IE5/Win */
     	  	  background: transparent url(../images/personalProf.png) no-repeat;}
     	  	  
#about_nav #personal a {background-position: 0px 0px; width: 71px; left: 0px;}
#about_nav #personal a:hover { background-position: 0px -14px; }
#about_nav #professional a { background-position: -71px 0; left: 71px; width: 40px; #width: 41px; }
#about_nav #professional a:hover { background-position: -71px -14px; }												 

#about_nav li#personal a {background-position: 0px 0px; width: 70px; left: 0px;}
#about_nav li#personal a:hover { background-position: 0px -14px; }
#about_nav li#professional a { background-position: -75px 0; left: 75px; width: 32px; #width: 34px; }
#about_nav li#professional a:hover { background-position: -75px -14px; }	


#news_nav
		{ position: relative; display: block;
float: right; margin: -5px 53px 19px; width: 98px;
			border: 0; height: 13px !important; #overflow:hidden;
			background: transparent url(../images/newNotable.png) no-repeat left top;
			list-style-type: none;}
			
#news_nav a 
			{ position: absolute; top: 0; text-indent: -9999px;
			  text-decoration: none; padding: 13px 0 0 0; overflow: hidden;
			  height: 0px !important; height /**/:13px; /* IE5/Win */
     	  	  background: transparent url(../images/newNotable.png) no-repeat;}
     	  	  
#news_nav #new a {background-position: 0px 0px; width: 98px; left: 0px;}
#news_nav #new a:hover { background-position: 0px -14px; }
								

/**portfolio (interior) page boxes**/
#portfolioPages #inner {
	padding:25px 25px 0 25px;
	background: #fff;
	height: auto;
	overflow:visible;
	float: left;
	padding-bottom: 20px;
}

/**portfolio page hack **/
#portfolioPages #portfolioInterior .thumbnailLikesLeft {display: block;
float:left; text-align:right; width: 75px; clear: none;}
#portfolioPages #portfolioInterior .thumbnailLikesRight {
	display: block;
float:left;
	text-align:left;
	width: 176px;
	margin:0 0 0 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#inner #col2  .thumbGallery .thumbGalleryRightPort {display: block;
float:left; text-align:left; width: 450px; margin:0 0 0 10px; padding: 0;}


/**top nav portfolio (interior) image links**/
#portfolioInterior {
	display: block;
	float: left; 
	width: 630px; 
	margin: 0;
	padding: 2px 0 0;
	font-size: 11px;
	line-height: 14px;
	border-left: 1px dotted #000; 
}

#portfolioInterior .textlink {color: #d40043; font-weight: bold;}

#portfolioInterior .projectDescriptionCol1 {
	float: left;
	margin: 0 0 20px 29px; _margin-left: 15px;
	width: 265px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
  }

#portfolioInterior .projectDescriptionCol2 {
	float: left;
	margin: 0 0 0 15px;
	width: 265px;
	height: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
  }
 
#portfolioInterior .projectDescriptionCol2 a {
	display: block;
	margin-top: 15px;
}

/* personal pages */
#portfolioInterior .reading {
	float: left;
	margin: 0 0 20px 0; _margin-left: 0;
	width: 200px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
  }

#portfolioInterior .hearing {
	float: left;
	margin: 0 0 0 10px;
	width: 200px;
	height: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
  }

#portfolioInterior .watching {
	float: left;
	margin: 0 0 0 10px;
	width: 200px;
	height: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
  }
  
#portfolioInterior .reading p, #portfolioInterior .hearing p, #portfolioInterior .watching p {
	width: 100%;
}

#portfolioInterior .reading img, #portfolioInterior .hearing img, #portfolioInterior .watching img {
	float: left;
}


/**portfolio (interior) text style**/
#portfolioPages #inner #col2 h2 {
	display:inline;
	float: left;
	font-size:12px;
	margin:0 0 10px 0;
	position: relative;
	display: block;
float:left;
	padding: 0;
	color: #444;
}

#portfolioPages #inner #col3 h2 {font-size:12px; margin:0 0 10px 13px; 
									 position: relative; display: block;
float:left; padding: 0;}

#portfolioPages #inner #col4 h2 {font-size:12px; margin:0 0 10px 13px; 
									 position: relative; display: block;
float:left; padding: 0;}

#portfolioInterior h2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 17px 10px 29px; _margin-left: 29px; 
	display: block;
	_width: 650px;
}

#portfolioInterior h2 a{ color:#d40043; text-decoration:none; }

#portfolioInterior p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 17px 15px 29px; _margin-left: 15px;
	width: 77%;
}

#portfolioInterior p.copy {
	font: 11px/14px Georgia, "Times New Roman", Times, serif normal;
	margin: 0px 50px 15px 0;
	width: 340px; _width: 300px; 
	float: right;
}


#portfolioInterior a {text-decoration:none; color:#D40043;}
#portfolioInterior a:hover {text-decoration:underline; color: #333;}

#portfolioInterior img {
	float:left;
	margin: 1px 17px 5px 0px;
	clear: none;
}

/**portfolio (interior) image styles**/
#portfolioInterior img {
	border: 1px solid #666; 
	display: block;
	float: left; 
	clear: both; 
	margin-bottom: 20px;
}


/**clearer div**/
.clearer {display: block;
float: left; clear: both; height: 1px;}

#portfolioInterior .detail {
	border: 1px solid #666;
	float: left;
	margin: 5px 10px; _margin-left: 15px;
}

#portfolioInterior h2 {
	width: 100%; _width: 630px;
	clear: both;
	display: block;
}

.bottom {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 20px 0 10px;
	position: relative;
	display: block;
	float:left;
	padding: 15px 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	width: 575px;
}

.bottom a {
	text-decoration:none; 
	color:#d40043;
}

 .bottom a:hover {
	text-decoration:underline; 
	color:#333333;
}


/* kill borders on columns except homepage */
#webPortfolio #col3, #webPortfolio #col4, #webPortfolio #col1,
.writingPage #col3, .writingPage #col4, .writingPage #col1,
#portfolioPages #col3, #portfolioPages #col4 {
	border: 0;
	height: 51px;
	min-height: 51px;
	margin-left: 1px;
}

#webPortfolio #col2, .writingPage #col2, #portfolioPages #col2 {
	height: 51px;
	min-height: 51px;
}

/*web portfolio*/
#portfolioPages .set {
	width: 210px;
	float: left;
	_width: 190px;
}

#portfolioPages .thumbGallery {
	float:left; 
	width: 100%;
	min-height: 140px;
	height: auto;
	clear: both;
}

#portfolioPages .thumbGalleryLeft {
	float:left; 
	width: 80px;
}

#portfolioPages .thumbGalleryLeft img {
	margin: 0;
}

#portfolioPages .thumbGalleryRight {
	float:left; 
	width: 108px; 
}

#portfolioPages .thumbGalleryRight p, #portfolioPages .thumbGalleryRight h2 {
	margin: 0;
	width: 108px;
}

* a img {
	border: 0;
}

a.homeLink {
	font-weight: bold;
	color: #df0043;
	text-decoration:none;
}
a:hover.homeLink {
	font-weight: bold;
	color: #666666;
	text-decoration:underline;
}