@import compass/reset
@mixin rounded($width)
	-moz-border-radius: $width
	-webkit-border-radius: $width
	-o-border-radius: $width
	border-radius: $width

html
	height: 100%
	width: 100%
body
	font-family: trebuchet ms, helvetica, arial, sans-serif
	width: 100%
	height: 100%
	overflow-x: hidden
	background: #fff
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.28, rgb(255,255,255)), color-stop(0.64, rgb(250,247,250)))
	background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 28%, rgb(250,247,250) 64%) 
	background-attachment: fixed
	font-size: 11px
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif
	color: #333
#bg
	position: fixed
	top: 0
	left: 0
	opacity: 1
	z-index: -3
	width: 100%
	height: 100%
#bg img
	width: 100%
	height: 100%
	-ms-interpolation-mode: nearest-neighbor
	image-rendering: -moz-crisp-edges
	image-rendering: -webkit-optimize-contrast
#container
	position: absolute
	top: 0
	left: 50%
	width: 950px
	min-height: 100%
	margin-left: -475px
	background: #fff
	padding-bottom: 2000px
	// border-right: 1px solid #eee
	// border-left: 1px solid #eee
#header
	width: 100%
	#logo
		height: 160px
	#likebutton
		position: absolute
		top: 80px
		right: 30px
#menu
	width: 100%
	border-top: 1px solid #eee
	border-bottom: 1px solid #eee
	ul
		li
			display: inline-block
			width: (918px/6)
			padding: 5px 0 5px 0px
			text-align: center
			a
				color: #333
				text-decoration: none
				display: block
				&:hover
					color: #33f
.box
	width: 300px
	margin: 10px 0 0 10px
	img
		width: 100%
		opacity: 0.9
		&:hover
			opacity: 1.0
	&#feed
		ul
			li
				display: inline-block
				height: 32px
				vertical-align: middle
		img
			width: 32px
			height: 32px