/*
Theme Name: tsc
Theme URI: http://www.thestorychange.com.au
Description: A custom wordpress theme.
Version: 1.0
Author: WEBY Systems
Author URI: http://www.weby.com.au
Tags: white, two-column, one-column, minimalist, widgets, widgetized
*/

/*  Zero everything first to stop any pesky browser defaults  */   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }

/* Ok now that is done here is the real stuff */
body {
color: #222222;
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

/* Links */
a {
color:#999933;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

h3 a:link { color: #999933; text-decoration: none; }
h3 a:visited { color: #999933; text-decoration: none; }
h3 a:hover, a:active { color: #999933; }
/* Typography */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }

h1 { font-size: 18px; color: #222222;}
h2 { font-size: 16px; color: #222222; line-height:125%;}

.post-title h2 {color: #222222; font-weight:bold; margin-bottom:5px;}

h3 { font-size: 14px; color: #222222;}
h4 { font-size: 12px; color: #222222; }
h5 { font-size: 12px; color: #222222;}

h6 
{ 
	font-size: 12px; 
	text-transform: uppercase; 
	margin: 5px 0; 
	font-weight: bold; 
}

ul { line-height: 1.8em; list-style-type: disc; color: #333333; }
ol { line-height: 1.8em; color: #333333;}

blockquote
{
	color: #555555;
	background-color: #eeeeee;
	border: 1px solid #cfcfcf;
	padding: 5px 10px; 
	margin: 10px 10px;
}

code {
    font-family: Tahoma, Verdana, Arial, "Courier New"; 	
    color: #555555;
    font-weight: bold;
	padding: 5px 10px; 
	margin: 10px 20px;
     }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
del { text-decoration: line-through; color: #555555; font-size: 11px; }
ins { text-decoration: none; color: #679b3c; }

p em, 
cite
{
	font-family: Tahoma, Verdana, Serif;
}

/* Structure */
#container
{
	width: 965px;
	margin: 0 auto;
}

#header
{
	padding: 0px 0;
	height: 218px;
	}

#navsearch{
	float: left; 
	width: 965px;
		border-bottom: solid #CCCCCC 1px;	
}	
#navigation
{
	float: left; 
	width: 765px;
	background-color: #ffffff;
	text-transform: uppercase;
    font-size: 12px;
	font-weight: bold;

}
/*Searchform*/
.searchform{
	float:right;
	padding: 5px 0px 0px 0px;
	width: 180px;
}

#wrapper
{
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	width: 965px;
    background: #ffffff;
    border-left: solid #cccccc 1px;
    border-right: solid #cccccc 1px;
    border-bottom: solid #cccccc 1px;
}

#content-wrapper
{
	width: 750px;
	float: left;
}

#content
{
	float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: left;
}

#content-wrapper #content
{
	float: left;
	padding: 27px 27px 10px 27px ;
	width: 706px;
	line-height: 1.6em;
	text-align: left;
}
#content .commentbox {
	color: #222222;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 10px 0px 10px 0px;
	border-top: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
	font-size: 11px;
    width: 700px;
}

#content ul{
	list-style:normal;
	margin: 5px 0px 5px 30px;
}
#content p{
	padding: 5px 0px 5px 0px;
}

#content h2 {	
	font-family: Arial, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;	
	color: #222222;
}
#comments {
	color: #222222;
	padding: 0px;
}

#comments .comment {
    padding: 10px;
    background-color: #FFFFFF;
	border-bottom: 20px solid #ffffff;
}

#comments .comment cite {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
}

#sidebar-wrapper
{
    display: inline;
    margin-left: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
	width: 200px;
	float: left;
}

#sidebar
{
	float: left;
	width: 180px;
	padding: 15px;
    color: #222222;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}


#footer
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0;
	color: #222222;
	padding: 10px 0;
    text-align: center;
}


/* Single Post */
#post_content-wrapper
{
	width: 640px;
	padding: 10px 0 20px 0;
	margin: 5px 0 0 80px;
}
#post_content
{
    float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: left;
}

#post_content p{
	padding: 5px 0px 5px 0px;	
}	
#post_content .commentbox {
	color: #222222;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	border-top: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	text-transform: uppercase;
	font-size: 10px;
    margin-top: 10px;	
    margin-bottom: 10px;
    width: 700px;
}

/* Navigation */
#navigation ul
{

	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;	
	float: left;
	width: 965px;
	list-style-type: none;
}

#navigation li { float: left; margin: 0 0 0 5px; padding: 0; }

#navigation a:link,
#navigation a:visited
{
	float: left;
	display: block;
	color: #999933;
	padding: 5px 10px;
}
#navigation a:hover
{
	float: left;
	display: block;
	color: #FFFFFF;
	background: #999933;
	padding: 5px 10px;
}

#navigation ul li.current_page_item   a:link,
#navigation ul li.current_page_item   a:visited,
#navigation ul li.current_page_item   a:hover,
#navigation ul li.current_page_item   a:active
{
	color: #222222;
}

#navigation ul li.search
{
    float:right;
    margin-right: 10px;
}


/* Header */
#header h1 {color: #222222; font-weight: bold; margin-bottom: 10px; }
#header h1 a {width:750px; height: 200px; background: transparent url() center center no-repeat; }
#header h1 a:link,
#header h1 a:visited
{
	color: #333333;
}

#header h1 a:hover,
#header h1 a:active
{
	color: #222222;
	background-color: transparent;
}

#header h1 span {color:#222222;}

h1.blog-title {
    display: inline;
}

h1.blog-title a {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 18px;	
    text-transform: uppercase;
	color: #222222;
/*	letter-spacing: 1px;*/
	font-weight: bold;
	border-bottom: none;
}

h1.blog-title a:hover {
	text-decoration: none;
	color: #222222;
	background: transparent;
}

.tagline {	
    font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 18px;
    text-align: right;
	margin-left: 3px;
	padding: 0;
	color: #A1A1A1;
	letter-spacing: -1px;
	text-transform: lowercase;
	display: inline;
}


/* Content */
.date {	
    font-family: Arial, Sans-Serif;	
    font-weight: normal;
	font-size: 12px;
	margin-left: 3px;
	padding: 0;
	color: #222222;
	/*letter-spacing: -1px;*/
	display: inline;
}


h3.post-title {
    display: inline;
}

h3.post-title a {	
	font-family: Arial, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;	
	color: #222222;
	/*letter-spacing: 1px;*/
	border-bottom: none;
}

h3.post-title a:hover {
	text-decoration: none;
	color: #222222;
	background: transparent;
	}

	.dividerthin{
      margin: 0px 0px 2px 0px;
      padding: 0px;
      border-top: 1px solid #222222;
}

/* Sidebar */

#sidebar h2 { font-size: 12px; color:#222222; font-weight:bold; text-transform: uppercase; border-bottom: dotted #222222 1px;}
.widgettitle { font-size: 12px; color:#222222; font-weight:normal; }

#sidebar ul
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	list-style-type: none;
}

#sidebar ul li
{
	padding: 1px;
	
}

#sidebar ul li:hover
{
/*	background-color: #eeeeee;*/
}

#sidebar ul li .title
{
	display: block;
	font-weight: bold;
}

#sidebar ul li .date
{
	display: block;
	color: #777777;
	font-size: smaller;
}

#sidebar ul li .content
{
	display: block;
}

#sidebar ul li a:link,
#sidebar ul  li a:visited
{
	padding: 0; 
	color: #999933; text-decoration: none;
}

#sidebar ul  li a:hover,
#sidebar ul  li a:active
{
	background-color: transparent; 
	text-decoration: underline;	
}

#sidebar ul  .list_subpages {
	padding: 5px;
	border-bottom: 1px dotted #cccccc;
	list-style-type: none;
}

/* Footer */
#footer a:hover,
#footer a:active
{
	color: #003355;
	background-color:transparent;
}

/* Comments */
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}



.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	border: 1px solid #ddd;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}



.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/* Images */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}
img.alignleft{
	margin-right: 5px;
}
.alignright {
   float: right;
}

img.alignright{
	margin-left: 5px;
}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}



