/*
Theme Name: The Gaia Project
Description: Custom theme for The Gaia Project website.
Author: Cameron McKay and Renee Lung
Author URI: http://www.reneelung.ca
Version: 1.0
*/

/* General Styles */

body {
    background: #464646;
    margin: 0;
    font-family: 'Franklin Gothic Medium', Arial, Helvetica, sans-serif;
    color: white;
}

p {
    margin-top: 0;    
}

a, a:hover {
    color: #E06B0B;
    text-decoration: none;
}

img {
    border: 0;
}

.clear {
    clear: both;
    height: 0px;
}
.main-window {
    background-color: white;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-top: 16px;
    margin-left: -475px;
    width: 950px; 
}

.main-window#blog       { background-image: url(images/backgrounds/earth.jpg); }


/*.main-window#not-found 	{ background-image: url(images/backgrounds/wind_turbine.jpg); }
.main-window#contribute { background-image: url(images/backgrounds/cycling_sxc.jpg); } 
.main-window#front 		{ background-image: url(images/backgrounds/earth.jpg); }
.main-window#about      { background-image: url(images/backgrounds/earth.jpg); }
.main-window#programs   { background-image: url(images/backgrounds/wind_turbine.jpg); }
.main-window#article    { background-image: url(images/backgrounds/wind_turbine.jpg); }


*/

#navigation-wrapper {
    width: 950px;
}

#header {
    background: url(images/header-bg.png);
    float: left;
    padding-right: 10px;
    width: 940px;
    height: 80px;
}

.logo-new {
    background: url(images/gaia-logo-new.png);
    position:absolute;
    width: 250px;
    height: 80px;
    left: 25px;
    top: 15px;
    cursor: pointer;
}

.social-media {
    float: right;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: 15px;
}

.creative-commons {
    float: right;
    width: 69x;
    height: 25px;
    margin-right: 10px;
    margin-top: 15px;
}

#user {
    color: #333;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}

.nav-bar {
    float:left;
    background-image: url(images/nav-bar-bg.png);
    padding-right: 20px;
    width: 930px;
    height: 30px;
    line-height: 30px;
    z-index: 10;
}

.nav-bar span
{
    display: block;
    float: right;    
    font-size: 12pt;    
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;
    margin-bottom: 0px;    
}

.nav-bar a 
{
    color: white;
    text-decoration: none;
}

.nav-bar-sub 
{
    float:left;
    background-image: url(images/nav-bar-sub-bg.png);
    padding-right: 20px;
    width: 930px;
    height: 30px;
    line-height: 30px;
    z-index: 10; 
}

.nav-bar-sub span
{
    display: block;
    float: right;
    font-size: 12pt;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;
    margin-bottom: 0px;    
}

.nav-bar-sub a 
{
    color: white;
    text-decoration: none;
}

#footer {
    background: #000000;    
    width: 920px;
    height: 45px;
    padding: 15px;
    text-align: center;    
}

.spacer {
    background-color: #464646;
    height: 16px;
}

#footer span {
    font-family: 'Franklin Gothic Medium', sans-serif;
    color: #888899;
    font-size: 11pt;
    text-decoration: none;
    display: block;
    margin: 0px;
    margin-bottom: 5px;
}

/* End General Styles */

/* Login Styles */

.main-window#login {
    background-image: url(images/backgrounds/cycling_sxc.jpg);
}

.main-window#login #content-wrapper {
    margin-top: 0;
}

.main-window#login div.page-headline {
    display: none;
}

.main-window#login div.article-headline {
    display: none;
}

.main-window#login #text-wrapper {
    background-image: none;
}

.main-window#login div.body {
    width: 850px;
}

.main-window#login ul.links {
    display: none;
    margin-top: 25px;
    margin-bottom: 0;    
}

.main-window#login ul.links li {
    line-height: 30px;
}

.main-window#login div.login {
    background: url(images/nav-bar-bg.png);
    color: white;
    width: 240px;
    padding: 40px 60px;
    margin-left: auto;
    margin-right: auto;
}

.main-window#login div.login p.error,
.main-window#login div.login p.message
{
    border-color: #333;
    padding: 8px 12px;
    color: white;
    background: url(images/nav-bar-bg.png);
}

.main-window#login p {
    line-height: 30px;
}

