/*
Theme Name: Sassy Grass
Theme URI: http://lethbridgeultimate.org/
Description: A custom theme built for the Lethbridge Ultimate Club.
Version: 1.0
Author: Jeff Milner
Author URI: http://jeffmilner.com/
Tags: green, grass, fixed width, two columns, widgets

*/

/* CSS Document */

body {
	background-image: url(images/grass.jpg);
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

a:visited {
	color:#600;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

#main {

}
.container {
    margin:0 auto; 
    position:relative;
    width:950px;
}

#header {
	margin:20px 0 0 0;
}

#logo {
	background:url(images/lethbridge-ultimate-club-logo.png) scroll 0 0;
	background-repeat:no-repeat;
}

#logo h1, #logo p.description{
    text-indent:-9999px;  
}
#logo p.description {
	color:#fff;
}

ul#menu {
	background:url(images/menu-background.png) scroll 0 0;
	background-repeat:repeat-x;
	border-bottom:1px solid #fff;
	margin:0;
	padding:18px;
}

ul#menu li {
	border-left: 1px dotted #000;
	display:inline;
	padding: 0 20px 0;
}

ul#menu li#first {
	border-left: none;
}

ul#menu a {
	color:#000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

ul#menu a:hover {
	color:#600;
}

#headerpanel {
	background:url(images/header-background.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}
#page-rss {
	background:url(images/header-background-rss.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}

#page-4 {
	background:url(images/header-background-prairie-plastic.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}
#page-6 {
	background:url(images/header-background-what-is-ultimate.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}
#page-2 {
	background:url(images/header-background-who-we-are.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}
#page-8 {
	background:url(images/header-background-upcoming.png);
	background-repeat:no-repeat;
	border-top:1px solid #c0c5a5;
	height: 150px;
	padding:25px 10px;
	margin: 5px 0 -25px;
}

#headerpanel h2 {
    text-indent:-9999px;  
}

#headerpanel p {
	color:#fff;
	padding:0 0 0 198px;
	font:Verdana, Helvetica, Arial, sans-serif
}

#sidebar {
	background:url(images/sidebar.png) scroll 0 0;
	background-repeat:no-repeat;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	float:right;
	margin: 0 0 10px;
	padding: 40px;
	width:185px;
}
#sidebar h2 {
	border-bottom: 1px solid #fff;
}
#sidebar ul {
	margin:0;
	padding:0;
}

#sidebar ul li {
	list-style-type:none;
	margin:20px 0;
	padding:0;
}
#sidebar ul li ul li {
	margin:5px 0 0;
	padding:0 0 0 10px;
}
input#s {
	width: 100px;
}

#content {
	background:#dbd8c5;
	padding:40px;
	margin:0 278px 0 0;
	min-height:430px;
	line-height:24px;
}

#content h2, #content h3, #content h4, #content h5 {
	border-bottom:1px dashed #000;
}

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

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

#content a:hover {
	color:#050;
}
/* 
    Footer-Styles 
*/  

#footer {   
    background-image:url(images/background-footer.png);  
    background-repeat:repeat-x; 
	clear: both;
	color:white;
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-size:13px;  
	margin:20px 0 0 0;
	min-height:130px;
	padding:40px;
	position:relative;
}

.footer_column {  
    float:left;  
    width:100px;  
    margin-right:30px;  
}  
#footer .long {  
    width:655px;  
}  
#footer h3 {  
    color:#e2dddc;  
    text-transform:uppercase;  
    font-size:13px;  
}  
.footer_column ul li, .footer_column ul {  
    list-style:none;  
    margin:0px;  
    padding:0px;  
}

#footer a {
	color:#9F3;
}

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