/* COLOR CONSTANTS
Main Background: #341600
Border/Text: #a9744d
*/

body {
	background-color: #1C3D59;
	text-align: center;
	margin: 8px;
}

/* NAVIGATION TABS */
.navbar {
	width: 952px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.navbar ul {
	text-align: left;
	padding: 3px 0;
	margin: 0.1em 0px 0px 0px;
	font: bold 12px Verdana;
}
.navbar ul li {
	list-style: none;
	display: inline;
	margin: 0;
}
.navbar li a {
	text-decoration: none;
	padding: 3px 8px;
	margin-right: 3px;

	color: #e9d3a2;
	background-color: #291a0d;

	border: solid #cf9669 1px;
	border-bottom: none;
}
.navbar li a:hover {
	color: #7eb0cc;
	background-color: #1D1209;
}
.navbar li a.active {
	color: #7eb0cc;
	background-color: #1D1209;
}

/* CENTERED DOCUMENT */
.main {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;

	width: 950px;
	
	background-color: #291a0d;
	border: solid #cf9669 1px;

	font: normal 12px/200% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	color: #e9d3a2;

	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.content {
	float: left;
	width: 713px;
	border-right: 225px solid #1D1209; /* width and color of sidebar to create column that goes to bottom */
	background-color: #291a0d;

	margin: 0px -225px 0px 0px; /* allows sidebar to overlap border area that creates color to the bottom */
	padding: 0px 0px 10px 12px;
}
.content a { /* MAKE LINKS BLUE AND TASTY */
	color: #7eb0cc;
	border: none;
	text-decoration: none;
}
.content a:hover {
	border-bottom: 1px solid #7eb0cc;
}
.content h1 { /* TITLE */
	font-family: times, Times New Roman, times-roman, georgia, serif;
	margin: 0px 10px 4px 0px;
	font-size: 42px;
	line-height: 50px;
	letter-spacing: -2px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #7eb0cc;
}
.content h2 { /* SUBTITLE */
	font-family: times, Times New Roman, times-roman, georgia, serif;
	margin: 6px 10px 0px 0px;
	font-size: 21px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
.content .article_body h2 { /* SUBTITLE */
	margin: 0px 0px 0px 0px;
}
.content h3 { /* BYLINE AND INTERNAL LINKS */
	font: normal 18px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 6px 0px 6px 0px;
}
.content h4 { /* DATE */
	font: normal 11px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	margin: 10px 10px 6px 2px;
}

/* COMMENT SECTION */
.comments li {
	font: normal 8pt/110% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	margin-bottom: 0.5em;
}

/* SIDEBAR */
.sidebar {
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
	width: 210px;
	font: normal 8pt/130% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	background-color: #1D1209;
}
	
.sidebar h3 {
	font: normal 18px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	letter-spacing: -1px;
	margin: 12px 0px 12px 0px;
	padding: 0px;
	text-align: center;
	color: #e9d3a2;
	text-transform: lowercase;
}
.sidebar h3 a {
	color: #7eb0cc;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: none;
}
.sidebar h3 a:hover {
	color: #7eb0cc;
	border-bottom: 1px solid #7eb0cc;
}

.sidebar h4 {
	font: normal 11px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	letter-spacing: -1px;
	margin: 0.5em 0px 0px 0.5em;
	font-weight: bold;
}
.sidebar h4 a {
	color: #7eb0cc;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: none;
}
.sidebar h4 a:hover {
	color: #7eb0cc;
	border-bottom: 1px solid #7eb0cc;
}

/* SEARCH BAR */
.search_bar {
	width: 170px;
	height: 20px;

	margin: 10px auto 0px auto;
	padding: 0px;

	border: solid #cf9669 1px;
	background-color: #291a0d;
}
.search_bar .search_text {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	height: 16px;
	background: none;
	border: none;
	color: #e9d3a2;
}
.search_bar .glass {
	border: none;
	height: 16px;
	width: 16px;
	
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.comment_form .textinput {
	margin: 4px auto 0px auto;
	padding: 0px;

	border: solid #cf9669 1px;
	background-color: #291a0d;
	color: #e9d3a2;
}
.comment_form .email {
	display: none;
}

#comment_block {
	display: none;
}

/* ARTICLE */
.article {
	float: left; /* prevents the items on the essays page from running into each other */
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.article .article_body {
	margin: 5px 15px 0px 0px;
}
.article .article_body p {
	margin-top: 0.3em;
}
.article .article_body .dropcap {
	font-family: georgia, times;
	float: left;
	font-size: 76px;
	line-height: 72px;
	font-weight: normal;
	color: #7eb0cc;
	padding-right: 5px;
}
.article .article_body .media {
	float: right;
	padding: 3px;
	margin: 5px 0px 7px 10px;
	text-decoration: none;
	text-align: left;
}
.article .article_body .media a:hover {
	border: none;
}
.article .article_body .media a:hover img {
	border: 1px solid #7eb0cc;
}
.article .article_body .media p {
	font: italic 10px/100% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	color: #e9d3a2;
	margin-bottom: 0px;
}
.article .article_body .album {
	float: right;
	padding: 3px;
	margin: 5px 0px 7px 10px;
	text-decoration: none;
	text-align: left;
}
.article .article_body .album a:hover {
	border: none;
}
.article .article_body .album a:hover img {
	border: 1px solid #7eb0cc;
}
.article .article_body .album p {
	font: italic 10px/100% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	color: #e9d3a2;
	margin-bottom: 0px;
}


.article .article_body .photo_bar {
	float: right;
	padding: 3px;
	margin: 5px 0px 7px 10px;
}
.article .article_body .photo_bar .media {
	float: none;
}
.article .article_body .photo_bar .album {
	float: none;
}

.article .article_body img {
	border: solid #cf9669 1px;
}
.article .article_body iframe {
	border: solid #cf9669 1px;
}

.article .article_body .intro {
	color: #cf9669;
	font-style: italic;
	line-height: default;
	margin: 10px 0px 10px 0px;
}
.article .article_body .intro a {
	color: #cf9669;
	border-bottom: 1px dashed #cf9669;
}

.article .article_body p a {
	color: #e9d3a2;
	text-decoration: none;
	padding-left: 0px;
	background: none;
	border-bottom: 1px dashed #e9d3a2;
}
.article .article_body p a:hover {
	color: #7eb0cc;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #7eb0cc;
}

.article .travel_tips {
	float: right;
	font: normal 8pt/110% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	width: 35%;
	margin: 10px 10px 10px 10px;
	border: 1px dashed #cf9669;
	padding: 10px 5px 5px 5px;
}
.article .travel_tips h2 {	
	font: normal 8pt Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7eb0cc;
}
.article .travel_tips ul {
	margin: 15px 15px 10px 20px;
	padding: 0px;
}
.article .travel_tips ul li {
	margin-top: 3px;
}
.article .travel_tips ul li a {
	font: normal 8pt/110% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	text-transform: none;
	letter-spacing: normal;
}
.article .pullquote {
	float: right;
	font: bold 18px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	width: 35%;
	margin: 10px 10px 10px 10px;
	border: 1px dashed #cf9669;
	padding: 8px;
}

/* USEFUL FOR LATER: <ul class='essay_toc'><li><a href='/essays/'>1</a></li><li><a href='/essays/'>2</a></li><li>3</li><li>4</li></ul> */
.article .article_body .essay_toc {
	float: right;
	padding: 1em;
	margin: 0px;
}
.article .article_body .essay_toc li {
	list-style: none;
	display: inline;
	text-align: center;
	margin: 3px;
	padding: 2px;
	border: 1px solid;
	width: 2em;
	font: bold 12px Verdana;
}
.article .article_body .essay_toc li a {
	font: bold 12px Verdana;
}

.page_control {
	float: right;
	text-align: left;
	padding: 3px 0;
	margin: 0.1em 0px 0px 0px;
	font: bold 12px Verdana;
}
.page_control li {
	list-style: none;
	display: inline;
	margin: 0;
}
.page_control li a {
	text-decoration: none;

	color: #e9d3a2;
	border: solid #cf9669 1px;

	margin: 1px;
}
.page_control li a:hover {
	color: #7eb0cc;
	background-color: #1D1209;
}
.page_control li a.active {
	color: #7eb0cc;
	background-color: #1D1209;
}

.header {
}
.header img {
	border: none;
	border-bottom: solid #cf9669 1px;
}
.header p {
	position: absolute;
	height: 16px;
	top: 452px;
	right: -1px;
	color: #e9d3a2;
	background-color: #291a0d;
	font: italic 10px/100% Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	padding: 3px 6px 3px 6px;
	margin: 0px;
	border: solid #cf9669 1px;
}
.header p a {
	color: #e9d3a2;
	text-decoration: none;
	padding-left: 0px;
	background: none;
	border-bottom: 1px dashed #e9d3a2;
}
.header p a:hover {
	color: #7eb0cc;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #7eb0cc;
}
.search {
}
.search img {
	float: left;
	margin: 0px 10px 0px 2px;
	border: solid #cf9669 1px;
}

/* SIDEBAR ADS */
.sidebar .sidebar_ad {
	min-height: 100px;
	margin-bottom: 20px;
}
.sidebar .sidebar_ad h4 {
	font: bold 16px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 0px 0px 5px 0px;
	text-align: left;
}
.sidebar .sidebar_ad p {
	margin: 0px;
}
.sidebar .sidebar_ad img {
	float: right;
	position: relative;
	border: solid #cf9669 1px;
	margin: 5px 0px 0px 0px;
	left: 10px;

	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.sidebar .sidebar_ad img:hover {
	border: solid #7eb0cc 1px;
}
.sidebar .sidebar_section {
	margin-bottom: 30px;
}
.sidebar .sidebar_section a { /* MAKE LINKS BLUE AND TASTY */
	color: #7eb0cc;
	border: none;
	text-decoration: none;
}
.sidebar .sidebar_section a:hover {
	border-bottom: 1px solid #7eb0cc;
}

/* SIDEBAR LISTS */
.sidebar ul {
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0;
}
.sidebar ul li {
	margin: 10px 0px 0px 0px;
}
.sidebar ul li h4 {
	font: bold 16px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

.essay_ads {
	clear: both;
}
.essay_ads table {
	margin: 0 auto; 
	text-align: left;
	border: solid #cf9669 1px;
}
.essay_ads table td {
	text-align: left;
	font: normal 12px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	padding: 8px;
	width: 252px;
	vertical-align: top;
}
.essay_ads table td img {
	float: right;
	border: solid #cf9669 1px;
	margin: 2px;
}
.essay_ads table td img:hover {
	border: solid #7eb0cc 1px;
}
.essay_ads h3 {
	font: bold 20px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 2px 0px 4px 0px;
	padding: 0px;
}
.essay_ads h4 {
	font: bold 11px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
.essay_ads p {
	font-size: 11px;
	margin: 0px;
}

.top_story {
	float: left;
	width: 340px;
}

/* PHOTOGRAPHY */
.article_body .phototiles {
	height: 1%; /* activating hasLayout fixes an IE7 only bug where random extra space is added */
	margin: 20px auto 0px auto;
	clear: left;
}
.article_body .phototiles img {
	border: solid #cf9669 1px;
	margin: 2px;
	float: left;
}
.article_body .phototiles img:hover {
	border: 1px solid #7eb0cc;
}

.article_body .phototiles .album {
	float: left;
	width: 230px;
	height: 165px;

	margin: 6px;
	padding: 0px;
	text-decoration: none;
}
.article_body .phototiles .album img {
	margin: 2px;
	border: solid #cf9669 1px;
}
.article_body .phototiles .album p {
	font: italic 10px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	color: #e9d3a2;
	margin: 0px;
	text-align: center;
}

.article_body .album_frame {
	position: relative;
	text-align: center;
	margin-top: 10px;
}
.article_body .album_frame .media {
	float: none;
	margin: 0px auto 0px auto;
}
.article_body .album_frame .media img {
	margin: 0px;
}
.article_body .album_frame a {
	padding-left: 0px;
	border: none;
}
.article_body .album_frame a:hover {
	border: none;
}
.article_body .album_frame .navigation {
	display: none;
	position: absolute;
	right: 10px;
}
.article_body .album_frame:hover .navigation {
	display: block;
}
.article_body .album_frame .navigation img {
	border: none;
	margin: 10px 0px 4px 0px;
	vertical-align: -7px;
}
.article_body .album {
	text-align: center;
}
.article_body .album .media {
	float: none;
}

/* TRIPS */
.article_body .triptiles {
	height: 1%; /* activating hasLayout fixes an IE7 only bug where random extra space is added */
	clear: left;
	margin: 10px -30px 0px 0px;
	padding: 0px;
}
.article_body .triptiles .triptile {
	float: left;
	width: 342px;

	margin: 4px 7px 0px 0px;
	padding: 4px;
	text-decoration: none;
}
.article_body .triptiles .triptile img {
	float: right;
	margin: 3px 0px 0px 5px;
	border: solid #cf9669 1px;
}
.article_body .triptiles .triptile img:hover {
	border: solid #7eb0cc 1px;
}
.article_body .triptiles .triptile h3 {
	font: bold 18px times, Times New Roman, times-roman, georgia, serif;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 0px 0px 5px 0px;
	text-align: left;
}
.article_body .triptiles .triptile h4 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 0px 0px 4px 0px;
}
.article_body .triptiles .triptile p {
	font-size: 11px;
	line-height: 1.1em;
	margin: 0px;
}

/* CREDITS */
.footer {
	clear: both;
	background-color: #1D1209;
	border-top: solid #cf9669 1px;
}
.footer p {
	clear: left;
	font: italic 12px Verdana, "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	margin: 0px;
	padding: 6px;
	text-align: center;
}
.footer p a {
	color: #e9d3a2;
	text-decoration: none;
	padding-left: 0px;
	background: none;
	border-bottom: 1px dashed #e9d3a2;
}
.footer p a:hover {
	color: #7eb0cc;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #7eb0cc;
}

.noshow {
	display: none;
}

/* ALBUM EDITING */
.edittiles {
	height: 100%;
}
.edittiles img {
	float: left;
	border: 1px solid green;
	margin: 2px;
}
.edittiles li {
	float: left;
	list-style-type: none; 
	width: 100px; 
}
.edittiles li.private img {
	border: 1px solid red;
}
.edittiles li.cover img {
	border: 1px solid yellow;
}
.edittiles li p {
	position: absolute;
}
.edittiles li:hover p span {
	display: block;
	position: absolute;
	width: 150px;
	left: 75px;
}
.edittiles li p span {
	display: none;
	font-size: 10pt;
	background-color: #291a0d;
	border: 1px solid black;
}
.edittiles input {
	width: 140px;
	font-size: 7pt;
}

.banner_ad {
	clear: left;
	text-align: center;
}

.trip_ideas {
	margin: -20px 0px 0px 0px;
	padding: 0px;
}
.trip_ideas th {
	font: bold 16px times, Times New Roman, times-roman, georgia, serif;
	margin: 6px 10px 0px 0px;
	letter-spacing: -1px;
	padding: 5px 5px 0px 5px;
	text-align: right;
	vertical-align: top;
	text-transform: lowercase;
}
.trip_ideas h2 {
	font-size: 28px;
}
.trip_ideas td {
	padding: 5px;
	vertical-align: top;	
	text-transform: lowercase;
}
.trip_ideas td ul {
	margin-top: 5px;
	padding: 0px;
}
.trip_ideas td ul li {
	margin-bottom: 6px;
	list-style: none;
	line-height: 1.2em;
}
.trip_ideas td img {
	margin-top: 6px;
}
.trip_ideas .continent {
	text-align: left;
	vertical-align: bottom;
	padding-top: 25px;
}