/*
Website Name: 	Brendalogy
Website URL: 	http://www.brendalogy.net
Design Author: 	Brenda Nicole Tan

All design and content on this site is Copyright Brenda Tan, All Rights Reserved.
*/


/* ---------- BODY & CONTAINERS ---------- */

body {
	background : #000000;
	font-family : Georgia, serif; 
	font-size : 9.5pt;
	color : #DDDDDD; 
	text-align: center; 	/* Auto center positioning in IE (For Firefox, ref container) */
	margin : 0px;
	padding: 0px;
}

.container {
	width : 950px;
	overflow: hidden;
	position : relative;
	margin : 20px auto 30px auto;	/* Auto center positioning in Firefox */
	padding: 0px;
	text-align : left;
	clear:left;
}



/* ---------- DEFAULT SETTINGS ---------- */

p {
	margin : 0px;
	padding : 6px 0 6px 0;
	line-height: 1.7;
}

br {
	line-height: 1.7;
} 

img {
	border : 0px
}

a:link {
	color : #FF6600; 
	text-decoration : none; 
} 

a:visited {
	color : #FF6600; 
	text-decoration : none; 
} 

a:hover {
	color : #FF3300;
	text-decoration : none; 
} 

input, textarea, select {
	font-family : georgia, serif;
	font-size : 9.0pt; 
	color : #000000; 
	background-color : #FFCC33;
	border : 4px solid #FFCC33;
	margin-top : 4px;
	margin-bottom : 4px;
	margin-right : 2px;
	margin-left : 2px;
}


abbr {
	font-size : 9.0pt;
	border-bottom: 1px dotted #003333;
}


/* ---------- TEXT HEADERS ---------- */

h1 {
	position: absolute;
	visibility: hidden
}

h2 {
	width : 100%;
	color : #FFFFFF;
	font-size : 15pt;
	text-align : left;
	padding : 0px;
	margin : 0 0 5px 0;
}

h3 {
	width : 100%;
	color : #A5A5A5;
	font-size : 13pt;
	text-align : left;
	padding : 0px;
	margin : 0 0 10px 0;
}

/* ---------- COLUMNS ---------- */

.leftcolumn {
	width : 70%;
	float : left;
}

.rightcolumn {
	width : 25%;
	margin : 0 0 0 10px;
	float : left;
}


/* ---------- HEADER ---------- */

.header {
	background: url(images/header.jpg);
	width : 100%;
	height : 140px;
	margin : 0 0 10px 0;
	padding : 0px;

}

/* ---------- NAVIGATION ---------- */

.navigation {
	width : 550px;
	background : #2F2F2F;
	margin : 0 0 15px 9%;
}

	.navigationtop {
		width : 100%;
		background : url(images/navigation-top.jpg);
		height : 11px;
		margin : 0px;
		padding : 0px;
	}

	.navigationbottom {
		width : 100%;
		background : url(images/navigation-bottom.jpg);
		height : 11px;
		margin : 0px;
		padding : 0px;
	}	
	
	.navigationbody {
		width : 100%;
		margin : 0px;
		padding : 0px;
		text-align : center;
		font-size : 12pt;
		color : #FFFFFF;
		text-transform : uppercase;
	}
		

/* ---------- PHOTO DISPLAY ---------- */

.photodisplay {
	width : 100%;
	margin : 0 0 10px 0;
	padding : 0px;	
	text-align : center;
}

	.photodisplay img {
		border: 8px solid #FFFFFF;
	}

/* ---------- PHOTO DETAILS ---------- */

.photoinfo {
	width : 100%;
	background : #121212;
	padding : 15px 0 15px 0;
	border : 1px dashed #5D5D5D;
}

	.photoinfo h2 {
		width: 90%;
		margin : 0 4% 3px 4%;
		padding : 0px;
		font-size : 15pt;
		color : #CC0000;
		text-transform : uppercase;
		font-weight : bold;
		text-align : left;
	}

	.photodatetime {
		width : 90%;
		font-style : italic;
		color : #FFFFFF;
		text-align : left;
		margin : 0 4% 0 4%;
	}

	.photodescription {
		width : 75%;
		margin : 20px 4% 20px 10%;
		padding : 0px;
		text-align : justify;
	}

	.photospecs {
		width : 90%;
		margin : 0 4% 0 4%;
		padding : 0px;
		color : #FFFFFF;
		font-size : 8pt;
		text-align : left;
	}

/* ---------- PHOTO THUMBNAILS ---------- */

/* Sidebar */

.thumbnaillist {
	background : #CCCCCC;
	width : 230px;
	margin : 0 0 0 15px;
}

	.thumbnailtop {
		background : url(images/thumbnail-top.jpg);
		width : 100%;
		height : 40px;
		margin : 0px;
		padding : 0px;
	}
	
	.thumbnailbottom {
		background : url(images/thumbnail-bottom.jpg);
		width : 100%;
		height : 14px;
		margin : 0px;
		padding : 0px;
	}
	

	.thumbnaillist img {
		padding : 3px;
		background : #FFFFFF;
		border: 1px solid #000000;
		margin : 0 30px 8px 30px;
	}
	
	.thumbnaillist img:hover {
		background : #000000;	
	}
	
/* Archive Browse */

.archivelist {
	width: 90%;
	margin : 16px 0 0 10%;
}

	.archivelist img {
		padding : 3px;
		background : #FFFFFF;
		border: 1px solid #000000;
		margin : 0 10px 10px 0;
	}
	
.archivedropdown {
	width : 100%;
	text-align : center;
}

	.archivedropdown input, textarea, select {
		font-family : georgia, serif;
		font-size : 9.0pt; 
		color : #000000; 
		background-color : #FFCC33;
		border : 4px solid #FFCC33;
		margin-top : 4px;
		margin-bottom : 4px;
		margin-right : 2px;
		margin-left : 2px;
	}
	
	
/* ---------- BODY TEXT ---------- */

.information {
	width : 100%;
}

	.information h2 {
		width: 100%;
		margin : 0 0 3px 0;
		padding : 0px;
		font-size : 15pt;
		color : #CC0000;
		text-transform : uppercase;
		font-weight : bold;
		text-align : left;
	}
	
	.information p {
		text-align : justify;
	}
	
/* ---------- FOOTER ---------- */

.footer {
	width : 100%;
	height : 55px;
	background :#CCCCCC;
	padding : 0px;
	margin : 0px;
}

	.footer p {
		font-size : 8pt;
		text-align : right;
		color : #131313;
		margin : 0 10px 0 0;
		text-transform : uppercase;
	}
	
	
/* ---------- ALIGNMENTS ---------- */

.center {
	text-align : center;
}


/* ---------- CODE NOTES ---------- */
/* IMPT: ul, li and p tags collapse top margins, so use padding to define top and bottom margins for these elements */
/* All element widths are in dynamic percentages of the standard holding divs - maincontent, sidebars, headers ... etc - except comment list and comment form divs */