/*
	Skye Rosetti 1.0
*/
html {height:100%;}

/* Main Layout
------------------------------ */
body {
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
}
#main {
	text-align:left;
	margin:0 auto;
	width:940px;
	background:#000;
	padding:20px 20px 70px;
	border:1px solid #000;
	border-right:0;
	border-top:0;
}
#credit, #sort {
	margin:0 auto;
	width:640px;
	font-size:85%;
	color:#96967E;
	text-align:right;
	clear:both;
}
#credit a, #sort a {
	text-decoration:none;
	color:#96967E;
	border-bottom:1px dotted #96967E;
}
#credit a:hover, #sort a:hover {
	color:#BDBDAE;
	border-bottom:1px solid #BDBDAE;
	text-decoration:none;
}
#credit {
	margin-top:15px;
	padding:50px;
	height:20px;
	background-image:url("../images/footer.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}
#credit,#credit a {
	text-align:center;
	color:#000;
}
#credit a:hover {color:#fff;}
#gallerytitle {
	border-bottom:1px solid #E6E6DF;
	padding-bottom:4px;
	margin-bottom:20px;
}
#gallerytitle h2 { 
	font-weight:normal; 
	font-size:10pt; 
	margin:5px 0 0 10px;
	width:510px;
}

/*Link Styles*/
a:link, a:active, a:visited {text-decoration:underline;color:#ef2525;}
a:hover, a:focus {text-decoration:underline;color:#ffaaaa;}

/*Text Styles*/
body {
	font:normal 82%/200% "Helvetica Neue","Lucida Grande",Helvetica, Arial,sans-serif;
	color:#5A5A4B;
	color:#fff;
}
.albumdesc p, .commentauthor, .commentbody {
	color:#5A5A4B;
}
h2 {
	font:115% "Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
	font-weight:700;
	color:#002E5B;
	color:#ef2525;
}
h2 a:link, h2 a:visited {
	color:#ef2525;
	text-decoration: none;
}
h2 span {color:#999;}
h2 a:hover {
	color:#faa;
	text-decoration:none;
}
div .module h2 {color:#fff;}
h3 {
	font:110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight:700;
	color:#ef2525;
	margin-top:30px;
}
h3 a:link, h3 a:visited {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

/*Miscellaneous*/
hr {
	clear:both;
	height:0;
	border:0;
	border-top:1px solid #E6E6DF;
	margin:0 0 12px 0;
	padding:0;
}
img {border:0;}
blockquote {
	border-left:1px dotted #96967E;
	margin-left:20px;
	padding-left:20px;
	color:#363630;
}
#imagemetadata {
  text-align:right;
  position:relative;
  display:none;
}
#imagemetadata table {
  text-align:left;
  line-height:1em;
  border:1px solid #ccc;
  position:absolute;
  top:2em;
  right:0;
  background-color:#fafafa;
}
#imagemetadata table td {
  border-bottom:1px solid #f0f0f0;
  background-color:#f8f8f8;
  padding:2px 5px;
}

/*Page Navigation*/
ul.pagelist {
	clear:both;
	padding:0;
	margin:20px 0 0 0;
	list-style-type:none;
}
ul.pagelist li {display:inline;}
ul.pagelist li a, ul.pagelist span.disabledlink {padding:4px;}
ul.pagelist li.current a {
	font-weight:bold;
	text-decoration:none;
	cursor:default;
	color:#5A5A4B;
}
ul.pagelist li.prev {margin-right:10px;}
ul.pagelist li.next {margin-left:10px;}
.disabledlink {
	color:#ddd;
	cursor:default;
}
.pagenav {clear:both;}
.disabled_nav {visibility:hidden;}

/*AJAX*/
#albumDescEditable, #albumTagsEditable {margin-bottom:12px;}
#imageDescEditable, #albumTagsEditable {margin-top:24px;}
#imageDesc, #exif_link {margin-bottom:4px;}
#exif_link {float:right;}

/*Tags*/
.taglist ul {
	display:inline;
	list-style-type:none;
}
.taglist ul li {
	background:url(../images/tag.png) no-repeat left center;
	list-style-type:none;
	padding-left:18px;
	float:left;
	padding-right:5px;
	color:#999;
	display:inline;
}
.taglist .tags_title {
	background:none;
	padding-right:5px;
	padding-left:0;
}
.taglist li {
	display:inline;
	list-style-type:none;
}

/*Image Thumbnails*/
.imagethumb a, .imagethumb a:hover {
	display:block;
	padding:9px;
	margin:0 9px 9px 0;
	line-height:0;
    border:1px solid #e6e6e6;
    background-color:#f6f6f6;
}
.imagethumb a:visited {
    background-color:#fcfcfc;
    border:1px solid #f8f8f8;
}
.imagethumb a:hover {
	background-color:#f3f3f3;
	border:1px solid #ccc;
}
.imagethumb {float:left;}
.albumdesc2 {line-height:18px;}

/*Album Thumbnails*/
#albums {float:left;}
.album {
	margin:0 12px 8px 0;
    padding:10px 8px 2px;
	float:left;
	width:282px;
	border:1px solid #E7F0F5;
	background:#f7f7f7;
    line-height: 100%;
}
.album a img {}
.album .thumb {
    float:left; 
    margin-right:6px;
}
.album h3 {
	padding:0;
	margin:0;
}
.album p {
	line-height:12px;
	font-size:11px;
    padding:4px 0 0;
    margin:0;
}
.albumdesc small {color:#999;}

/*Individual Image*/
.image { 
	margin:0;
	padding:0;
	border:0;
}
#image {
	text-align:center;
	line-height:0;
}
.imgnav {
	float:right;
	width:140px;
	text-align:center;
	border:1px solid #ef2525;
	background:#f7f7f7;
	margin-top:-10px;
}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display:block;
	width:50%;
	height:100%;
	float:left;
	padding:4px 0;
	font-size:120%;
	text-decoration:none;
	line-height:180%;
	color:#ef2525;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color:#fff;
	text-decoration:none;
	color:#002E5B;
}
.imgnav .imgprevious a {float:left;}
.imgnav .imgnext a {float: right;}
#narrow {
	margin:0 auto;
	width:440px;
}

