/* 'Constant' declarations, which can be changed later */

.MainColour 
{
	background-color: #DDDDFF;
}

.MainBorder 
{
	border-color:  #DDDDFF;
}


body 
{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
}


em 
{
	font-style: italic;
}


h1 
{
	font-size: 16pt;
	margin: 5px 0px 10px 0px;
}

h2 
{
	font-size: 14pt;
	margin: 10px 0px 5px 0px;
}

h3 
{
	font-size: 12pt;
	margin: 10px 0px 5px 0px;
}

p 
{
	margin: 5px 0px 5px 0px;
}

strong 
{
	font-weight: bold;
}

li 
{
	margin-left: 10px;
}





/******** TEMPLATE STYLES *************/

.Header 
{
	width: 100%;
	text-align: center;
	border-bottom: 4px solid black;
	height: 60px;
}
.Header td 
{
	background-image: url(/Images/SiteTitleGradient.png);
	background-repeat: repeat-x;
	padding: 3px;
}
.SiteTitle 
{
	vertical-align: middle;
	font-size: 22px;
	font-weight: bold;
}
.SiteTitle img 
{
	width:35px;
	height:35px;
	vertical-align:middle;
}
.NavigationBar 
{
	text-align: center;
	vertical-align: middle;
}
.NavigationBar a
{
	font-weight: bold;
	padding:2px;
}
.NavigationBar a:link, .NavigationBar a:visited
{
	color: Black;
}
.NavigationBar a:hover 
{
	color: #880000;
}

.SearchBar 
{
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
}
.SearchBar input
{
	height: 18px;
	border: 1px solid black;
	font-size: 11px;
}


.LoginDiv, .LoggedInDiv
{
	float: right;
	margin: 2px 2px 10px 2px;
	font-size: smaller;
}






#contentDiv 
{
	margin: 10px 10px 10px 5px;
}

.SideColumn
{
	float:left;
	width:180px;
	margin-left: 0px;
}

.MainColumn 
{
	margin-left: 190px;
}

.SideColBox 
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
}

.SideColBox h2
{
	margin: 0px;
	padding: 2px;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(/Images/SiteTitleGradient.png);
}

.SideColBox .Content 
{
	padding: 2px 2px 5px 2px;
	border-right: solid 1px;
	border-bottom: solid 1px;
}

.SideColBox input, .SideColBox textarea
{
	font-size: 9pt;
}

#footer 
{
	clear: both;
	margin: 50px 5px 20px 5px;
	border-top: 1px solid #CCCCCC;
	font-size: x-small;
	text-align: right;
}

/******** HOMEPAGE STYLES *************/


.TitleTable
{
	clear: both;
	width: 100%;
}

.TitleTable td
{
	background-position: center center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align: top;
}

.PicwaImageTitle 
{
	margin: 0px auto 0px auto;
	padding: 3px;
	margin-top: 30px;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	width: 270px;
	filter:alpha(opacity=85);
	opacity: 0.85;
	text-align: left;
	font-weight: bold;
}


/******** PHOTO LISTING STYLES *************/


.PhotoThumbnail, .PhotoThumbnailSelected
{
	border: solid 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.PhotoThumbnailSelected 
{
	border-color: Red;
}

.PhotoThumbnail img, .PhotoThumbnailSelected img 
{
	background-color: White;
	padding: 7px;
}

.PhotoThumbnail:hover, .PhotoThumbnailSelected:hover
{
	border: solid 1px;
}




.CaptionDiv
{
	color: #000000;
	font-weight: bold;
	filter:alpha(opacity=60);
	opacity: 0.60;
	text-decoration: none;
	cursor: pointer;
	clip: rect(0px auto 20px 0px);
}


/******** VIEW PHOTO SCREEN *************/


.FullSizePhoto, .ReflectedPhoto 
{
}

.FullSizePhoto 
{
}

.FullSizePhoto img
{
	display: block;
	border: solid 2px black;
}

.ReflectedPhoto 
{
	padding-top: 5px;
	padding-left: 2px;
	z-index: -1;
	filter:alpha(opacity=30);
	opacity: 0.30;
}



.MorePhotosDiv 
{
	margin-top:20px;
}

.OtherPhotosDiv 
{
	width: 99%;
	height: 95px;
	margin-top: 5px;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}

.OtherPhotosDiv a, .OtherPhotosDiv img
{
	margin:0px;
	display:block;
}
.OtherPhotosDiv a 
{
	margin-right: 5px;
}


.PhotoDataDiv 
{
}

.PhotoDataDescription 
{
}

.PhotoDataDates 
{
	font-size: smaller;
}






/******** GENERAL STYLES *****************/


.Note
{
	font-size: smaller;
}


/******** ALBUM TREE DISPLAYER *************/

.AlbumTree 
{
	width: 100%;
}

.AlbumTree ul li 
{
	margin-left: 0px;
}

.AlbumTree ul li ul li 
{
	margin-left: 10px;
}


/******** USER PAGE STYLES *************/

.FriendsDiv 
{
	border: 1px solid #7777FF;
	padding: 3px;
	margin: 15px 5px 10px 0px;
}



/******** FRIENDS LISTER *************/

.GroupUl, .GroupUl li, .GroupUl li ul
{
	padding: 0px;
	margin: 0px;
}


/*************** ALBUM BROWSING **************/

.AdminBox 
{
	border: 1px solid red;
	padding: 3px;
	width: 170px;
}

.AdminBox h2
{
	padding:0px;
	margin: 0px 0px 5px 0px;
	font-size: 12pt;
	font-weight: bold;
}

/*************** COMMENTS **************/

.CommentsContainer 
{
	width: 100%;
}

.CommentsContainer h2
{
	
}



.CommentContent 
{
}

.CommentFooter 
{
	font-size: smaller;
}

.CommentBox, .CommentBoxHover, .CommentLoginBox, .AddCommentBox, .CommentLoginBoxHover, .AddCommentBoxHover
{
	margin: 10px 0px 10px 0px;
	border: 1px solid #DDDDFF;
	padding: 10px;
}

.CommentLoginBoxHover, .AddCommentBoxHover, .CommentBoxHover
{
	border: 1px solid #7777FF;
}



/*************** MESSAGES ******************/

.MessageContainer 
{
	margin: 5px 5px 25px 5px;
	border: 1px solid #FF7777;
	background-color: #FFDDDD;
}