/**
 * Tag Styles
 **/

body
{
	background-color: #ffffff;
	background-image: url('/img/pw/bg');
	background-repeat: repeat-y;
	background-position: -10px -10px;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
}

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

p
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1em;
}


h1, h2, h3, h4, h5, h6
{
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	line-height: 21px;	
	letter-spacing: 20%;
}


a
{
	outline: none;
	font-weight: bold;	
	color: #000000;
}

a:hover
{
	color: #ec9526;
}

h2
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

ul
{
	padding-top: 0px;
	margin-top: 0px;
}

/**
 * Form Styles
 **/

form.contact
{
	width: 500px;
}

form input.text,
form textarea
{
	background: transparent;
	width: 100%;
	border: 1px solid #777777;
	background: transparent;
	position: relative;
	width: 100%;
	border: 1px solid #777777;
	resize: none;
	padding: 2px;
}

form p.buttons
{
	text-align: right;
	margin-right: 0px;
	padding-right: 0px;
}

form p.buttons input
{
	padding: 0px;
	margin: 0px;
}

/**
 * ID Styles
 **/

#slideshow,
#projectImage
{
	position: absolute;
	z-index: 0;
	width: 900px;
	height: 600px;
	left: 0px;
	top: 0px;
}

#slideshow .currentFrame,
#slideshow .nextFrame
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#blogHeadlines
{
	position: absolute;
	top: 96px;
	left: 160px;
}

#homeHeadlines
{
	position: absolute;
	top: 450px;
	left: 400px;
}

.homeHeadlines h2
{
	margin: 0px;
	padding: 0px;
	float: left;
}

.homeHeadlines ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	float: left;
}

.homeHeadlines a
{
	text-decoration: none;
}


.homeHeadlines ul li
{
	height: 21px;
	font-weight: bold;
}

#navi 
{
	position: absolute;
	left: 10px;
	top: 10px;
}

#navi a
{
	text-decoration: none;
}

#navi form
{
	margin-top: 80px;
}


.subNavi
{
	position: absolute;
	top: 10px;
	left: 170px;
	z-index: 2;
}


.subNavi ul
{
	position: relative;
	margin: 0px;
}

.archive
{
	width: 180px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 21px;
}

.archive h4
{
	padding: 0px;
	margin: 0px;
	line-height: 1px;
}

.archive img
{
	padding: 0px;
	margin: 0px;
}

.archive .current a
{
 	background: #ec9526;
	color: #ffffff;
	padding: 2px;
}

#navi input.text
{
	width: 145px;
	background: #ffffff;
	color: #999999;
}

.emailAddress
{
	color: #999999;
}

#contents
{
	position: absolute;
	left: 340px;
	top: 10px;
	width: 600px;
	padding: 0px;
	margin: 0px;
}

#contents.low
{
	top: 140px;
}

#contents table
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 600px;
}

#contents table th
{
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 150px;
	text-align: left;
}

#contents table td
{
	height: 21px;
}

#membersNavi
{
	position: absolute;
	top: 10px;
	left: 275px;
}

div.memberEntry
{
	position: absolute;
	top: 0px;
	left: 234px;
	width: 468px;
}

/**
 * Tag Class Styles
 **/

ul.navi
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.navi img
{
	font-size: 17px;
	line-height: 21px;	
	text-transform: lowercase;
	letter-spacing: 20%;
}

ul.navi li.section
{
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 21px;
}

ul.navi li a
{
	color: #666666;
	padding: 0px;
	margin: 0px;
}

p.navi
{
	margin-bottom: 0px;
}

.subnavi
{
	width: 172px;
}

/****
 *
 * pages styles
 *
 ****/

.pages
{
	position: relative;
	white-space: nowrap;
	text-align: center;
	clear: both;
	font-size: 12pt;
	padding-bottom: 15px;
}

.pages .previous
{
	position: relative;
	margin-right: 5px;
}


.pages .next
{
	position: relative;
	margin-left: 5px;
}


