/*
Theme Name: sonic
Version: 1.0
Description: Imports all of the screen-based stylesheets used as part of this website's theme.

Author: Sonja Hollerbach
Author URI: http://www.sonicinteractive.com.au
*/



/* body, layout and typography */

body {
	background:url(images/header1.jpg) top center no-repeat;
  	padding:0; 
  	margin:0 auto;
  	font-family:Arial;
  	font-size:0.9em;
  	color:#747482;
	}

a img { border:none}

#wrapper {
  	width: 956px;
	padding-left:24px;
  	margin: 0 auto;
  	overflow: hidden;
	}

h1 { /* where is this used ?*/
	margin:0;
	font-family:Georgia;
	font-size: 1.2em;
	color:#252535;
	font-weight:normal;
	padding-bottom:5px;
	text-decoration:none
	}

h2 { margin:0;
	font-family:Georgia;
	font-size:2.2em;
	padding:5px 0 7px 0;
	color:#252535;
	font-weight:normal;
	text-decoration:none
	}

h2.post_title a {
	color:#252535;
	text-decoration:none} 

h2.post_title a:hover {
	color:#252535;
	text-decoration:underline} 

h2.comments { 
/*	border-top:1px solid #0F0;*/
	margin-top:20px;
	font-family:Georgia;
	font-size:1.4em;
	padding:15px 0 15px 0;
	color:#252535;
	font-weight:normal;
	text-decoration:none
	}

h2.comments2 { 
	font-family:Georgia;
	font-size:1.4em;
	padding:10px 0 25px 0;
	color:#252535;
	font-weight:normal;
	text-decoration:none
	}

h3 { margin:0;
	font-family:Georgia;
	font-size: 1.2em;
	color:#252535;
	font-weight:normal;
	padding-bottom:5px;
	text-decoration:none
	}


h4 { font-size: 16px; font-weight: lighter; }/* not used yet */

h5 { margin:0;
	font-family:Georgia;
	font-size: 1.5em;
	color:#252535;
	font-weight:normal;
	padding:10px 0;
	text-decoration:none
	}

/* post subheadings */
h6 { margin:0;
	font-family:Georgia;
	font-size: 1.4em;
	color:#252535;
	font-weight:normal;
	padding:10px 0 0 0;
	text-decoration:none
	}

/* large post subheadings with line above */
.hdg { 
	margin-bottom:0;
	font-family:Georgia;
	font-size: 1.7em;
	line-height:1.0em;
	color:#252535;
	font-weight:normal;
	padding:18px 0 0 0;
	border-top:1px dotted #999
	}

/* subheadings no line */
.hdg2 { 
	margin:0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#252535;
	font-weight:normal;
	padding-top:10px;
	}

blockquote {/* not used yet */
  background: url(images/blockquoteback.png) repeat;
  padding: 15px;
  margin: 10px 5px 10px 5px;
}

/* banner and nav */

#banner {
  	margin: 0;
	margin:0 auto;
	
  	height:327px;
	}

#header-place {	
	width:980px;
	margin:0 auto;
	}
	
#header-place #logo { 
	height:91px
	}

#logo h1, #logo h1 a {
  display:none;
	}


#header-place #tagline { 
	padding:49px 0 0 24px;
	width:591px;
	font-family:Georgia;
	font-size:1.25em;
	color:#d4d4db;
	line-height:1.3em
	}

#navbar {
	padding:90px 0 0 24px;
	width:956px;
	overflow:hidden
	}

#nav { 
	width:650px;
	padding-top:7px;
	overflow:hidden;
	float:left
	}

#nav ul {
	margin:0;
	padding:0;
	list-style:none}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline}

#nav li a { 
	font-size:0.75em;
	font-weight:600;
	text-transform:uppercase;
	color:#000;
	padding:0 35px 0 0;
	text-decoration:none}

#nav li a:hover { 
	color:#000;
	text-decoration:underline}

