/*
Theme Name: Tomorrow_Remix_1
Version: 1.09
Description: Quiet, essential, modern.
Tags: three columns, simple, valid XHTML, valid CSS, black
Author: Chip Dickerson - inspired by: Andrea Pacquola
License: Creative Commons GNU General Public License (GPL)
License URI: http://creativecommons.org/licenses/GPL/2.0/
*/


/* --------------------------  Hover colors ------------------------*/

           a.foo-1:hover{color:white;text-decoration:none; }
           a.foo-2:hover{color:red;text-decoration:none;}
           a.foo-3:hover{color:black;text-decoration:none;}



/*------------------------------------------------------------------*/




#ie-message {
position:absolute;
top:200px;

z-index:10;
width: 400px;
background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:15px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;
}

#ie-message a {
color:#fff;
text-decoration:underline;
}







#side-stripe{

    width: 202px;
/*  overflow: auto; */
    top: 0;
    margin-bottom: 0px;
    left: 8px;
    position: fixed;
    height: 100%;
   /* z-index:40; */

	

  background-image:url('http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/Side%20Stripe.png')!important;
	 /* background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/Side%20Stripe.png', sizingMethod="scale");*/
	background-repeat:repeat-y;

        background-position: bottom center;


    background-color: transparent; 

} 



.sidebar-floater{ 

  position: absolute;
  left:150px;
  top:315px;
  z-index:0;


}


.sidestripe-bg { }



.sidestripe-logo {   

   position: fixed;
   top:8px;
   left:48px;
   z-index:10;
   image-attachment: fixed;
}

.header-logo{   
   
   display: block;
   position: absolute;
   top:-25px;
   right:8px;
}




p{
margin-top:20px;
margin-bottom:10px;}


body {  
	padding-left : 100px;
	}

table#blog {
	width : 100%;
	}

td#main {              /*FOO*/
	width : 90%;
	padding : 50px 10px;
	vertical-align : top;
	}

div#header {
	height : 175px;
	margin-bottom : 4px;
	}

.pagetitle{ position:absolute; top:160px; left:22%;}

.pagetitle-B {position:absolute; top:140px; left:340px;}

h2.pagetitle-B{  margin-bottom :-6px;
				font-size : 5em;
        		text-align:right;
				color:#FFFFFF;
				text-align:right;
				text-transform:uppercase;
				letter-spacing: -3px;}


h2.pagetitle{  	
				margin : 0px 0px 0px 20px;
				font-weight:300;
				text-decoration:underline;
				font-size : 3.6em;
        		text-align:right;
				color:#FFFFFF;
				text-transform:uppercase;
				letter-spacing: -2px;}


div#tagline {
	margin : 15px 0px 40px 0px;
	}

div#navlink {
	padding-bottom : 20px;
	}

div#header, div#navlink, td#footer {
	text-align : center;
	}


.floater{ float:right;}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

div.post {
        padding-top:10px;
      	padding-bottom : 0px;
        padding-left: 24px;
        padding-right:20px;


        margin-left:25%;  /*FOO*/
        margin-right:10%;
        margin-bottom:70px;

        width:85%;        /*FOO*/
	border-top: solid 12px #3a3a3a;

       max-width:634px;  

        background-image: url('http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/smokey-grey.png');

	}


div.content {   /*FOO*/

        color: #E8E8E8 ; /*not quite white*/
	text-align : justify;
	line-height : 1.75em;
	padding-top: 10px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom:20px;
max-width:600px;
margin-left: auto;
margin-right:auto;

	}

/*------------------------------------*/

div.content-wide {   /*FOO*/

        color: #E8E8E8 ; /*not quite white*/
	text-align : justify;
	line-height : 1.75em;
	padding-top: 10px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom:20px;
max-width:760px;
margin-left: auto;
margin-right:auto;

	}

div.post-med {

position: relative; left:40px; top:70px;
        padding-top:50px;
      	padding-bottom : 0px;
        padding-left: 24px;
        padding-right:24px;


        margin-left:18%;  /*FOO*/
        margin-right:auto%;
        margin-bottom:120px;

        width:60%;        /*FOO*/
	border-top: solid 12px #3a3a3a;

       max-width:70%;  
       min-width:700px;
        background-image: url('http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/smokey-grey2.png');

	}

