/*
Theme Name: 960bc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.
Version: 1.6
Author: Troy Dean
Author URI: http://www.guardianwebdesign.com.au/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

	960bc v1.6
	http://www.guardianwebdesign.com.au/960bc

	This theme was designed and built by Troy Dean
	as a starting point for WordPress developers who
	like the 960 grid system.
	http://www.960.gs
	The theme includes no images and minimal styling,
	providing a blank canvas for the designer to unleash
	her css magic.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);

/* Begin Structure */

body {width: 100%;margin: 0;padding: 0;position: relative;background: transparent;}

#page {position: relative;margin: 0 auto;padding: 63px 0 0;width: 960px;background: transparent url(images/blog_underground_glow.png) no-repeat 0 2px;}

#header {height: 108px;width: 100%;
		/*margin-bottom: 50px;*/
		background: #284156 url(images/blog_header_radial_blue.png) no-repeat top center;
		/*position: fixed;
		z-index: 100;
		top: 0;*/
		}
#family-tree-wrapper { height: 711px; width: 100%; background: #284156 url(images/blog_family_tree_bg.png) repeat-x; display: none; position: relative;}
#family-tree-top { background: #284156 url(images/blog_family_tree_top.png) no-repeat; height: 537px; width: 1024px; margin: 0 auto;}
#family-tree-btm { background: #284156 url(images/blog_family_tree_btm.png) no-repeat; height: 172px; width: 1024px; margin: 0 auto; position: relative;}
#family-tree-btm #close-tab { position: absolute; bottom:-1px; right: 34px; }
#family-tree-btm #close-tab a { display: block; background: transparent; padding: 5px 8px; border: 1px solid #1B5371; border-bottom: none; color: #24698E; font-size: 1.2em;}
#family-tree-btm #close-tab a:hover { color: #ffffff; text-decoration: none;}

#header-shadow {height: 36px; margin: 16px 0 0 0;background: url(images/blog_grass.png) repeat-x;position: relative;z-index: 100;}

#headerimg {position: relative;margin-top: 19px;}
		
/* This hides the 'skip to' links and maintains accessibility */
		
#skip {position: absolute;top: -500px;width: 1px;height: 1px;overflow: hidden;}

#content {}

#sidebar
{text-align: left;padding-bottom: 25px;position: relative;top: -5px;}
		
#footer { background: #284156 url(images/blog_footer_bg.png) repeat-x;  height: 263px; margin: 60px 0 0 0; padding: 20px 0 0 0; }	

.post {margin: 0 0 40px;float: left;display: inline;}
.post-top { float: left; display: inline; background: url(images/blog_post_top_s1.png) no-repeat bottom center; width: 705px; height: 5px;}
.post-mid { float: left; display: inline; background: url(images/blog_post_mid_s1.png) repeat-y; width: 701px;}
.post-mid-404 { float: left; display: inline; background: url(images/blog_post_mid_404_s1.png) repeat-y; width: 701px;}


.postmetadata {margin: 30px 0;}

.smallattachment {float: left;width: 128px;margin: 5px 5px 5px 0px;}

.attachment {margin: 5px 0px;}

.postmetadata {clear: both;}

/* End Structure */

/*--custom css--*/

