/*   
Theme Name: Coming Together
Theme URI: tba
Description: Custom theme for Panther
Author: Tessa Staib
Author URI: www.frontup.net.au
Version:
Tags: tba 	

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

/* ------------  General ---------------- */
body {font-size: 100%; font-family: helvetica, verdana, arial, sans-serif; color: #ffffff; background: #333333 url('images/tweet-main.gif') repeat-x; margin: 0; padding: 0; text-align: center; line-height: 1.3em;}

/*  Headings */
h1, h2, h3, h4, h5, h6 {color: #333333; font-weight: normal; padding: 0; margin: 0; text-align: left;}
h1 a {font-weight: 700; text-decoration: none;}
h2 a {text-decoration: none;}
.post h2 {margin-left: -35px; padding-left: 5px; width: 795px; background-color: #f74c54;}
h2 {font-size: 1.2em; line-height: 1.5em; padding-top: 1px;}
h1 a:hover, a:active, a:focus {background-color: none; color: #ffffff;}

/* Links */
a {color: #ffffff;}
a:hover, a:active, a:focus {color: #333333; text-decoration: none; background-color: #f74c54;}
 
/*  Layout  */
.wrapper {width: 800px; margin-right: auto; margin-left: auto; padding-bottom: 0px; overflow: hidden; text-align: left;}
#header {margin-left: 0px; margin-top: 10px; width: 800px; height: 30px; background-color: #f74c54;}
#banner {background: url('images/headerimgs/rotate.php') no-repeat bottom center; height: 179px; margin-top: -2px;}
#lid {padding-top: 21px;}
#page {margin: 0; background-color: #333333; padding: 10px 0 10px 0 ;}

/* Home page layout  */
#homepage {background: url('images/collage5.png') no-repeat top; width: 800px; height: 442px; margin-top: -2px; margin-left: auto; margin-right: auto;}

/* Page layout */
.widecol {width: 800px; }
.post {text-align: justify; padding: 0px 5px 0 5px; min-height: 120px; margin: 0px 30px 10px 30px; 
       background-color: #333333; 
	   border-bottom: 2px dashed #f74c54; }
.entry {background-color: #333333; }
.post a {color: #f74c54;}
.post h2 a {color: #ffffff;}
.post a:hover, a:active, a:focus {color: #333333; text-decoration: none; background-color: #f74c54;}


/* Navigation */
#othernav {margin: -41px 0 0 375px; padding: 0 0 0 0;  z-index: 1;}
#othernav li {border-right: 1px #333333 dashed; border-left: 0px #333333 dashed; list-style: none; float: left; margin: 0 -40px 0 40px;}
#othernav li a {display: block; padding: 2px 5px 2px 5px; margin: 0 0 0 0; color: #ffffff; text-decoration: none;}
#othernav li a:hover { color: #ffffff; background-color: #333333;}
#othernav li ul {display: none; text-align: right;  z-index: 1;}
#othernav li:hover ul {display: block; position: absolute; margin: 0 0 0 -374px; padding: 0;}
#othernav li:hover li {float: none; }
#othernav li:hover li a {color: white; border-bottom: 0px #333333 solid; background-color: #f74c54;}
#othernav li li a:hover {color: #ffffff; background-color: #333333;}


/* Positioning */
.clear {clear: both;}

/* Lower Sidebar */
#sidebar {color: #f74c54; float:left; width: 100%; background: #333333 url('images/foter_bg.gif') repeat-x; text-align:left; min-height: 50px;}
#sidebar a {color: #f74c54;}
#sidebar a:hover {color: #333333;}
.sidesubscribe {float:left; width: 505px; height: auto; overflow: hidden; margin: 0 0 0 15px; padding: 5px 0 0 0;}
.sidesubscribe ul {margin: 0; padding: 0;}
.sidesubscribe ul li.email {font-size: 10px; list-style-type: none; padding-top: 10px;}
.sidesubscribe ul li.subscribe {font-size: 10px; list-style-type: none; padding-top: 10px;}
.sideadmin {font-size: 10px; float:left; width: 260px; height: auto; overflow: hidden; margin: 0 0 0 15px; padding: 15px 0 0 0; text-align: right;}
.sideadmin li {list-style: none;}


/* Images */
.wp-post-image {border: 2px solid #ccc; float: left; margin: 2px 0 0 0;}
.post img {border: 2px solid #ffffff; margin-right: 5px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


