/* 
	This CSS document contains styles of a Decorative nature
	
	Typical usage:
    - Hip images
	- Text images
	- Border colours & styles
	- Background images
*/

/* DEV ONLY!!! - used for pixel perfect accuracy */
/*
body {
	background-image:url(../../template_v001.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
*/
#header {
	background:url(../../images/bg_header.jpg) 50% 0 no-repeat;
}

#nav {
	background:url(../../images/bg_nav.png) 0 0 repeat-x;
}
#nav li {
	background:url(../../images/nav_separator.gif) 100% 0 no-repeat;
}
#nav a {
	text-decoration:none;
}
#nav a:hover, #nav a.selected {
	background:url(../../images/nav_pointer.gif) 50% 100% no-repeat;
}

#content {
	background:url(../../images/bg_content.gif) 50% 0 repeat-y;
}
#content h2 {
	border-left:7px solid #900;
}
#content_watermark {
	background:url(../../images/page_watermark.gif) 50% 0 no-repeat;
}

#photo_wrapper {
	position:relative;
	float:left;
	padding-bottom:15px;
}
#sidebar>#photo_wrapper {
	background:url(../../images/bg_sidebar_footer.png) 0 100% no-repeat;
}
#photo_wrapper .title {
	width:263px;
	height:32px;
	margin:0;
	padding:0;
	margin-bottom:2px;
	border:none;		
}
#photo_wrapper .title span {
	position:absolute;
	left:0;
	background:url(../../images/sidebar_title_photos.gif) 0 0 no-repeat;
	width:263px;
	height:32px;
}
#photo_wrapper .content {
	float:left;
	width:256px; /* For IE6 */
	color:#CA0088;
	padding:5px 0 0 7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_sidebar.png', sizingMethod='scale');	
}
#photo_wrapper>.content {
	width:263px;
	background:url(../../images/bg_sidebar.png) 0 0 repeat-y;
}
#photo_wrapper .content p {
	margin:0;
	padding:0 10px;
}
#photo_wrapper .content .thumb {
	float:left;
	display:block;
	width:80px;
	height:84px;
	margin-right:5px;
	margin-bottom:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/thumb-border.png', sizingMethod='crop');
}
#photo_wrapper .content>.thumb {
	background:url(../../images/thumb-border.png) 0 0 no-repeat;
}

#photo_wrapper .thumb img {
	border:none;
	padding:12px 0 0 10px;
}

#footer {
	background:url(../../images/bg_footer.png) 50% 0 no-repeat;
}