/**** CRITTER BUNDLE: master.css ****/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

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

p
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 21px;
	line-height: 21px;
}


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

b, strong
{
	font-weight: bold;
}

i, em
{
	font-style: italic;
}

u
{
	text-decoration: underline;
}
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;
}

/** contact map overlay **/

#contents .mapoverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-color: #ffffff;
}

/**
 * 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: 158px;
	left: 160px;
        text-transform: uppercase;
}

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

.homeHeadlines h2
{
	margin: 0px;
	padding: 0px;
	float: left;
	text-transform: uppercase;
}

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

.homeHeadlines a
{
	text-decoration: none;
        text-transform: uppercase;

}


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

nav#primary 
{
	position: absolute;
	left: 10px;
	top: 10px;
}

nav#primary a
{
	text-decoration: none;
}

nav#primary .navi4
{
	position: absolute;
	top: 148px;
	margin-bottom: 80px;
}

nav#primary div.functions
{
	position: absolute;
	top: 290px;
}

nav#primary div.mailinglist
{
	margin-bottom: 5px;
}

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

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

.filter .current a
{
  background-color: #999999;
  color: #ffffff;
	padding: 2px;  
}

.emailAddress
{
	color: #999999;
}

/** publication/object **/

.publication .gallery,
.object .gallery
{
 margin-bottom: 8px;
}

.publication .gallery .primary,
.object .gallery .primary
{
  position: relative;
  width: 600px;
  height: 458px;
  overflow: hidden;
}

.publication .gallery .primary img,
.object .gallery .primary img
{
  position: absolute;
  bottom: 0px;
}

.publication .gallery .thumbnails,
.object .gallery .thumbnails
{
  margin-top: 8px;
  width: 610px;
}

.publication .gallery .thumbnails a,
.object .gallery .thumbnails a
{
  overflow: hidden;
  width: 144px;
  height: 108px;
  display: block;
  float: left;
  margin-right: 8px;
}

.publication .featured .thumbnails a,
.object .featured .thumbnails a
{
  width: 194px;
  height: 147px;
}

.publication .series .thumbnails a
{
  width: 114px;
  height: 87px;
  margin-bottom: 8px;
}


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

#members #contents section
{
  margin-bottom: 21px;
}

/**
 * Tag Class Styles
 **/

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

ul.navi img
{
  text-transform: lowercase;
	letter-spacing: 20%;
	padding: 0px;
	margin: 0px;
}

ul.navi li.section
{
  display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
}

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


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

ul li a
{
  background: #ffffff;
}

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

.filter ul li a
{

	text-decoration: none;
}

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

/** image list classes **/

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

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

ul.images li a.image
{
	display: block;
	background: none;
}

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

ul.images li .details
{
	position: absolute;
	left: 0px;
	bottom: 20px;
}

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

/***
 * 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 #contents 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 .downloads ul
{
	margin-bottom: 21px;
}

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


.members section
{
  margin-bottom: 21px
}

.members section header
{
  height: 21px;
}

/** contributor profiles */

.contributor section
{
  margin-bottom: 21px;
}

/** search **/


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

.Search .result
{
  margin-bottom: 21px;
}

.Search .term
{
  font-weight: bold;
}

.search .button
{
  background-repeat: no-repeat;
  background-image: url('/img/pw/head/ffffff/666666/search.png');
  display: inline-block;
  width: 67px;
  height: 21px;
  padding: none;
  margin: none;
  text-indent: -10000px;
  border: 0px;
}

/***
 * Texts classes
 ***/

ul
{
	line-height: 21px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}

.clear
{
	clear: both;
}


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

/**
 * Links Classes 
 **/

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

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



/**** CRITTER 	END BUNDLE: master.css ****/

/**** CRITTER BUNDLE: attachments.css ****/

.leftAlign
{
	float: left;
	margin: 0px 15px 15px 0px;
}

.leftclearAlign
{
	float: left;
	clear: both;
	margin: 0px 15px 15px 0px;
}

.rightAlign
{
	float: right;
	margin: 0px 0px 15px 15px;
}

.rightclearAlign
{
	float: right;
	clear: left;
	margin: 0px 0px 15px 15px;
}

.centerAlign
{
	text-align: center;
	margin: 0px auto 0px auto;
	
}

.centerAlign .media
{
	position: relative;
	display: block;
	margin: 0px auto 0px auto;
}

.inline
{
	position: relative;
	margin-top: 3px;
	font-size: 12px;
	color: #888888;
}

.inline img
{
	margin-bottom: 0px;
}

.inline .file
{
	display: block;
}

.attachment
{
	position: relative;
	display: block;
	font-size: 12px;
	color: #888888;
	margin-bottom: 10px;
}

.attachment .mediacontainer
{
	position: relative;
	clear: both;
	display: block;
}

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

.mediacontainer a
{
	display: inline-block;
	padding: 0px;
	border: 0px;
}

.mediacontainer a:hover
{
	background: 0px;
	border: 1px solid #ffff00;
	margin: -1px;
}


.caption
{
	position: relative;
	clear: both;
	display: block;
}

.caption h5
{
	position: relative;
	font-weight: normal;
}


/** download styles **/

.download
{
	position: relative;
	min-height: 62px;
	width: 480px;
}

.download .file a.box
{
	display: block;
	border: 1px solid #eeeeee;
	overflow: hidden;
}

.download .file
{
	position: relative;
	display: block;
	
	min-height: 60px;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border: 1px dashed #000000;

	background-repeat: no-repeat;
	background-position: 5px 5px;
	
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}

.download .file .details
{
	display: block;
	position: relative;
	width: 400px;
	top: 5px;
	left: 55px;
	padding-bottom: 5px;
}

.download .details p
{
	width: 200px;
	max-width: 200px;
	margin-top: 9px;
}

.download .file:hover
{
	background-color: #eeeeee;
	border: 1px solid #000000;
}

.download a:hover
{
	text-decoration: none;
}

.download .file .details
{
	color: #999;
	font-size: 11px;
	line-height: 15px;
}

.download .file .details .title
{
	color: #000000;
	font-size: 12px;
}

.attachment .graphic,
.attachment .image
{
	background-image: url('/img/filetypes/image-48x48.png');
}

.attachment .doc,
.attachment .docx,
.attachment .document
{
	background-image: url('/img/filetypes/doc-48x48.png');
}

.attachment .audio
{
	background-image: url('/img/filetypes/sound-48x48.png');
}

.attachment .video
{
	background-image: url('/img/filetypes/video-48x48.png');
}

.attachment .archive
{
	background-image: url('/img/filetypes/compressed-package-48x48.png');
}


.attachment .xls,
.attachment .xlsx
{
	background-image: url('/img/filetypes/spreadsheet-48x48.png');
}

.attachment .pdf
{
	background-image: url('/img/filetypes/pdf-48x48.png');
}



/**** CRITTER 	END BUNDLE: attachments.css ****/

/**** CRITTER BUNDLE:  ****/




/**** CRITTER 	END BUNDLE:  ****/