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


* { 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 0px 0px 0px;
		padding-bottom: 6px;
		}

img 	{ 
		border: 0; 
		display: block;
		}


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; }
		
#col-past a:link 	{ color: #423420; text-decoration: none;}
#col-past a:visited { color: #423420; text-decoration: none;}
#col-past a:hover 	{ color: #000000; text-decoration: none;}
#col-past a:active 	{ color: #000000; text-decoration: none;}
		
#frame {
		width: 900px;
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
		}
		
#mainholder	{
		width: 900px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
		text-align: left;
		}

#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;
		background: url(http://susaneverett.com/i/logosed.gif) no-repeat;
		}

#photocover {
		width: 900px;
		height: 300px;
		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;
		}

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

#photogal {
		width: 900px;
		height: 500px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #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;
		}

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

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

#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;
		}

#linxrow {
		height: 20px;
		padding: 14px 0px 2px 38px;
		}

#linxrow p {
		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;
		margin-right: 6px;
		}

/* -------------- 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: 260px;
					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;
			}

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

					#col-abouttext	{
							padding: 0px 38px 8px 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;
							}

			#feed {
					float: left;
					margin: 0px 0px 20px 0px;
					padding: 0px 36px 0px 0px;
					display: block;
					}
			
			#feed img {
					float: left;
					margin: 1px 6px 0px 1px;
					}

			#linkage {
					padding: 0px 38px 8px 0px;
					width: 212px;
					}

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


/* -------------- 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;
					}
			

/* -------------- four col -------------- */


#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;
					}

/* -------------- photo -------------- */
							

#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;
		}

#thumbholder {
		float: left;
		}

#thumbholderlow {
		float: left;
		padding: 0px 0px 13px 0px;
		}

#main {
		width: 900px; 
		float: left; 
		}


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


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

#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;
		}
				
#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;
		}

#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;
					}



/* -------------- 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;
		}

#galleryfloor { 
		height: 20px; 
		}

* #galleryfloor { 
		height: 30px; 
		}

#gallerylist { 
		width: 900px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		}

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

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

#cardholder {
		float: left;
		padding: 0px 0px 20px 36px;
		width: 828px;
		}


/* -------------- 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 	{ 
			float: left; 
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

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

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

			#col-pastlistmon {
					margin: 0px 0px 0px 0px;
					padding: 2px 0px 0px 0px;
					}
			
#col-recent 	{
			text-align: left;
			float: left;
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#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;
			float: right;
			background-color: #fff;
			margin: 0;
			padding: 0;
			}

			#imagebloktext	{
					padding: 0px 38px 8px 0px;
					width: 254px;
					}

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

			#imageblokblurb	{
					padding: 0px 38px 0px 0px;
					width: 254px;
					}

			#imagebloklist {
					padding: 0px 38px 8px 0px;
					width: 254px;
					}

			#imagebloklist li {
						list-style-type:none;
						}

			#monthlist	{
					padding: 0px 0px 10px 0px;
					}


#imagestream {
		float: left;
		padding: 0px 0px 20px 0px;
		}

#imagestream img {
		float: left;
		margin: 6px 0px 0px 0px;
		background-color: #fff;
		padding: 1px;
		}

#imageholder	{
			width: 254px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;		
			text-align: left;
			}

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

#imageholder img {
		width: 254px;
		padding: 4px 0px 2px 0px;
		}
				
#archimage {
		float: right;
		padding: 0px 0px 0px 0px;
		width: 254px;
		display: block;
		}
		
#plimage {
		float: right;
		padding: 0px 40px 6px 0px;
		width: 212px;
		display: block;
		}

/* -------------- article -------------- */

#banner { 
		width: 900px; 
		height: 20px; 
		margin: 0; 
		padding: 2px 0px 8px 0px;
		}

#banner p { 
		margin: 0px 0px 0px 38px; 
		}

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

		#imholder img {
				width: 254px;
				background-color: #fff;
				margin: 0px 0px 20px 0px;
				padding: 1px;
				}

		#imholder a:hover img{
				width: 254px;
				background-color: #7d7167;
				margin: 0px 0px 20px 0px;
				padding: 1px;
				}

#footerlogo { 
		width: 824px; 
		margin: 0; 
		padding: 0px 0px 16px 39px; 
		}

#footnotes { 
		width: 900px; 
		margin: 0; 
		padding: 0px 0px 26px 0px; 
		}

#footnotes p {
		padding: 0px 0px 0px 38px; 
		color: #7d7167;
		font-size: 10px;
		line-height: 13px;
		text-align: left;
		}

#comment { 
		width: 900px; 
		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;
		}

#across { 
		width: 900px; 
		margin: 0; 
		padding: 0px 0px 10px 0px; 
		}

#across p {
		padding: 0px 20px 0px 38px; 
		text-align: left;
		}

#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;
		}

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


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

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

/* -------------- classes -------------- */


.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;
		}
		
.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;
		}

.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;
		}

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

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