/*Comments*/
#comments {clear:both;}
.error { 
  color:#C33; 
  font-weight:bold; 
}
.comment {
	padding:10px;
	border:1px solid #E7F0F5;
	background:#FBFCFD;
	margin-bottom:12px;
}
.commentmeta {margin-bottom:12px;}
.commentauthor {font-weight:bold;}
.commentdate {
	margin-top:12px;
	color:#8DB8CF;
	font-size:85%;
}

/*Forms*/
.inputbox {
	width:250px;
	padding:2px;
}
textarea {
	padding:4px;
	width:100%;
	color:#5A5A4B;
	font:100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox {cursor:pointer;}
.pushbutton {
	cursor:pointer;
	padding:5px 10px;
}
label {cursor:pointer;}
label:hover {color:#000;}
#map {margin-left:-77px;}
#rating {margin-top:10px; }

/*Admin Toolbox*/
#admin, #admin_data{
	position:fixed;
  _position: absolute;
	right:0;
	top:0;
	width:130px;
	border-bottom:1px solid #E6E6DF;
	border-left:1px solid #E6E6DF;
	background:#fff;
    z-index:2;
	text-align:left;
}
#admin_data{
	top:0;
	padding-top:20px;
	z-index:1;
	line-height:1.6em;

}
#admin h3 {
	font-weight:normal;
	color:#999;
	margin:0;
	padding:0;
	text-align:center;
}
#admin h3:hover {color:#036;}

/*Search Box*/
#search_form {
	margin:0;
	height:20px;
}
#search_input {
	width:100px;
	font-size:11px;
	border:1px solid #666;
	margin-bottom:5px;
}
#search {
	float:right;
	text-align:center;
	background:#000;
}
#search input.pushbutton {
	margin-bottom:6px;
	padding:1px;
	font-size:60%;
}
#search ul {
	position:absolute;
	text-align:left;
	width:20px;
	margin:0;
	padding:2px;
	list-style:none;
}
#search ul .item {display:none;}
#search ul:hover .item {
	display:block;
	padding:1px;
	margin:0;
	background:#fff
}
#search li {width:150px;}
.clear {
	clear:both;
	height:10px;
}

