/* ------- Susan Everett Design 2008-2011 ------- */


* { margin: 0; padding: 0; }


body 	{
		background-color: #f0e8db; 
		margin: 0px; 
		padding: 0px; 
		font-family: Verdana, Arial, sans-serif;
		color: #7d7167;
		font-size: 11px;
		line-height: 17px;
		text-align: center;
		}
		
p		{
		color: #7d7167;
		margin: 0px;
		padding-bottom: 6px;
		}

img 	{ 
		border: 0; 
		display: block;
		}

img.wrap 	{
		border: 0;
		display: block;
		margin: 0px 6px 0px 38px;
		}

img.more 	{
		border: 0;
		display: block;
		margin: 0px 6px 0px 0px;
		}

img.artic 	{
		border: 0;
		display: block;
		margin: 0px 0px 12px 0px;
		}


a:link 		{ color: #423420; text-decoration: none;}
a:visited 	{ color: #423420; text-decoration: none;}
a:hover 	{ color: #000000; text-decoration: none;}
a:active 	{ color: #000000; text-decoration: none;}

#upnav a:link { color: #7d7167; text-decoration: none; font-weight: normal; margin-right: 6px;}				
#upnav a:visited { color: #7d7167; text-decoration: none; font-weight: normal; margin-right: 6px;}
#upnav a:hover { color: #000000; text-decoration: none; font-weight: normal; margin-right: 6px;}
#upnav a:active { color: #000000; text-decoration: none; font-weight: normal; margin-right: 6px;}
		
.title a:link { color: #57472f; text-decoration: none; font-weight: bold; }				
.title a:visited { color: #57472f; text-decoration: none; font-weight: bold; }
.title a:hover { color: #000000; text-decoration: none; font-weight: bold; }
.title a:active { color: #000000; text-decoration: none; font-weight: bold; }
		
#workholder a:link { color: #d2cbbf; text-decoration: none; font-weight: normal; }				
#workholder a:visited { color: #d2cbbf; text-decoration: none; font-weight: normal; }
#workholder a:hover { color: #000000; text-decoration: none; font-weight: normal; }
#workholder a:active { color: #000000; text-decoration: none; font-weight: normal; }

#imholder a:link { color: #d2cbbf; text-decoration: none; font-weight: normal; }				
#imholder a:visited { color: #d2cbbf; text-decoration: none; font-weight: normal; }
#imholder a:hover { color: #000000; text-decoration: none; font-weight: normal; }
#imholder a:active { color: #000000; text-decoration: none; font-weight: normal; }

#portnav a:link { color: #7d7167; text-decoration: none; font-weight: normal; margin-left: 6px;}				
#portnav a:visited { color: #7d7167; text-decoration: none; font-weight: normal; margin-left: 6px;}
#portnav a:hover { color: #000000; text-decoration: none; font-weight: normal; margin-left: 6px;}
#portnav a:active { color: #000000; text-decoration: none; font-weight: normal; margin-left: 6px;}

#imagestream a:link { color: #d2cbbf; text-decoration: none; font-weight: normal; }				
#imagestream a:visited { color: #d2cbbf; text-decoration: none; font-weight: normal; }
#imagestream a:hover { color: #000000; text-decoration: none; font-weight: normal; }
#imagestream a:active { color: #000000; text-decoration: none; font-weight: normal; }
		
#footer a:link { color: #c0b9ad; text-decoration: none; font-weight: normal; }				
#footer a:visited { color: #c0b9ad; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #000000; text-decoration: none; font-weight: normal; }
#footer a:active { color: #000000; text-decoration: none; font-weight: normal; }
		
.masthead { width: 900px; height: 40px; }

a.over:hover { background-color: #000000; }

.title {
		font-family: HelveticaNeue, helvetica, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: none;
		letter-spacing: .1em;
		color: #57472f;
		line-height: 17px;
		text-align: left;
		padding: 0px 0px 0px 0px;
		}
		
.titleunder {
		font-family: HelveticaNeue, helvetica, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: none;
		letter-spacing: .1em;
		color: #57472f;
		line-height: 26px;
		text-align: left;
		padding: 0px 0px 0px 0px;
		}
		
.titleright {
		font-family: HelveticaNeue, helvetica, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: none;
		letter-spacing: .1em;
		color: #57472f;
		line-height: 17px;
		text-align: right;
		padding: 0px 0px 0px 0px;
		}

.titleart {
		font-family: HelveticaNeue, helvetica, arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		text-transform: none;
		letter-spacing: .1em;
		color: #57472f;
		line-height: 12px;
		text-align: left;
		padding: 0px 0px 0px 0px;
		}

.date {
		color: #d2c3b9;
		font-size: 9px;
		}

.note {
		font-family: Verdana, Arial, sans-serif;
		color: #57472f;
		font-size: 10px;
		line-height: 10px;
		text-align: left;
		}
		
/* -------------- structure -------------- */

#frame {
		width: 900px;
		margin: 0 auto;
		padding: 0px; 
		text-align: left;
		background-color: #fff;
		}
		
#masthead {
		width: 900px;
		margin: 0 auto;
		padding: 0px; 
		text-align: left;
		background-color: #fff;
		}
		
#mainholder	{
		width: 900px;
		margin: 0px; 
		padding: 0px; 
		text-align: left;
		overflow: hidden;		
		}

#upnav {
		height: 20px;
		padding: 14px 0px 2px 38px;
		}
				
#upnav p {
		text-align: left;
		font-size: 11px;
		color: #fff;
		margin-right: 6px;
		}
				
#logotype { 
		float: left;
		width: 900px; 
		height: 40px;
		}

#photocover {
		width: 900px;
		height: 300px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0px 0px 0px 0px;
		}

#slimcover {
		width: 900px;
		height: 200px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0px 0px 0px 0px;
		}

#photoproject {
		width: 900px;
		height: 280px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0px 0px 0px 0px;
		}

