/* Reset some Default-Browser-Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img, button {
	border: 0;
}


ol, ul {
	list-style: none;
}

/* General */

body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
/*	text-align: center;*/
	background: #fff;
	color: #202431;
}


/* Typo */

h1 {
	margin-top: 1em;
	font-size: 2.4em;
	font-weight: normal;
	color: #a5aabb;
}

h2 {
	margin-top: 2em;
	font-size: 1.8em;
	font-weight: bold;
	color: #57c700;
}

h3 {
	margin-top: 2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #a5aabb;
}

p,
form {
	margin-top: 2.8em;
	font-size: 1.4em;
}

ul {
	margin-top: 1em;
	font-size: 1.6em;
}

ul#advantages {
	font-size: 1.8em;
}

	li {
		padding: 0.3em 0 0.3em 25px;
		margin-left: -25px;
		color: #eda200;
		font-weight: bold;
	}
	
	ul#advantages li {
		background: url(../images/star.png) no-repeat 0 0.5em;
	}
	
	
/* Links */

a {
	text-decoration: none;
	font-weight: bold;
	color: #1c56c4;
}

	a:hover {
		color: #779fe9;
	}


/* Layout */

#wrapper {
	width: 70%;
	margin: 6em auto;
	text-align: left;
}

	#logo {
		position: relative;
		left: -93px;
		margin-left: 30%;
	}
	
	h1 {
		margin-left: 30%;
	}
	
	h2 {
		width: 27%;
		clear: both;
		float: left;
		text-align: right;
	}
	
	h3 {
		margin-left: 30%;
	}
	
	p,
	ul,
	form {
		margin-left: 30%;
		margin-right: 2em;
	}

	#screenshot {
		overflow: hidden;
		height: 250px;
		margin-top: 3em;
		border: 1px solid #a5aabb;
		border: 1px solid #e1e2e5;
	}
	
		#screenshot div {
			overflow: hidden;
			height: 229px;
			margin: 9px;
			border: 1px solid #696f84;
			border-top: 2px solid #696f84;
			border-left: 2px solid #696f84;
			background: #202431;
		}
		
	#grab {
		margin: 3em 0;
		padding: 0.1em 0;
		background: url(../images/gradient-reverse.png) repeat-x 0 0;
	}
	
		#grab h2 {
		}
	
		#grab ul {
			margin-top: 0.7em;
		}
		
			#grab ul li {
				padding-right: 30px;
				padding-left: 34px;
				margin-left: 0;
				background: url(../images/small-signet-blue.png) no-repeat 0 50%;
				color: #a5aabb;
			}
			
			#grab ul.combined li {
				background-image: url(../images/small-signet-orange.png);
			}
			
			#grab ul.generic li {
				background-image: url(../images/small-signet-green.png);
			}
			
			#grab ul li .preview {
				display: block;
				float: right;
				width: 20px;
				height: 20px;
				margin-left: 5px;
				background: url(../public/images/generic-blue.png);
			}
			
			/* Tag Tiles */
			
			#grab ul li .div {
				background: url(../public/images/div.png);
			}
			
			#grab ul li .ul {
				background: url(../public/images/ul.png);
			}
			
			#grab ul li .li {
				background: url(../public/images/li.png);
			}
			
			#grab ul li .p {
				background: url(../public/images/p.png);
			}
			
			#grab ul li .h1 {
				background: url(../public/images/h1.png);
			}
			
			#grab ul li .h2 {
				background: url(../public/images/h2.png);
			}
			
			#grab ul li .h3 {
				background: url(../public/images/h3.png);
			}
			
			#grab ul li .h4 {
				background: url(../public/images/h4.png);
			}
			
			#grab ul li .h5 {
				background: url(../public/images/h5.png);
			}
			
			#grab ul li .h6 {
				background: url(../public/images/h6.png);
			}
			
			#grab ul li .a {
				background: url(../public/images/a.png);
			}
			
			#grab ul li .form {
				background: url(../public/images/form.png);
			}
			
			/* Generic Tiles */
			
			#grab ul li .id {
				background: url(../public/images/generic-yellow.png);
			}
			
			#grab ul li .tag {
				background: url(../public/images/generic-green.png);
			}
			
			#grab ul li .class {
				background: url(../public/images/generic-blue.png);
			}
			
	#subscribe {
		margin: 6em 0 0em 0;
		border-top: 1px solid #e1e2e5;
	}
	
		#subscribe h2 {
			color: #e6600d;
		}
			
		#atomfeed {
			overflow: hidden;
			margin-top: 1em;
		}

			#atomfeed a {
				display: block;
				height: 40px;
				padding-left: 32px;
				float: left;
				line-height: 40px;
				background: url(../images/feed-icon-24x24.png) no-repeat 0 50%;
				color: #a5aabb;
			}
			
			#atomfeed a:hover {
				color: #e6600d;
			}
	
	#footer {
		margin: 6em 0 8em 0;
		padding: 1em 0 0 0;
		border-top: 1px solid #e1e2e5;
		clear: both;
		color: #a5aabb;
	}
	
		#footer h2 {
			margin: 0;
			font-size: 1.4em;
			color: #a5aabb;
		}
		
		#footer p {
			margin: 0 0 1em 30%;
			font-size: 1.2em;
		}
		
		#footer a:link,
		#footer a:visited {
			color: #a5aabb;
		}
		
		#footer a:hover {
			color: #779fe9;
		}

		#support {
			overflow: hidden;
			clear: both;
			padding-top: 0.1em;
		}
		
			#support form div {
				float: left;
				margin-right: 8px;
			}
			
			#support #digg-link {
				float: left;
			}
		
		
/* Special items */

#flickr_badge_uber_wrapper {
	overflow: hidden;
	margin: 2em 0 0 30%;
}

	#flickr_badge_uber_wrapper a {
		float: left;
		display: block;
		padding: 6px;
		margin-right: 10px!important;
		border: 1px solid #e1e2e5;
	}

	#flickr_badge_uber_wrapper img {
		float: left;
		border: 1px solid #a5aabb;
	}
	
	#flickr_badge_uber_wrapper a:hover {
		padding: 5px;
	}
	
	#flickr_badge_uber_wrapper a:hover img {
		border: 2px solid #779fe9;
	}
	
	a#flickr_www {
		margin-top: 5px;
		padding: 0;
		border: none;
	}
		a#flickr_www:hover {
			padding: 0;
		}

/* Classes */

.important {
	font-weight: bold;
	color: #ec7500;
	color: #4f5467;
}

.less {
	color: #a5aabb;
}