/*
Theme Name: Moosechips
Theme URI: http://almostflan.com
Description: Moosechips!
Version: 1.2.1
Author: Frank Lam & Kristi Tsukida
Author URI: http://almostflan.com
*/

@font-face {
	font-family: 'MolengoRegular';
	src: url('fonts/Molengo-Regular-webfont.eot');
	src: local('☺'), url('fonts/Molengo-Regular-webfont.woff') format('woff'), url('fonts/Molengo-Regular-webfont.ttf') format('truetype'), url('fonts/Molengo-Regular-webfont.svg#webfontI1mXyLY2') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FFFTusjBold';
	src: url('fonts/FFF_Tusj-webfont.eot');
	src: local('☺'), url('fonts/FFF_Tusj-webfont.woff') format('woff'), url('fonts/FFF_Tusj-webfont.ttf') format('truetype'), url('fonts/FFF_Tusj-webfont.svg#webfontp2imLi8E') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
   margin: 0;
	 color: #053163;
}

.post, #author, #email, #url, #comment, #submit,
.nav, .links, #searchBar, #searchInput {
	 /* brown */
	 background: #3b2c24;
	 background: #DAE0ED;
   border-right: 1px #ddd solid;
}
.links {
   border-bottom: 1px #ddd solid;
}
#logoHide, body, .postdate {
	 /*
   background: #40606e url('images/blue-fade.png') repeat-x top;
	 */
	 /* dark blue */
	 /*
	 background: #2C3F77;
	 background: #3b4488;
	 background: #465f80;
	 */
	 background: #344782 url('images/sky2.jpg');
	 background-attachment: fixed;
}
#logoHide {
	 background-position:  0px 0px;
}
body {
   text-align: center;
   margin: 0 auto;
   color: #333;
   font-weight: normal;
	 font-size: 14px;
	 font-family: 'MolengoRegular', 'Inconsolata', 'DejaVu Sans Mono', 'Droid Sans', monospace;
	 line-height: 1.4;
}

a {
   text-decoration: none;
}

.blah2 {
	 width: 100%;
	 height: 100px;
	 overflow: auto;
}
.blah {
	 height: 200px;
	 width: 100%;
	 display: block;
	 overflow-x: auto;
}

a:hover {
   color: #fff;
}

#all {
   text-align: left;
   min-width: 670px;
   width: 80%;
   margin: 0px auto;
}
#headerLogo {
   position:absolute;
}

#logo {
	 z-index: 0;
   position:absolute;
	 padding: 0px;
   margin-left: 15px;
	 top: 0px;
}

#logoText {
   z-index: 1;
   position:absolute;
   top: 30px;
	 line-height: 1;
	 font-size: .5px;
}
#logoHide {
	 z-index: 10;
	 position:absolute;
	 top: 450px;
	 width: 120px;
	 height: 120px;
	 /*background: inherit;*/
	 /*
   border: 1px #f00 solid;
	 */
}
.hideme {
	 position:absolute;
	 visibility: hidden;
	 width: 0px;
	 height: 0px;
	 padding: 0px;
	 margin: 0px;
}
#dummydiv {
	 position: absolute;
	 padding-left: 200;
	 margin-left: 200;
	 left: 200;
	 z-index: -1;
}
#header {
   width: 100%;
   text-align: right;
   padding-top: 45px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}
#date {
   line-height: 1;
}

#spacer {
	 float: left;
	 width: 150px;
	 height: 300px;
}
#content {
	 margin-left: 195px;
}

#content h2 {
   font-weight: 100;
}

#comments { /* comments header i.e. "Responses to ..." */
   font-size: 14px;
}

#comment {
   font-size: 12px;
   width: 99%;
}
#author, #email, #url, #comment, #submit{
   border: 2px #ddd solid;
	 color: #ddd;
	 padding: 3px;
	 margin-bottom: 5px;
	 /*
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	*/
}
.commentlist {
}
.commentlist li {
   font-size: 12px;
   margin-bottom: 5px;
	 padding: 5px;
}

.commentmetadata {
   padding-top: 2px;
   padding-right: 5px;
}

.std {
	 background: url('images/transparent/black-30.png');
}

.alt {
	 background: url('images/transparent/dark-gray-50.png');
}

#respond { /* Leave a Reply */
   font-size: 14px;
}

#respondform {
   font-size: 12px;
}

#sidebar {
   /*float: left;
   margin-top: 40px;
   width: 120px;*/
	 position: absolute;
	 z-index: 1;
	 top: 100px;
	 width: 120px;
   font-size: 14px;
}

#searchBar, #searchInput {
   /*background: #3a737f;*/
   /*background: #333;*/
   /*border: 1px #ddd dotted;*/
   padding: 2px 0px;
   margin-bottom: 10px;
   width: 118px;
   text-align: center;
	 font-family: 'Inconsolata', 'DejaVu Sans Mono', 'Droid Sans', monospace;
   font-size: 14px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#searchsubmit {
	 background: #333;
   border: 2px #ddd solid;
   padding: 1px 0px;
   margin: 2px 5px;
   width: 70px;
   color: #ddd;
   text-align: center;
   font-size: 12px;
}

.searchheader {
	 margin: 5px;
}

.nav, .links {
   margin: 0;
   padding: 0;
}

