@font-face {
	font-family: 'Quicksand';
	src: local('Quicksand'), 
		local('Quicksand'), 
		url('Quicksand_Light.otf') format('opentype');
}

@font-face {
	font-family: 'QuicksandBold';
	src: local('Quicksand'), 
		local('Quicksand'), 
		url('Quicksand_Bold.otf') format('opentype');
}

* {margin: 0;padding: 0;}

body {background-color: /*#89a7fc*/ #d6d3d3;font-family: Arial, Helvetica, sans-serif;color: #eee;font-size: small;}




div#header h1 {text-transform: lowercase;text-align: right;padding-top: 50px;font-family: 'Quicksand', Arial, Helvetica, sans-serif;}
#container {background-color: #555;margin: 0 auto;margin-top: 10px;width: 800px;padding-right: 10px;padding-bottom: 10px;}

#navigation {float: left;background-color: #555;padding: 0 5px;width: 100px;}

#content {float: left;background-color: #6a6a6a;height: 100%;width: 590px;padding: 10px 50px 10px 50px  /*10 150px 10px 50px*/;line-height: 25px;}

#content.gallery {width: 670px;padding: 10px;}

#content p {margin-bottom: 25px;}

#content h2 {color: #6685de;font-family: 'QuicksandBold', Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:1em;}

#content h3 {color: #9ba8cc;}

#content a {color: #eee;text-decoration: none;border-bottom: 1px dotted #eee;}

#content a:hover {color: #d2d2d2;border-bottom: 1px solid #d2d2d2;}

.entry p {padding-left: 50px;}

ul {padding-left: 20px;}

#navigation ul {list-style-type: none;margin-top: 0;width: 100px;margin: 0;padding: 0;}

#navigation li {padding: 0;}

/*this is a hack for IE6 which affects the navigation links.  After hovering over a link it will push the link 10px upwards.  This hack fixes stops this happening.
*/
* html li {margin-bottom: 10px;}

#navigation li a {text-decoration: none;display: block;height: 100%;padding: 10px;background-color: #cb4a4a;margin-bottom: 10px;color: #ffffff;border: 1px solid #555;}

#navigation li a:hover {background-color: #555;text-align: right;border: 1px dotted #fff;}

#navigation li a:active {text-decoration: underline;}

#navigation li a.active {background-color: #acc3a3;}

#navigation a img {border: 0; padding-left: 10px;}

#admin {float: right;}

#diaryform textarea {width: 300px;height: 100px;}

#diaryform input#heading {width: 300px;}

#diaryform label {font-weight: bold;}

.error {color: #ec8787;}

div.category_container {padding: 10px;border: 1px solid white;margin-bottom: 20px;}

	div#inside_container h2 {margin-bottom: 5px;}

	div#inside_container a {color: #9ba8cc;text-decoration: none;border: none;}

	div.category_container ul {width: 200px; float: left;}

	div.category_container li {margin: 0;padding: 0;}

	div.category_container img {float: right;margin: 0;margin-right: 5px;padding: 0;border: 1px solid black;background-color: #fff;padding: 5px;border: 0;}

ul.trip_data {margin: 0;padding: 0;}

ul.trip_data li {float: left;display: inline;border-right: 1px solid #ccc;line-height: 1em;font-size: 0.8em;height: 100%;color: #ccc;padding-right: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;}

ul.trip_data li.last_item {border: 0;padding-left: 5px;}

div.trip_content p {margin-top: 25px;margin-right: 100px; margin-bottom: 0;}

div#thumbnails a {border: 0;margin: 0;padding: 0;}

div#thumbnails a:hover {border: 0;}

div#thumbnails img {border: 1px solid #000;margin: 0;margin-bottom: 25px;padding: 5px;background-color: #fff;}

div#thumbnails img:hover {background-color: #2A0055;}

div#thumbnails img.horizontal {margin-right: 20px;margin-left: 0;}

div#thumbnails img.vertical {margin-left: 9.5px;margin-right: 29.5px;}	

div.trip_content {margin-bottom: 20px;background: url(trip-content-bg.gif) bottom left repeat-x;padding: 0 0 5px 5px;}

div.trip_content a.gallery {margin-top: 0;text-transform: uppercase;font-size: 0.8em;}

div#content.large_photo {float: right;}

#content.large_photo img {padding: 5px;background-color: #fff;border: 1px solid #000;}
	#content.large_photo img.horizontal {margin-left: 28.5px;}
	#content.large_photo img.vertical {margin-left: 95px;}

#content.large_photo h2 {margin-bottom: 10px;}

#content.large_photo a {margin-right: 20px;font-size: 1.2em;}

#content.large_photo a.bread_crumb {margin: 0;font-size: 0.9em;}

#content .breadcrumb {list-style-type: none; padding-left: 0; margin-bottom: 10px;}
	#content .breadcrumb li {float: left; padding-left: 10px;}
	#content .breadcrumb li.first {padding-left: 0;}
		#content .breadcrumb li a {display: block; margin: 0 10px 0 0; padding: 0 0 3px 0; font-size: 0.9em; line-height: 0.9em;}

#photo_data {font-weight: bold; text-align: center;}

.strike {text-decoration:line-through;}

/* CLEARING -------------------------------------------------------------------------*/

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;height: 1%;}

/* hide from IE-mac \*/.clear{display:block;}/* end hide from IE-mac */	
div.clearer {clear: both; line-height: normal; height: 0; }