/* Sass experiments, refactoring work, Karen Zeller 4.20.2011 */

$grey: #505050
$white: #ffffff
$green: #bdd1c2
$yellow: #e9da89
$lilac: #666699

$dots_white: 1px solid $white
$dots_grey: 1px dotted $grey

$main_logo: url("images/paccc.jpg")
$green_logo: url('images/logo_green.jpg')

$columns: 0 3% 0 3%
$header: 24pt
$spacer: 2%

@mixin border
	border: $dots_grey

@mixin horiz_nav
	// horizontal navigation style
	text-align: center	
	height: $header * .75
	li		
		list-style-type: none
		display: inline
		padding: 0 $spacer/1.5 $spacer/2.6
		border:
			right: $dots_white
			left: $dots_white
		&:hover
			background:
				color: $lilac
	a
		text-decoration: none
		color: $grey
		&:hover
			color: $white

body
	font:
		family: verdana, myriad, 'san-serif'
		size: $header/2.2
	background:
		image: $green_logo
		color: $white
	color: $grey

.clear
	clear: both

.main 
	// main styles for all pages
	@include border
	margin: 0px $spacer*2 0px
	background-color: $white
	a
		text-decoration: none
		color: darken($lilac, 5%)
		&:hover
			color: darken($green, 30%)
	.header 
		// top banner all pages
		text-align: center
		margin-top: 20px
		h1
			font:
				size: $header		
			background:
				image: $main_logo
				repeat: no-repeat
				position: relative
			margin: auto
			height: 180px
			width: 400px
		span
			display: none
		.search 
			float: right
			position: absolute
			margin:
				top: -30%
				left: 70%
	h2
		// h2 all pages
		font:
			size: $header *.5
			weight: bold
			margin:
				bottom: 25px
	.navbar
		// first level navigation all pages
		@include horiz_nav
		@include border
		background:
			color: $green
	.navbar2
		// second level navigation all pages
		@include horiz_nav
		@include border
		margin:
			top: -10px
		background:	
			color: $yellow
	.content
		// main content column all pages
		margin: $columns
	.sidebar
		// for news and announcemnts all pages
		@include border
		float: right
		clear: right
		width: 30%
		margin: $columns
			bottom: 2%
		padding: $columns
	.footer
		// footer all pages
		@include border
		padding: 2%
		margin: 2% 0 0
		text-align: center
		background:
			color: $yellow