#search {
	float:right;
	width:303px;
	padding-top:3px;
	font-size:0.75em;
	font-weight:600;
	text-transform:uppercase;
	color:#000;}


#s {
  width:120px;
  border:1px solid #7a7a8d;
  margin:0 0 0 10px;
  background:#7a7a8d;
  color: #fff;
  padding:1px
}

#searchsubmit { 
	background-color:#7a7a8d;
	border:1px solid #565665;
	cursor:hand;
	color:#1e1e2b}
 

/* Content */

#content { 
	width:980px;
	overflow:hidden
	}
	
#container {
	width:636px;
	padding:0 10px 0 24px;
	font-size:0.8em;
	float:left;
	overflow:hidden;
	margin-right:1px;
	}

#container ul.posts {
	margin-bottom:50px;
	padding:0;
	list-style:none
	}

#container ul.posts li {
	margin:0;
	padding-bottom:20px;
/*	border-bottom:1px solid #666;*/
	list-style:none;
	}

#container ul.posts li.missing {
	margin:0;
	padding-bottom:20px;
	list-style:none;}

#container ul.pages {
	margin:0;
	padding:0;
	list-style:none
	}

#container ul.pages li {
	margin:0;
	padding-bottom:20px;
	list-style:none;
	}

span.post_content { 
	color:#747482;
	line-height:1.6em
	}

span.post_content a { 
	color:#747482;
	text-decoration:underline
		}

span.post_content a:hover { 
	color:#747482;
	text-decoration:none
		}

.space { height:20px}
.space1 { height:30px}
.space2 { height:10px}

span.date { 
	padding-bottom:10px;
	color:#252535;
	font-size:1.0em;
	}

span.author { 
	padding-bottom:10px;
	color:#747482;
	font-size:0.95em;
	}



/* Author bio */
#author-bio { 
	border:1px solid #d1d1dd;
	background-color:#e4e4eb;
	width:600px;
	padding:15px 20px 15px 15px;
	margin:25px 0;
	color:#616174;
	line-height:16px;
	height:90px
	}

#author-bio #author-heading { 
	font-family:Georgia;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:5px;
	color:#252535;
	line-height:16px
	}

#author-bio a { 
	color:#252535;
	text-decoration:underline
	}

#author-bio a:hover { 
	color:#252535;
	text-decoration:none
	}

#author-bio img { 
	float:left;
	margin:0 15px 0 0;
	border:1px solid #d1d1dd
	}


/* comment count in post list page */

span.comment {
	padding-bottom:25px;
	display:block;
	width:640px;
	border-bottom:1px solid #666
	}

span.comment a { 
	color:#747482;
	text-decoration:underline;
	font-size:0.9em;
	}

span.comment a:hover { 
	color:#747482;
	text-decoration:none;
	padding-bottom:20px;
	}


	
/* post styles */

.posts {
  	list-style-type: none;
 	margin:0;
  	padding:0;
	}

.posts a {
	text-decoration: none;
	}

.posts a:hover {
  text-decoration: underline;
	}

span.post_content a  {
	color:#252535;
	text-decoration:underline
	}

span.post_content a:hover  {
	color:#252535;
	text-decoration:none
	}

.post_content img {
	margin:0;
	border:1px solid #d1d1dd
	}

#author-pic {
	margin:5px 20px 0 0}


h2.author { 
	margin:0;
	font-family:Georgia;
	font-size:1.8em;
	padding:5px 0 7px 0;
	color:#252535;
	font-weight:normal;
	text-decoration:none
	}

.post_content h3 { margin:0;
	font-family: Georgia;
	font-size: 1.2em;
	color:#252535;
	font-weight:normal;
	padding-bottom:5px;
	text-decoration:none
	}

.post_content h3 a { 
	color:#252535;
	text-decoration:none
	}

.post_content h3 a:hover { 
	color:#252535;
	text-decoration:underline
	}
	
