/* -----------------------------------------------

livihelgesen.com
Version 1.0

Created by Darian Scatton April 13th 2008
darian@edibleonion.com

----------------------------------------------- */


/* common
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fff7fc;
	font: small/1.5 Georgia, serif;
	color: #2c2c2c;
}

img {
	border: none;
}

ul, li, div, p, h1, h2 {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	background-image: none;
	line-height: normal;
}

a {
	color: #999;
	text-decoration: none;
}

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

.active {
	color: #b60;
}

.active:hover {
	color: #b60;
}

/*
a:hover {
	color: #b47743;
	border-bottom: 1px dotted #f8fce4;
}

*/
.clear {
	clear: both;
}
/*
hr {
	width: 470px;
	text-align: left;
	margin: 10px auto 10px 0;
}
*/

#wrapper {
	width: 739px;
	margin: 5px auto 0;
	text-align: center;
}


/* title
----------------------------------------------- */

#title-wrapper {
	margin: 0 auto;
	width: 100%;
	background: #edc;
	border-bottom: 1px solid #ccb;
	padding-bottom: 5px;
	padding-top: 5px;
}

#title-container {
	width: 739px;
	margin: 0 auto;
}

#header {
	text-align: right;
	float: left;
	width: 239px;
}

#title {
}

#title a {
	background: url("../images/liv-helgesen.gif") no-repeat;
	text-indent: -10000px;
	width: 239px;
	height: 49px;
	text-align: left;
	display: block;
}


/* nav
----------------------------------------------- */


#nav {
	float: right;
	margin-top: 10px;
	border: 1px solid #999;
	font-size: 88%;
	width: 237px;
	background: #444;
}

#nav li {
	display: inline;
}

#nav a {
	padding: 5px 10px 5px 10px;
	height: auto;
	display: block;
	float: right;
	white-space: nowrap;
	color: #eee;
	background: #444;
}

#nav a:hover {
	text-decoration: underline;
}

#updates .updatesLink, #info .infoLink, #gallery .galleryLink {
	color: #d60;
}


/* subnav
----------------------------------------------- */


#subnav {
	float: right;
	font-size: 95%;
	padding-bottom: 1em;
	margin-top: 1em;
	border-bottom: 1px dotted #987;
}

#subnav h2 {
	font-size: 100%;
	margin-bottom: 1em;
	width: 239px;
}

#subnav li {
	padding: 3px 0;
	width: 239px;
}

#subnav a {
	margin-right: 3px;
}


/* artThumbs
----------------------------------------------- */

#artThumbs {
	margin-top: 1em;
}


/* contact
----------------------------------------------- */

#contact {
	font-size: 88%;
	float: right;
	margin-top: 10px;
}

#contact p {
	width: 239px;
}


/* fluid content height
----------------------------------------------- */

*>#body {
 padding-top: 420px;
 min-height: 1px;
}

*>#body-wrap {
 margin-top: -420px;
}

/* for IE \*/

* html #body {
 	height: 395px;
 	margin-bottom: 20px;
	/*margin-top: 42px;*/
}

/* end hack */


/* content structure
----------------------------------------------- */

#content-home {
	margin: 20px;
}

#content {
	width: 470px;
	margin-top: 10px;
	text-align: left;
	float: left;
}

#body {
	margin-bottom: 20px;
	margin-left: 20px;
}

/*
.entry{
	margin-bottom: 50px;
}
*/


/* content style
----------------------------------------------- */

#content h1 {
	font-size: 125%;
	color: #333;
	font-weight: normal;
	margin-bottom: 1em;
	border-bottom: none;
	float: left;
	width: 470px;
	border-bottom: 1px dotted #987;
}

#content p {
	font-size: 95%;
	margin-bottom: 1em;
}

#body-home {
	float: right;
}

#body img {
	margin-bottom: 1em;
}

#gallery #body img {
	margin-bottom: 0;
}

.entry {
	margin-bottom: 4em;
}


#home .date {
	margin-right: 5px;
	margin-top: 1em;
	font-size: 70%;
	color: #ccc;
	/*border-top: 1px dotted #555;*/
	padding-top: 3px;
	background: #222;
}

.entryTitle, .imageTitle {
	float: left;
}

.entryDate {
	float: right;
	font-size: 60%;
	padding-top: 1em;
	font-weight: bold;
}

#imageNavWrap {
	width: 239px;
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #555;
}

.imageNav {
	float: right;
	font-weight: normal;
	font-size: 80%;
	padding-top: .25em;
	margin-right: 6px;
	text-align: right;
}

.imageNav .active {
	font-size: 133%;
}

#artTitle {
	width: 239px;
	background: #333;
	color: #eee;
	float: right;
}

#artTitle p {
	padding: 3px 6px;
}


/* gallery style
----------------------------------------------- */


#gallery #body img {
	border: none;
	margin-top: 0;
}

.thumbnail_row, .thumbnail_row_small {
	float: right;
	margin-top: 0;
	margin-bottom: 3px;
}

.thumbnail_row {
	width: 239px;
}

.thumbnail_row_small {
	margin-right: 3px;
}

.thumbnail_wrap {
	width: 59px;
	height: 60px;
	float: left;
}

.thumbnail_border {
	width: 55px;
	height: 60px;
	float: left;
}

.thumbnail_border a {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

.thumbnail_border a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.thumbnail_border .active {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.thumbnail {
	border: 1px solid #000;
}


.img_wrapper {
	background: url("../images/shadow.gif") no-repeat right bottom;
	float: left;
	position: relative;
}

.img_wrapper div {
	background: url("../images/mask.png") no-repeat left top !important;
	background: url("../images/mask.gif") no-repeat left top;
	padding: 0 5px 5px 0;
	float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img_wrapper img {
	background-color: #e7e7e8;
	border: 1px solid #6d6f71;
	z-index:0;
	position: relative;
}


/*
.link {
	padding-bottom: 10px;
	border-bottom: 1px dotted #444;
	font-size: 90%;
}

.link-a {
	font-size: 100%;
}

.default {
	margin-top: 27px;
	border: none;
}


/* footer
----------------------------------------------- */

#footer {
	float: left;
	text-align: right;
	width: 739px;
}

#footer p {
	font-size: 80%;
	text-align: right;
	color: #333;
	padding: 5px 0 8px 0;
	border-top: 1px dotted #987;
}

#footer a {
	color: #b60;
}

#footer a:hover {
	color: #333;
}