bill's screen.sass

@import compass/reset.sass
@import blueprint.sass
@import blueprint/modules/form.sass
@import blueprint/modules/liquid.sass
@import compass/layout.sass
@import compass/utilities.sass
@import icons.sass

+blueprint
+blueprint-typography
+blueprint-form
+blueprint-liquid-grid

=span(!n, !override = false)
	!width = (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
	@if !override
		:width = !width !important
	@else
		:width = !width

!main_blue = #0000bb
!border_color = #61A3D7

img
	:border none

body
	:background-color = !main_blue

form
	+column(24)
	
	p
		+column(22)
		+prepend(2)
		+last
		
	label
		+column(4)

	input
		+column(6)

.label
	:font-weight bold

.wrap
	+container
	:border 1px solid
	:border-color = !border_color
	:-moz-border-radius .5em
	:-webkit-border-radius .5em
	:background-color #ffffff
	:margin-top 1em

	#container

		.current
			:background-color = !border_color
			:color #ffffff

		.banners a
			:text-decoration none
			
		#header
			+column(24)
			:border-bottom 2px solid
			:border-bottom-color = !border_color
		
			#header-img
				+prepend(1)
				+column(6)
			
			#tagline
				+column(7)
				:padding-top 1em
				:color = !border_color
				:font-weight 1.7em/1.5em
				:font-style italic
			
			#headerCorner
				+column(9)
				+last
				:float right
				:padding-top .5em
				:text-align right
			
				a
					:font-size 125%
					
				#user-bar-action
					+column(5)
				
				#user-bar-greeting
					+column(17)
					
			#help-link
				+column(9)
				+last
				:text-align right
				:padding-top .5em
				:padding-right 1.7em
		
				a
					:font-size 125%

		#navigation
			+column(24)
			:border-bottom 3px solid
			:border-bottom-color = !border_color
			
			ul.navigation
				+column(24)
				+no-bullet
				:text-align right
				:margin-bottom 0em
				
				li
					+column(4)
					:float right
					:text-align center
					
					a
						:font-size 1.5em
						:text-decoration none
		
		#page_content
			+prepend(1)
			+column(22)
			+append(1)
			+last
			:border-top 1px dotted #c4c4c4
			
			h1
				:margin-top 1em
				:color = !main_blue
				
			div
				:margin-bottom 1em
		
			.content_col
				+column(11)
				
				h2
					a
						font-size: 80%
						
				div
					+clearfix
					:margin-bottom 0.1em
				
				.profile_block
					min-height: 160px
					
				.label
					+column(7)
					:font-weight bold

				.printed_value
					+ column(14)

		#footer
			+column(24)
			:border-top 2px solid
			:border-top-color = !border_color
			:text-align center