/*   
Theme Name: HeidiJanet
Theme URI: 
Description: Site Specific WordPress Child Theme
Author: Dave Keffer
Author URI: http://www.kefski.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');



body{
	background:#565656 url(images/heidijanet_body_bg.png) no-repeat center top;
	background-attachment:fixed;
	text-align:center;
	width:100%;
	font-size:12px;
	margin:0px;
	padding:0px;
	color:9f9f9f;
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
}

body, input, textarea {
    color:#000;    
    line-height:18px;
}

body.windows {
	font-size:14px;
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
}

h1, h2, h3, h4, p {
	margin:0px;
	padding:0px;
}

a {
	color:#9f9f9f;
	font-weight:bold;
	text-decoration:none;
}

a:hover, a:active {
	color:#ff9000;
}

a img {
	border:none;
}

.orange {
	color:#ff9000;
}

.white {
	color:#9f9f9f;
}

.grey {
	color:#868686;
}

.black {
	color:#000;
}

.large {
	font-size:200%;
}

.small {
	font-size:75%;
}

h1 {
	font-weight:normal;
}

.left {
	float:left;
}

.right {
	float:right;
}

.sans {
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
	font-weight:normal;
}

.sansBold {
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
	font-weight:bold;
}
	
.serif {
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
}

.serifBold {
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.lowercase {
	text-transform:lowercase;
}

.uppercase {
	text-transform:uppercase;
}

#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
	
#headerContainer {
	height:60px;
	width:100%;
	background:url(images/heidijanet_header_bg_tile.png) repeat-x bottom;
	text-align:center;
}
	
#header {
	position:absolute;
	left:50%;
	width:960px;
	height:60px;
	margin-left:-480px;	
	top:0px;
	text-align:left;
}

#footer {
	width:960px;
	height:60px;
	margin:10px auto;	
	border-top:1px solid #868686;
}

#logoContainer {
	position:absolute;
	top:14px;
	left:0px;
	width:400px;
	height:51px;
	text-align:left;
}

#blogHeaderContainer {
	position:relative;
	width:200px;
	height:40px;
	left:50%;
	margin-left:-485px;
	text-align:left;
	margin-top:-6px;
}

#blogHeader {
	width:199px;
	height:40px;
	margin:0px 0px 0px 0px;
	background:url(images/heidijanet_blog_header.png) top left no-repeat;
}

#navContainer {
	position:absolute;
	bottom:0px;
	left:560px;
	text-align:right;
}

#blogNav {
	font-size:110%;
	margin-top:0px;
	padding-left:180px;
	padding-top:7px;
}
	
#blogNav li {
	list-style-type:none;
	float:left;
	margin-top:0px;
}

#blogNav li a {
	float:left;
	width:80px;
	height:40px;
	margin:0px 5px;
	display:block;
	text-transform:lowercase;
}

ul#blogNav li a:hover {
	back-ground:url(images/heidijanet_nav_hover_bg.png) left bottom no-repeat;
	font-size:120%;
}

#nav {
	width:560px;
	font-size:110%;
}
	
#nav li {
	list-style-type:none;
	float:left;
}

#nav li a {
	float:left;
	width:80px;
	height:42px;
	margin:0px 5px;
	display:block;
	text-transform:lowercase;
}

ul#nav li a:hover {
	background:url(images/heidijanet_nav_hover_bg.png) left bottom no-repeat;
	font-size:120%;
}
	
#main{
	width:960px;
	margin:0px auto;
	padding-top:20px;
	text-align:left;
}

div.stage {
	width:960px;
	height:360px;
	back-ground:url(images/stage_placeholder.png) top center no-repeat;
	border-bottom:1px solid black;
	text-align:center;
	vertical-align:middle;
	overflow:visible;
	z-index:20;
}

div.stagePic {
	width:240px;
	margin:auto;
}

div.stageHeadline {
	padding-top:40px;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight:bold;
	color:#000000;
	font-size:300%;
	line-height:1.7em;
	text-align:center;
}

span.headlineOne {
	font-size:300%;
	text-transform:lowercase;
	font-weight:normal;
	color:#999;
}

span.headlineTwo {
	font-size:450%;
	text-transform:capitalize;
	color:#444;
}

span.headlineThree {
	font-size:380%;
	text-transform:lowercase;
	margin-left:-405px;
	font-weight:normal;
	color:#ff9000;
	z-index:20;
	font-style:italic;
}

span.headlineFour {
	font-size:450%;
	text-transform:uppercase;
	padding-left:240px;
	vertical-align:baseline;
	font-weight:bold;
	line-height:.5em;
	color:#000000;
}

div.linkBoxes {
	border-top:1px solid #868686;
	border-bottom:1px solid black;
	width:960px;
	height:240;
	margin-bottom:-23px;
}

div.linkBox {
	position:relative;
	width:160px;
	height:240px;
	padding:0px 40px;
	float:left;
	display:block;
	text-align:center;
	background:url(images/heidijanet_link_box_bg.png) top center no-repeat;
    line-height:1em;
}

h2.linkBoxTitle {
	font-size:150%;
	margin:15px 0px 10px 0px;
	padding:0px;
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
	font-weight:bold;
}

a div.linkBox h2.linkBoxTitle {
	font-weight:bold;
}

div.linkBox p {
	font-family:Century Gothic, Avant Garde, Helvetica, sans-serif;
	margin:0px 0px 20px 0px;
	padding:0px;
    line-height:1.3em;
	font-weight:normal;
}

a div.linkBox p {
	font-weight:normal;
}

div.linkBoxIcon {
	width:100px;
	height:100px;
	margin:0px auto;
	padding:0px;
}

div.linkBoxIcon img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
}

div.linkBoxFlag {
	width:256px;
	height:49px;
	margin-left:-18px;
	background:url(images/heidijanet_link_box_flag.png) top center no-repeat;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:20;
	display:none;
}

div.linkBox:hover {
	background:url(images/heidijanet_link_box_bg_hover.png);
	cursor:pointer;
}

div.linkBox:hover a {
	color:#ff9000;
}

div.linkBox:hover div.linkBoxFlag {
	display:block;
}

.spacer {
	clear:both;
}

#footer p {
	margin-top:10px;
}

.preloader {
	display:none;
	visibility:hidden;
}

div.postHeaderContainer {
	height:54px;
	padding: 4px 5px 4px 20px;
	float:left;
	background:url(images/post_header_bg.png) left center no-repeat;
	width:450px;
}

div.dateBox {
	height:50px;
	padding:12px 8px 0px 8px;
	float:left;
	background:url(images/orange_tab_bg.png) left top no-repeat;
	color:#000000;
	font-size:160%;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
	
.meta-prep-author, .meta-prep-entry-date {
	text-transform:lowercase;
}

span.edit {
	text-transform:uppercase;
}

div.lifestream_text {
	margin-left:20px;
}

div.siteHeadingContainer {
	height:62px;
	width:100%;
	padding:0px 10px 0px 10px;
	margin-top:-20px;
}

div.columnHeadingContainer {
	height:62px;
	width:300px;
	padding:0px 0px 0px 7px;
}

div.orangeTab {
	height:52px;
	padding:10px 8px 0px 8px;
	float:left;
	background:url(images/orange_tab_bg.png) left top no-repeat;
	color:#000000;
	font-size:160%;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

div.siteHeading {
	height:62px;
	padding: 0px 5px 0px 20px;
	float:left;
	background:url(images/post_header_bg.png) left center no-repeat;
	min-width:450px;
	margin-bottom:10px;
}

div.columnHeading {
	height:62px;
	padding: 0px 0px 0px 20px;
	float:left;
	background:url(images/column_header_bg.png) left center no-repeat;
	min-width:240px;
	width:250px;
	margin-bottom:8px;
}

div.siteHeading h4, div.columnHeading h4 {
	padding: 0px 0px 0px 0px;
	text-transform:capitalize;
    font-family:Arial,sans-serif;
    font-size:200%;
    font-weight:bold;
    line-height:40px;
	margin-bottom:-14px;
	letter-spacing:normal;
}

.windows div.siteHeading h4, .windows div.columnHeading h4 {
    font-size:195%;
}

div.siteHeading img, div#footer img, div.columnHeading img {
	float:left;
	margin-right:8px;
	margin-top:2px;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

a span.headingLink:hover img{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

div#footer span.headingLink:hover img{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

span.headingLink {
	font-size:90%;
	text-transform:lowercase;
	display:inline-block;
	font-weight:normal;
	font-style:normal;
}

form#searchform input#s {
	width:253px;
}

ul.lifestream, ul.lifestream li {
    list-style:none;
	margin-bottom:0px;
}

div.asideTop {
	height:28px;
	background:url(images/hjw_aside_top_bg.png) top center no-repeat;
}

div.asideBottom {
	height:30px;
	background:url(images/hjw_aside_bottom_bg.png) top center no-repeat;
}

div#primary, ul.xoxo, li#search, input#s, input#searchsubmit, form#searchform, li#lifestream-2 {
	margin-bottom:0px;
}

div#primary {
	margin-top:0px;
	padding-top:0px;
}

form#searchform {
	padding-top:0px;
	margin-top:0px;
}

li.widgetcontainer {
	padding-bottom:18px;
}

div#footer div.entry-meta {
	margin-top:8px;
}

div.simpleFlickrContainer {
	background:url(images/hjw_simpleflickr_bg.png) right no-repeat;
}

div#logoContainer {
	background:url(images/hjw_name_logo.png) top left no-repeat;
}

div.entry-content p, div.entry-content h3, div.entry-content h4, div.entry-content h5, div.entry-content h6 {
	padding-bottom:10px;
}

div.linkBoxes p {
	padding-bottom:0px;
}

div#comments {
	padding: 20px;
	background-color:#444;
}

div#respond {
	background-color:#444;
}

div#form-allowed-tags p {
	color:#000000;
}

li.widget_sfc-status {
	padding-left:20px;
}

li.widget_sfc-status h3 {
	margin-left:-20px;
}

div.comment-content {
	padding-bottom:20px;
}

fb:profile-pic {
	width:80px;
	height:80px;
}

div.fbStatus {
	background-image: url('http://www.heidijanetwright.com/wp-content/plugins/lifestream/icons/facebook_16.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:20px;
}

li.widget_tag_cloud div {
	margin-left:20px;
}

h2.lifestream_date, table.lifestream th {
	display:none;
	visibility:hidden;
}

li.lifestream-2, table, table.lifestream tr, td.lifestream_icon, td.lifestream_text, div.lifestream_label, div.lifestream_meta {
	border:none;
}

table.lifestream {
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}

ul.columnList {
	padding:0px 20px 0px 20px;
	margin-bottom:0px;
}

div.aside {
	background:url(images/hjw_aside_bg.png) top center repeat-y;
	border:none;
	padding-bottom:0px;
}

div.internalAside {
	margin-bottom:0px;
	padding-bottom:0px;
    border:none;
} 

h3.widgettitle {
    font-size:15px;
    font-style:italic;
    line-height:22px;
	padding:0px 0px 0px 0px;
}

.openPageColumn {
    width:300px;
    float:right;
    right:10px;
}

.openPageMainColumn {
    width:620px;
    float:left;
}

ul.columnList p, div.openPageColumn p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.lifestream_credits {
	margin-bottom:0px;
	padding-bottom:0px;
}

a.linkedin-profileinsider-popup {
	background-image:none;
}

img.resumePhoto {
	max-width:250px;
	max-height:250px;
	border:2px solid #000;
	margin-bottom:0px;
	padding-bottom:0px;
}

div.resumeContent {
	margin-left:20px;
}

span.collapseHeader {
	padding-left:18px;
	background:url(images/orange_drop_arrow_closed.png) top left no-repeat;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}

span.collapseHeader:hover {
	co-lor:#ff9000;
	cursor:pointer;
}

span.inlineCollapseHeader {
	backg-round:url(images/orange_drop_arrow_closed.png) top left no-repeat;
	font-size:85%;
	padding:0px 2px 0px 2px;
	margin-bottom:0px;
	color:#9f9f9f;
}

span.inlineCollapseHeader:hover {
	color:#ff9000;
	cursor:pointer;
}

span.collapsedSpan {
	font-style:italic;
	color:#222;
}

span.collapsedSpan a {
	color:#222;
	font-weight:normal;
	text-decoration:underline;
}

span.collapsedSpan a:hover {
	color:#ff9000;
}

div.collapsedDiv {
	text-align:justify;
	width:525px;
	padding-top:0px;
	margin-top:0px;
	padding-left:18px;
	padding-bottom:15px;
}

div.resumeHeadingContainer {
	height:62px;
	width:600px;
	padding:0px 10px 0px 0px;
	margin-left:-0px;
}

div.openPageMainColumn h3 {
	font-weight:bold;
}

div.resumeDate {
	te-xt-align:right;
}

ul.resumeBullets {
	padding-bottom:6px;
	margin-bottom:6px;
}

div.columnImage h3 {
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

ul.articles {
	list-style:none;
}

li.articleContainer {
	list-style:none;
	text-indent:-18px;
	margin-bottom:10px;
}

ul.articles li div {
	padding-top:5px;
	text-indent:0px;
	margin-left:10px;
}

p.copyright {
	text-align:right;
	font-size:80%;
	font-style:italic;
	line-height:1em;
}

div.columnFootnote {
	padding:10px 20px 0px 20px;
	font-size:80%;
	color:#555;
	font-style:italic;
}

img.avatar-80 {
	border:1px solid #000;
}

li.comment {
	background:#ccc;
}

div.comment-content {
	padding: 6px 0px 20px 0px;
}

div.comment-meta {
	border-bottom:solid 1px #666;
	padding-bottom:0px;
}

textarea#comment {
	background:#ddd;
}

.facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */
  position: relative;
  float: right;
  width: 300px;
  margin-top: -65px;
  text-align: right
}

span#fb-user {
	border:none;
	height:40px;
}

span#fb-msg a {
	color:#9f9f9f;
	font-weight:bold;
	text-decoration:none;
}

span#fb-msg a:hover, span#fb-msg a:active {
	color:#ff9000;
}

li#flickrrss {
	display:none;
	visibility:hidden;
}

.flickrWidgetContainer {
	margin-bottom:0px;
	padding-left:8px;
	padding-bottom:10px;
}

img.flickrWidgetThumb {
	margin:4px 4px 0px 0px;
	border:solid 2px #666;
}

img.flickrWidgetThumb:hover {
	border:solid 2px #ff9000;
}

li.widget_archive select {
	margin:5px 0px 0px 20px;
	width:220px;
	padding-bottom:0px;
}