.nav {
	 margin-top: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.nav li {
   background: url('images/transparent/white-50.png');
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.nav li, .links li {
   list-style: none;
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: center;
   font-size: 14px;
}

.links li {
   font-size: 12px;
}

.links{
   /*border: 1px #ddd dotted;*/
   /*background: #3a737f;*/
	 /*
   background: #333;
	 */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.nav li a, .links li a {
   text-decoration: none;
}

a:hover {
   color: #fff;
}

#footer {
   clear: both;
   padding-top: 20px;
   padding-bottom: 15px;
   text-align: center;
   font-size: 11px;
   color: #999;
}

.navigation a {
   line-height: 2;
}

.post {
   clear: both;
   width: 100%;  /* -20px compensates for the padding */
   /*border: 1px #ddd dotted;*/
   /*background: #458a9d url('images/postBg.png') repeat-x top;*/
	 /*background: #333;*/
   margin: 0px 50px 18px 0px;
	 padding-bottom: 15px;
	 font-family: "MolengoRegular", "DejaVu Sans [unknown]", "DejaVu Sans", sans-serif;
   font-weight: 250;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:
	  rgba(0,0,0,0.4)
		  10px 10px;
}

.postheader {
   margin: 10px 10px 0px;
	 padding: 4px 0px;
	 margin:0; 
   background: url('images/transparent/white-50.png');
}

.postdate {
   padding: 3px 3px;
   margin: 1px 2px 1px -47px;
   text-align: center;
   border-right: 1px #ddd solid;
   border-bottom: 1px #ddd solid;
	 float: left;
	 width: 35px;
	 line-height: 1;
   background: url('images/transparent/white-50.png');
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.postday {
	 font-size: large;
   font-weight: bold;
}

small {
   font-size: 11px;
}

.postinfo {
	 margin: 6px 4px 4px 5px;
	 padding: 0px 10px;
	 /*
   margin-top: 6px;
	 margin-bottom: 4px;
   margin-left: 54px;
	 width: 400px;
	 */
}
.posttitle {
	 font-family: 'MolengoRegular', 'FFFTusjBold','Inconsolata', 'Deja Vu Sans', 'Droid Mono Sans', monospace;
   font-weight: 400;
   font-size: x-large;
	 line-height: 1;
	 display: block;
}

.post h1 a, .post h2 a, .post h3 a {
   text-decoration: none;
}
.post h1 a:hover, .post h2 a:hover, .post h3 a:hover {
   /*text-decoration: underline;*/
}

.post small {
   padding: 0;
	 margin-top: 5px;
}

.postContent, .entry {
   margin:  15px 40px;
}

/*.postContent h1, .postContent h2, .postContent h3{
   margin: 0;
   padding: 0px;
   font-weight: normal;
   font-size: large;
}*/

.postContent strong, .postContent h4, .postContent code {
   /*color: #253353;*/
   color: #458a9d;
}

.code {
	 background: url('images/transparent/black-50.png');
   border: 1px #ddd dashed;
	 padding: 4px;
   overflow: auto; 
}

.postContent li {
	 margin-bottom: 15px;
}

.compactList li {
	 margin-bottom: 0px;
}

.postContent a {
	 /*color: #2a3970;*/
	 color: #5d94ad;
   text-decoration:underline;
}

.postContent a:hover, .postContent a:visited:hover {
   /*color: #374668;*/
   /*color: #253353;*/
   /*
	 color: #40606e;
	 color: #95bfd2;
	 */
	 color: #71aee2;
   text-decoration:underline;
}

.postContent a:visited {
   /*color: #504858;*/
	 color: #3a677c;
}

.postContent p, .postContent h4, .postContent h3, .postContent h2, .postContent ol, .postContent ul {
   margin-top: 12px;
}

.postmetadata {
   clear: both;
   line-height: 1.2;
   margin: 0px 20px 0px;
	 padding:  5px 15px 8px;
	 background: url('images/transparent/gray-20.png');
	 color: #bbb;
   /*border: 1px #ddd dotted;*/
}

/*.postContent code {
   margin-top: 12px;
   padding: 0px;
   width: 380px;
   border: 1px #ddd dashed;
   clear: both;
}*/

#respond {
   margin-bottom: 0px;
}
/* WP-Syntax CSS */
/* override inline styles */
.nu0 span[style] {
	 color: inherit !important;
}
.nu0 {
	 color: red;
}

/* WP Chili CSS */ 
.cplusplus { 
	 margin-top: 12px;
   border:1px solid #ececec; 
   display:block; 
   padding:10px; 
   font-family: Consolas, Monaco, "Courier New", Courier, monospace; 
   font-size: 12px; 
   background:#f9f9f9; 
   color:#000; 
   overflow: auto; 
   overflow-y: hidden; 
   white-space:nowrap; 
   *padding:10px 10px 20px 10px; /* IE Hack-Fix */
}

.mypostavatar {
   float: left;
	 margin: 0px 10px 0px -60px;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.alignnone, img.centered, img.alignright, img.alignleft, .mypostavatar img {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 background: url('images/transparent/gray-30.png');
   border: 2px #ddd solid;
	 padding: 8px 6px;
	}

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

img.alignright {
	margin: 0 0 12px 7px;
	display: inline;
	}

img.alignleft {
	/*padding: 2px;*/
	margin: 0 7px 12px 0;
	display: inline;
	}

/*
img.alignleft:hover, img.alignright:hover,
img.aligncenter:hover, img.alignnone:hover {
  border: 2px #fff solid;
}
*/

.alignright {
   float: right;
   clear: right;
}

.alignleft {
   float: left;
}

.clearfloats {
   clear: both;
}
/* End Images */

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 2px 10px 10px;
	-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;
  color: #333;
}
/* End captions */

.center {
	text-align: center;
}

.hidden {
	display: none;
}
#sitemeter {
   visibility: hidden;
}