div.post-wide {
        padding-top:50px;
      	padding-bottom : 0px;
        padding-left: 24px;
        padding-right:24px;


        margin-left:18%;  /*FOO*/
        margin-right:auto%;
        margin-bottom:30px;

        width:90%;        /*FOO*/
	border-top: solid 12px #3a3a3a;

       max-width:85%;  
       min-width:700px;
        background-image: url('http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/smokey-grey2.png');

	}

div.post-wide-blank {
        padding-top:50px;
      	padding-bottom : 0px;
        padding-left: 24px;
        padding-right:20px;


        margin-left:14%;  /*FOO*/
        margin-right:10%;
        margin-bottom:30px;

        width:90%;        /*FOO*/
    /*	border-top: solid 2px #3a3a3a; */

       max-width:100%;  
       min-width:810px;
     /*   background-image: url('http://tinkerthinker.com/tinkerbits/rev3%20-%20elements/smokey-grey2.png'); */



	}


.center-thing{

position: absolute;
top: 40%;
left:50%
margin-left:390px;
padding-left:130px;
}


/*------------------------------------*/




/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/


#sidewinder {

	margin-top :  -90px;
        margin-left: 550px;
        width:200px;

        position: absolute;	

}


div.date {
	text-align: right;
	padding-top : 15px;
	}




div.content-wide {   /*FOO*/

        color: #E8E8E8 ; /*not quite white*/
	text-align : justify;
	line-height : 1.75em;
	padding-top: 10px;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom:20px;


	}



div.info {
	clear : both;
	margin-bottom : 10px;
	}

.meta {
	padding : 4px 0px;
	}

.meta span {
	padding-right : 20px;
	}

div.edit {
	width : 36px;
	}

.edit, input#submit {
	padding : 5px;
	text-align : center;
	}

form#search input {
	width : 250px;
	margin-bottom : 20px;
	}

fieldset {
	padding : 15px;
	}

a:link, a:visited  {
	text-decoration : none;
	}

div.content a:link, div.content a:visited, div.box a:hover, div.info a:hover {
	text-decoration : underline;
	}

a.more-link {
	float : right;
	}

a img, a img.simple {
	border : none;
	}

img.frame {
	padding : 4px;
	}


img.p{padding-bottom:10px;}














/* SIDEBARS */

td#left_sidebar, td#right_sidebar {
	width : 15%;
	vertical-align : top;
	}

td#left_sidebar {
	text-align : right;
	}

div.box {
	margin-bottom : 25px;
	}

div.box h4 {
	margin : 0px 0px 5px 0px;
	}

div.box ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
	line-height : 1.75em;
	}

div.box ul ul {
 	padding : 0px 10px;
	list-style : none;
	}

div.box ul + h4 {
	margin-top : 25px;
	}

div.box ul.pages ul {
 	padding : 0px 0px 5px 10px;
	list-style : none;
	}

div.box form {
	margin : 0px;
	}

div.box input#s {
	width : 140px;
	}

div.box select {
	width : 150px;
	}

select {
	padding : 4px;
	}


/* INPUT FIELDS */

input#s, input#author, input#email, input#url, input#comment, input#submit, p input, textarea {
	padding : 4px;
	margin-bottom : 10px;
	background : transparent;
	color : rgb(200, 200, 200);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	}

input[type="text"], input[type="password"], input[type="reset"], input[type="submit"] {
	padding : 4px;
	background : rgb(20, 20, 20);
	color : rgb(200, 200, 200);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	}

input[type="text"], input[type="password"] {
	margin-bottom : 10px;
	}

input[type="file"] {
	padding : 4px;
	background : rgb(250, 250, 250);
	color : rgb(20, 20, 20);
	border : none;
	}


/* COMMENT SECTION */

form#commentform {
	margin-top : 25px;
	}

ol.commentlist {
	margin : 0px;
	padding : 40px 0px 0px 20px;
	}

ol.commentlist li.comment {
	margin-bottom : 70px;
	line-height : 1.75em;
	}

div.author {
	margin : 20px 0px 10px 0px;
	}

div.author img {
	padding-right : 10px;
	}


/* WIDGETS */

