/*---- Start reset ----*/
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, em, img, strong, dl, dt, dd, ol, ul, li, form, label {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
	ol, ul {list-style: none;}
	input, textarea {font-family: inherit;}
	ins {text-decoration: none;}
/*---- Einde reset ----*/

html {
	height: 100%;
}
body {
	height: 100%;
	font-family: arial, helvetica, "Trebuchet ms", tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #3c6789;
	background: #694602;
}
a {
	color: #694602;
	 text-decoration: none;
}
a:hover,
a:focus {
	border-bottom: 1px solid;/* use border bottom because some mobile browsers don't have an underlined font)*/
}
p a {
	border-bottom: 1px solid;/* use border bottom because some mobile browsers don't have an underlined font)*/
}
p a:hover,
p a:focus {
	border-bottom: none;/* use border bottom because some mobile browsers don't have an underlined font)*/
}
.fail a {
	font-weight: bold;
	text-decoration: underline;
}
.fail a:hover,
.fail a:focus {
	text-decoration: none;
}
em {
	font-style: italic;
}

h1,
h2,
h3 {
	color: #694602;
	font-size: 16px;
	font-weight: bold;
}
h1 {
	margin-top: 10px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}

p {
	margin: 6px 0;
}
strong {
	font-weight: bold;
}
.weak {
	font-weight: normal;
}
h2 .weak,
h2 .weak a {
	margin-left: 4px;
	font-size: 11px;
	font-weight: normal;
	color: #7096b1;
}
h2 .weak a {
	margin: 0;
}

#wrapper {
	min-height: 100%;
	max-width: 480px;
	/* uncomment for emulating mobile */
	/*max-width: 234px;*/
}

#header {
	padding: 10px 10px 25px;
	/*background: transparent url(images/bg-header.gif) bottom left repeat-x;*/
	background: #c2d1fd url(images/bg-header.gif) bottom left repeat-x;
}
#screen_twitter_login #header {
	text-align: center;
}

#main {
	margin: 0;
	padding: 1px 4px 10px;
	background: #ccd8fd url(images/bg-body.gif) repeat-x;
}

#footer {
	/*
	position: absolute;
	bottom: 0;
	*/
	border-top: 4px solid #8f6b00;
	padding: 4px 4px 8px;
	background: #694602;
}
#footer ul {
	padding: 4px 0;
	border-bottom: 1px solid #8f6b00;
}
#footer ul:last-child {
	border-bottom: none;
}
#footer a {
	color: #a59567;
}

.services {
	margin: 10px 0;
}
.services a.instapaper,
.services a.delicious {
	padding: 0 0 0 12px;
	background: url(images/twimply-icons.gif) no-repeat 0 -76px;
}
.services a.instapaper {
	background-position: 0 -96px;
}
/*-- Start forms --*/
	#main form {
		margin: 10px 0;
		border: 2px solid #a2b8c9;
		/*width: 196px;*/
		padding: 10px;
		background: #eaf3f8;
	}
	
	.formblock {
		clear: both;
		margin-bottom: 5px;
	}
	
	label {
		float: left;
		width: 65px;
		font-weight: bold;
		cursor: pointer;
	}
	input+label {
		/* label coming after input field */
		float: none;
		font-weight: normal;
		width: auto;
	}
	label+input+p.footnote {
		margin: 0 0 0 70px;
	}
	
	input {
		vertical-align: middle;
		font-family: inherit;
	}
	
	input[type="text"],
	input[type="password"],
	textarea {
		border: 2px solid #c4d4df;
		background: #fff;
		width: 125px;
		font-size: 12px;
		color: inherit;
	}
	input[type="checkbox"] {
		margin: 0 4px 0 65px;
	}
	textarea {
		margin-bottom: 4px;
		width: 100%;
	}
	
	input[type="submit"] {
		/*margin-left: 65px;*/
		border: 2px solid #a2b8c9;
		background: #c6d5e0 url(images/bg-button.gif) repeat-x;
	}
	input+input[type="submit"] {
		/* matches input type=submit that comes directly after another input element */
		margin-left: 4px;
	}
	.formblock input[type="submit"] {
		/* sign in forms */
		margin-left: 65px;
	}
	
	#updateform label {
		display: block;
		float: none;
		margin: 0 0 2px -4px;
		width: auto;
		color: #ccc;
		/*font-weight: normal;*/
	}
	/*#search*/
/*-- End forms --*/

/*-- Start counter --*/
	#counter {
		float: right;
		margin-top: -4px;
		font-size: 16px;
		font-weight: bold;
		color: #ccc;
	}
	#rtsafe {
		margin: 0 2px;
		font-size: 11px;
		color: #ccc;
		font-weight: normal;
	}
	#status {
		background: #fff;
	}
/*-- End counter --*/

