/*** General ***/

* { 
	margin: 0; 
	padding: 0; 
}

body { 
  	font: normal 76%/150% Arial, Helvetica, sans-serif;
  	background-color: #000;
  	color: #ccc;
}

blockquote { 
  	padding: .5em 1em 0; 
  	border: 1px solid #202020; 
  	margin: 0 1em 1em; 
  	font-style: italic;
  	background: #101010;
  	color: #888;
}

dt { 
	font-weight: bold; 
	color: #fff; 
}

h1 {
  	color: #eee;
  	text-transform: uppercase;
  	font-weight: bold;
  	font-size: 1.6em;
  	letter-spacing: -.05em;
}

h2 { 
	font-size: 1.3em; 
	text-transform: uppercase; 
	color: #eee; 
}

h3 { 
	color: #fff; 
	font-weight: bold; 
	font-size: 1.1em; 
}

img { 
	border: none; 
}

label { 
	display: block; 
}

p { 
	margin: 0 0 1em; 
}

.textinput, .textareainput, .checkboxinput { 
	margin: 0 0 .25em; 
}

.textinput input, textarea { 
	width: 198px; border: 1px solid #888; 
}

.checkboxinput label { 
	display: inline; 
}

.button { 
	padding: 0 .5em; 
}

#page { 
  	background: url(../images/bg/page.png) top center no-repeat;
  	font-size: .9em; 
}

#shortcuts { 
  	text-indent: -9999em; 
  	position: absolute; 
  	list-style: none; 
}

/*** Header ***/

#header { 
  	width: 902px; 
  	margin: 0 auto; 
  	height: 95px; 
  	position: relative; 
}

#logo { 
	float: left; 
	padding-top: 4px;
}

#navigation {
  	float: right;
  	list-style: none;
  	margin: 65px 25px 1px;
  	border-left: 1px solid #000;
}

* html #navigation { 
	display: inline; 
}

#navigation li { 
	float: left; 
}

#navigation a { 
  	float: left; 
  	color: #ccc;
  	text-transform: uppercase;
  	padding: 14px 10px 15px;
  	height: 1px;
  	line-height: 1px;
  	font-weight: bold;
  	text-decoration: none;
  	border-right: 1px solid #000;
}

#navigation a:hover { 
  	color: #fff; 
  	background: #181818; 
  	padding: 13px 10px 14px; 
  	border-top: 1px solid #202020; 
  	border-bottom: 1px solid #000; 
}

#navigation .active a { 
  	background: #101010; 
  	color: #fff; 
  	border-width: 0 1px 0 0;  
  	padding: 14px 10px 15px;
}

#subscribe {
 	position: absolute; 
  	bottom: 7px;
  	right: 0;
  	display: block;
  	background: url(../images/bg/subscribe.gif);
  	width: 16px;
  	height: 16px;
  	text-indent: -9999em;
  	line-height: 0;
}

/*** Footer ***/

#footer { 
  	padding: 1em 0; 
  	background: url(../images/bg/footer.png) top center no-repeat;
}

#footer a { 
	text-decoration: none; 
	border-bottom:1px dotted;
	color: #666; 
}

#footer a:hover { 
	color: #aaa; 
	border-bottom-style:solid;
}

#footer p {
  	width: 902px;
  	margin: 0 auto;
  	color: #444;
  	text-align: center;
}

#footer span {  
  	color: #333;  	
}

/*** Content ***/

#content a { 
	color: #fff; 
	text-decoration: none; 
}

#content a:hover { 
	text-decoration: underline; 
	color: #ffdd33; 
}

#primary { 
	padding: 2em 0 1em; 
	clear: both; 
}

/*** Home ***/

#home {
  	width: 903px;
  	margin: 0 auto;
  	padding: 0;
  	position: relative;
  	overflow: hidden;
}

.site {
	margin: 0 1px 0 0; 
	float: left; 
	position: relative; 
	width: 128px; 
	height: 96px; 
	border-top: 1px solid #000000; 
	overflow: hidden;
}

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

.site-img {
	width: 128px;
	height: 96px;
	overflow: hidden;
	position: relative;	
}

.site-detail {
	background-color: #161616;
	color: #FFFFFF;
	position: absolute;
	top: 96px;
	left: 0px;	
	width: 118px;
	height: 86px;	
	padding: 5px;
}

.site-name {
	font-size: 1.1em;
	cursor: default;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}

#home .site-name a {
	color: #66C3E0;
}

.site-text {
	margin-top: -3px;	
}

/*** Star Rating ***/

.unit-ratings {
	display: block; 
	cursor: pointer; 
	width: 55px; 
	height: 21px; 
	overflow: hidden;
}