.main-window#login p.submit {
    margin-bottom: 0;
}

.main-window#login input.input {
    width: 232px;
    height: 24px;
    font-size: 20px;
    padding: 2px;
    border: 2px #eee solid;
}

/* End of Login Styles */

/* Front Page Styles */

#content-wrapper {
    width: 950px;
}

#dynamic-content {
    float: left;
    width: 950px;
}

/* #headline-bar {
    background: url(images/headline-bar-bg.png);
    float: left;
    width: 950px;
    height: 80px;
	margin-top: 190px;
}

.headline-container {
    float: left;
    width: 880px;
    padding: 10px;
    height: 60px;
    overflow: hidden;
} */

.headline a {
    text-decoration: none;
    color: #FFFFFF;
}

.headline a:hover {
    color: #E06B0B;
}

.headline {
    font-size: 20pt;
    font-weight: bold;
    margin-bottom:10px;
    margin-top:0;
    line-height: 25pt;
}

.headline-text {
    font-size: 12pt;
    margin-top: 5px;
    margin-bottom: 5px;
}

.headline-text a {
    color: white;
}

.headline-text a:hover {
    color: #E06B0B;
}
/*

div.next {
    float: left;
    background: url(images/buttons/button-next.png);
    width: 25px;
    height: 80px;
    cursor: pointer;
}

div.next-over {
    background: url(images/buttons/button-next-over.png);
}

div.scroller {
    width: 880px;
    height: 140px;
    margin: auto;
}

div.prev {
    float: left;
    background: url(images/buttons/button-prev.png);
    width: 25px;
    height: 80px;
    cursor: pointer;
}

div.prev-over {
    background: url(images/buttons/button-prev-over.png);
}

div.scroller li {
    height: auto !important;
    width: 850px !important;
    margin: auto !important;
} */

#text-wrapper {
    color: #333;
    background: url(images/text-wrapper-bg.png);
    float:left;    
    padding:20px 20px 20px 20px;
    width:910px;
}

#text-wrapper a {
    color: #E06B0B;
    text-decoration: none;
}

#welcome {
    float: left;
    width: 390px;
    padding: 20px 20px 0px 30px;
}

#welcome .headline {
    color: #333;
    font-size: 24pt;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 24pt;
    font-weight: bold;
}

#welcome .headline-text {
    color:#333;
    font-size:14pt;
    line-height:20pt;
    margin-bottom:5px;
    margin-top:5px;
}

#recent-posts {
    background: #F1F1F1;
    float: left;
    width: 340px;
    height: 240px;
}

#buttons {
    float: left;
    width: 160px;
    padding: 30px 90px 0px 10px;
}

.callout-button {
    float:left;
    height:70px;
    margin-bottom:15px;
    margin-left:0px;
    width:160px;
}

.callout-button img {
    border: 0px;
    margin-left: 20px;
}

#sidebar {
	float: left;
    width: 180px;
	padding: 0px 0px 0px 10px;
}

#sidebar ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

li#recent-posts-3 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#recent-posts-4 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#recent-posts-5 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#twitter-3 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-indent: 30px;
	text-transform:lowercase;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

li#twitter-3 h2 a {
	color: #333;
}

li#twitter-4 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-indent: 30px;
	text-transform:lowercase;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

li#twitter-4 h2 a {
	color: #333;
}

li#twitter-5 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-indent: 30px;
	text-transform:lowercase;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

li#twitter-5 h2 a {
	color: #333;
}

li#twitter-6 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-indent: 30px;
	text-transform:lowercase;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

li#twitter-6 h2 a {
	color: #333;
}
li#archives-3 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#categories-3 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#recent-comments-3 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#archives-4 h2 {
 	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#categories-4 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#recent-comments-4 h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
}

li#sub-page-menu h2 {
	color: #333;
	font-size: 22pt;
	margin:20px 0px 0px 0px;
	text-transform:lowercase;
	line-height: 22pt;
}

li#sub-page-menu h2 a {
	color: #333;
}

.widget li {
   	float: right;
	list-style-type:none;
	margin-left: 15px;
}

.widget li ul{
	list-style-image:url(images/bullet-red.png);
}
	
.widget li ul li{
	width: 200px;
	font-size:10pt;
	margin-bottom:2px;
}


