/*   
Theme Name: Urban Ecology
Theme URI: 
Description: A WordPress theme that matches the Urban Ecology website
Author: Andrew Hyder
Author URI: slangbladedesign.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

@import url('../thematic/style.css');


/* --------------------------------
------------Header
-----------------------------------
*/

#header{
	background:url(images/header-bg.gif) no-repeat top center;
    margin: 8px;
}

#branding {
	padding: 0;
}

#blog-title a {
background:url(http://urbanecology.org/images/ue_logo.gif) no-repeat top left;
padding-left: 202px;
padding-bottom: 20px;
}

#blog-description {
	padding-left: 202px;
}

#blog-title a:active, #blog-title a:hover {
	color:#FFF;
}

#blog-title a {
	color:#FFF;
}

#blog-description {
color:#FFF;
}

#access {
border-bottom: 0;
}

/* ------------------------------------- */

/* ----------------------------------
------------------- Menu
-------------------------------------- */


.sf-menu a, .sf-menu {
	border: 0; /*Gets rid of menu border*/
	}

.sf-menu a, .sf-menu a:visited{
	color: white; /*Sets top level font color*/
	}

.sf-menu li {
	background-color:	transparent; /* Background color Top Level*/
	}

.sf-menu li li a, .sf-menu li li a:visited{
	color: #666; /*Sets second level font color*/
	}

.sf-menu li li a:hover{
	color:#fff; /*Sets second level hovering font color*/
}

.sf-menu li li {
	background:	#8194bd; /* Background color first sub-level */
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #5e76aa;  /* Background color all levels */
	outline:		0;
    border-bottom-color:#ccc;
	color: white;
}
	
/* ------------------------------------- */

/* ----------------------------------
------------------- Content
-------------------------------------- */
#main{
padding: 15px 0;
}

#primary{
	border:0;
	width: 300px;
	}
	
#container, #content {
	width:  640px;
	margin: 0;
	}
	
#content .aside {
	padding:0;
	}
	
.photo {
border:1px solid #CCCCCC;
padding:3px;
}

.photo:hover {
border:1px solid #5e76aa;
}