.pages ul.pageNumbers
{
	position: relative;
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.pages ul.pageNumbers li
{
	display: inline;
	margin: 0px;
	line-height: 21px;
	padding: 0px 3px 0px 3px;
}

.pages a
{
	text-decoration: none;
}

.pages .current a
{
	text-decoration: underline;
}


/**
 * Generic Class Styles
 ***/

p.whitebg,
a.whitebg,
.whitebg p
{
	padding: 1px;
	background: #ffffff;
}

.bold
{
	font-weight: bold;
}

.entry
{
	margin-bottom: 80px;
}

.entry h3
{
	color: #333333;
	padding: 0px;
	margin: 0px;
}

.entry .byline
{
	font-size: 90%;
	color: #999999;
	text-align: right;
}

.entry .attachment
{
	margin: 0px 0px 10px 0px;
	color: #333333;
}

.entry .medium
{
	float: left;
	width: 300px;
}

.entry .small
{
	float: left;
	width: 150px;
}

.entry .large
{
	width: 600px;
}

.entry .attachment h5
{
	position: relative;
	font-size: 10pt;
	padding: 0px 4px 2px 0px;
	margin: 0px;
	clear: both;
}

.entry blockquote
{
	font-family: courier;
	margin-left: 20px;
	
}

.entry .topics ul
{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

.entry .topics ul li
{
	display: inline;
}

.entry .topics a
{
	white-space: nowrap;
}


.small
{
	font-size: 90%;
	color: #666666;
}

.half
{
	width: 45%;
	margin-right: 5%;
	float: left;
}

.error
{
	color: #990000;
	font-size: 120%;
	font-weight: bold;
}

.message
{
	color: #ec9526;
	font-size: 120%;
	font-weight: bold;
	
}

.count
{
	font-size: 75%;
	color: #666666;
}

.right
{
	clear: right;
}

/***
 * projects classes
 ***/

.projects ul.images
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.projects ul.images li
{
	position: relative;
	display: block;
	float: left;
	width:  188px;
	margin: 0px 18px 18px 0px;
	height: 141px;
}

.projects ul.images li.right
{
	margin-right: 0px;
}

.projects ul.images li .details
{
	position: absolute;
	left: 0px;
	top: 100px;
}

.projects ul.images li .details a
{
	text-decoration: none;
}

.filter ul
{
	position: relative;
	display: inline;
	float: none;
	padding: 0px;
	margin: 0px;
}

.filter ul li
{
	display: inline;
	padding-right: 10px;
}

.filter ul li a
{
	text-decoration: none;
}

.filter ul li.current a
{
	text-decoration: underline;
}

/***
 * project classes
 ***/

.project
{
	width: 650px;
}

.projectImage
{
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}

#contents.projectDetails
{
	position: absolute;
	left: 280px;
	top: 24px;
	width: 600px;
	padding: 0px;
	margin: 0px;
}

.project .details
{
	position: absolute;
	top: 450px; 
	width: 650px;
}

.project .caption
{
	position: absolute;
	left: 0px;
	top: 450px; 
	width: 600px;
}



.project #previous
{
	position: absolute;
	top: 450px; 
	left: -50px;
	width: 50px;
}

.project #next
{
	position: absolute;
	top: 450px; 
	left: 600px;
	width: 50px;
}

.project ul
{
	margin-bottom: 10px;
}

#contents.facts
{
    margin-top: 22px
}

/***
 * Gallery classes
 ***/

.gallery .frame
{
	position: relative; 
	width:600px; 
	height: 450px;
}

.gallery .details
{
	margin-left: -50px; 
	width:700px; 
	position: relative
}

.gallery .caption h2
{
	margin: 5px 0px 5px 0px;
	clear: both;
}

.gallery .caption
{
	background: #ffffff;
}

.gallery .previous
{
	position: relative; 
	width: 50px;	
	float: left;
	padding: 0px;
}

.gallery .next
{
	position: relative; 
	width: 50px; 
	float: left;
}

#projects .text
{
	margin-top: 20px;
	background: #ffffff;
	float: left;
}

/***
 * Texts classes
 ***/

ul
{
	
	margin: 0px 0px 0px 20px;
	padding-left: 0px;
}

.clear
{
	clear: both;
}


.hidden
{
	visibility: hidden;
	display: none;
}

/**
 * Links Classes 
 **/

.links p
{
	margin-bottom: 0px;
}

.links li
{
	margin-bottom: 10px;
}