/*.posts li {
  	color: #CCCC9A;
  margin: 0 15px 0 15px;
  padding: 0;
}*/

.line1 { 
	margin:25px 0;
	border-bottom:1px solid #d1d1dd}

img.fl {
	float:left;
	margin:0 25px 10px 0;
	border:1px solid #d1d1dd
	}

img.fr { 
	float:right;
	margin:0 0 10px 25px;
	border:1px solid #d1d1dd
	}




/* Sidebars */

#rightsidebar {
	width:250px;
	padding:15px 0 0 30px;
	float: left;
	overflow:hidden;
	}

#rightsidebar ul {
	margin:0;
	padding:0;
	list-style:none
	}
	
ul.icons {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.icons li {
	margin:0;
	padding:0 0 4px 0;
	list-style:none;
	}

ul.icons li a {
	font-size:0.8em;
	font-family:Arial;
	color:#0b0b0e;
	text-decoration:none;
	display:block;
	}

ul.icons li a:hover {
	text-decoration:underline;
	display:block;
	}



ul.post-snippets {
	margin:0;
	padding:0;
	list-style:none;}
	
ul.post-snippets li {
	margin:0;
	padding:0;
	list-style:none;

	}

ul.post-snippets li a {
	font-size:0.8em;
	padding:5px 0;
	line-height:1.4em;
	border-bottom:1px solid #CCC;
	font-family:Arial;
	font-weight:300;
	color:#0b0b0e;
	text-decoration:none;
	display:block;
	}

ul.post-snippets li a:hover {
	text-decoration:underline;
	display:block;
	}	
	
ul.category-snippets {
	margin:0;
	padding:0;
	list-style:none;}
	
ul.category-snippets li {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.category-snippets li a {
	font-size:0.8em;
	padding:5px 0;
	line-height:1.4em;
	border-bottom:1px solid #CCC;
	font-family:Arial;
	font-weight:300;
	color:#0b0b0e;
	text-decoration:none;
	display:block;
	}

ul.category-snippets li a:hover {
	text-decoration:underline;
	display:block;
	}	
	

/* Footer */

#footer-bg { 
/*	height:398px;*/
	height:358px;
	background: url(images/bg_footer.gif) top center repeat-x
	}

#footer { 
	width: 956px;
	padding:65px 0 0 24px;
  	margin: 0 auto;}

#footer h3 { margin:0;
	font-family:Georgia;
	font-size: 1.2em;
	color:#fff;
	font-weight:normal;
	padding-bottom:8px;
	text-decoration:none
	}

#footer ul {
	margin:0;
	padding:0;
	list-style:none}
	
ul.footer-snippets {
	list-style:none;
	color:#878793;
	font-size:0.8em;
	line-height:1.4em
	}

ul.footer-snippets li a {
	color:#878793;
	text-decoration:none;
	}

ul.footer-snippets li a:hover {
	color:#878793;
	text-decoration:underline;
	}
ul.footer-snippets li a.contact {
	color:#878793;
	text-decoration:underline;
	}

ul.footer-snippets li a.contact:hover {
	color:#878793;
	text-decoration:none;
	}


ul.footer-categories {

	list-style:none;
	color:#878793;
	font-size:0.8em;
	}

ul.footer-categories ul {	
	padding-top:5px;}
	
ul.footer-categories li {	
	padding-bottom:3px;}

ul.footer-categories li a {
	color:#878793;
	text-decoration:none;
	}

ul.footer-categories li a:hover {
	color:#878793;
	text-decoration:underline;
	}


ul.footer-tweets {
	list-style:none;
	color:#878793;
	font-size:0.8em;
	line-height:1.4em
	}

ul.footer-tweets ul li {
	padding:5px 0;
	border-bottom:1px solid #3b3b4a
	}

ul.footer-tweets li a {
	color:#878793;
	text-decoration:underline;
	}

