body {
	margin: 0;
	padding: 0;
	background-color: #f8f8f8;
}

#container {
	margin: 0px auto;
	width: 746px;

	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	
	position: relative;
}

#container.admin {
	padding-right: 220px;
	margin: 0px auto;
}

#header {
	height: 63px;
}


#header-nav-explore {
	position: absolute;
	background-repeat: no-repeat;
	top: 33px;
	left: 12px;
	padding-top: 7px;
	font-size: 1.1em;
	min-width: 96px;
}


#header-nav-contact, #header-nav-about {
	position: absolute;
	top: 40px;
	font-size: 1.1em;
}

#header-nav-about {
	left: 150px;
}

#header-nav-contact {
	left: 270px;
}

#header-nav-contact a, #header-nav-about a, #header-nav-explore a {
	text-decoration: none;
	color: inherit;
	margin-right: 3px;
	padding-bottom: 8px;
	
}


.frontpage-container {
	position: absolute;
	width: 100%;
}

.frontpage-container.second {
	top: 426px;
}


#frontpage-leadphoto-box {
	background-image: url('http://www.susanica.com/style/photobg-h473.png');
	background-repeat: no-repeat;
	width: 481px;
	margin: 2px 0 0 0;
}

#frontpage-leadphoto-box img {
	margin: 3px 3px 3px 3px;
}

#frontpage-leadphoto-caption {
	border: 1px solid #999;
	border-top: 0;
	background-color: #ddd;
	padding: 5px 5px 5px 8px;
	margin: 0 3px 0 3px;
	font-weight: bold;
	height: 1.5em;
}


p {
	font-size: 1.2em;
	line-height: 1.3em;
}



p a, h1 a, #datemap a, ul#location-list li a {
	color: #930;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
* html p a, * html h1 a, * html #datemap a, * html ul#location-list li a {
	border-bottom: 0;
}

p a:hover, h1 a:hover, #datemap a:hover, ul#location-list li a:hover {
	border-bottom: 1px dotted #bbb;
}

a img {
	border: 1px solid #000;
}

a:hover img {
	border: 1px solid #630;
}

#frontpage-news {
	border: 1px solid #ccc;
	border-top: 0;
	background-color: #eee;
	
	padding: 10px;
	margin: 0 3px 0 0;
	width: 235px;
	position: absolute;
	right: 0;
	top: 0;
	
	height: 333px;
	
}
#frontpage-news p, #news p {
	margin: 0 0 10px 0;
}
#frontpage-news ul, #news ul {
	padding-left: 25px;
}
#frontpage-news li, #news li {
	font-size: 1.1em;
}
#frontpage-news p#frontpage-news-date, #news p#news-date {
	font-weight: bold;
}





#frontpage-explore {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px 8px 5px 8px;
	margin: 0 3px 0 3px;
	width: 457px;
	height: 21em;
	position: relative;
}

p.frontpage-explore-by {
	margin: 0 0 0.3em 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
}

p.frontpage-explore-by a {
	text-decoration: none;
}


p.frontpage-explore-links {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
p.frontpage-explore-links a {
	margin-right: 10px;
}


#frontpage-location-container {
	float: left;
	margin-left: 1px;
}

#frontpage-date-container {
	float: right;
	width: 224px;
}


.frontpage-tagphoto-box {
	background-image: url('http://www.susanica.com/style/photobg-s100-border.png');
	background-repeat: no-repeat;
	width: 107px;
	float: left;
	margin: 0 9px 15px 0;
}

.frontpage-tagphoto-box.num4 {
	margin-right: 0px;
}

.frontpage-tagphoto-box img {
	margin: 3px 2px 1px 2px;
}

.frontpage-tagphoto-tag {
	border: 1px solid #999;
	border-top: 0;
	background-color: #ddd;
	padding: 0 2px 1px 2px;
	margin: 0 3px 0 2px;
	font-weight: bold;
	height: 14px;
	text-align: center;
}