.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Forms */
/*
#searchform input {width: 145px;}
#searchsubmit {width: 130px;}
*/


textarea {width: 400px;}

/*Register*/
.registerform {
	font-size: 12px;
	line-height: 15px;	
	text-align:left; 	
    color: #222222;	
}
.registerform label{
    margin: 0px 0px 3px 0px;

	display:block;
	float:left;
	text-align:right; 
	width: 180px; 
}

.registerform input{
    margin: 0px 0px 3px 20px;
	display:block;
	float:left;
	font-size: 12px;
	line-height: 15px;	
	width: 300px;
}
.registerform select{
    margin: 0px 0px 3px 20px;
	display:block;
	float:left;	
	font-size: 12px;
	line-height: 15px;	
	width: 300px;
}

.registerform checkbox{
    margin: 0px 0px 3px 20px;
	display:block;
	float:left;	
	font-size: 12px;
	line-height: 15px;	
	width: 20px;
}
.registerform textarea{
    margin: 0px 0px 3px 20px;
	display:block;
	float:left;	
	font-size: 12px;
	line-height: 15px;	
	width: 300px;
}

/*Buttons*/
input.button {
	width: auto;
	color: #222222;	
}

.floatright{
	display:block;
     float:right;
}

.row-wrap{
	float: left;
	margin: 0px;
	width: 100%;	
}