/*
Theme Name: 960 Base
Theme URI: http://www.almostanything.com.au
Description: A generic starting point. Fixed width content, although parts are fluid. Home page has 3 Calls to Action. Main content with right sidebar. Horzontal Nav. Inbuilt homepage CTA management.
Version: 4.0
Author: Jason Foss, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * red					:	b12c31
 * blue					:	0095da
 * grey					:	363636
 * 
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 *
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms
 * 3.Footer
 * 4.Navigation
 * 5.News
 * 6.Sidebar
 * 7.Homepage
 */

/*
 * 1.Header and Body
 */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background: #fff;
    color: #363636;
}
.outer { /* you can use this as a CSS hook or to constrian the entire width */
    width: 100%;
}
#header {
    background: #363636 url(images/masthead_bg.png) repeat-x;
    width: 100%;
    height: 200px;
    position: relative; /* this is here for any absolute positioning */
}
#header h1 {
    margin: 0;
    padding: 0;
    text-indent: -999em;
	width:488px;
	height:200px;
	background:url(images/logo.png);
}
#header h1 a{
	color: #fff;
	text-decoration: none;
}
form#search {
    position: absolute;
    height, line-height: 30px;
    top: 0;
    right: 0;
}
p#description {
    margin-right: 1em;
    text-align: right;
    color: #fff;
    width: 300px; /* 4 cols */
    float: right;
    font: italic bold 14px/100px sans-serif;
}
.widthlimiter{
	width:960px;
	margin:0 auto;
	position:relative; /* this is here for any absolute positioning */
}
/*
 * 2.Main Content
 */
#content{
    font: normal 1em/1.6em sans-serif;
	padding:0 10px;
	width: 940px;
	float: left;
}
h1, h2, h3, h4, h5 {
    color:#b12c31;
}
h1 a{
	text-decoration: none; /* cause posts start with h1 and they are always links */
}
h3{ /* the level to use for an openeing paragraph on a page */
	margin: auto 80px; /* bring it in a column at either side */
	padding: 20px auto;
	border: 1px dashed #666;
	border-left: 0;
	border-right: 0;
}
a { /* please don't turn text-decoration off unless you have a really good reason! */
    color: #666666;
}
a:hover {
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
}
/* the next 3 rules are for the way WP sets its image floats */
#content img.alignleft, #content div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
#content img.alignright, #content div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}
/* These 2 will make image captions look a bit like polaroids */
.wp-caption{
	background:#ccc;
}
p.wp-caption-text{
	font-size:80%;
	text-align:center;
	padding:0;
	margin:0;
}

/*
 * 3.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
	display:none;
}
#content .cform fieldset {
    background: #363636;
	color:#fff;
}
.linklove { /*hides link to author but still gives them the backlink*/
    display: none;
}
#content form#cformsform{
	float:left;
}
#content .cform{
	width:460px;
}
#content .cform textarea, #content .cform input{
	width:200px;
}
#content #sendbutton{
	background:#363636;
	color:#0095da;
	cursor:hand;
	cursor:pointer;
}

/*
 * 3.Footer
 * Text should be a little smaller and more subtle in contrast.
 */
#footer {
	clear: both;
    background: #363636;
    width: 100%;
    height: 5em;
	text-align:center;
}
#footer p {
    font-size: 0.6em;
    line-height: 2em;
    color: #ccc;
}
#footer a {
    color: #ccc;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}


#content .ngg-galleryoverview{
	width:460px;
	float:right;
}