/* author: Scott Marlow, Marketing By Marlow: 206-784-5454, muse@marketingbymarlow.com */

/* 
COLORS

Maroon (header): 	#600
Teal (about): 		#366
Brown (blog): 		#960
Olive (Drink Up): 	#993
Yellow (Cheers): 	#fc0
Red (Contact): 		#900
Grey (Buddies): 	#666

*/


body {
	font-family: arial, sans-serif;
	margin: 0; 
	padding: 0
}

#wrapper {
	border: 1px black solid;
	margin-right: auto; margin-left: auto; 
	width: 960px
}

#home td {
	border: 1px solid black
}

.header {
	background-color:#600
	}

.homesquare {
	height: 180px; min-height: 180px;
	width: 207px
}
.homesquareleft {
	min-height: 180px;
	width: 339px
}
.homesquarenews {
	height: 180px; min-height: 180px;
	width: 415px
}

a {
	text-decoration: none
}

.newscopy {
	font-size: 12px; 
	margin: 0px 20px 0px 14px
}
.aboutcopy {
	font-size: 24px; 
	margin: 0 28px 0 14px
}
.title {
	font-size: 36px; font-weight: bold; 
	margin: 0 14px 0 14px
}
.newsletter {
	font-size: 14px; 
	margin: 14px 14px 0px 14px
}

#home a.about {
	color: #366; 
	display: block; 
	height: 544px
}
#home a.about:hover {
	background-color: #366;
	color: white
}

#home a.news {
	color: #960; 
	display: block; 
	height: 180px
}
#home a.news:hover {
	background-color: #960;
	color: white
}

#home a.drink {
	color: #993; 
	display: block; 
	height: 180px; line-height: 180px; 
	text-align: center
}
#home a.drink:hover {
background-color: #993;
color: white
}

#home a.cheers {
	color: #fc0; 
	display: block; 
	height: 180px; line-height: 180px; 
	text-align: center
}
#home a.cheers:hover {
	background-color: #fc0; 
	color: white
}

#home a.contact {
	color: #900; 
	display: block; 
	height: 180px; line-height: 180px; 
	text-align: center
}
#home a.contact:hover {
	background-color: #900;
	color: white
}

#home a.buddies {
	color: #666; 
	display: block; 
	height: 180px; line-height: 180px; 
	text-align: center
}
#home a.buddies:hover {
	background-color: #666;
	color: white
}

#home a.merch {
	color: #936; 
	display: block; 
	height: 180px; line-height: 180px; 
	text-align: center
}
#home a.merch:hover {
	background-color: #936;
	color: white
}

/* NAVIGATION */

#nav {
	width: 350px
}

#nav ul {
	list-style-type: none;
	margin: 0; 
	padding-left: 0
}

#nav li {
	display: inline;
	font-size: 36px;font-weight: bold;
	height: 50px;
	text-transform: uppercase

}
#nav a {
	color: black;  
	display: block; 
	padding: 7px 0 0 14px;
	text-decoration: none;
	width: 350px
}

#nav a.home {
	background-color: #600; 
	height: 180px
}
#nav a.home:hover {
	background-color: #600
}

#nav a.about {
	background-color: #366
}
#nav a.about:hover {
	color: #366
}
#nav a.aboutselected {
	background-color: white;
	color: #366
}

#nav a.news {
	background-color: #960
	}
#nav a.news:hover {
	color: #960
}
#nav a.newsselected {
	background-color: white;
	color: #960 
}

#nav a.cheers {
	background-color: #fc0
}
#nav a.cheers:hover {
	color: #fc0
}
#nav a.cheerselected {
	background-color: white;
	color: #fc0
}

#nav a.drink {
background-color: #993
}
#nav a.drink:hover { 
	color: #993
}
#nav a.drinkselected {
	background-color: white; 
	color: #993
}

#nav a.merch {
	background-color: #936
}
#nav a.merch:hover {
	color: #936
}
#nav a.merchselected {
	background-color: white;
	color: #936
}

#nav a.buddies {
	background-color: #666
}
#nav a.buddies:hover {
	color: #666
}
#nav a.buddiesselected {
	background-color: white;
	color: #666 
}

#nav a.contact {
	background-color: #900
}
#nav a.contact:hover {
	color: #900
}
#nav a.contactselected {
	background-color: white;
	color: #900
}

#nav a.signup {
	background-color: #366
}
#nav a.signup:hover {
	color: #366
}
#nav a.signupselected {
	background-color: white; 
	color: #366
}

#nav a:hover {
	background-color: white
}

/* CONTENT */

#content {
	margin: 0;
	padding: 0 50px 0 60px;  
	width: 500px
}

#content h1 {
	font-size: 22px; 
	margin-bottom: -5px; 
	text-transform: uppercase
}

#content h2 {
	font-size: 16px; 
	margin-bottom: -5px;
	text-transform: uppercase
}

#content h3 {
	font-size: 14px; 
	margin-bottom: -5px;
	text-transform: uppercase
}

#content p {
	font-size: 12px; 
	line-height: 1.6em
}

#content li {
	font-size: 12px; 
	line-height: 1.6em; 
	list-style-type: none
}

#content a {
	color:#600; 
	text-decoration: none
}

#content a:hover {
	text-decoration: underline
}

#content img {
	border: 1px solid black
}

#bio {
	min-height:160px; 
	margin: 6px 0 20px 0
}
#bio p{
	padding-left: 156px
}
#bio h3 {
	margin-bottom: 5px
}
#bio img {
	margin-right: 8px
}

#content .about {
	color: #366
}
#content .buddies {
	color: #666
}
#content .cheers {
	color: #fc0
}
#content .contact {
	color: #900
}
#content .drinkup {
	color: #993
}
#content .merch {
	color: #936
}
#content .news {
	color: #960
}
#content .signup {
	color: #366
}

#content .form {
	margin: 4px 0 4px 0
}

/* NAVIGATION: SECONDARY */

#nav2 ul {
	border-bottom: 1px solid black; 
	margin: 36px 0 0 0; 
	padding: 0 0 4px 0; 
	width: 500px;}

#nav2 li {
	font-size: 14px; font-weight: bold;
	display: inline;
	list-style-type: none;
	padding: 4px 12px 0 0;
	text-transform: uppercase
}

#nav2 a {
	color: #366;
	text-decoration: none
 }

#nav2 a:hover, #nav2 a.selected {
	color: black; 
	text-decoration: none
}

/* FOOTER */

#footer {
	text-align: right; 
	width: 960px
}

#footer p {
	color: #999; 
	font-size: 10px
}

#footer a {
	color: #999
}

#footer a:hover {
	color: #666; 
	text-decoration: underline
}