!border_radius = 10px
!theme_color_1 = #dd9e2d
!theme_color_2 = #009020
=border_radius_all
	:-webkit-border-radius 10px
	:-moz-border-radius 10px
=border_radius_bottom
	:-webkit-border-bottom
		:right-radius 10px
		:left-radius 10px
	:-moz-border-radius 0 0 10px 10px
=border_radius_top
	:-webkit-border-top
		:right-radius 10px
		:left-radius 10px
	:-moz-border-radius 10px 10px 0 0
	
// html
html, body
	:margin 0
	:font-family Geneva, Helvetica, Arial, Tahoma, sans-serif
	:height 97.9%
	:background url(../images/back.jpg) center bottom fixed
#hug
	:min-height 100%
	:position relative
	:padding-bottom 2.5em
	#themechooser
		position: absolute
		top: 38px
		left: 52%
		margin: 0 auto 0 auto
		width: 300px
		background-color: white
		height: 30px
		+border_radius_bottom
		span
			margin: 5px 0 0 0
			padding: 0
			font-size: .75em
			text-align: center
		span.tc1
			margin-left: 25px
		span.tc2
			margin-left: 15px
			a
				&:link, &:visited
					color: red
					text-decoration: none
		a
			&:link, &:visited
				:color = !theme_color_1
	#head
		:margin 0 auto 0 auto
		:vertical-align middle
		:height 120px
		:width 800px
		#logo
			:width 270px
			:float left
			:height 68px
			+border_radius_all
			:background url("../images/hlogo.png")
			:margin-top 1em
		#menu
			:float right
			:font-size .8em
			:width 36em
			:height 3em
			:background-color #000
			+border_radius_bottom
			:line-height 3em
			ul, li
				margin: 0
				padding: 0
				width: auto
			li
				list-style-type: none
				display: inline
				margin-left: 1.5em
				height: 1.5em
			a
				&:link, &:visited
					text-decoration: none
					color: #666
				&:hover, &:active
					:color = !theme_color_1
	#life
		width: 730px
		padding: .5em 35px .5em 35px 
		margin: 0 auto 0em auto
		background: url("../images/80.png")
		+border_radius_top
		#lcontent
			:padding .8em 0 0 0
			:color #fff
			:opacity .9
	#content
		.maincopy
			width: 730px
			padding: 1em 35px 1em 35px
			margin: 0 auto .5em auto
			background: url("../images/w90.png")
			color: black
			+border_radius_bottom
			img
				box-shadow: 0.2em 0.2em #CCC
				-moz-box-shadow: 0.2em 0.2em #CCC
				-webkit-box-shadow: 0.2em 0.2em #CCC
				margin-right:5px
			a
				&:visited
					color: #000
				img
					border:thin solid #000
			.form-container
				margin: 10px
				padding: 5px
				background-color: #fff
				opacity: .9
				border: #EEE 1px solid
				form
					p
						:margin 0
						.note
							margin-left: 170px
							font-size: 90%
							color: #333
					div
						:padding 0.25em 0
				label, span.label
					margin-right: 10px
					padding-right: 10px
					width: 150px
					display: block
					float: left
					text-align: right
					position: relative
				input:focus, input.error:focus, textarea:focus
					background-color: #FFC
					border-color: #FC6
				div.controlset label, div.controlset input
					display: inline
					float: none
				div.controlset div
					margin-left: 170px
				div.buttonrow
					margin-left: 180px
		#subsectionmodule
			width: 800px
			margin: 0 auto
			.subsection
			a
				&:visited
					&:after
						:content url("../images/checkmark.png")
						:display inline
			.subsection1, .subsection2
				width: 16em
				background: url("../images/w90.png")
				+border_radius_all
				padding: 1em 35px 1em 35px
			.subsection1
				float: right
				margin-right: 2em
			.subsection2
				margin-left: 2em
			.blogfeed
				ul
					margin:-5px 0 0 -5px
				li
					list-style-image: url(../images/post.gif)
				span.blog_description
					font-size: .6em
	#footer
		background-color: #000
		height: 2.5em
		width: 100%
		line-height: 2.5em
		vertical-align: middle
		position: absolute
		bottom: 0
		color: #999
		font-size: .8em
		opacity: .8
		#footwrap
			width: 800px
			margin: 0 auto 0 auto
			span.copyhappy
				float: left
				a
					&:link
						color: #999
					&:visited
						color: #999
			ul
				float: right
				margin: 0
				padding: 0
				li
					list-style-type: none
					display: inline
					margin-left: 1.5em
					a
						&:link, &:visited
							text-decoration: none
							color: #999
						&:hover, &:active
							:color = !theme_color_2

h1
	font-size: 1em
	margin: 5px
	padding: 0
	font-weight: bold
	color: #fff
	font-family: "Arial Rounded MT Bold"
	display: none
	// h1:before {content:url("images/logo.png") margin:1em .5em 0 0  display:inline  float:left }
h2
	:color = !theme_color_1
	:margin-top 0
	:font-weight bold
h3
	:color = !theme_color_2
#home h4
	margin: 0 0 20px 0
#services h4
	margin-left: .4em
#services #content .maincopy p
	margin-left: .8em
acronym
	border-bottom: .1px #000 dotted
#home #hug #head #menu .menu_home a, #portfolio #hug #head #menu .menu_portfolio a, #contact #hug #head #menu .menu_contact a, #services #hug #head #menu .menu_services a, #blog #hug #head #menu .menu_blog a, #links #hug #head #menu .menu_links a, #donate #hug #head #menu .menu_donate a
	position: relative
	bottom: 5px
	:color = !theme_color_1
#home #hug #footer #footwrap .menu_home a, #portfolio #hug #footer #footwrap .menu_portfolio a, #contact #hug #footer #footwrap .menu_contact a, #services #hug #footer #footwrap .menu_services a, #blog #hug #footer #footwrap .menu_blog a, #links #hug #footer #footwrap .menu_links a, #donate #hug #footer #footwrap .menu_donate a
	:color = !theme_color_2	
.hide
	display: none