#capsule {
		width: 900px;
		text-align: left;
		background-color: #fff;
		margin: 20px auto 0px auto;
		padding: 0px; 
		}

#orbit {
		width: 900px;
		text-align: left;
		background-color: #fff;
		margin: 16px auto 0px auto;
		overflow: hidden;		
		}

#lander {
		width: 900px;
		text-align: left;
		background-color: #fff;
		margin: 6px auto 0px auto;
		}

#launcher {
		width: 900px;
		text-align: left;
		background-color: #fff;
		margin: 4px auto 0px auto;
		}

#ground {
		width: 900px;
		text-align: left;
		background-color: #fff;
		margin: 0px auto 0px auto;
		}

#feed {
		float: left;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		}

#feed img {
		float: left;
		margin: 1px 6px 0px 1px;
		}

#feedlow {
		float: left;
		margin: 2px 0px 14px 38px;
		padding: 0px 36px 0px 0px;
		display: block;
		text-align: left;
		}

#feedlow img {
		float: left;
		margin: 1px 6px 0px 1px;
		}

#feedmin {
		float: left;
		margin: 6px 0px 6px 0px;
		padding: 0px 36px 0px 0px;
		display: block;
		}

#feedmin img {
		float: left;
		margin: 1px 6px 0px 1px;
		}


/* -------------- main -------------- */


#col-subject 	{ 
			width: 348px; 
			float: left; 
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#col-subject p {
					text-align: left;
					padding: 0px 0px 5px 0px;
					}
			
			#item {
					float: left;
					margin: 0px 0px 20px 0px;
					padding: 0px 36px 0px 38px;
					display: block;
					}
								
			#item img {
					float: left;
					width: 70px;
					margin: 0px 22px 0px 0px;
					background-color: #fff;
					padding: 1px;
					display: block;
					}
			
			#item a:hover img {
					float: left;
					width: 70px;
					margin: 0px 22px 0px 0px;
					background-color: #7d7167;
					padding: 1px;
					display: block;
					}

			#iteminfo {
					width: 180px; 
					float: left;
					}

			#iteminfo p {
					text-align: left;
					padding: 2px 0px 0px 0px;
					}

#col-linx 	{
			text-align: left;
			float: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#col-linxtext	{
					width: 258px;
					padding: 0px 0px 20px 0px;
					}

			#col-linx p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 2px 0px;
					}

