body 
{
background: #D0DBF1 url(images/clothback.jpg) top right no-repeat;
font-family : helvetica, arial, sans, sans-serif;
margin-top:0px;
margin-left:0px;
margin-right:0px;
color: #333;
}

#toplink
{
position:absolute;
top: 0px;
right:25px;
width: 194px;
height: 44px;
z-index: 4;
}

#area
{
background: #FFF5EB url(images/clothpeach.jpg) no-repeat;
position:absolute;
top: 1px;
width: 100%;
height: 395px;
right: 0px;
margin-right: 0px;
text-align: left;
z-index: 1;
}

#areaborder
{
background: #2A3E68;
position:absolute;
top: 45px;
width: 100%;
height: 397px;
right: 0px;
margin-right: 0px;
z-index: 1;
}

#contain
{
position:absolute;
top: 46px;
width: 707px;
height: 393px;
right: 0px;
margin-right: 0px;
text-align: left;
z-index: 2;
}

#piece
{  
width: 300px;
height: 387px;
margin-left: 30px;
margin-right: 30px;
}

#piecewidth
{  
position:absolute;
right: 184px;
width: 360px;
height: 387px;
top: 3px;
border: 0px solid #F3DEC5;
}

#sailor
{  
position:absolute;
top: 0px;
right: 160px;
width: 243px;
height: 380px;
text-align:right;
z-index: 3;
}

#divScrollTextCont
{  
position:absolute;
z-index: 4;
top: 0px;
right: 175px;
width: 520px;
height: 395px;
clip: rect(0, 520px, 395px, 0); 
overflow:hidden; 
visibility:hidden;
text-align:left;
} 

#control
{  
position:absolute;
z-index: 5;
top: 200px;
right: 720px;
width: 40px;
text-align:center;
font-size: 28px;
font-weight: bold;
} 

#divText {
position:absolute;
} 

#contact
{  
position:absolute;
text-align: right; 
z-index: 4;
top: 0px;
right: 430px;
width: 303px;
height: 395px;
overflow:auto;
} 

#news
{  
position:absolute;
width: 275px;
}

#subnav
{  
position:absolute;
text-align: right;
color: #333;
right: 567px;
height: 395px;
width: 150px;
top: 0px;
font-size: 11px;
border-right: solid 1px #ccc;
}

#subnav ul {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
#subnav ol {
	list-style-type: none;
	list-style-image: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#subnav li {
	margin: 0px;
	padding: 10px 10px 0px 0px;
}
#subnav ol li {
	font-weight: normal;
	color: #BE5028;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
#subnav li a {
	color: #003471;
}

#subnav li a:visited {
	color: #369;
}

#subnav li a:hover {
	color: #AD1327;
}

#nav
{  
background: #0A1836 url(images/navback.jpg);
position:absolute;
right: 0px;
width: 160px;
width: 163px;
height: 395px;
top: 0px;
z-index: 4;
border-left: 3px solid #FFA98A;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:160px;
} 

html>body .content {
  width:160px;
} 


#nav ul {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	line-height: 14px;
		}
#nav ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
		line-height: 14px;
}
#nav li {
	color: #fff;
	border-bottom: solid 1px #FFA98A;
	padding: 8px 0px 10px 8px;
	margin: 0px;
}
#nav ol li {
	border-bottom: none;
	font-weight: normal;
	padding: 0px 0px 0px 6px;
}
#nav li a {
	color: #BADEFF;
}
#nav li a:hover {
	color: #FFE9BA;
}
 
img.screen
{
border: solid 1px #706251;
margin-top: 10px;
}

#spacer
{
width: 100%;
height: 50px;
}

#botmenu
{
position:absolute;
width:300px;
top:447px;
left: 80px;
font-size: 11px;
line-height: 12px;
z-index: 2;
}

#switcher
{
position:absolute;
width:300px;
top:28px;
left: 78px;
font-size: 11px;
line-height: 12px;
z-index: 2;
}

#copy
{
width:100%;
right:15px;
font-size: 12px;
line-height: 18px;
padding-top:5px;
padding-left: 550px;
z-index: 2;
}

h1
{
margin-left: 20px;
text-align: left;
margin-top: 15px;
font-size: 15px;
margin-bottom: 7px;
line-height: 15px;
color: #A5080F;
}

h2
{
margin-right: 20px;
text-align: right;
margin-top: 87px;
font-size: 18px;
margin-bottom: 18px;
line-height: 18px;

}

