/* CSS Document */

	.view div.left {
		float: left;
		width: 345px;
	}
	
	.view div.right {	
		float: right;
		width: 445px;
	}


/* home */

	.home h1, .roadtrip h1 {
		font-size: 2em;
		margin-left: 30px;
		margin-bottom: 10px;
	}
		.view h1 a {
			background-color: #ff0;	
			color: #000;
		}
		
		.view h1 a:hover {
			background-color: #ffc;	
			color: #898989;
		}
	
	.home .introduction .label {
		margin-bottom: 1em;
	}
	
	.home .friends .label {
		margin-bottom: 1em;
		color: #898989;
	}
		.home .friends .list {
			line-height: 1.2em;
			font-size: 1.1em;
			
		}
	.home .ideas {

	}
	.home .ideas h1 {
		background-image: url(/views/limits/images/ui/baige_bar.png);
		background-repeat: repeat-x;
		background-position:0 55%;
		/*color: #898989;*/
	}
	
	.home .ideas .blurb p {
		margin-left: 30px;	
	}
	
		.home .ideas .blurb p.smallprint {
			font-size: 0.9em;
			font-style: italic;
			margin: 0 45px 2em 30px;
		}
		.home .ideas .list {
			background-position: 0 5px;	
		}
		.home .ideas .list dl {
			margin-bottom: 10px;
			color: #898989;
			margin-left: 10px;
		}
			.home .ideas .list dl dt {
				font-size: 1.25em;
				font-weight: bold;
				margin-bottom: 5px;
			}
				.home .ideas .list dl dt a {
					color: #000;
					background: #ff0;
				}
					.home .ideas .list dl dt a:hover {
						background-color: #000;
						color: #ff0;
					}
			
			.home .ideas .list dl dd {
				font-size: 0.9em;
				line-height: 1em;
				margin-left: 20px;
			}
	
	.home .twitter .label {
		margin-bottom: 10px;
	}
		.home .twitter .story {
			color: #898989;
		}
		.home .twitter .time {
			border-bottom: 1px dotted #898989;
			padding-bottom: 15px;
		}
		
	/* roadtrip */
	.roadtrip h1 {
		margin-bottom: 5px;	
	}
		.roadtrip .dates {
			margin-left: 30px;
			margin-bottom: 20px;
		}
		
	.roadtrip p.bar {
	}
	
	
	.roadtrip .nav {
		background-color: #ffc;
		margin-bottom: 20px;
	}
	
		.roadtrip .nav .point {
			text-transform: uppercase;
			float: left;
			margin-bottom: 10px;
			font-size: 0.80em;
			line-height: 8px;
			margin: 0;
			font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		.roadtrip .nav .point a {
			display: block;

		}
		
	.roadtrip .location {
		color: #898989;	
		margin-bottom: 10px;
		background-position: 0 2px;
	}
		.roadtrip .location .start {
			float: left;
			width: 43%;
		}
		
		.roadtrip .location .direction {
			float: left;
			width: 5%;
		}
		
		.roadtrip .location .end {
			float: right;	
			width: 48%;
		}
		
	.roadtrip .story {
		margin-left: 30px;	
	}
	
	.roadtrip .map {
		background-color: #f6f6f6;
		padding: 5px;
		margin-bottom: 5px;
	}
	.roadtrip .fotos .title {
		float: left;
	}
	
	.roadtrip .fotos .navigate {
		float: right;
		font-weight: bold;
	}
		.roadtrip .fotos .navigate span {
				display: block;
				float: right;
				font-size: 1.1em;
				line-height: 8px;
				font-family: Arial, Helvetica, sans-serif;
		}
		
		.roadtrip .fotos .navigate .total {
			margin: 0 20px;	
			
		}
		
		.roadtrip .fotos .foto {
			padding: 7px;
			background-color: #f6f6f6;
			margin: 10px 0;
			width: auto;
			margin-left: 30px;
		}
		
		.roadtrip .fotos .foto img {
			max-width: 800px;
			/*height: auto;*/
			
		}
		
		.roadtrip .fotos .foto .hold {
			background-image: url(/views/limits/images/ui/yellow_bar.png);
		}
		
		.roadtrip .fotos .copyright {
			font-family: Arial, Helvetica, sans-serif;
			width: 400px;
			
		}
			.roadtrip .fotos .copyright em {
				font-size: 1.1em;
				margin-top: 5px;
				display: block;
				margin-left: 5px;
			}
		.roadtrip .fotos .copyright em {
			line-height: 1.1em;
		}
	
		
		
	/* timeline */
	.roadtrip .timeline .days {
		margin-top: 10px;
	}
		.roadtrip .timeline .days .day {
			float: left;	
			font-weight: bold;
		}
			.roadtrip .timeline .days .day .date {
				display: none;	
				background-color: #ffc;
			}
				.roadtrip .timeline .days .selected .date {
					display: block;
				}
				
				.roadtrip .timeline .days .selected a {
					color: #000;
				}
				
				.roadtrip .timeline .days .selected:hover .date {
					background-color: #ff0;	
				}
		
		.roadtrip .timeline .days_tweets {
			max-height: 348px;
			overflow: hidden;
		}
			.roadtrip .timeline .days_tweets .day_tweets {
				display: none;	
			}
				.roadtrip .timeline .days_tweets .selected {
					display: block;	
				}
		
		.roadtrip .timeline .days_tweets .day_tweets {
			background-color: #f2f2f2;
			padding: 10px 10px 5px 10px;
		}
		
		
		.roadtrip .timeline .days_tweets .day_tweets .tweet  {
			background-color: #fff;
			margin-bottom: 5px;
			padding: 5px;
		}
		
			.roadtrip .timeline .days_tweets .day_tweets .odd  {
				background-color: #f7f6f6;	
			}
		
			.roadtrip .timeline .days_tweets .day_tweets .tweet .left {
				float: left;
				width: 52px;
			}
			
			
				.roadtrip .timeline .days_tweets .day_tweets .tweet .left .icon {
					display: block;
					padding: 2px;
				}
					.roadtrip .timeline .days_tweets .day_tweets .tweet .left img {
						display: block;	
					}
				
				.roadtrip .timeline .days_tweets .day_tweets .tweet .left .actions {
					background-color: #ffc;
					padding: 0 2px 5px 2px;
				}
					.roadtrip .timeline .days_tweets .day_tweets .tweet .actions .pin_icon {
						display: block;
						width: 12px;
						height: 15px;
						float: left;
						
					}
					
					.roadtrip .timeline .days_tweets .day_tweets .tweet .actions .picture_icon {
						display: block;
						width: 15px;
						height: 15px;
						float: right;
					}
			
			.roadtrip .timeline .days_tweets .day_tweets .tweet .right {
				float: right;
				width: 357px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				.roadtrip .timeline .days_tweets .day_tweets .tweet .right .alias {
					font-weight: bold;
					margin-bottom: 3px;
					display: inline-block;
					font-size: 1.05em;
					color: #000;
					/*margin-top: 3px;*/
				}
				
				.roadtrip .timeline .days_tweets .day_tweets .tweet .right .text {
					line-height: 1.2em;
					font-size: 1em;
				}
				
				.roadtrip .timeline .days_tweets .day_tweets .tweet .right .time {
					font-size: 0.9em;
					color: #898989;
					
					
				}
				
		/* tweets timeline functionality */
				
		.roadtrip .timeline .hidden {
			display: none;	
		}
		.roadtrip .timeline .left .label {
				margin-bottom: 10px;
		}
		
		
		.roadtrip .timeline .foto_viewer, .roadtrip .timeline .map_viewer {
			background-color: #f6f6f6;
			margin: 0;
			width: auto;
			padding: 5px;
		}
		
		.roadtrip .timeline .foto_viewer {
			margin-bottom: 5px;
		}
			.roadtrip .timeline .foto_viewer img {
				width: 100%;	
			}
		
		.roadtrip .timeline .traverse {
			display: block;
			margin-top: 10px;
		}
			.roadtrip .timeline .traverse .point {
				float: right;
				background-color: #f2f2f2;
				padding: 5px;
				display: block;
			}
				.roadtrip .timeline .traverse .point:hover {
					background-color: #ffc;	
				}
			
			.roadtrip .timeline .traverse .point img {
				display: block;	
			}
		
		
		
		/* hiding layers */
		
		#body .hidden {
			display: none;	
		}