/*
Theme Name: Fischler.org - Glideway (7.0.6)
Theme URI: http://fischler.org/
Description: The start of a long-overdue redesign.  A great base from which to itterate....
Version: 7.0.6
Author: Andrew Fischler
Author URI: http://creekbedindustries.com/
Tags: blue, custom header, fixed width, two columns, widgets
  
  New in 7.0.6:
  -------------
  - Moved to HTML5 header
  - Consolidated and began optimizing JS and CSS
  
  New in 7.0.5:
  -------------
  - Added recent Flickr photos to the home page via JSON
    http://snipplr.com/view/8159/feed-flickr-photos-to-website/
    http://www.richardshepherd.com/how-to-use-jquery-with-a-json-flickr-feed-to-display-photos/
  
  New in 7.0.4:
  -------------
  - Fixed content alignment and post title type settings.
  - Pinned the Twitter box so it now scrolls with the page and set it to only show on the home page.
  
  New in 7.0.3:
  -------------
  - Post hacked theme.  Cleaned to optimize code and to leave less hooks where baddies can lurk (hopefully!).
  - Added Twitter posts via a new script (7.0.2)
  
  History:
  --------
  - Based on Kubrick v1.5 (http://binarybonsai.com/kubrick/)
    Designed and built by Michael Heilemann (http://binarybonsai.com/)
    Original code was released under GPL (http://www.opensource.org/licenses/gpl-license.php)
*/


/*** REMOTE : These need to be compressed and consolidated ***/

/*************************************** RESET.CSS *********************************************/
/*@import url("stylesheets/reset.css");*/
body{background-color:#FFF;font:62.5% "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif;margin:0;padding:0}.clear{clear:both}h1,h2,h3,h4,h5{font-weight:400;margin:0 0 15px;padding:0}ul,li,dl,dt,dd{list-style:none;margin:0;padding:0}fieldset,img{border:0 none}a,a:visited{text-decoration:none}a:hover{outline:none!important}a:hover span{cursor:pointer}textarea{overflow:auto}input,button{width:auto;overflow:visible}table,thead,tbody,tr,th,td{font-size:1em;border-collapse:collapse;border-spacing:0;margin:0;padding:0}h1{font-size:1.8em}h2{font-size:1.4em}h3{font-size:1.2em}h4{font-size:1em}h5{font-size:.8em}div#body{font-size:1.1em;color:#000}div#document a,div#document a:visited{color:#00F}div#document a:hover{color:red}div#document p{line-height:1.5em;font-size:1.1em;margin:0 0 10px}p,pre,code,form,fieldset,input,textarea,label{margin:0;padding:0}


/*************************************** GLIDEWAY.4.CSS *********************************************/
/*@import url("stylesheets/glideway.4.css");*/


/*** Site Wide Font and Color Defaults ***/
body {
  font-family: Helvetica, sans-serif;
  font-size: 1em;
  background: #FFF;
}
a { color: #900; }
a:hover { color: #F90; }

#content a { border-bottom: 1px solid #dfdfdf; }
#content a:hover { border-color: #f90; }
#content a img { border: none; }


/*** Veneer ***/
#veneer * {
  position: fixed;
  top: 0;
  left: 0;
}
#veneer .one {
  width: 100%;
  height: 100%;
  background: #FFF url("images/body-repeat.4.jpg") left bottom repeat-x;
}
#veneer .two {
  width: 100%;
  height: 70px;
  background: #fff url("images/header.png") left top repeat-x;
  z-index: 3;
}
#veneer .three {
  width: 100%;
  height: 65px;
  background: url("images/masthead.png") center top no-repeat;
  z-index: 4;
}
#veneer .four {
  top: 40px;
  width: 100%;
  height: 100%;
  background: url("images/body.4.jpg") center bottom no-repeat;
  z-index: 2;
}