/*Archive View*/
#archive{
	width:300px;
	margin:0 auto;
	text-align:center;
}
ul.archive * {
	padding:0;
	margin:0;
	list-style:none;
}
ul.archive .year {
	margin-top:10px;
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
}
ul.archive .month {
	font-size:14px;
	list-style:none;
	border-top:2px solid #E6E6DF;
	padding-top:5px;
}

/*Tag Cloud*/
#tag_cloud {
	text-align:center;
	background:#eee;
}
#tag_cloud ul li {
	display:inline;
	list-style-type:none;
}
#tag_cloud p {
	padding:10px 0;
	margin:20px 0;
	background:#fff;
	border-top:3px solid #E6E6DF;
	border-bottom:3px solid #E6E6DF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

/*Error Messages*/
.errorbox {
	padding:20px;
	background-color:#FDD;
	border-top:1px solid #FAA;
	border-left:1px solid #FAA;
	border-right:1px solid #FAA;
	border-bottom:5px solid #FAA;
	margin-bottom:10px;
	font-size:100%;
	color:#D66;
}
.errorbox h2 {
	color:#D66;
	font-size:100%;
	font-weight:bold;
	margin:0;
}

/*Menu*/
#navlist {
	position:relative;
	margin:-8px auto;
	width:980px;
	height:1.05em;
	padding:0;
	white-space:nowrap;
	top:-29px;
}
#navlist li {
	float:left;
	margin:0 0 0 2px;
	border-width:1px 1px 0;
	border-style:solid;
	border-color:#aaa #555 #f63 #999;
	list-style-type:none;
}
#navlist li a {
	position:relative;
	width:8em;
	display:block;
	margin:0;
	padding:1px 0.4em;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#ccc;
	background-color:#fff;
	color:#666;
	font:normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#navlist li a:hover {
	color:#ef2525;
	text-decoration:underline;
}
#navlist li#active a {
	font-weight:bold;
	background-color:#000;
	color:#fff;
	border-color:#000 #000 #f63 #000;
}
#navlist li#active a:hover {color:#fff;}
* html > body #navlist, * html > body #navlist ul#subnavlist {width: 600px;/*IE5/Mac fixed width fix*/}

/*Other*/
h1 {
	margin:0 0 -5px;
	height:327px;
	background-image:url("../images/gallery-header.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}
h1 span {display:none;}
#gallery-text {
	margin:0;
	width:710px;
	font-size:11px;
 	line-height:1.5em;
	color:#fff;
}
#modules {
	margin:0;
	padding:4px;
	width:210px;
	border:1px solid #fff;
	background-color:#ef2525;
	float:right;
}

/* RandomList
Module on Index page displaying tiny thumbnails of most recent favorite photos
*/
#randomlist {
  float:left;
  width:204px;
  margin:0 -3px 0 0;
  padding:0 0 0 6px;
  list-style:none;
  }
#randomlist li {
  float:left;
  width:62px;
  margin:0 6px 6px 0;
  padding:0;
  }
#randomlist table {
	width:62px;
	height:62px;
	margin:0;
	border-collapse:collapse;
	font-size:1px;
}
#randomlist td {
	padding:0 2px 2px 0;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
}
#randomlist li a {border-width:0;}
#randomlist li img {width:50px;height:50px}

.module-box {
	float:left;
	width:204px;
	margin:0 -3px 0 0;
	padding:0 0 0 6px;
	list-style:none;
}

#gallery-information {
	float:left;
	width:204px;
	margin:0 -3px 0 0;
	padding:0 0 0 6px;
	list-style:none;
	color:#fff;
}
.gallerydata th {width:129px;}
.gallerydata td {width:40px;}
