*:
	box-sizing: border-box

body:
	padding: 0
	margin: 0
	height: 100%
	background: #fff
	color: #777
	font-family: sans-serif

a:
	text-decoration: none
	color: #00BFA8
	border-bottom: 2px solid #00BFA8

	&:hover:
		color: #CB5847
		border-color: #CB5847

img:
	border-radius: 4px
	overflow: hidden

form:
	input, textarea:
		border: 1px solid #eaeaea
		padding: 15px
		margin-bottom: 15px
		border-radius: 4px
		width: 100%

	[type="button"], [type="submit"]:
		width: auto
		padding: 15px 30px
		border-radius: 4px
		cursor: pointer
		background: #DC825F
		color: #fff

ul:
	list-style: none
	padding: 0
	margin: 0

	li:
		padding: 15px
		border-top: 1px solid #eaeaea

.clear:
	clear: both

.wrapper:
	width: 900px
	margin: 0px auto

#content:
	padding: 15px 0px

#topbar:
	position: relative
	padding: 30px 0px
	background: #fff
	border-bottom: 1px solid #eaeaea

	a:
		color: #777

		&:hover:
			color: #333

	#title:
		display: inline-block
		
		a:
			border: none

	#nav:
		display: inline-block
		vertical-align: middle
		float: right

		img:
			width: 32px
			height: 32px
			margin-right: 15px
			vertical-align: middle
			display: inline-block
			border-radius: 50%

		a:
			padding-right: 15px
			vertical-align: middle
			border: none

			&:last-child:
				padding-right: 0px

		#user-nav:
			margin-top: -7px

#profile-avatar:
	width: 200px
	height: 200px

.question:
	margin-bottom: 15px
	color: #333

.answer:
	margin-bottom: 30px
	padding-left: 15px
	border-left: 6px solid #ddd