/*** Masthead ***/
#masthead {
  position: fixed;
  top: 0;
  left: 50%;
  width: 980px;
  height: 70px;
  margin-left: -490px;
  font-size: 0.72em;
  z-index: 5;
}
#masthead a { text-decoration: none; }
#masthead .logo, 
#masthead .tagline {
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 0;
  float: left;
}
#masthead .logo {
  padding-left: 22px;
  color: #7c7c7c;
  background: url("images/favicon.png") 0 6px no-repeat;
}
#masthead .tagline {
  font-style: italic;
  margin-left: 15px;
  color: #afafaf;
}
#masthead a:hover .logo { color: #B94867; } 


/*** Site Navigation ***/
#nav {
  position: absolute;
  top: 1px;
  right: 0;
  margin-top: 4px;
  font-weight: bold;
  z-index: 5000;
}
#nav ul { float: right; }
#nav li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
  text-align: center;
  float: left;
}
#nav a {
  display: block;
  color: #7c7c7c;
  padding: 10px 0;
  text-decoration: none;
}
#nav a:hover { color: #B94867; }
#nav a span {
  display: block;
  padding: 5px 0;
}


/*** Twitter ***/
#twitter {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 980px;
  height: 39px;
  margin-left: -490px;
  text-align: center;
  font-size: 0.82em;
  z-index: 25;
  background: #fcfcfc;
  border: 3px double #eee;
  border-top: 1px solid #ddd;
  border-bottom: none;
}
#twitter .label { display: none; }
#twitter_update_list, 
#twitter_update_list li {
  display: block;
  padding: 7px 0 0 0;
}
#twitter_update_list {
  font-weight: bold;
  color: #666;
}
#twitter_update_list a { padding: 0 0 0 5px; color: #C14867; }
#twitter_update_list a:hover { color: #C6103B; }


/*** Container ***/
#container {
  position: relative;
  width: 980px;
  margin: auto;
  padding: 0;
  z-index: 2;
}


/*** Content ***/
#content {
  position: relative;
  width: 640px;
  margin: 0;
  padding: 100px 0 150px 0;
  z-index: 3;
	line-height: 1.6em;
}
#content.narrowcolumn { margin: 0; }
#content.widecolumn { width: 800px; margin: 0 auto; }
#content.fullcolumn { width: 100%; margin: 0; }


/*** Sidebar ***/
#sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  color: #ccc;
}


/*** Beta Message ***/
#beta {
  position: relative;
  top: 120px;
  left: -80px;
  margin-left: 0;
  width: 260px;
  font-size: 0.72em;
  z-index: 10000;
}
#beta .box {
  margin-bottom: 20px;
  background: #F7F3E9;
  border: 1px solid #D7CFCB;  
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
#beta h3 {
  display: block;
  margin: 0 10px 10px 10px;
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #CAB16C;
  color: #816329;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}
#beta p {
  display: block;
  padding: 0 15px 10px 15px;
  color: #977F5D;
  line-height: 1.4em;
}
#beta .flik img { margin: 0 0 8px 8px; }


/*** Footer ***/
#footer {
  position: fixed;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 120px;
  z-index: 5;
  background: #FFF url("images/body.4.jpg") center bottom no-repeat;
}












/*************************************** LAYOUT.CSS *********************************************/
/*@import url("stylesheets/layout.css");*/


/*** Typography Layout Defaults ***/
#content p, 
#content ul,
#content ol { margin-bottom: 15px; }


/*** Post Layout ***/
#content .post {
  position: relative;
  margin: 0 0 60px 0;
  font-size: 0.92em;
}