.frontpage-tagphoto-tag a:hover {
	border: 0;
}


#frontpage-about {
	border: 1px solid #ccc;
	background-color: #eee;

	
	padding: 0 10px;
	margin: 0 3px 0 0;
	width: 235px;
	position: absolute;
	right: 0;
	top: 0;
	
	height: 20em;
}

#frontpage-about p {
	line-height: 1.3em;
	margin: 10px 0;
}

#frontpage-copyright {
	position: absolute;
	right: 0;
	top: 20em;
	width: 255px;
	text-align: center;
	padding-bottom: 10px;
}

* html #frontpage-copyright {
	top: 21em;
}

#frontpage-copyright p, #frontpage-copyright p a {
	font-size: 1.0em;
	color: #bbb;
	vertical-align: top;
}

#frontpage-copyright p a img {
	border: 0;
	position: relative;
	top: 4px;
	margin-right: 3px;
}

#frontpage-copyright p a:hover {
	border: 0;
	color: #930;
}

#photo-box.horizontal {
	background-image: url('http://www.susanica.com/style/photobg-h738.png');
	background-repeat: no-repeat;
	width: 746px;
	margin-top: 2px;
}

#photo-box-about {
	background-image: url('http://www.susanica.com/style/photobg-about.png');
	background-repeat: no-repeat;
	width: 746px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#photo-box-vertical {
	background-repeat: no-repeat;
	width: 500px;
	margin: 2px 0 10px 0;
	float: right;
	position: relative;
}


#photo-box img, #photo-box-vertical img, #photo-box-about img {
	margin: 4px;
}

#photo-info.horizontal {
	border: 1px solid #999;
	border-top: 0;
	background-color: #eee;
	padding: 5px 5px 8px 8px;
	margin: 0 3px 0 3px;
	position: relative;
	overflow: auto;
	width: 725px;
}

#about-content {
	border: 1px solid #999;
	border-top: 0;
	background-color: #eee;
	padding: 5px 5px 8px 8px;
	margin: 0 3px 0 3px;
	position: relative;
	overflow: auto;
	width: 725px;
}


#photoinfo.vertical {
	border-left: 1px solid #999;
	background-color: #eee;
	background-image: url('http://www.susanica.com/style/vertbox-side.png');
	background-position: right;
	background-repeat: repeat-y;

	margin: 2px 0 0 3px;
	position: absolute;
	top: 66px;
	left: 0;
	overflow: auto;
	width: 245px;
	float: left;
}

#photoinfo.vertical div.inner1 {
	background-image: url('http://www.susanica.com/style/vertbox-top.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

#photoinfo.vertical div.inner1 div.inner2 {
	background-image: url('http://www.susanica.com/style/vertbox-top.png');
	background-position: top;
	background-repeat: no-repeat;
	padding: 8px;

}



#photo-info.horizontal p#photo-caption {
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	width: 52%;
	height: 100%;
}


#photoinfo.vertical p#photo-caption {
	font-weight: bold;
	margin: 0 0 20px 0;
}
#photoinfo.vertical p a {
	font-weight: bold;
}


#photoinfo.vertical p#photo-tags, #photoinfo.vertical p#photo-location, #photoinfo.vertical p#photo-date {
	font-size: 1.2em;
	margin-bottom: 2px;
	margin-top: 2px;
}

#photoinfo.vertical p#photo-tags {
	margin-bottom: 15px;
}



#photo-info.horizontal #photo-extrainfo {
	float: right;
	width: 45%;
	margin: 0;
	padding: 0 0 0 3px;
	border-left: 1px solid #ccc;
	height: 100%;

}

#photo-info.horizontal #photo-extrainfo p {
	text-align: right;
	margin: 0 3px 5px 0;
	padding: 0;
}

#photo-info.horizontal #photo-extrainfo p a {
	font-weight: bold;
}





