/*
Theme Name: AOG Press
Theme URI: http://press.actofgood.org/
Description: WP Theme for AOG Press Releases
Version: 1.0
Author: The Working Group
Author URI: http://theworkinggroup.ca/
*/

@import url(stylesheets/reset.css);

body {
	background-color: #fff; 
	font-family: lucida grande, lucida sans unicode, arial, verdana, clean, sans-serif;
	font-size: 13px; 
	color: #6c6c6c; }

  a {
    color: #26a0c8;
    text-decoration: none; }

  a:hover {
    color: #26a0c8;
    text-decoration: underline; }

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

  h1 a:hover, h2 a:hover {
    color: #000;
    text-decoration: underline; }

  .container {
  	width: 960px; 
  	margin:auto; }

  h1 {
  	font-size:200%; }

  h2 {
    font-size: 180%; }
  
  h3 {
    font-size: 150%; }

  p {
  	line-height: 140%; }

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

.header_container {
  position: relative;
  height: 60px;
  background: #000;
  margin-bottom: 10px; }
  
  .corner_left, .corner_right {
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0px; }
  .corner_left {
    left: 0px;
    background: url(images/header_corner_left.gif) bottom left no-repeat; }
  .corner_right {
    right: 0px;
    background: url(images/header_corner_right.gif) bottom right no-repeat; }
  
  .header_container h1 {
    margin-bottom: 0; }
    .header_container h1 a {
      display: block;
      height: 60px;
      width: 190px;
      padding-left: 15px;
      background: url(images/logo.jpg) right center no-repeat; }
      .header_container h1 a span {
        display: none; }
        
  .header_container ul.main_nav { left: 220px; }
  .header_container ul.user_nav { left: 670px; }

  .header_container ul.main_nav, .header_container ul.user_nav {
    position: absolute;
    top: 0px;
    width: 350px; }
    
    .header_container li {
      float: left; }
      .header_container li a {
        float: left;
        margin: 0 15px 0 0;
        height: 60px;
        line-height: 60px;
        color: #fff;
        padding: 0px 10px; }

    li.about_link a:hover {
        background: #27A0C8; 
        text-decoration: none;
        color: #fff; }
    li.login_link a:hover {
        background: #ddd;
        color: #555; 
        text-decoration: none;}
        
/* ----------------------------------------------------------------------- */
.wrapper {
  overflow: hidden;
  _height: 1%;
  padding: 30px 10px;}
  
.content  {
	width: 650px;
	float:left; }

  .post {
  	border-bottom: 1px solid #dadada;
  	margin-bottom: 20px;
  	padding-bottom: 20px; }
    .post h2 {
      margin-bottom: 5px; }  
    .post_info {
    	font-size: 90%; 
    	color: #aaa; 
    	margin-bottom: 15px;}
    

	
/* -- Sidebar ------------------------------------------------------------ */

.sidebar {
	padding-left: 50px;
	width: 240px;
	float:left; }

  .sidebar h3 {
    margin-bottom: 20px; }
    
  .categories {
  	background: #27a0c8;
  	border: 1px solid #dae2ea;
  	list-style: none;
  	margin-bottom: 20px; }

    .categories li { 
      border-bottom: 1px solid #dae2ea;}

    .categories .current {
    	padding: 10px;
    	color: #fff; }

    .categories a {
    	padding: 10px;
    	color: #7892af;
    	background: #f5fdff;
    	text-decoration:none;
    	display:block; }

    .categories a:hover {
    	background-color: #79c5de;
    	color: #fff; }
	
	h4.connect {
	  font-weight: bold;
	  margin-bottom: 5px; }
	
	.social_links li {
	  height: 25px;
	  padding: 5px 0 0 30px; }
	  
    .twitter {
    	background: url(images/icon_twitter.jpg) no-repeat; }

    .facebook  {
    	background: url(images/icon_facebook.jpg) no-repeat; }
	
    .linked_in  {
    	background: url(images/icon_linkedin.jpg) no-repeat; }    	
  
    .email  {
    	background: url(images/icon_email.jpg) no-repeat; }
  	
  	
/* -- Footer ------------------------------------------------------------- */
.footer_container {
  font-size: 85%;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  margin-bottom: 30px;
  overflow: hidden;
  _height: 1%; }
  .copyright { 
    width: 210px; 
    float: left; }  
    
  ul.main_nav {
    float: left; }
    ul.main_nav li {
      display: inline;
      padding-left: 5px; }