body { background: #150609;}
#header h2 {display:inline; float:left; margin:0 0 0 2px; padding:0; position:absolute; width:400px;}
#header h2 #logo {display:block; height:48px; margin:0; overflow:hidden; position:relative; width:331px; text-indent: -9009px;}
#header h2 #logo img { left:0; top: 0; position:absolute;}
#headerimg .description { margin: 33px 0 0 56px; color: #ffffff; width: 300px; position: absolute; float: left; display: inline;}

ul.post-info { margin: 0 0 0 2px; padding: 0; position: relative;}
ul.post-info li { border-bottom: 1px dotted #c0c0c0; text-align: right; padding: 10px; color: #666666; font-size: 1.2em; float: left; display: inline; width: 140px;}
ul.post-info li.tags { float: left; display: inline; padding: 0; margin: 0; border-bottom: none; }
ul.post-info li.tags ul { margin: 0; padding: 0; float: left; display: inline; width: 160px;}
ul.post-info li ul li {border-bottom: 1px dotted #c0c0c0; text-align: right; padding: 10px; margin: 0; font-size: 1em; }

ul.post-info li.comments-count { background: url(images/blog_comment_bubble_s1.gif) no-repeat 61px 7px;}
ul.post-info li.comments-count a span.zeroDecimal { padding: 10px;}
ul.post-info li.comments-count a span.oneDecimal { padding: 16px;}
ul.post-info li.comments-count a span.twoDecimal { padding: 13px;}

ul.post-info li.comments-count a { color: #666666;}
ul.post-info li a { text-decoration: none; color: #3399CC;}
ul.post-info li a:hover { text-decoration: underline;}
ul.post-info li.author {height: 160px; text-align: left; text-indent: -9009px; padding: 0; margin: 23px 0 0 1px; border-bottom: none; background: url(images/blog_authors.gif) no-repeat;}
ul.post-info li.author-0 { background-position: 5px -566px;} /*--doug--*/
ul.post-info li.author-1, ul.post-info li.author-3  { background-position: 5px -369px; height: 175px;} /*--galen*/
ul.post-info li.author-2 { background-position: 5px -188px;}
ul.post-info li.author-30 { background-position: 5px -565px;}/*--josh--*/



ul.post-info li.author a {display: block; height: 148px;}

.entry { font-family: Georgia, Times, serif; margin: 32px 0 0 19px; position: relative;}
.entry h1 {padding: 0; width: 464px; line-height: 1.7em;}
.entry h3 {font-size:1.6em;line-height:1.125em;margin-bottom:.5em; margin-top:1.7em;}

.entry h1 a {font-size: 1.5em; color: #333333; text-decoration: none; font-weight: normal;}
.entry h1 a:hover {text-decoration: underline;}
.entry p { font-size: 1.8em; line-height: 1.4em; color: #555555; font-family: Times New Roman; letter-spacing: .02em; margin: 0 0 20px 0; width: 490px;}
.entry p strong {color: #333;}
.entry p a {color: #2C84B1; text-decoration: underline;}
.entry p a:hover {color: #000000; text-decoration: underline;}
.entry a.join { font-family: Arial, Helvetica, sans-serif; font-size: 2em; color: #3399CC; padding: 0 0 40px 0; float: left; }
.share { position: absolute; background: url(images/blog_share_ribbon.png) no-repeat; width: 36px; height: 75px; padding: 18px 0 0 12px; margin: 0; top:-34px; right:0;}
.share a {font-size: 1.2em; text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, Sans-serif;}
.share a:hover { text-decoration: underline;}
.share a span.zeroDecimal { padding: 0px;}
.share a span.oneDecimal { padding: 0px;}
.share a span.twoDecimal { margin-left: -3px;}

.navigationBottom span, .navigationTop span {color: #2C84B1; font-size: 1.2em;}
.navigationBottom a, .navigationTop a  { font-family: Georgia, Times New Roman, serif; color: #2C84B1; text-decoration: none; font-size: 1.5em; letter-spacing: .02em;}
.navigationBottom a:hover, .navigationTop a:hover { text-decoration: underline;}

#header-search { position: relative; margin-top: 15px;}
#header-search #searchform input#s{ width: 220px; height:29px; background-color: #14384E; border: none; position: absolute; font-size: 1.4em; padding: 0 0 0 7px; color: yellow; font-family: Arial, Helvetica, sans-serif;
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#header-search #searchform input#searchsubmit { width: 30px; height:29px; background: #0F2C3E url(images/blog_search_btn_s1.png) no-repeat 7px 7px; border: none; text-indent: -9009px; position: absolute; right: -7px; cursor: pointer; color: transparent;
/* Do rounding (native in Safari, Firefox and Chrome) */
    -moz-border-radius-topleft: 0px; 
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 0px; 
    -moz-border-radius-bottomright: 3px;
    
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 3px;
}

#header-search .search-label { display: none;}
#sidebar .pagenav {display: none;}
#sidebar ul ul { margin: 0;}
#sidebar ul#utility-nav, #sidebar li#archives, #sidebar li.categories, #sidebar li#framing-statement, #sidebar li#social-media { float: left; display: inline; width: 220px;}

#header-search ul#search {float: left; display: block; width: 220px; height: 29px; margin: 0; padding: 0;}
#header-search ul#utility-nav { float: left; display: inline; width: 220px; margin: 7px 0 0 0; padding: 0;}
#header-search ul#utility-nav li { float: left; display: inline; color: #7E94A9; }
#header-search ul#utility-nav li a { color: #ffffff; font-size: 1.2em; }
#header-search ul#utility-nav li a:hover { text-decoration: underline; }
#header-search ul#utility-nav li span { padding: 10px;}
.screen-reader-text { display: none;}

#sidebar h3 { font-family: Times New Roman, Georgia, serif; color: #2C84B1; font-weight: normal; font-size: 2.8em; margin: 0;}
#sidebar p { color: #ffffff; margin: 0 0 10px 0; padding: 0; font-size: 1.5em; line-height: 1.4em; letter-spacing: .02em; color: #E4E4E4; font-family: Georgia, Times New Roman, serif;}
#sidebar p a {color: #2C84B1; }
#sidebar p a.about { background: url(images/blog_star.png) no-repeat 123px -10px; padding: 0 33px 0 0;}
#sidebar li.categories, #sidebar li#archives, #sidebar li#social-media { margin: 20px 0 0 0;}
#sidebar li.categories ul li,#sidebar li#archives ul li, #sidebar li#social-media ul li { color: #ffffff; margin: 0 0 3px 0;}
#sidebar li.categories ul li a, #sidebar li#archives ul li a, #sidebar li#social-media ul li a { font-size: 1.1em; color: #ffffff; color: #E4E4E4;}
#sidebar li.categories ul li a:hover, #sidebar li#archives ul li a:hover, #sidebar li#social-media ul li a:hover {text-decoration: underline;}

#sidebar li#social-media p { margin: 0 0 10px 0;}
#sidebar li#social-media a { margin: 0 0 10px 0; display: block;}

#sidebar #results-arrow { width: 217px; height: 35px; position: absolute; background: url(images/blog_results_arrow.png) no-repeat 0 0; top: -36px; right: 90px;}
#sidebar #results-caption { background: #ffff99; float: left; display: inline; margin: 9px 0 20px 0; width: 220px;}
#sidebar #results-caption p { color: #333333; padding: 5px;}
#sidebar #results-caption p strong { text-decoration: underline;}

#footer ul li a { color: #3777A1; text-decoration: underline;}
#footer ul li.about-curtain { margin: 15px 0 0 0;}
#footer ul li a:hover { color: #ffffff; text-decoration: underline;}
#footer ul li { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #3777A1; margin: 0 0 5px 0;}
#footer ul li span { padding: 0 10px;}
#footer ul#about-estately p { margin: 0; padding: 0; font-size: 1em; line-height: 1.3em;}

#footer li.heading h3{ font-family: Times New Roman, Georgia, serif; color: #ffffff; font-weight: normal; font-size: 1.8em;}
#footer ul#contact-info li.heading, #footer ul#about-estately li.heading {background: url(images/blog_footer_heads.png) no-repeat 0 0; text-indent: -9009px; height: 30px; margin: 0 0 20px 0;}
#footer ul#contact-info li.heading { background-position: 0 0; width: 170px;}
#footer ul#about-estately li.heading { background-position: -230px 0;}
#footer ul#follow-us { margin: 0 0 5px 0; height: 15px;}
#footer ul#follow-us li { float: left; display: inline; margin: 0;}

#respond { margin: 0 0 40px 3px; }

.post-mid-404 .entry p { font-size: 3em; padding: 0 0 0 19px; margin: 0; width: 570px; line-height: 1.4em; }
.post-mid-404 .entry p a { color: #555555; text-decoration: underline;}
.post-mid-404 #search-404 { position: relative; width: 626px; height: 50px; margin: 30px 0 40px 19px;}
.post-mid-404 #search-404 form input#s { width: 500px; height: 47px; border: 1px solid #404A55; margin: 0; font-size: 2.4em;}
.post-mid-404 #search-404 form input#searchsubmit { width: 130px; height:51px; background: #0F2C3E; border: 1px solid #404A55; position: absolute; left: 480px; margin: 0; cursor: pointer; color: #ffffff; font-size: 2em; font-family: Arial, Helvetica, sans-serif;}

.post-mid-404 #small-bite { width: 22px; height: 97px; position: absolute; background: url(images/blog_small_bite_s1.png) no-repeat; left: -35px; top: -180px;}
.post-mid-404 #large-bite { width: 191px; height: 80px; position: absolute; background: url(images/blog_large_bite_s1.png) no-repeat; left: 400px; top: 120px;}

.post-mid-404 #small-gremlin { width: 179px; height: 118px; position: absolute; background: url(images/blog_blue_gremlin_s1.png) no-repeat; z-index: 10; margin: 0 0 0 445px; top: -118px;}
.post-mid-404 #large-gremlin { width: 228px; height: 120px; position: absolute; background: url(images/blog_orange_gremlin_s1.png) no-repeat; z-index: 15; top: 80px;}

/*--tweetmeme button 
ul.post-info li.tweet-me { height: 14px; }
ul.post-info li.tweet-me .tweetmeme_button { display: inline; margin: 0 0 0 3px; position: absolute; right: -5px;}

/*---facebook like button 
ul.post-info li.facebook-like {padding: 6px;}
--*/
.entry .like_button { margin:0 0 10px; position:relative; top:20px; width:60px;}
.entry .tw_button { left:80px; position:relative; top:-10px; width:100px;}
/*---comments dscuss --*/
#disqus_thread { width: 500px; margin-left: 180px; position: relative; margin: 32px 0 0 182px; display: inline; float: left;}
.dsq-brlink { display: none;}

/* Begin Images */
p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left
		}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 40px 15px;
		list-style: disc;
		font-size: 1.6em;
		color: #555555;
		}

html>body .entry li {
		margin: 7px 0 15px 10px;
		}

html>body .entry li a {
  color: #2C84B1;
  text-decoration: underline;
}
/*--this should go to hell in the Kubic theme
.entry ul li:before, #sidebar ul ul li:before {
		content: "\00BB \0020";
		}
*/
.entry ol {
		padding: 0 20px 17px 15px;
		margin: 0;
		list-style: decimal;
		font-size: 1.6em;
		color: #555555;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		font-family: Arial, Verdana, sans-serif;
		line-height: 1.3em;
		}
		
.entry ol li strong {
  color: #333;
}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
		text-align: left;
		}


#sidebar #searchsubmit {
		}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		width: 470px;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

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

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

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

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

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

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

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

.entry blockquote { width: 440px; margin: 0 0 0 10px; }

.entry blockquote p {
		margin: 15px 0px 40px 10px;
		padding-left: 20px;
		width: 100%;
		font-family: Georgia, Times New Roman, serif; 
		color: #333333;
		font-size: 2em;
		font-style: italic;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

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

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 0 0 30px 0;
		}

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

.wp-caption p.wp-caption-text {
		padding: 5px 4px;
		margin: 0;
		width: 100%;
		font-size: 1.2em;
		line-height: 1.2em;
		}
/* End captions */



iframe { background: transparent !important; }

/*--for archives--*/
/*demo styles*/
		fieldset { border:0;  margin-bottom: 40px;}	
		label,select,.ui-select-menu { float: left; margin-right: 10px; }
		select { width: 200px; }
		





/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }