html { height: 100% }
body { font-size: 17px; font-family: "Segoe UI", "Helvetica"; line-height: 20px; background-color: Black; color: White; margin: auto auto; min-width: 960px; max-width: 1500px; height: 100%; text-align: center; }
ul { list-style-type: square; margin: 0px; }
li { color: #3a444d; }
li p { color: white; margin: 0px 0px 3px 3px; }
sup { vertical-align: top; font-size: 0.6em; }
a { color: #6699CC; text-decoration: none; }
a:hover { color: #6699CC; text-decoration: underline; }
p { font-size: 20px; line-height: 24px; margin: 0px 10px 20px 0px; }
img { border: none; }
.header_section { font-size: 18px; color: rgb(102,153,204); margin: 20px 0px 8px 0px; }
#navigation_bar { float: left; list-style: none; background-color: rgba(0,51,102,0.5); width: 100%; max-width: 1500px; z-index: 1; position: absolute; top: 0px; }
#navigation { float: left; list-style: none; padding-left: 0px; }
#navigation li { float: left; padding: 10px 15px 10px 15px; }
#navigation li a { color: #dfdfdf; }
#navigation li selected { }
#contact { float: right; margin: 8px 8px 0px 0px; }
#main-content { min-height: 400px; padding: 10px; width: auto; background-color: rgb(0,10,20); }
#main-content  li { font-size: 20px; line-height: 24px; }
#photo { width: 356px; min-height: 400px; float: right; padding: 10px; }
#sydney { max-width: 100%; min-width: 960px; margin: 0px; }
#sydney_div { text-align: left; background-color: rgba(0,51,102,0.5); } 

@media screen and (max-width: 1280px) {
	#navigation li { font-size: 80%; padding: 10px 8px 10px 8px; }
}

/*
@media screen and (max-width: 1180px) {
	#navigation li { font-size: 85%; padding: 10px 8px 10px 8px; }
}

@media screen and (max-width: 1120px) {
	#navigation li { font-size: 80%; padding: 10px 8px 10px 8px; }
}
*/

@media screen and (max-width: 1024px) {
	#navigation li { font-size: 75%; padding: 10px 5px 10px 5px; }
}

@media screen and (max-width: 959px) {
	body { min-width: 0px; }
	#contact { position: absolute; top: 0px; right: 0px; }
	#navigation { float: none; width: auto;}
	#navigation li { font-size: 90%; float: none; margin-bottom: 4px; margin-left: 0; padding: 2px 4px 2px 4px; }
	#main-content { width: auto; margin-right: 0px; margin-top: 96px; min-height: 200px; }
	#photo { width: auto; float: none; min-height: 0; margin-top: 200px; margin-bottom: -10px; background-color: rgb(0,10,20); }
	#sydney { min-width: 0px; max-width: 100%; }
	#sydney_div { margin-bottom: -100px; }
	#quotation { visibility: hidden; }
}

@media screen and (max-width: 640px) {
	#sydney { min-width: 0px; max-width: 640px; }
	#sydney_div { overflow: hidden; }
	#quotation { visibility: hidden; }
}


/* /////  FAVORITES  ////////////////////////////////////////////////////////////////// */

/* div around the whole fave entry */
.FaveFrame
{
	width: 100%;
	float: left;
	padding: 5px 5px 20px 5px;
}

/* div around the fave image */
.FaveImageFrame
{
	width: 125px;
	min-width: 125px;
	float: left;
	text-align: center;
}

/* div around fave texts: title and description */
.FaveTextFrame
{
	width: calc(100% - 145px);
	width: -moz-calc(100% - 145px);
	padding-left: 15px;
	float: left;
}

/* div around the fave title */
.FaveTitleFrame
{
}


.FaveTitle
{
	font-weight: bold;
	color: white;
}


.FaveDescription
{
	font-size: 90%;
	color: #c0c0c0;
	margin-top: 8px;
}