/* general formatting */
@font-face {
	font-family: 'ChunkFive';
	src: local('☺'), url('http://caseyk.com/shared/fonts/ChunkFive/ChunkFive.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1;
	background-color: #222;
	color: #EEE;
}

p {
	margin: 0 0 1.5em 0;
}

form {
	padding:0;
	margin: 1.5em 0;
}

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

a, a:link, a:visited {
	color:#fff;
	text-decoration:none;
}

a:hover, a:active {
	color:#ffff00;
}

img { border:0; }

h1,
h2,
h3 {
	font-family: 'ChunkFive', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	cursor: default;
	font-weight: normal;
}

h1,
h2 {
	color: #999;
	margin: 0;
}

h1 {
	font-size: 2em;
	margin: .25em 0;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
	color:#fff;
}

.container {
	width: 864px;
	margin: 0 auto;
	position: relative;
}

.breadcrumbs {
	font-size: 75%;
	color: #999;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	display: inline-block;	
}

.breadcrumbs li::before {
	content: "/";
	display: inline-block;
	padding:0 .25em 0 0;
}

.breadcrumbs li:first-child {
	font-weight: bold;
}

.breadcrumbs li:first-child::before {
	content: "";
}

#license {
	text-align: right;
	font-size: 75%;
	border-top: 1px solid #555;
	padding-top: 1.5em;
}

/* formatting for the gallery list page */

#album-list ul {
	padding: 0;
	margin-top: 1.5em;
	list-style-type: none;
}

#album-list li {
	margin: 0;
	padding: 1.5em 0;
	border-top: 1px solid #555;
	color: #CCC;
	position: relative;
	min-height: 120px;
}

#album-list h2,
#album-list p {
	margin: 0 0 0 140px;
}

#album-list h2 {
	margin-bottom: .75em;
}

#album-list p {
	line-height: 1.25;
}

#album-list li div.thumb {
	width: 120px;
	position: absolute;
	top: 1.5em;
	left: 0;
	background-color: #000;
}

#album-list li img {
	display: block;
	border: 1px solid black;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	margin: 0 auto;
}

#album-list li img:hover {
	position: relative;
	top: -2px;
	left: -1px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5); 
	box-shadow: 0 3px 4px rgba(0,0,0,.5);
}

/* thumbs formatting */

#album-thumbs ul {
	padding: 0;
	margin-top: .75em;
	list-style-type: none;
}

#album-thumbs li {
	float: left;
	display: block;
	width: 120px;
	height: 146px;
	margin:0;
	padding: 1.5em 1.5em 0 0;
	text-align: center;
	border-top: 1px solid #555;
}

#album-thumbs li img {
	display: block;
	margin: 0 auto;
	border: 1px solid black;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
}

#album-thumbs li img:hover {
	position: relative;
	top: -2px;
	left: -1px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5); 
	box-shadow: 0 3px 4px rgba(0,0,0,.5);
}

/* arrows formatting */

#nav {
	position: relative;
	display: inline-block;
	width: 32%;
	text-align: right;
}

#arrows {
	position: absolute;
	right: 0;
	top: 0;
	width: 46px;
	/*height: 15px; padding: 3px 0 0 0; */
}

#prev, #next {
	width: 20px;
	height: 2em;
	display: inline-block;
	/* background-repeat: no-repeat; */
	overflow: hidden;
	position: relative;
	color: #555;
}

#prev { margin-right: 6px; }

#prev:before,
#next:before {
	display: block;
	content: "←";
	font-size: 2em;
	position: absolute;
	top: -7px;
	font-family: Arial, sans-serif;
}

#prev:before { left: 3px; }

#next:before {
	content: "→";
	right: 3px;
}

#prev span, #next span { display: none; }
a#prev, a#next { color: #ffff00; }
a#prev:hover, a#next:hover { color: #fff; }
a#prev:hover:before { left: 0; }
a#next:hover:before { right: 0; }

/*
#prev {
	background-image: url("../img/prev.gif");
	background-position: left;
}

#next {
	background-image: url("../img/next.gif");
	background-position: right;
}

div#prev, div#next {
	opacity: .5;
}

a#prev:hover {
	background-image: url("../img/prev.gif"), url("../img/prev_over_night.gif");
}

a#next:hover {
	background-image: url("../img/next.gif"), url("../img/next_over_night.gif");
}
*/

/* pagination formatting */
.pagination {
	padding: 0;
	margin: 0 52px 0 0;
	display: block;
	float: right;
	border-right: 1px solid #555;
}

ul.pagination {
	list-style-type: none;
}

.pagination p {
	padding-right: .5em;
	padding-bottom: 2px;
	margin: 0;
	line-height: 1.5;
	cursor: default;
}

.pagination li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-family: Georgia, Times New Roman, Times, serif;
	border-bottom: 2px solid transparent;
}

.pagination li.selected {
	font-weight: strong;
	border-bottom: 2px solid #FFF;
	cursor: default;
}

.pagination li a {
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	color: #ffff00;
	border-bottom: 2px solid transparent;
}

.pagination li a:hover,
.pagination li a:active {
	border-bottom:2px solid #ffff00;
}

/* gallery-header, album header & photo header formatting */

#gallery-header,
#album-header,
#photo-header {
	margin-top: 1.5em;
}

#album-header .breadcrumbs,
#photo-header .breadcrumbs,
#photo-header h1,
#album-header h1,
#photo-header h1 +  p {
	width: 68%;
	float: left;
	clear: left;
}

#gallery-header h1 + p,
#photo-header h1 + p {
	margin: 0;
	color: #CCC;
	line-height: 1.25;
}

/* image formatting */
#photo {
	clear: both;
	display: block;
	margin: 1.5em auto 3em auto;
	text-align: center;
}

#photo a {
	display: inline-block;
}

#photo img {
	display: block;
	border: 10px solid #333;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); 
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
}

/* comments formatting */

#photo-meta {
	color: #999;
}

#photo-meta h2 {
	border-bottom: 1px solid #555;
}

#photo-comments {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#photo-comments li {
	margin: 0;
	padding: .75em 0;
	border-bottom: 1px solid #333;
}

#photo-comments li p {
	margin: 0;
	line-height: 1.25;
}

#photo-comments li .small {
	color: #666;
	cursor: default;
}

#photo-comment-form {
	margin-top: 1.5em;
}

#photo-comment-form p {
	margin-top: .75em;
}

#photo-comment-form label {
	font-weight: bold;
}

#photo-comment-form input, textarea {
	width: 90%;
	margin-bottom: 1.5em;
}

#photo-comment-form input.button {
	width: 50px;
}

/* admin formatting */

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

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

#admin label {
	font-weight:bold;
}

#admin input, textarea {
	width: 90%;
	margin-bottom: 1.5em;
}

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

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden; 
}

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

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

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

.small {
	font-size: 75%;
}

.medium {}

.large {
	font-size: 1.5em;
}

.light {
	color:#999;
}

.button {
	cursor:pointer;
}

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

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

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

#colophon {
	font-size: 75%;	
}