/* End Front Page Styles */



/* Interior Page Styles */

.cc-attribution-wrapper {
	background: url(images/cc-attribution.png);
    height:25px;
	width:200px;
	margin-top: 0px;
	margin-bottom:0px;
	float: right;
}

.cc-attribution-text {
	padding-left:30px;
	padding-top:2px;
}

.cc-blank {
	background: url(images/blank.png);
	height:25px;
	margin-top: 0px;
	margin-bottom:0px;
	width: 950px;
	float: left;
}


.page-headline {
    background: url(images/headline-bar-bg.png);
    float:left;
    height:80px;
	margin-top: 165px;
    width:950px;
}

.page-headline-container {
    float: left;
    width: 880px;
    padding: 10px 10px 10px 50px;
    height: 60px;
    overflow: hidden;
}

.article-headline {
    background: url(images/headline-bar-bg.png);
    float:left;
    height:80px;
	margin-top: 195px;
    width:950px;
}

.article-headline-container {
    float: left;
    width: 880px;
    padding: 10px 10px 10px 50px;
    height: 60px;
    overflow: hidden;
}

div.blurb {
    width: 640px; /* 560px */
    float: left;
	margin: 20px 30px 20px 30px;
}

div.article {
    width: 640px; /* 560px */
    float: left;
    margin: 20px 30px 20px 30px;
}

div.recent-articles {
    width: 640px; /* 560px */
    float: left;
	margin: 20px 30px 20px 30px;
	font-size: 12pt;
	line-height:14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.recent-posts {
    width: 270px;
    float: left;
    padding-left: 20px;
}

h3,
div.recent-articles div.title,
div.article div.title, 
div.blurb div.title
{
    font-family: 'Franklin Gothic Medium', Arial, Helvetica, sans-serif;
	font-size: 18pt;
    width: 510px;
    margin-bottom: 5px;
    margin-top: 0px;
    color: #333;
}

div.article div.body,
div.blurb div.body
{
    font-size: 12pt;
	line-height:14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
    width: 550px;
    color: #333;
}

div.recent-articles div.title a {
    color: #333 !important;
}

div.recent-articles div.body {
    font-size: 11pt;
    width: 550px;
    margin-bottom: 30px;
    color: #333;
}

div.recent-articles div.prev-next {
    width:520px;
}

div.recent-posts div.title {
    font-size: 11pt;
    color: #333333;
    margin: 0;
    margin-top: 0px;
    font-weight: bold;
}

div.recent-posts div.body {
    font-size: 11pt;
    color: #333;
    width: 230px;
    margin-bottom: 10px;
    margin-top: 0px;
}

div.recent-posts a {
    text-decoration: none;
    color: #E06B0B;
}

div.archives
{    
    width: 300px; /* 290px */
    float: left;    
}

div.archives ul {
    list-style-type: none;
    margin: 0;
    padding: 15px 0 15px 0;
}

div.archives li {
    font-size: 17pt;
    color: #333;
    height: 39px;
    line-height: 39px;
    padding-left: 35px;
    padding-right: 35px;  
}

div.archives-header {
    width: 520px;
    font-size: 12pt;
    
    margin-bottom: 10px;
}

div.read-more {    
    width: 300px; /* 290px */
    float: left;
}

div.archives a:hover,
div.read-more div.option a:hover
{
    color: #E06B0B !important;
}

div.read-more div.option {
    margin: 5px 0 5px 0;
    font-size: 17pt;
    color: #333;
    height: 39px;
    line-height: 39px;
    padding-left: 35px;
    padding-right: 35px;    
}

div.donate {
    text-align: center;
}

div.share-button {
	padding: 0px 0px 20px 0px;
}

/* End Interior Page Styles */

/* Comment Styles */

#respond h3 {
    font-weight: normal;
}

#comment {
    width: 516px;
}

/* End Comment Styles */

/* Wordpress Styles */

.alignleft {
    float: left;
	padding:10px 10px 10px 10px;
}

.alignright {
    float: right;
	padding:10px 10px 10px 10px;
}

.aligncenter {
	padding:10px 10px 10px 10px;
}

.wp-caption-text {    
    margin-top: 3px;
    font-size: 1pt;
}

/* End Wordpress Styles */