#col-about	{
			text-align: left;
			float: right;
			background-color: #fff;
			margin: 0;
			padding: 0;
			display: block;
			}

			#col-about p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 2px 0px;
					}

					#col-aboutblurb	{
							padding: 0px 38px 0px 0px;
							width: 212px;
							}

					#col-abouttext	{
							padding: 0px 38px 0px 0px;
							width: 212px;
							}
		
					#col-abouttext img {
							float: left;
							margin: 7px 0px 7px 0px;
							background-color: #fff;
							padding: 1px;
							}
		
					#col-abouttext a:hover img {
							float: left;
							margin: 7px 0px 7px 0px;
							background-color: #7d7167;
							padding: 1px;
							}

					#linkage p {
							text-align: left;
							font-size: 11px;
							line-height: 14px;
							padding: 2px 0px 2px 0px;
							}

			#thumbholder {
					float: left;
					}
			
			#thumbholderlow {
					float: left;
					padding: 0px 0px 13px 0px;
					}
			
			#thumbholderind {
					float: left;
					padding: 0px 0px 0px 0px;
					}
			
			#dailyphoto {
					float: left;
					padding: 0px 0px 20px 0px;
					}
			
			#dailyphoto img {
					float: left;
					margin: 7px 0px 0px 0px;
					background-color: #fff;
					padding: 1px;
					}
			
			#dailyphoto a:hover img {
					float: left;
					margin: 7px 0px 0px 0px;
					background-color: #7d7167;
					padding: 1px;
					}
			

/* -------------- two col -------------- */


#col-one	{
			width: 476px; 
			float: left; 
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#col-onetext	{
					padding: 0px 36px 20px 38px;
					}

			#col-one p {
					text-align: left;
					font-size: 11px;
					line-height: 18px;
					padding: 0px 0px 9px 0px;
					}
			
#col-two	{
			text-align: left;
			float: right;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-twotext	{
					padding: 0px 38px 20px 0px;
					width: 386px;
					}

			#col-two p {
					text-align: left;
					font-size: 11px;
					line-height: 18px;
					padding: 0px 0px 9px 0px;
					}

			
/* -------------- work -------------- */


#book {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background-color: #fff;
		}

#page {
		width: 900px;
		height: 394px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background: url(http://susaneverett.com/i/paper.gif) no-repeat;
		}

#workholder	{
			position: relative;
			width: 900px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 20px 0px;		
			text-align: left;
			}

#workholder p {
		width: 254px;
		padding: 0px 0px 0px 0px;
		}

#workholder img {
		width: 254px;
		padding: 14px 0px 4px 0px;
		}
				
#portwrap	{
		width: 900px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
		text-align: left;
		}

#col-portfolio	{
		width: 600px; 
		float: left; 
		background: #fff;
		}

			#col-porttext	{
					padding: 16px 36px 14px 38px;
					}
			
			#col-portfolio p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 0px 0px 8px 0px;
					}
			
#col-portnav	{
			text-align: right;
			overflow: hidden;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-portnavtext	{
					float: right;
					padding: 16px 38px 20px 36px;
					width: 208px;
					}

			#col-portnav p {
					text-align: right;
					font-size: 11px;
					line-height: 17px;
					color: #fff;
					}

			#xtraport {
					float: right;
					padding: 0px 0px 10px 0px;
					}
			
			#xtraport img {
					float: right;
					margin: 6px 0px 0px 0px;
					background-color: #fff;
					padding: 1px;
					}
						
			#imgholder {
					float: right;
					width: 204px;
					}

#clientfirst {
		float: left;
		padding: 0px 31px 0px 38px;
		width: 254px;
		display: block;
		}

#clientmid {
		float: left;
		padding: 0px 31px 0px 0px;
		width: 254px;
		display: block;
		}

#clientlast {
		float: left;
		padding: 0px 0px 0px 0px;
		width: 254px;
		display: block;
		}


/* -------------- gallery -------------- */


#gallery {
		width: 900px;
		height: 400px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		}

#galleryfloor { 
		width: 900px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #fff;
		}

#col-gallery { 
		float: left; 
		width: 828px; 
		height: 30px;
		margin: 0px; 
		padding: 0px 0px 10px 0px;
		margin: 0px; 
		}

#col-gallery p {
		text-align: left;
		line-height: 17px;
		padding: 10px 0px 12px 38px;
		}

.gallerycard {
		width: 830px;
		margin: 4px 0px 16px 0px;
		border: none;
		text-align: left;
		clear: both;
		}

.gallerycard img {
		display: inline;
		width: 90px;
		height: 58px;
		background-color: #f0e8db;
		border: none;
		padding: 4px;
		margin: 1px 1px 1px 1px;
		}
		
.gallerycard a:hover img {
		display: inline;
		width: 90px;
		height: 58px;
		background-color: #7d7167;
		border: none;
		padding: 4px;
		margin: 1px 1px 1px 1px;
		}

#col-a	{
			text-align: left;
			float: left;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-atext	{
					padding: 0px 36px 20px 38px;
					width: 182px;
					}
			
#col-b	{
			text-align: left;
			float: left;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-btext	{
					padding: 0px 36px 20px 0px;
					width: 182px;
					}
			
