/**** Reset ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** Begin Site ****/
body {
	background:url(../images/background.png) repeat-x #d9fbff;
	color:#444444;
	font-family: Helvetica, Arial, "Myriad Pro", Sans-serif;
	font-size:13px;
	line-height:24px;
	}
	
.wrap {
	margin:0px auto;
	padding:0 10px;
	width:880px;
}

.clear {
	clear:both;	
}

a {
	color: #fb6f6f;	
}

	a:hover {
		text-decoration:none;
	}

/**** Header ****/
#header {
	height:110px;
	position:relative;
}

	#header h1 {
		color:white;
		float:left;
		margin-top:0;
		padding:4px 0;
		width:40%;
	}
	
		#header h1 a {
			color:#203a3d;
			text-decoration:none;
		}
		
			#header h1 a:hover {
				text-decoration:underline;
			}
		
#nav {
	float:right;
	margin-top:10px;	
}

	#nav a, .links-right a {
		color:#203a3d;
		font-weight:bold;
		padding:0 10px 0 0;
		text-decoration:none;
	}
	
		#nav a:hover, .links-right a:hover {
			color:#203a3d;	
			text-decoration:underline;
		}
		
.login {
	display:block;
	padding-top:3px;
	height:31px;
	width:800px;
	margin:0 auto;
}

	.login input {
		background:url(../images/input.png) no-repeat;
		border:0;
		border-collapse: collapse;
		color:white;
		float:left;
		height:18px;
		margin:0;
		padding:4px 8px;
		width:169px;
	}
	
		.login input.submit {
			background:url(../images/submit.png) no-repeat;
			float:left;
			height:26px;
			width:114px;
		}
		
	.login span {
		color:#df5d5d;
		float:left;
		font-family:Arial;
		font-weight:bold;
		line-height:1;
		padding-top:8px;
	}
	
	.login form {
		float:right;
		margin-top:1px;
	}

/**** Content ****/

.tab-light {
	background:#df5d5d;
	color:white;
}

big {
	font-size:2em;	
}

.unread {
	font-weight:bold;	
}

p {
	margin:10px 0 10px 0;
}

	p.error {
		background: #fff5f5;
		border:1px solid #facccc;
		color:red;
		margin-bottom:10px;
		padding:5px;
	}
	
	p.message {
		background: #fff9db;
		border:1px solid #ffe052;
		color:black;
		margin-bottom:10px;
		padding:5px;
	}

th {	
	background: #fff5f5;
	border:1px solid #facccc;
	color:#df5d5d;
	text-align:left;
	padding:5px;	
}

td {
	padding:5px;
}

.result {
	background:url(../images/search-result.png) no-repeat;
	display:block;
	float:left;
	height:100px;
	margin:0 5px 5px 0;
	width:430px;
}

	.result img {
		float: left; 
		margin-right:15px;
	}

	.result p {
		float:left;		
	}
	
	.result p.right {
		float:right;
		margin-right:10px;	
	}

.messages tr td {
	cursor:pointer;
	}

#left {
	float:left;
	width:580px;	
}

#right {
	float:right;
	width:276px;	
}

#details #left {
	width:200px;	
}

#details #right {
	width:600px;	
}

.text-left {
	color:#df5d5d;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding-top:3px;
}

.links-right {
	float:right;
	padding-top:3px;	
}

.latest-user {
	background:url(../images/quick-profile.png) no-repeat;
	color:black;
	height:106px;
	margin-bottom:5px;
	padding:6px;
	width:264px;	
}

	.latest-user img {
		background: #facccc;
		float:left;
		margin:0 6px;
		padding:3px;
	}

/**** Buttons ****/
.profile, .tweetflirt, .addhotlist, .removehotlist {
	display:block;
	height:25px;
	margin-bottom:3px;
	text-decoration:none;
	width:113px;	
}

	.profile {
		background:url(../images/view-profile.png) no-repeat;
	}

	.tweetflirt {
		background:url(../images/tweetflirt.png) no-repeat;
	}

	.addhotlist {
		background:url(../images/add-hotlist.png) no-repeat;
	}
	
	.removehotlist {
		background:url(../images/remove-hotlist.png) no-repeat;
	}
	
input.send {
	padding:5px;
	width:350px;	
}

textarea.send {
	height:250px;
	padding:5px;
	width:350px;	
}

/**** Tabs ****/
.show {
	display:block;
}
	
.hide, .how {
	display:none;
}

/**** Headers ****/
h1 {
	color:#df5d5d;
	font-size:22px;
	margin:10px 0;
	padding-bottom:5px;
}

h2 {
	border-bottom:1px solid #facccc;
	color:#df5d5d;
	font-size:22px;
	margin:10px 0;
	padding-bottom:5px;
}

h3 {
	font-size:18px;
	margin:6px 0;
}

/**** Form ****/
.form-item {
	margin:4px 0;
	padding:0px 0;
	}
	
	.form-item label {
		float:left;
		width:80px;
	}
	
	.form-item textarea {
		display:block;
		height:200px;
		width:300px;
	}

.pagination a {
	border:1px solid #eee;
	padding:5px;
	text-decoration:none;
}

div.current-pictures {
	background:#ffe7e7;
	border:1px solid #df5d5d;
	padding:5px;
}
	div.current-pictures table td {
		font-weight:bold;
		text-align:center;
		padding:5px;
	}

/**** Footer ****/
#white {
	background:white;
	padding:1px 0 15px 0;
	width:100%;
}

#footer {
	background:url(../images/footer.png) repeat-x top;
	color:#000;
	font-size:11px;
	margin-bottom:30px;
	padding:35px 0 5px 0;
	text-align: center;
}


.login {
	width:880px;
	margin:4px auto;
}

#banner {
	margin-top:5px;
}

/**** Feed ****/
.info {
	vertical-align:top;
}

.info h3 {
	font-size:20px;
	font-weight: normal;
	color:#999;
}

.info a {
	font-size:16px;
	text-decoration: none;
}

.feed {
	width:100%;
}

.feed td {
	border-bottom:1px solid #ccc;
}

#layout { margin-top:10px; position:relative; }

.location_profiles .info h3 img { display:block; float:left; }
.location_profiles .info h3 span { display:block; float:left; margin:0 15px; width: 750px }

.bold { font-weight:bold; }
.bold h2 { border:0; color:#cc6c6e; font-size: 20px; margin:15px 0 5px 0; padding:0; }

.box { color:#535f57; font-family: Arial; font-weight:bold; font-size:19px; line-height:23px; padding: 15px 30px; background:#e8fcfe; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.box p { padding:0; margin:0;}

.home-how { font-size:16px; line-height: 19px; padding:27px 30px 10px 30px; }
.home-how p { margin-top:26px; }

.left { float:left; font-size:20px; color:#333; font-family: Helvetica, Arial; }
.right { float:right; color:#CCC; font-weight: bolder; font-size:20px;}
.form-item textarea.tweet-box { height:80px; width:100%; border:1px solid #aaa; padding:4px 2px; font-size:14px; font-family: Arial; }

#tweet { color:#444; background:#DDD; padding:7px 12px; border:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:14px; font-weight: normal; }
