/* stylesheet */

/* reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,li {list-style: none;}

/* general styles */
html {
	background-color: #3c3c3c;
	height: 100%;
	min-height: 100%;
	}
	
body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	/* background:url("../img/bg-header-new.jpg"); */
	background:url("http://media.miamiherald.com/multimedia/news/pedropan/icons/bg-body-265.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #3c3c3c;
	margin: 0;
	padding: 0;
	height: 100%;
	}
img { border: none; }
a { text-decoration: none; color: #2c4e96; font-weight: bold; }
a:hover { text-decoration: underline; color: #900; }
.clear { clear: both; }
.subtext { font-size: 0.8em; color: #555; }
.accented { font-size: 1.3em; padding: 10px 40px 10px 0; line-height: 160%;}
.underline { border-bottom: 2px solid #ccc; padding-bottom: 3px; margin-bottom: 8px;}
.small-underline { border-bottom: 1px solid #ccc;}
.right { float: right; }
.left { float: left; }
.odd {	}
.even {	background-color: #eee;	}
.bold { font-weight: bold; }
.empty { font-size: 0.8em; color: #999; font-style: italic; }

#error {
	float: left;
	padding: 5px;
	color: #f00;
	border-bottom: 1px dotted #f00;
	margin-bottom: 15px;
	}
	#error p {
		font-weight: bold;
		}

#logos {
	width: 960px;
	height: 40px;
	clear: both;
}
	.logo {
		width: 480px;
		float: left;
		}
	.logo img {
		border: none;
		}
h1 {
	width: 960px;
	font-size: 5.0em;
	margin-bottom: 5px;
	line-height: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	}
	#h1-kicker {
		color: #ea2328;
		font-size: 0.6em;
		text-transform: none;
		line-height: 80%;
		margin-bottom: -10px;
		}
	#ad-tag {
	width: 728px;
	height: 90px;
	padding: 0 116px 10px 116px;
	}
h2 {
	color: #6f1515;
	font-size: 1.8em;
	font-weight: bold;
	}
	#register h2 {
		clear: both;
		margin-bottom: -20px;
		padding-top: 5px;
		}
	#register-this {
		padding-left: 8px;
		}
		#register-this a {
			font-size: 0.8em;
			color: #900;
			font-weight: bold;
			}
		
	#profile h2 {
		width: 538px;
		padding: 3px 0 3px 15px;
		background: #333;
		color: #fff;
		text-transform: uppercase;
		font-weight: normal;
		line-height: 100%;
		}

			
h3 {
	color: #6f1515;
	font-size: 1.6em;
	font-weight: bold;
	}
		#index-feed h3 {
		color: #013e5d;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		}

h4 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	margin-top: 30px;
	padding-bottom: 8px;
	}

	#sidebar h4 {
		margin-top: 10px;
		color: #013e5d;
	}
	#login-quick h4 {
			margin-top: 0;
			color: #013e5d;
		}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	}
	
h6 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin-top: 10px;
	padding: 0 0 5px 0;
	}
	
	
li {
	padding: 5px 0;
	}
	
#container {
	width: 960px;
	margin: 0 auto;
	}

#header {
	width: 960px;
	height: 230px;
	padding: 0;
	background-image:url("http://media.miamiherald.com/multimedia/news/pedropan/icons/bg-header-180.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	/* margin-top: 25px; */
	float: left;
	z-index: 10;
	}

		
#nav {
	position: relative;
	width: 960px;
	float: right;
	margin-top: -15px;
	margin-right: -2px;
	z-index: 100;
	}
	#nav ul {
		margin: 0; padding: 0;
		float: right;
		}
	#nav li {
		display: inline;
		background-color: #a42e27;
		padding: 10px 10px 6px 10px;
		width: 100px;
		float: left;
		border-right: 1px solid #666;
		text-align: center;
		}
	#nav li a:link, #nav li a:active, #nav li a:visited {
		color: #fff;
		text-decoration: none;
		}
	#nav li:hover {
		background-color: #ea2228;
		}