ul.footer-tweets li a:hover {
	color:#878793;
	text-decoration:none;
	}

	

ul.footer-posts {
	margin:0;
	padding:0;
	list-style:none;}
	
ul.footer-posts li {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.footer-posts li a {
	font-size:0.8em;
	padding:5px 0;
	line-height:1.4em;
	border-bottom:1px dotted #3b3b4a;
	font-family:Arial;
	color:#878793;
	text-decoration:none;
	display:block;
	}

ul.footer-posts li a:hover {
	text-decoration:underline;
	display:block;
	}
	
ul.footer-icons {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.footer-icons li {
	margin:0;
	list-style:none;
	}

ul.footer-icons li a {
	font-size:0.8em;
	font-family:Arial;
	color:#878793;
	text-decoration:none;
	display:block;
	padding:0 0 4px 0;
	}

ul.footer-icons li a:hover {
	text-decoration:underline;
	display:block;
	}

#leftcolumn { 
	 margin-right:20px;
	 padding-left:24px;
	 height: 260px;
	 width:200px;
	 float: left;
	}
	
#leftmiddle { 
	 margin-right:20px;
	 padding:0;
	 height:260px;
	 width:160px;
	 float: left;
	}
	
#rightmiddle { 
	 margin-right:20px;
	 padding:0;
/*	 height: 260px;*/
	 width:255px;
	 float: left;
	}

#rightcolumn { 
	 margin:0;
	 padding:0;
/*	 height: 260px;*/
	 width: 255px;
	 float: left;
	}
	
.clear { float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ }	

#copyright {
	width: 932px;
  	margin: 0 auto;
	padding:15px 0 10px 48px;
	font-size:0.8em;
	color:#252535
	}

#copyright a {
	text-decoration:underline;
	color:#252535
	}
	
#copyright a:hover {
	text-decoration:none;
	color:#252535
	}


/* comments styles in functions.php */

.com { 
	margin:0; 
	padding:0;
	}
	
ul .commentslist { margin:0; padding:0;}

ul.commentslist li { 
	margin:0; 
	padding:0; 
	border-bottom:none
	}




/* individual comments */

.com-wrapper { 
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	color: #252535;
	}



/* name and URL style */
.commentauthor a { 
	color:#252535;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:0}

.commentauthor a:hover { 
	color:#252535;
	text-decoration:underline
	}

em { color: #999}


/* date and time style */
.commentmetadata a  { 
	color: #252535;
	font-size:0.9em;
	padding-top:2px
	}


/* comment text */
.comment_content {	
	color: #747482;
	line-height:1.6em
	}

.comment_content a {	
	color: #747482;
	text-decoration:underline
	}

.comment_content a:hover {	
	color: #747482;
	text-decoration:none
	}






/* reply text */


#reply-table { 
	color: #252535;}

#reply-table td { 
	padding:3px 0;
	color: #252535;
	background-color:none
	}

form { 
	margin:0;
	padding:0;
	background-color:none
	}

input, textarea {
	color:#252535;
	font-family:Arial;
  	font-size:12px;}

textarea #comment	{
	color:#252535;
	font-family:Arial;
  	font-size:12px;
	}


.leavereply	{ 
	color:#252535;
/*	margin-top:10px;*/
	}
	
h2.leave-reply	{ 
	font-size:1.8em;
	margin-top:10px;
	}

/* Social icons */



/* archive lists */


ul.archive { 
	margin:0 0 0 40px;
	padding:0}

ul.archive li { 
	margin:0;
	padding:0;
	list-style:none
	}

ul.archive li a { 
	font-size:1.0em;
	line-height:1.7em;
	font-family:Arial;
	color:#0b0b0e;
	text-decoration:none;
	}

ul.archive li a:hover {
	text-decoration:underline;}


blockquote {
	margin:10px 20px 0 40px;
	padding:0
	
	}

/* Added by John for post thumbnails */
.thumbwrapper {
	margin-top: 14px;
}