.unit-rating {
	height: 11px; 
	width: 55px; 
	background: url(../images/rating.gif) left top; 
	display: block; 
	position: absolute; 
	left: 33px; 
	top: 33px; 	
	list-style:none;
	margin: 0px;
	padding:0px;
	float: left;
}

.current-rating {
	background: url(../images/rating.gif) left bottom; 
	display: block; 
	height: 11px; 
}

.unit-rating-amount {
	float: left;
	font-weight: bold;
	font-size: 1.15em;
	margin-top: -4px;
}

.unit-rating li {
	float: left; 
}

.unit-rating li a {
	display: block; 
	width: 11px; 
	height: 11px; 
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 20; 
	position: absolute; 
	padding: 0px; 
	-moz-outline-style: none; 
}

.unit-rating li a:hover {
	background: url(../images/rating.gif) left center; 
	z-index: 19; 
	left: 0px; 
}

.unit-rating li .hide {display: none;}

a.one-star {left: 0px;}
a.one-star:hover {width:11px;}

a.two-stars {left:11px;}
a.two-stars:hover {width: 22px;}

a.three-stars {left: 22px;}
a.three-stars:hover {width: 33px;}

a.four-stars {left: 33px;}	
a.four-stars:hover {width: 44px;}

a.five-stars {left: 44px;}
a.five-stars:hover {width: 55px;}

/*** Work ***/

#work {
  	width: 902px;
  	margin: 0 auto;
  	padding: 0;
  	position: relative;
  	overflow: hidden;
}

.thumbnails li { 
	list-style: none; 
	float: left; 
}

.thumbnails a { 
  	float: left; 
  	padding: 15px; 
  	background: url(../images/bg/thumb.png) left center no-repeat;
}

.thumbnails a:hover { 
	background-position: 
	right center; 
}

.thumbnails img { 
	display: block; 
}

.posted { 
	color: #666; 
}

.artwork { 
	margin: 0 0 1em -1px; 
}

.artwork img { 
	border: 1px solid #101010; 
}

.artwork p { 
	color: #888; 
}

.printlink { 
	clear: right; 
	float: right; 
}

.horizontal .description { 
	width: 340px; 
	float: left; 
}

.horizontal .meta { 
	float: right;
	width: 350px; 
}

.horizontal .meta dl { 
	float: left; 
	padding: 0 0 0 10px; 
	width: 165px; 
}

.vertical .artwork { 
	float: left; 
	margin: 0 10px 1em 0; 
}

.vertical .meta dl { 
	float: left; 
	margin: 0 20px 1em 0; 
}

.link-to-prev {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -21px 0 0;
}

.link-to-prev a {
	border: none;
	display: block;
	height: 42px;
	text-indent: -9999px;
	width: 26px;
	background: url(../images/previous.png);
	overflow: hidden;
}

.link-to-prev a:hover {
	background-position: 0 42px;
}

.link-to-next {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -21px 0 0;
}

.horizontal .link-to-next,
.horizontal .link-to-prev { 
	top: 45%; 
}

.link-to-next a {
	border: none;
	display: block;
	height: 42px;
	text-indent: -9999px;
	width: 26px;
	background: url(../images/bg/next.png);
	overflow: hidden;
}

.link-to-next a:hover {
	background-position: 0 42px;
}

.view-comments { 
	font-size: 1.1em; 
	font-weight: bold; 
}

#comments, #about, #contact {
  	width: 902px;
  	margin: 0 auto;
  	overflow: hidden;
}

#about ul { 
	padding: 0 0 0 2em; 
	margin: 0 0 1em; 
}

* html #comments h2 { 
	margin: 1em 0 0; 
}

#comments-list, #cpreview { 
	float: right; 
	width: 480px; 
}

.comment { 
  	border-top: 1px solid #202020; 
  	padding: .5em 1em 0; 
  	background: url(../images/bg/comment.png) left top repeat-x;
}

.comment .meta { 
	color: #888; 
}

#txpCommentInputForm { 
	width: 200px; 
	float: left; 
}

#txpCommentHelpLink { 
	float: right; 
	margin: -1.6em 0 0; 
}

#archive {
  	width: 720px;
  	margin: 0 auto;
  	overflow: hidden;
}

#archive h1, #archive p { 
	margin: 0 10px; 
}

#secondary { 
  	background: url(../images/bg/secondary.png) center top no-repeat;
  	clear: both;
  	padding: 2em 0 0;
}

#categories { 
	width: 902px; 
	margin: 0 auto; 
	padding: 1em 0; 
}

#categories p { 
	font-size: .9em 
}

#recent-work {
  	width: 902px;
  	margin: 0 auto;
  	padding: 1em 0;
  	overflow: hidden;
}

#recent-work h2 { 
	margin: 0; 
}

#recent-work .view-all { 
	clear: both; 
  	float: right; 
  	margin: 0; 
  	font-size: 1.1em;
  	font-weight: bold;
}