h3
{
margin-left: 10px;
font-size: 12px;
line-height: 12px;
margin-top: 10px;
margin-bottom:2px;
}

h4
{
margin-left: 20px;
text-align: left;
margin-top: 25px;
font-size: 14px;
margin-bottom: 7px;
line-height: 14px;
color: #A5080F;
}

h5
{
text-align: right;
margin-top: 25px;
font-size: 15px;
margin-bottom: 7px;
line-height: 15px;
margin-right: 20px;
}

#resume p {
margin-right: 25px;
}

p.name 
{
text-align: center;
font-size: 12px;
line-height: 12px;
margin-top: 8px;
margin-bottom:8px;
font-weight: bold;
}

p.caption
{
text-align: justify;
font-size: 11px;
line-height: 12px;
margin-top: -2px;
margin-bottom:0px;
}

p
{
text-align: justify;
font-size: 11px;
line-height: 12px;
margin-top: 0px;
margin-bottom:12px;
}

p.right
{
text-align: right;
}

p.title
{
line-height: 16px;
font-size: 16px;
font-weight:bold;
text-align:left;
margin-bottom:10px;
}

p.thanks
{
text-align:right;
}

.post
{
width:400px;
border:1px solid #120F0D;
border-top:0px;
border-left:0px;
float: left;
line-height: 14px;
font-size: 13px;
text-align:justify;
padding:5px;
margin-right: 30px;
color: #000;
background-color: #F1D2C7;
z-index:2;
margin-bottom: 50px;
}

.hide	{
	display: none;
		}

.field	{
	border: 1px solid #0A1836;
	font-size: 11px;
	height: 15px;
	width: 200px;
	background-color: #fff;
	padding: 3px;
	}
	
.button	{
	margin-top: 6px;
	margin-right: 15px;
	border: 1px solid #0A1836;
	font-size: 12px;
	color: #A5080F;
	background-color: #FFCFBB;
	font-weight:bold;
	padding: 3px;
	}

.comments	{
	border: 1px solid #0A1836;
	font-size: 11px;
	width: 200px;
	height: 90px;
	background-color: #fff;
	padding: 3px;
	font-family: helvetica, serif;
	}
	
p.rss	{
	text-align: center;
	color: #444;
	margin: 30px 3px 3px 3px;
	border: solid 1px #888;
	background: #D0DBF1;
	width: 35px;
	padding: 3px 0px 3px 0px;
	font-family:  helvetica, arial;
	font-size: 11px;
	}

a:link {color:#369; text-decoration:none;}
a:visited {color:#369; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:hover {color:#036; text-decoration:underline;}


a.menu:link {color:#ccc; text-decoration:none;}
a.menu:visited {color:#ccc; text-decoration:none;}
a.menu:active {color:#000; text-decoration:none;}
a.menu:hover {color:#ffc; text-decoration:underline;}

a.switch:link {
	color: #F3DEC5;
	background-color: #003471;
	margin: 0px 8px 0 0;
	padding: 1px 4px 1px 4px;
	font-size: 12px;
	text-decoration: none;
}
a.switch:visited {
	color: #F3DEC5;
	background-color: #003471;
	margin: 0px 8px 0 0;
	padding: 1px 4px 1px 4px;
	font-size: 12px;
	text-decoration: none;
}
a.switch:hover {
	color: #CB9553;
	background-color: #BFDFEE;
	text-decoration: none;
}

a.switchon:link {
	color: #F3DEC5;
	background-color: #AD1327;
	margin: 0px 8px 0 0;
	padding: 1px 4px 1px 4px;
	font-size: 12px;
	text-decoration: none;
}
a.switchon:visited {
	color: #F3DEC5;
	background-color: #AD1327;
	margin: 0px 8px 0 0;
	padding: 1px 4px 1px 4px;
	font-size: 12px;
	text-decoration: none;
}
a.switchon:hover {
	color: #F3DEC5;
	background-color: #AD1327;
	text-decoration: none;
}

a.on:link {color:#AD1327; text-decoration:none;}
a.on:visited {color:#AD1327; text-decoration:none;}
a.on:hover {color:#AD1327; text-decoration:underline;}

#control a:link {color:#369; text-decoration:none;}
#control a:visited {color:#369; text-decoration:none;}
#control a:hover {color:#AD1327; text-decoration:none;}

#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper .flickr_badge_image {float: left; margin: 0 5px 5px 0;}
#flickr_badge_wrapper img {border: solid 1px #333;}