/* Temporary colors for H# Tags. */
h1 { color: maroon; }
h2 { color: #999; }
h3 { color: #ccc; }
.post h1, .post h1 a {color: red}
.post h2, .post h2 a {color: #b94867; }
.post h2 a:hover {color: #f90;}
.post h3, .post h3 a {color: #b94867; }
.post h3 a:hover {color: #f90;}
.post h4, .post h4 a {color: gray}
.post h5, .post h5 a {color: navy}


/* CURRENTLY ONLY IN HOME PAGE, INDIVIDUAL POSTS and PAGES TEMPLATES */
#content .post h2 {
  font-size: 2.2em;
  line-height: 1.2;
  font-weight: 400;
  font-family: "museo-slab-1","museo-slab-2",serif;
}
#content .post small { color: #999; }

/* Currently Only works on home page posts (Ind. Post Needs link and it should pick this style up) */
#content .post h2 a { color: #b94867; }
#content .post h2 a:hover { color: #f90; }


/*** Captions ***/
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  margin: 0 0 25px 0;
  padding: 5px 0 0 0;
  -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;
  border-bottom: 1px solid #ccc !important;
}
.wp-caption p.wp-caption-text {
  position: relative;
  display: block;
  bottom: -8px;
  color: #999 !important;
  text-align: center;
  font-size: 13px;
  line-height: normal;
}









/*************************************** WP 2.7.css *********************************************/
/*@import url("stylesheets/wp-2.7.css");*/


.post { margin: 0 0 40px; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: both; }


.clear { clear: both; }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }


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 }



/* 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 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
}
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.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;
	}
#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 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 Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* 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;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



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

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

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

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}



















/*************************************** DEV & NEW CSS *********************************************/






/*** DEV : Tweet CSS settings ***/
.tweet { color: #816329; }
.tweet .tweet_list { list-style-type: none; margin: 0; padding: 0; }
.tweet .tweet_list li { display: block; position: relative; margin: 0 10px; overflow: auto; padding: 0 0 1.5em 0; border-bottom: 1px dotted #CAB16C; }
.tweet .tweet_list li:last-child { border-bottom: none; }
.tweet .tweet_list li a {}
.tweet .tweet_text { display: block; margin: 0 0 3px 0; float: right; }
.tweet .tweet_date { display: block; position: absolute; padding: 0; bottom: 4px; right: 0; }
.tweet .tweet_list .tweet_even { }
.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }


/*** DEV : Typekit ***/
/*.tk-pixel {
  font-weight: 300 !important;
  font-size: 8px !important;
}*/
/*
.tk-headline {
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #4B7BCD !important;
  margin-bottom: 40px !important;
}*/
#typekit-badge-pyl7rel { left: 50% !important; margin-left: 175px !important; }

/*** DEV : Hiding things until I'm ready to use them. ***/
#widgettized, #recently { display: none }












/*
NAVIGATION
		<div class="navigation">
			<div class="alignleft">&laquo; <a href="http://fischler.org/2008/11/05/history/?preview=1&#038;template=fischlerorg-7.0.1&#038;stylesheet=fischlerorg-7.0.1">History</a></div>
			<div class="alignright"><a href="http://fischler.org/2008/11/06/election-redux/?preview=1&#038;template=fischlerorg-7.0.1&#038;stylesheet=fischlerorg-7.0.1">Election Redux</a> &raquo;</div>
		</div>
*/
.navigation {
  display: block;
  text-align: center;
  margin: 0 0 0 -500px;
  position: absolute;
  top: 110px;
  left: 50%;
  width: 1000px;
  overflow: auto;
  
/*  background: #EEE;*/
  
/*  display: none;*/
  /*
  margin-top: 10px;
  margin-bottom: 60px;
  */
  
  

}
.navigation .alignright { float: right; }  /* background: #FC0;}*/
.navigation .alignleft { float: left; }/*  background: #FC0;}*/
/* End Various Tags & Classes*/





/*** jQuery : Tipsy ***/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url("img/tipsy.gif"); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }










/* THIS NEEDS TO BE HERE UNTIL YOU CAN SECTION OFF THE CODE FOR THE SINGLE PAGE ONLY */
.navigation { display: none; }
/*html.type-home .navigation { background: #FC0; }*/