div.textwidget {
	line-height : 1.5em;
	}

a.rsswidget img, #akismetstats {
	background : transparent !important;
	}

#left_sidebar a.rsswidget img {
	float : left;
	}

#right_sidebar a.rsswidget img {
	float : right;
	}

table#wp-calendar {
	width : 140px;
	line-height : 1.5em;
	}

#wp-calendar caption {
	padding-bottom : 4px;
	}


/* GENERICS */

.left  {
	text-align : left;
	}

.center {
	text-align : center;
	}

.right {
	text-align : right;
	}

.alignleft  {
	float : left;
	margin : 10px 15px 10px 0px;
	}

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

.alignright {
	float : right;
	margin : 10px 0px 10px 15px;
	}


/* FONTS */


.section-title{  /*FOO*/

	font-family : "Century Gothic", sans-serif;
	font-weight : normal;
        text-decoration: none;

	margin : 0px;
	font-size : 4.8em;
        Letter-spacing:-5px;
        display: block;


        Position: absolute;
        top:175px;
        left:23%;

}

body, table#blog, input, textarea, pre, div#tagline  {
	font : 1em  "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	}

table#blog {
	font-size : 70%; /*FOO*/
	}

table#blog table {
	font-size : 100%;
	}

h1, h2, h3, h4, h5, h6 {
	font-family : "Century Gothic", sans-serif;
	font-weight : normal;
	}

div#header h1 {
	margin : 0px;
	font-size : 2.8em;
	}

h1 {
	font-size : 2.2em;
	}

div#header h2 {
	margin : 0px;
	font-size : 2.1em;
	}

h2 {
	font-size : 1.8em;
	}

h3 {
	position:relative;
	margin-top: -100px; margin-right: -10px; margin-bottom:45px;
	font-size : 2.5em;
        text-align:right; overflow:visible;

	}

h4 {
	font-size : 1.2em;
	 }

h5 {
	font-size : 1.1em;
	 }

h6 {
	font-size : 1em;
	 }

.date, .info, div.meta, div.author, p.wp-caption-text, .edit, div.box, div.box a:link, div.box a:visited,
div.box h4, li.recentcomments, div#form label, p label, select, table#wp-calendar,
div#navlink a:link, div#navlink a:visited, #footer, #footer a:link, #footer a:visited, legend, input#submit, div.content input {
	font : 1em Arial, sans-serif;
	}

code {
	font : 1em 'Courier New', monospace;
	white-space : pre;
	}

dt {
	font-weight : bold;
	}

small {
	font-size : 0.9em;
	 }



/* COLOURS */

body, select {

background-image: url('http://betaloft.com/stash/bits/woodie/bg4.jpg');
background-attachment: fixed;

	}

a:link, div.author {
	background : transparent;
	color : rgb(250, 250, 250);
	}

li.recentcomments {
	background : transparent;
	color : rgb(200, 200, 200);
	}

a:visited, h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
	background : transparent;
color:#E1E1E1;
	}

div#tagline, .date, div.meta, span#colophon, #colophon a:link, #colophon a:visited, label, legend {
	background : transparent;
	color : rgb(140, 140, 140);
 	}

div.box h4, h4 a:link, h4 a:visited, .info a:link, .info a:visited, a.more-link, #navlink a:link, #navlink a:visited, #wp-calendar caption, #wp-calendar a:link, #wp-calendar a:visited {
	background : transparent;
	color : rgb(148, 150, 226);
	}

img.frame, .edit, select, fieldset, hr {
	border : 1px solid;
	border-color : rgb(120, 120, 120);
 	}








.ngg-galleryoverview {text-align:center; padding-top:30px; padding-bottom:20px; margin-left:20px;}


img.ngg-galleryoverview {text-align:center;}



/* PRINT STYLESHEET */

@media print {

body {
	padding : 2%;
	}

body, a:link, a:visited  {
	background : rgb(255, 255, 255);
	color : rgb(0, 0, 0);
	}

td#left_sidebar, td#right_sidebar, div.info, .edit, div.navlink, div#form, form, input, img[class~=avatar] {
	display : none;
	}

div.post {
	page-break-after : always;
	}

img, blockquote {
	page-break-inside : avoid;
	}

}