/*
Theme Name: The Artwork of Michael Fields
Theme URI: http://platypus-theme.com/themes/platypus/
Description: Customized version of the Platypus Theme for Olinka Broadfoot.
Author: Michael Fields
Author URI: http://mfields.org/
Version: X
*/
body{
	background: #333;
	font-family: Arial, sans-serif;
	font-size: 75%;
	color: #ccc;
	}
h1, h2{ color: #8fa5fc; margin:0; padding: 0; }
h1{ padding-bottom:.3em; }
a,
#page_list a:hover { 
	outline: none;
	color: #8fa5fc;
	}
a img{
	border: 0;
	}
	
/* Layout
===================== */
#page {
	position: relative;
	width: 952px; /* 935 */
	background: #333 url( img/content-tile.png ) 0 0 repeat-y scroll;
	margin: 0 auto;
	}
#header,
#footer,
.content {
	padding: 8px 22px 2px;
	}
.content {
	min-height:580px;
	height:auto !important;
	height:580px;
	}
#header {
	padding-top: 21px;
	background: transparent url( img/header.png ) 0 0 no-repeat scroll;
	}
	#logo {
		float: left;
		}
#page_list {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	}
#page_list li {
	margin:0;
	padding:0;
	float:left;
	list-style-position: inside;
	list-style-type: none;
	}
#page_list a{
	color: #ccc;
	background: #222;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: .8em;
	padding: .3em;
	}
	#page_list a:hover { background: #333; }
#footer {
	text-align: center;
	padding-top: 15px;
	background: #333 url( img/footer.png ) 0 0 no-repeat scroll;
	}

.clear { clear: both; }

/* Interface
================================ */
#category_dropdown {
	position:absolute;
	top: 20px;
	right: 20px;
	}


/* Catalog Multiple Views
============================= */
.catalog .preview {
	position: relative;
	width: 173px;
	height: 173px;
	float: left;
	margin: 8px 8px 0 0;
	background: #222;
	border: 1px solid #292929;
	}
	.catalog .preview.last {
		margin-right:0;
		}
.catalog .preview .permalink {
	display: block;
	position: absolute;
	top: 11px;
	left: 11px;
	width: 155px;
	height: 155px;
	z-index: 20;
	}
.catalog .preview .info {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 145px;
	height: 145px;
	overflow: hidden;
	color: #eee;
	z-index: 10;
	}	
.catalog .preview h2 {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 1.2em;
	color: #d80;
	/* color: #09f; */
	}
.catalog .preview .date{
	display: block;
	}
	
/* Single Catalog View
=============================== */
.catalog-item .image-box {
	position: relative;
	width: 575px;
	float: left;
	}
.catalog-item .image-box img{
	border: 7px solid #222;
	}
.catalog-item .info {
	width: 330px;
	float: right;
	}
#loading{
	position: absolute;
	top:0;
	right: 0;
	margin: 0;
	padding: 0;
	display: none;
	height: 19px;
	padding-left: 220px;
	background: transparent url( 'img/ajax-loader.gif' ) 0 0  no-repeat scroll;
	z-index: 10;
	}
	
/* WP PAGE NUMBERS PLUGIN
============================= */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
}
#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
}
#wp_page_numbers ul {
	border-top: 2px dotted #666;
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}
#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}
#wp_page_numbers li a:hover {
	color: #ff00a4;
}
#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
#wp_page_numbers li.first_last_page {
	font-style: italic;
}
#wp_page_numbers li.active_page a {

}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
}
#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
}

th{ text-align: left;padding-top :.5em; }
th{ text-align: left; }
alignleft{ float:left; }