/*-- Start tweets --*/
	#screen_tweets h2 {
		margin-top: -10px;
		color: #fff;
		font-weight: bold;
	}
	#menu {
		margin: 4px -4px;
		border-bottom: 1px solid #acccde;
		padding: 0 4px 4px;
	}
	#menu,
	#menu a {
		font-weight: normal;
		color: #7096b1;
	}
	#menu li {
		display: inline;
		border-left: 1px solid #98BACF;
		padding: 0 4px;
		font-size: 11px;
	}
	#menu li:first-child {
		border-left: none;
		padding-left: 0;
	}
	#tweets,
	#following {
		margin: 4px -4px;
	}
	li.tweet {
		margin: 4px 0;
		border-bottom: 2px dashed #fff;
		padding: 6px 4px 10px 2px;
		overflow: hidden;
	}
	a.tweetauthor img {
		margin-top: 0;
		border: 2px solid #c0deed;
	}
	a.tweetauthor:hover img {
		border-color: #fff;
	}
	.avatar {
		float: left;
		width: 24px;
		height: 24px;
	}
	a.tweetauthor {
		color: #204869;
		font-weight: bold;
	}
	
	.textbox {
		margin-left: 30px;
	}
	
	.thumbs {
		display: block;
		text-align: center;
	}
	.thumbs a {
		margin: 0 2px;
	}
	.thumbs a:hover {
		border: none;
	}
	.thumbs img {
		margin: 4px auto;
		border: 2px solid #fff;
	}
	.thumbs a:hover img {
		border-color: #9cc9e1;
	}
	
	/* Start metadata & icons */
		.meta {
			clear: both;
			margin: 2px 0 0 30px;
			color: #7096b1;
			font-size: 11px;
			text-align: left;
		}
		ul.actions {
			display: inline;
		}
		.actions li {
			margin: 0 0 0 5px;
			display: inline;
		}
		a.icon {
		}
		a.icon img {
			border: 2px solid #fff;
			width: 8px;
			height: 8px;
			background: transparent url(images/twimply-icons.gif) no-repeat;
			vertical-align: middle;
		}
		a.icon:hover img {
			border: 2px solid #9cc9e1;
		}
		a.fav img {
			background-position: 0 0;
		}
		a.reply img {
			background-position: 0 -20px;
		}
		a.retweet img {
			background-position: 0 -40px;
		}
		a.message img {
			background-position: 0 -60px;
		}
		a.delicious img {
			background-position: 0 -80px;
		}
		a.instapaper img {
			background-position: 0 -100px;
		}
		.follow,
		.unfollow {
			margin-left: 20px;
			padding-left: 20px;
			background: transparent url(images/twimply-icons.gif) no-repeat 2px -160px;
		}
		.unfollow {
			background-position: 2px -180px;
		}
		/* for bigger screens */
		@media (min-width: 320px) {
			.actions li {
				margin-left: 2px;
			}
			a.icon img {
				border: 2px solid #CCD8FD;
				width: 16px;
				height: 16px;
				background: transparent url(images/twimply-icons-big.gif) no-repeat;
			}
			a.reply img {
				background-position: 0 -40px;
			}
			a.retweet img {
				background-position: 0 -80px;
			}
			a.message img {
				background-position: 0 -120px;
			}
			a.delicious img {
				background-position: 0 -160px;
			}
			a.instapaper img {
				background-position: 0 -200px;
			}
		}
	/* End metadata & icons */
	
	.pager {
		font-weight: bold;
		text-align: right;
	}
	.pager a {
		border-right: 1px solid #255278;
		padding: 0 4px;
	}
	.pager a:last-child {
		border: none;
	}
	#footer .pager {
		margin-top: 4px;
	}
	#footer .pager a {
		border-color: #a59567;
	}
/*-- End tweets --*/

/*-- Start users --*/
	li.user {
		clear: both;
		margin: 4px;
	}
/*-- End users --*/

/*-- Start lists --*/
	#lists {
		margin: 10px -4px;
		/*border-top: 1px solid #ACCCDE;*/
		padding: 4px;
		font-weight: bold;
	}
/*-- End lists --*/

/*-- Start success, fail and info --*/

	.success,
	.fail,
	.info {
		margin: 10px;
		padding: 0 10px 0;
		border: 2px solid #95c68a;
		background: #c8e4c2;
		color: #39732d;
	}
	.success a,
	.fail a,
	.info a {
		border-bottom: 1px solid;
	}
	.success a:hover, .success a:focus,
	.fail a:hover, .fail a:focus,
	.info a:hover, .info a:focus {
		border-bottom: none;
	}
	.fail {
		border-color: #e07f7f;
		background: #ffe9e5;
		color: #740000;
	}
	.info {
		background-color: #ffc;
		border-color: #e4c26a;
		color: #694602;
	}
	.fail h1 {
		color: #740000;
	}
	.tweet .success,
	.tweet .fail {
		margin: 0 4px 10px;
		font-weight: bold;
	}
/*-- End success, fail and info --*/

.footnote,
.footnote a,
.payoff {
	font-weight: normal;
	font-size: 12px;
	color: #7095b1;
}
.payoff {
	margin: -2px auto -4px;
	color: #aaa;
}
#header span.footnote {
	margin-left: 4px;
	color: #ccc;
}
.fail .footnote {
	color: #ba7573;
}
.info .footnote,
#header .info .footnote {
	color: #b4a267;
}

.primary {
	font-size: 14px;
	font-weight: bold;
}

.features li {
	margin-left: 15px;
	color: #694602;
	list-style-type: disc;
	list-style-position: outside;
}
/*-- debugging --*/
.log {
	background: #ffc;
	color: #694602;
}