#col-c	{
			text-align: left;
			float: left;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-ctext	{
					padding: 0px 36px 20px 0px;
					width: 182px;
					}

#col-d	{
			text-align: left;
			float: left;
			background-color: #fff; 
			margin: 0;
			padding: 0;
			}

			#col-dtext	{
					padding: 0px 36px 20px 0px;
					}


/* -------------- dphoto -------------- */


#photo {
		width: 900px;
		height: 500px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		}

#photofloor { 
		width: 900px; 
		height: 20px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		}

#col-photo { 
		float: left; 
		width: 828px; 
		height: 30px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 14px 0px;
		}

#col-photo p {
		text-align: left;
		line-height: 17px;
		padding: 10px 0px 10px 38px;
		}


/* -------------- archivenew -------------- */


#col-past 	{ 
			text-align: left;
			float: left; 
			background-color: #fff;
			margin: 0;
			padding: 0;
			display: inline;
			}

			#col-past li { 
					list-style-type:none; 
					}

			#col-pastlist {
					width: 140px; 
					margin: 0;
					padding: 0px 36px 0px 38px;
					}

			#col-pastlistmon {
					margin: 0;
					padding: 2px 0px 0px 0px;
					}
			
			#col-past p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 2px 0px;
					}

#col-recent 	{
			text-align: left;
			float: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			display: inline;
			}

			#col-recent li { 
					list-style-type:none; 
					}

			#col-recenttext	{
					width: 350px;
					padding: 0px 0px 20px 0px;
					}

			#col-recent p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 2px 0px;
					}

#imageblok	{
			text-align: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#imageblok p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 19px 0px;
					}

					#imageblokblurb	{
							float: right;
							padding: 0px 38px 0px 0px;
							width: 254px;
							display: inline;
							}
		
					#imagebloktext	{
							padding: 0px 38px 8px 0px;
							}
		
							#imagestream {
									float: right;
									padding: 0px 0px 20px 0px;
									width: 254px;
									display: inline;
									}
							
							#imageholder	{
									width: 254px;
									margin: 0px;
									padding: 0px;		
									text-align: left;
									}
							
							#archimage {
									margin: 10px 0px 4px 0px;
									padding: 0px 1px 0px 1px;
									background-color: #fff;
									width: 254px;
									}
											
					
/* -------------- articlenew -------------- */


#col-article 	{
			text-align: left;
			float: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			display: inline;
			}

			#banner 	{ 
						width: 600px;
						height: 42px; 
						margin: 0; 
						padding: 9px 0px 8px 0px;
						}
			
						#banner p { 
								margin: 0px 0px 0px 0px; 
								}
			
			#col-articletext	{
					width: 600px;
					padding: 0px 0px 20px 0px;
					}

			#col-article p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 36px 8px 38px;
					}

			#comment { 
					width: 600px;
					margin: 0; 
					padding: 0px 0px 8px 0px; 
					}
			
			#comment p {
					padding: 0px 0px 0px 38px; 
					color: #7d7167;
					font-size: 11px;
					line-height: 17px;
					text-align: left;
					}
			#footnotes { 
					width: 600px; 
					margin: 0; 
					padding: 0px 0px 26px 0px; 
					}
			
			#footnotes p {
					padding: 0px 36px 0px 38px; 
					color: #7d7167;
					font-size: 10px;
					line-height: 13px;
					text-align: left;
					}
			
#illustblok	{
			text-align: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#illustblok p {
					text-align: left;
					font-size: 11px;
					line-height: 17px;
					padding: 2px 0px 10px 0px;
					}

					#illustblokblurb	{
							float: right;
							padding: 10px 38px 0px 0px;
							width: 254px;
							display: inline;
							}
		
					#illustbloktext	{
							padding: 0px 38px 8px 0px;
							}
				
								#illuststream {
										float: right;
										padding: 0px 0px 20px 0px;
										width: 254px;
										display: inline;
										}
								
										#illustholder	{
													width: 254px;
													margin: 0px;
													padding: 16px 0px 0px 1px;		
													text-align: left;
													}
									
										#illustimage {
												margin: 10px 0px 4px 0px;
												padding: 0px 1px 0px 1px;
												background-color: #fff;
												width: 254px;
												}
														

/* -------------- footer -------------- */


#footer{
		clear:both;
		background-color: #f8f2e8;
		height: 600px;
		}

#footer p {
		text-align: left;
		font-size: 9px;
		color: #c0b9ad;
		padding: 6px 0px 2px 38px;
		}