/* general formatting */
body {
	padding:0 40px 20px 40px;
	margin:0;
	font:12px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#FFF;
	}

p {
	margin:0;
	padding:10px 0 10px 0;
	}

form {
	padding:0;
	margin:10px 0;
	}

input, textarea {
	background-color:#EEE;
	color:#333;
	}

a, a:link, a:visited {
	color:#00CCFF; /* cyan */
	text-decoration:none;
	}

a:hover, a:active {
	color:#FF6600; /* orange */
	color:#FF00CC; /* magenta */
	}

img {
	border:0;
	}

#master {
	text-align:center;
	}

#head, .module, #foot {
	text-align:left;
	width:520px;
	margin:0 auto;
	}

.module .title {
	clear:both;
	height:21px;
	background:url("../img/h2bg.gif") top repeat-x;
	}

.module .content {
	clear:both;
	}

.module .footer {
	clear:both;
	text-align:right;
	font-size:10px;
	color:#999;
	}

.module .title h2 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	font-size:18px;
	color:#999;
	line-height:21px;
	background-color:#FFF;
	display:inline;
	text-transform:lowercase;
	padding:0 3px 0 0;
	margin:0;
	cursor:default;
	}

.module .title h2 a {
	cursor:pointer;
	}

.module h3 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	font-size:14px;
	color:#000;
	line-height:19px;
	text-transform:lowercase;
	margin:10px 0 5px 0;
	border-bottom:1px dashed #000;
	cursor:default;
	}

#head {
	margin-top: 2em;
}

#head, #foot {
	clear:both;
	text-align:right;
	font-size:10px;
	}

#head {
	}

#foot {
	margin-top:10px;
	border-top:1px solid #000;
	}

.color1 {
	color:#00CCFF; /* cyan */
	}

.color2 {
	color:#FF00CC; /* magenta */
	}

.color3 {
	color:#FF6600; /* orange */
	}

.small {
	font-size:10px;
	}

.medium {
	font-size:13px;
	}

.large {
	font-size:16px;
	}

.light {
	color:#999;
	}

.button {
	cursor:pointer;
	}

.fixed {
	font-family:Courier New,Courier,monospace;
	}

/* formatting for the gallery list page */

#list {
	margin:20px 0 0 0;
	}

#list dl {
	margin:0;
	padding:0;
	}

#list dt {
	clear:both;
	border-bottom:1px dashed #000;
	margin:0 0 10px 0;
	padding:0;
	color:#999;
	font-size:10px;
	}

#list dt strong {
	font-size:13px;
	color:#000;
	}

#list dd {
	clear:both;
	padding:0;
	margin:0 0 20px 0;
	}

#list dd img {
	}

#list dd span.thumb {
	display:block;
	float:left;
	width:120px;
	text-align:center;
	margin-right:5px;
	padding-bottom:3px;
	}

#list dd span.text {
	float:left;
	}

#list dd a {
	border-bottom:3px solid #FFF;
	}

/* hide from IE5 PC */
#list dd a {
	voice-family:"\"}\""; 
	voice-family:inherit;
	float:left;
}

/* this is ignored by the bug */
#list dd a {}

#list dd a:hover {
	border-bottom:3px solid #FF00CC;
	}

/* pages formatting */

#pages {
	float:left;
	width:380px;
	margin:10px 0 0 0;
	}

#pages ul {
	margin:0;
	padding:0;
	}

#pages ul li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;

	font-size:10px;
	font-family:Georgia, Times New Roman, Times, serif;
	border-bottom:2px solid #FFF;
	}

#pages ul li.selected {
	font-weight:strong;
	border-bottom:2px solid #000;
	}

#pages ul li a {
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	border-bottom:2px solid #FFF;
	}

#pages ul li a:hover, #pages ul li a:active {
	border-bottom:2px solid #FF00CC;
	}

/* thumbs formatting */

#thumbs {
	padding:20px 0 0 0;
	}

#thumbs ul {
	margin:0;
	padding:0;
	}

#thumbs ul li {
	float:left;
	display:block;
	width:120px;
	height:140px;
	margin:0;
	padding:10px 5px 0 5px;
	text-align:center;
	list-style-type:none;
	border-top:1px dashed #000;
	}

#thumbs ul a {
	}

#thumbs ul a:hover {
	}

/* arrows formatting */

#arrows {
	float:right;
	width:80px;
	overflow:hidden;
	text-align:center;
	padding-top:15px;
	}

#prev:hover {
	background:url("../img/prev_over.gif") top no-repeat;
	}

#next:hover {
	background:url("../img/next_over.gif") top no-repeat;
	}

/* desc formatting */

#desc {
	float:left;
	width:380px;
	margin:10px 0 0 0;
	}

#desc p {
	margin:0;
	}

/* image formatting */
#image img {
	margin:0 auto 20px auto;
	border:10px solid #EEE;
	}

/* comments formatting */

#comments ul {
	margin:10px 20px 0 0;
	padding:0;
	}

#comments li {
	margin:0;
	padding:5px 0;
	list-style-type:none;
	border-bottom:1px dashed #000;
	}

#comments li p {
	padding:0 0 5px 0;
	}

#comments label {
	font-weight:bold;
	font-size:10px;
	}

#comments input, textarea {
	width:90%;
	margin-bottom:10px;
	}

#comments input.button {
	width:50px;
	}

/* admin formatting */

#admin ul {
	margin:0;
	padding:0;
	}

#admin li {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#admin label {
	font-weight:bold;
	font-size:10px;
	}

#admin input, textarea {
	width:90%;
	margin-bottom:10px;
	}

#admin input.button {
	width:50px;
	}

/* columns */
.column50 {
	float:left;
	overflow:hidden;
	}

.column50 {
	width:49.99%;
	}

/* portfolio link */

#portfolio {
	text-align:left;
	font-size:10px;
	width:500px;
	padding:2px 10px;
	background-color:#666;
	margin:0 0 20px 0;
}

#portfolio a, #portfolio a:link, #portfolio a:visited, #portfolio a:active {
	font-family:Trebuchet MS, Arial, Helvetica, san-serif;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	color:#CCC;
}

#portfolio a:hover {
	color:#FFF;
	}

#portfolio .arrow {
	font-size:14px;
	line-height:.8em;
}