#learn {
	height: 25px;
	width: 960px;
	float: left;
	}
	#learn p {
		padding: 8px 20px 0 20px;
		color: #eee;
		text-align: right;
		}
				
#content {
	position: relative;
	z-index: 10;
	top: 0;
	left: 0;
	width: 880px;
	padding: 50px 40px 30px 40px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-top: -15px;
	background-color: #fff;
	float: left;
}

#main-column {
	margin-top: 10px;
	width: 553px;
	float: left;
}

#sidebar {
	width: 307px;
	float: left;
	padding-left: 20px;
}

#footer {
	width: 882px;
	padding: 10px 40px;
	background-color: #999;
	float: left;
	}

/* all forms */
input, select {
	font-size: 0.9em;
	padding: 2px 5px;
	margin: 0;
	}

input.blur {
	color: #999;
	}

.form-field {
	clear: both;
	padding-top: 5px;
	margin: 0;
	}

	
.form-label {
	color: #666;
	float: left;
	width: 150px;
	text-align: right;
	padding: 3px 5px 0 0;
	}
	
.form-input {
	float: left;
	margin-right: 0.4em;
	}
	.left .form-input {
		padding-bottom: 4px;
		}

#contact_pref {
	padding: 10px 0 0 5px;
	}
	#contact_pref .form-input {
		margin-right: 15px;
		}

#login-quick {
	padding: 20px 0 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
	}
		
#login-quick .form-label {
	width: 80px;
	}

/* notifications */

.notification, .success, .error, .validation {
	border: 1px solid;
	margin: 0 0 20px 0;
	padding: 15px 20px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	}
	.notification {
		color: #00529b;
		background-color: #eee;
		background-image: url("http://media.miamiherald.com/multimedia/news/pedropan/icons/icon-info2.jpg");
		}

/* index page */
#recent-registrations {
	padding: 15px 0 30px 0;
	float: left;
	}
	#recent-registrations p {
		padding: 5px 30px 0 0;
		line-height: 150%;
		font-size: 1.3em;
		}

#feed-comments {
	float: left;
	width: 210px;
	padding: 0;
	}
	.feed-comment {
		padding: 10px 5px 8px 0;
		border-bottom: 1px dotted #ccc;
		}
	.comment-names {
		font-weight: bold;
		color: #666;
	}
	
	.comment-feed-msg {
		font-size: 1.1em;
		color: #000;
		line-height: 130%;
		padding: 3px 0;
	}
	.comment-stamp {
	}


.feed-column {
	float: left;
	padding-right: 15px;
}
	.feed-column h3 {
		font-weight: bold;
		border-bottom: 1px solid #333;
		padding: 0 0 3px 0;
		}
#feed-images {
	width: 140px;
}
	.feed-image {
		width: 60px;
		height: 60px;
		margin-right: 8px;
		margin-top: 10px;
		overflow: hidden;
		border: 1px solid #ccc;
		float: left;
	}
	.feed-image img {
		border: none;
		width: 50px;
		}
		
#feed-stories {
	width: 160px;	
	}
	.recent-story {
		padding: 8px 0;	
		font-size: 1.1em;
		line-height: 140%;
		color: #333;
	}
	.feed-story-name {
		font-size: 0.9em;
		font-weight: bold;
		line-height: 110%;
		padding-top: 4px;
	}
	.feed-story-timestamp {
		font-size: 0.9em;
		color: #333;
		margin-top: -2px;
	}
	
	
	
/* registration */

#confirmation-details p {
	font-size: 1.2em;
	line-height: 140%;
	padding: 10px 20px 10px 0;
	}

/* results */

table {
	width: 550px;
	}
	tr {
		border-bottom: 1px solid #ccc;
		clear: both;
		}
	th, td {
		padding: 5px;
		}
		
/* pages */

