﻿h1  
{
    color : #7a2e40;
    margin: 0px 0px 10px 0px;
    padding-bottom : 10px;
    font : normal 17px Georgia, serif;
    border-bottom : 1px solid #efece7;
}
    
h2 
{
    color : #7a2e40;
    margin : 20px 0 10px;
    padding-bottom : 10px;
    font : normal 17px Georgia, serif;
    border-bottom : 1px solid #efece7;
}
h6
{
    margin: 0px;
    font-weight: bold;
    font-size: 13px;
    font-family: verdana, sans;
}



body
{
    font : normal 12px/1.6em Arial, Helvetica, sans-serif;
    color : #2a3845;
    margin : 0;
    padding : 0;
    background:#FFFfff;
}

.wrapper
{
    margin: 0 auto;
    width: 850px;
    border-left: 1px solid #f0e9eb;
    border-right: 1px solid #f0e9eb;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #f0e9eb;
    border-bottom-color: #f0e9eb;
    border-left-color: #f0e9eb;
}

.header
{
    margin: 0;
    color: #FFFFFF;
}
.bg 
{
    height : 25px;
    background : url(images/bg.gif) repeat-x;
    }
.nav
{
    background: #990033;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navdiv 
{
    float: right;
    
    }
.left-column
{
    width: 580px;
    padding: 0px 5px 10px 5px;
    float: left;
}

.right-column
{
    margin: 0px;
    padding: 0px 5px 10px 5px;
    width: 240px;
    float: right;
    text-align: right;
    vertical-align: top;
}

.footer
{
    background: #f7f7f7;
    border-top: 1px solid #f0e9eb;
    padding: 10px 15px;
    clear: both;
    height: 20px;
}

.side-table
{
    text-align: Right;
    width: 100%;
}

.main-image
{
    text-align: center;
    top: 0px;
    
}

.sidebar
{
    padding: 35px 0px 0px 0px;
    background: url('images/shadow.jpg') no-repeat 50% top;
    vertical-align: top;
    text-align: right;
    height: 100%;
}

.box
{
    background: #f7f7f7;
    border: 1px solid #f0e9eb;
    padding: 10px;
    text-align: justify;
}


   /* albumet */
   
   #albums {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 570px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel
{
    margin: 10%;
    width: auto;
    text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 560px;
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}





/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}