#related-photos-box.horizontal ul {
	list-style: none;
	height: 106px;
	margin: 0 0 0 2px;
	padding: 0;
}

#related-photos-box.horizontal ul li {
	background-image: url('http://www.susanica.com/style/photobg-s80.png');
	background-repeat: no-repeat; 
	width: 86px;
	height: 86px;
	float: left;
	margin-right: 4px;
}

#related-photos-box.horizontal ul li img {
	margin: 2px;
}


#related-photos-container {
	position: absolute;
	bottom: 20px;
}

#photoinfo.vertical ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#photoinfo.vertical ul li {
	background-image: url('http://www.susanica.com/style/photobg-s80.png');
	background-repeat: no-repeat; 
	width: 86px;
	height: 86px;
	margin: 5px 5px 0 0;
	padding: 0;
	float: left;
}

#photoinfo.vertical ul li img {
	margin: 2px;
}



#related-photos-box {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 7px 5px 0 8px;
	margin: 10px 3px 10px 3px;
	position: relative;
	width: 725px;
}

#related-photos-box.horizontal {
	padding-right: 0;
	width: 730px;
}


#related-photos-box p#related-photos-header {
	font-weight: bold;
	color: #333;
	margin: 0 0 3px 4px;
	padding: 0;
}

#photoinfo.vertical p#related-photos-header {
	font-weight: bold;
	color: #333;
	margin: 0 0 3px 2px;
	padding: 0;
}


#related-photos-box p#related-photos-explorelinks {
	font-weight: bold;
	color: #333;
	margin: 0 0 3px 2px;
	padding: 0;
	float: left;
}

#related-photos-box p#related-photos-homelinks {
	font-weight: bold;
	margin: 0 7px 3px 4px;
	padding: 0;
	float: right;
	text-align: right;
	width: 50%;
}

#related-photos-box p a {
	margin: 0 4px 0 4px;
}

#explorelinks a, #homelinks a {
	margin: 0 5px 0 0;
}

#explorelinks {
	font-weight: bold;
	color: #333;
	clear: both;
	padding: 20px 0 0px 0;
}

* html #explorelinks {
	padding: 0 0 5px 0;
}

#homelinks {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.big-content-box {
	border: 1px solid #999;
	background-color: #eee;
	padding: 10px;
	margin: 5px 3px 15px 3px;
	position: relative;
	width: 718px;
}

.big-content-box p {
}

.big-content-box h1 {
	font-size: 2.2em;
	margin: 0 0 10px 0;
}

#tagmap {
	margin: 40px 0 30px 0;
	width: 100%;
	text-align: justify;
	line-height: 3em;
}

#tagmap a {
	margin-right: 5px;
	text-decoration: none;
}



ul#tagged-photos, ul#location-photos, ul#news-photos {
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;
}

ul#tagged-photos li, ul#location-photos li, ul#news-photos li {
	background-image: url('http://www.susanica.com/style/photobg-s80.png');
	background-repeat: no-repeat; 
	width: 86px;
	height: 86px;
	float: left;
	margin: 0 3px 3px 0;
}

ul#tagged-photos li img, ul#location-photos li img, ul#news-photos li img {
	margin: 2px;
}





ul#recent-photos {
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;
}

ul#recent-photos li {
	background-image: url('http://www.susanica.com/style/photobg-s100.png');
	background-repeat: no-repeat; 
	margin: 0 3px 3px 0;
}

ul#recent-photos li img {
	margin: 2px 10px 10px 2px;
	float: left;
	width: 107px;
}

p.recent-photos-caption {
	display: inline;
	font-weight: bold;
}
p.recent-photos-datetaken, p.recent-photos-location {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
p.recent-photos-datetaken {
	margin-top: 15px;
}

label {
	display: block;
	margin: 5px;
}

#admin-actions {
	clear: both;
	border: 1px solid #999;
	background-color: #eee;
	padding: 10px;
	margin: 5px 3px 15px 3px;
}