#single-page {
	padding: 0 0 20px 0;
	}
	#single-page h4 {
		margin-top: 10px;
		}
		
	#single-page p {
		line-height: 160%;
		font-size: 1.2em;
		padding: 8px 0;
		}
	#single-page ul {
		list-style: disc;
		margin-left: 30px;
		}
	#single-page li {
		font-size: 1.2em;
		padding: 5px 0;
		}
	#faq-index li {
		margin-left: 20px;
		padding-left: 10px;
		list-style: disc;
		list-style-type: disc;	
		font-size: 1.1em;
		padding: 4px; 0;
	}
	
/* profile info */
#how-to-register {
	padding-left: 4px;
	font-weight: normal;
	}

#profile-tabs {
	margin-top: 30px;
	float: left;
	width: 550px;
}
	#profile-tabs li {
		display: inline;
		float: left;
		width: 90px;
		padding: 8px 10px;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		font-size: 1.2em;
		background: #ccc;
		text-align: center;
		font-weight: bold;
		}
	#profile-tabs li.tab-selected {
		background: #fff;
		}
	.profile-highlite {
		background-color: #f00;
	}
#photo-menu {
	width: 550px;
	padding: 10px 15px 4px 0;
	float: right;
	clear: both;
	}
	#photo-menu ul {
		float: right;
		}
	#photo-menu li {
		display: inline;
		padding: 0 5px;
		float: left;
		color: #666;
		}
	
.p-connections-container {
	padding-bottom: 5px;
	margin-bottom: 5px;
	clear: both;
}
	.p-connect {
		width: 50px;
		height: 85px;
		padding: 4px 8px 0 0;
		float: left;
		}
	.p-connect img {
		width: 50px;
		height: 50px;
		border: 1px solid #666;
		}
	.p-name {
		font-size: 0.9em;
		}

/* 553px */
#profile-content {
	border: 1px solid #999;
	padding: 5px 0 0 15px;
	float: left;
	width: 540px;
}
	#profile-content h5 {
		width: 350px;
		margin-bottom: 8px;
		}

#pp_details {
	padding: 10px 0 20px 0
	}
	#pp_details img {
		border: 1px solid #999;
		margin-bottom: 5px;
		}
	#main-img {
		width: 150px;
		padding: 5px 15px 0 5px;
		}
		
#main-details-container {
	width: 365px;
	float: left;
	}

.main-details {
	float: left;
	font-size: 1.1em;
	}
/*	.main-details p {
		padding: 4px 5px 10px 0;
		color: #666;
		}
*/	
.detail-row {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	}	
	
.detail-label {
	color: #a42e27;
	float: left;
	width: 120px;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 2px 0 0 0;
	}
	
.detail-info {
	font-size: 1.1em;
	color: #000;
	float: left;
	width: 225px;
	}

#pp-excerpt {
	margin-top: 20px;
	padding-bottom: 20px;
	}

#pp-story {
	padding-bottom: 25px;
	}

#pp-story h3 {
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	float: left;
	width: 100%;
	}
	
#pp-story p {
	font-size: 1.3em;
	line-height: 160%;
	padding: 8px 20px 8px 0;
	color: #333;
	}

#pp-excerpt {
	padding-right: 30px;
	float: left;
	}
	#pp-excerpt p {
		10px 0;
		font-size: 1.2em;
		line-height: 160%;
		}
	
/* comments */

#comments .odd, #comments .even {
	padding: 20px 20px 5px 20px;
	border-bottom: 1px solid #ccc;
	width: 510px;
	}
	#comments .odd p, #comments .even p {
		padding: 0 0 10px 0;
		font-size: 1.1em;
		line-height: 160%;
		}
		
	.comment-timestamp {
		color: #666;
		text-align: right;
		font-size: 0.8em;
	}
	.comment-timestamp span {
		font-size: 0.9em;
		}
		
#comments, #add-comment {
	margin-top: 20px;
	}
	
/* account info */

#account {
	border-bottom: 1px solid #013e5d;
	padding-bottom: 10px;
	}
	#account p {
		padding: 4px 0;
		color: #333;
		}
		
#account-info {
	padding: 10px 10px 15px 0;
	}
	
	#account-info li {
		padding: 0 0 0 20px;
		}
