/*  
Theme Name: Cannonball Creative
Theme URI: http://cannonballcreative.com.au
Description: Our Second template for use on our site.
Version: 2.0
Author: Team Cannonball
Author URI: http://cannonballcreative.com.au
*/
/* GLOBAL
************************************/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
* {margin:0;padding:0;}
body {font: 75%/1.5 'Georgia', 'Times', sans-serif;background:url('images/background_rpt.png') repeat-y top center;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {font-size: 1.5em;font-weight:normal;font-style:italic; }
h1 em {font-size: 1.65em;font-weight:bold;}
h2 {font-size: 2em;}
h3 {border-bottom:1px solid #D6D6D6;font-size: 1.25em;}
h4 {border-bottom:1px solid #D6D6D6;font-size: 1.125em;margin-top:2em;}
h5 {font-size: 1.0em;font-weight:normal;font-style:italic;}
h5 em {font-size:1.125em;font-weight:bold;display:block;margin-left:0.5em;text-decoration:underline;}
h6 {font-size: 1.0em;font-weight:normal;font-style:italic; }

blockquote {font-style:italic;}
small, cite {font-size:0.875em;}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {margin-left:auto;margin-right:auto;width:960px;}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6 {display:inline;float:left;margin-left:10px;margin-right:10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_6 .grid_1 {width:140px;}
.container_6 .grid_2 {width:300px;}
.container_6 .grid_3 {width:460px;}
.container_6 .grid_4 {width:620px;}
.container_6 .grid_5 {width:780px;}
.container_6 .grid_6 {width:940px;}
/* Clear Floated Elements AND Floats
----------------------------------------------------------------------------------------------------*/
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.rght{float:right;margin-left:10px;margin-right:0;}
.lft{float:left;margin-right:10px;margin-left:0;}

body{background:#EAE9E6 url('images/body_bkg.png') repeat-y top center;}

/*  Header
-------------------------*/
#header{background:url('images/header_bkg.png') repeat-x top;height:104px;width:100%;}
	#header #navigation{line-height:100px;font-family:'Verdana', 'Arial', sans-serif;}
	#header #navigation ul{list-style:none;}
	#header #navigation ul li{display:inline;}
		#header #navigation ul li a{color:#ffffff;text-decoration:none;}
		#header #navigation ul li a:hover{color:#ffffff;text-decoration:underline;}
#bottom{height:20px;width:100%;}
	#bottom #container{border-top:1px dotted #EAE9E6;}

/*  FrontPage
-------------------------*/
#main .grid_6{padding:10px;width:920px;}
#main .happenTop{margin-top:20px;}
#main .whole{width:640px;margin:0 auto;text-align:center;}
	#main .portfolio a img{border:3px solid #EAE9E6;}
	#main .portfolio a:hover img{border:3px solid #3796D5;}
#main .happening{width:640px;margin:0 auto;margin-top:0;}
	#main .happening .what h4,#main .happening .what p{margin:0;}
	#main .happening .what h4{margin-bottom:3px;}
	#main .happening .what a{color:#888888;}
	#main .happening .what a:hover{color:#656565;}
	#main .happening .what a:hover h4{border-bottom:1px solid #3796D5;}

/*  Post
-------------------------*/
.post .postmetadata{font-size:0.9em;}