#admin-actions.frontpage {
	position: absolute;
	top: 65.5em;
	width: 718px;
}


#admin-actions a {
	color: #009;
	text-decoration: none;
	margin-right: 10px;
}

#admin-actions a:hover {
	color: #fff;
	background-color: #009;
}


#datemap {
	margin: 20px 0 20px 0;
	text-align: center;
	width: 100%;
}

#datemap ul.years {
	display: block;
	font-size: 1.3em;
	color: #aaa;
	margin: 0;
	padding: 0;
}
#datemap li.year {
	list-style: none;
	width: 210px;
	border: 2px solid #ccc;
	float: left;
	text-align: center;
	margin: 0 10px 0 10px;
	background-color: #ccc;
	padding: 0 0 5px 0;
}

#datemap ul.months {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
}


#datemap li.month {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	background-color: #eee;
}

#map-container {
	width: 715px;
	height: 550px;
	border: 1px solid #000;
}



.map-popup {
	width: 260px;
	height: 86px;
}

.map-popup-left {
	float: left;
	width: 86px;
	height: 86px;
	padding: 2px;
	background-image:url('http://www.susanica.com/style/photobg-s80.png');
	background-repeat: no-repeat;
}

.map-popup-right {
	float: right;
	width: 163px;
	height: 80px;
	padding-left: 7px;
	margin: 0;
}

p.map-popup-location {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0;
	margin: 0 0 3px 0;
}

p.map-popup-caption {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

.map-loading {
	width: 260px;
	height: 90px;
	color: #aaa;
	font-weight: bold;
	text-align: center;
	line-height: 90px;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}

#admin-lat, #admin-long {
	font-family: "Courier New", Courier, mono;
	font-weight: bold;

}


ul#location-list {
	padding: 20px;
}
ul#location-list li {
	font-size: 1.4em;
}

p#related-tags {
	margin-bottom: 20px;
}


#news-posts {
	width: 400px;
	float: left;
}

#news-posts p {
	margin: 0 0 15px 0;
}

#news-posts p.news-date {
	font-weight: bold;
	margin-top: 20px;
	padding: 0;
}

#news-timeline {
	width: 400px;
	float: left;
}

#news-photos {
	float: right;
	width: 180px;
}



form#contact input, form#contact textarea, form#login input {
	padding: 3px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 300px;
}

form#contact input.button, form#login input.button {
	border: 2px solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #777;
	border-right-color: #777;
	color: #222;
	margin-left: 4px;
}

form#contact input.button:active, form#login input.button:active {
	border-top-color: #777;
	border-left-color: #777;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
}

input.error, textarea.error {
	background-color: #FF6666;
}

form p {
	width: 310px;
}

p.contact-sent {
	background-color: #e6ecf2;
	border: 2px solid #66f;
	width: 300px;
	padding: 10px;
}

p#copyright-footer {
	width: 100%;
	text-align: center;
	color: #bbb;
	font-size: 1.0em;
	padding: 0;
	margin: 0 0 30px 0;
	clear: both;
}


p#copyright-footer a {
	color: #bbb;
}
p#copyright-footer a:hover {
	color: #930;
	border: 0;
}

#moveButton.off {
	color: #333;
}

#moveButton.on {
	color: #fff;
	background-color: #990000;
}

.hide {
	visibility: hidden;
}



table.stats {
	border: 1px solid #555;
	margin: 0 15px 15px 0;
	border-collapse: collapse;
	float: left;
	width: 180px;
}

table#photo-stats {
	float: none;
	position: absolute;
	top: 46px;
	left: 760px;
	width: 210px;
}

table.stats caption {
	padding: 5px;
	font-size: 1.1em;
}

table.stats th {
	background-color: #666;
	color: #fff;
	padding: 5px;
}


table.stats td {
	padding: 5px;
	text-align: center;
}

table.stats tr.odd {
}
table.stats tr.even {
	background-color: #e0e0e0;
}