.account-connections {
	width: 280px;
	float: left;
	padding: 5px 10px;
	background: #eee;
	/* margin-right: 10px; */
	margin-bottom: 10px;
	}
	.account-connections li {
		width: 280px;
		clear: both;
		}
	.conn-item {
		width: 280px;
		padding: 2px 0;
		border-bottom: 1px solid #ccc;
		float: left;
		}
	.account-connections li a.ruser-link {
		float: left;
		}
	span.request {
		text-align: right;
		float: right;
		}
	.request a {
		color: #900;
		font-weight: bold;
		}


	

/* sidebar */

.small-sub {
	margin-top: 15px;
	}
	
.small-sub p {
	line-height: 140%;
	color: #444;
	font-size: 1.3em;
	padding: 8px 10px 8px 0;
	}

#help-box h4 {
	margin-top: 0;
	}

#help-box {
	border: 1px solid #0082cd;
	padding: 10px;
	}
	#help-box p {
		font-size: 1.1em;
		}
		
#stories-featured {
	margin-bottom: 20px;
}
.story-container {
	border-top: 1px solid #999;
	width: 550px;
	padding-top: 3px;
	clear: both;
	float: left;
	margin-top: 8px;
	}
.story-user {
	width: 100px; 
	float: left;
	padding: 10px 15px 0 0;
	clear: both;
	}
	.story-user-photo, .story-user-name {
		float: left;
		}
	.story-user-photo img {
		width: 100px;
		}
.story-text {
	width: 435px;
	float: left;
	padding: 0 0 10px 0;
	}
	.story-rate-tool {
		width: 435px;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 5px;
		float: right;
		}
	.story-rate-tool .love-button, #profile-story-rate .love-button {
		float: left;
		}
		.story-rate-tool .love-button img {
			padding-right: 4px;
			}
	.story-rate-tool .loved-button, #profile-story-rate .loved-button {
		padding-top: 2px;
		float: right;
		}
		
.single-grid-photo {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid #666;
	float: left;
	}
	.single-grid-photo img {
		border: none;
		float: left;
		margin-left: -25px;
		}
		
	.feed-image {
		width: 60px;
		height: 60px;
		margin-right: 8px;
		margin-top: 10px;
		overflow: hidden;
		border: 1px solid #ccc;
		float: left;
	}
	.feed-image img {
		border: none;
		width: 50px;
		}
	#profile-story-rate {
		border-bottom: 1px dotted #999;
		width: 520px;
		float: left;
		padding: 5px 0 2px 0;
		clear: both;
		}
		
.haiti_image {
	float:right;
	background-color:#eee;
	border:1px solid #999;
	padding:3px;
	margin:3px;
}
	
	.haiti_image_desc {
		width:300px;	
	}
	
#confirmation-details .nav-button {
	border:1px solid #999;
	width:150px;
	padding:6px;
	text-align:center;
	background-color:#eee;
	margin:5px;
	float:left;
	cursor:pointer;
}
#haiti-tweets {
	overflow:auto;
	float:right;
	width:295px;
	padding-left:5px;
	padding-right:5px;
	margin:4px;
	background-color:#eee;
	border:1px solid #999;
}
	#haiti-tweets ul {
		padding:0;
		margin:0;
	}
	
	#haiti-tweets li {
		padding:0;
		margin:0;
		padding-bottom:5px;
	}

#my-feed-comments {
	float: left;
	width: 550px;
	padding: 0;
	}
	.feed-comment {
		padding: 10px 5px 8px 0;
		border-bottom: 1px dotted #ccc;
		}
	.comment-names {
		font-weight: bold;
		color: #666;
	}
	
	.comment-feed-msg {
		font-size: 1.1em;
		color: #000;
		line-height: 130%;
		padding: 3px 0;
	}
	.comment-stamp {
	}


.my-feed-column {
	float: left;
	padding-right: 15px;
}
	.feed-column h3 {
		font-weight: bold;
		border-bottom: 1px solid #333;
		padding: 0 0 3px 0;
		}