/*

Theme Name: ChaosTheory
Theme URI: http://wordpress.org/extend/themes/chaostheory
Description: A dark single-column theme with a minimal, techy feel.
Version: 1.1.3
Author: Automattic
Author URI: http://automattic.com/
License: GNU General Public License
License URI: license.txt
Tags: black, dark, one-column, fixed-width, sticky-post, blue, custom-menu, rtl-language-support, translation-ready, custom-background, custom-header, featured-images, featured-image-header
*/
/* =Reset
-------------------------------------------------------------- */

body,

div,

dl, dt, dd,

ul, ol, li,

h1, h2, h3, h4, h5, h6,

pre,

form, fieldset, input,

p,

blockquote,

table, th,
td {
   margin: 0;
   padding: 0;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

fieldset, img, abbr {
   border: 0;
}

caption, th {
   text-align: left;
}

q:before, q:after {
	content: '';
}

a {
	text-decoration: none;
}

hr {
	width: 450 px;
    align: center;
  	color: #999;
  	height: 1pt;
  	background-color: #1b1b1b;
 	margin-bottom: 30px;
}

/* =Globals

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

body {
   background: #1b1b1b;
   color: #ddd;
   font: 62.5%/175% Frutiger, Verdana, Arial, Helvetica, Tahoma, sans-serif;
}


a {
   color: #6dcff6;
}


#content {
   margin-top: auto; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   width: 900px;
   min-height: 100px;
   padding-bottom: 20px;
}


abbr, acronym {
   cursor: help;
}


code, pre {
   font-family: "Courier new", Courier, monospace;
}


#blog-description {
   color: #999;
}

/*  Header 
---------------------------------------------- */

#header {
   background: #0a0a0a;
   height: 35px;
   width: 100%;
   clear: both;
   padding: 10px 0 10px;
   position: fixed;
   z-index: 1;
}

#header-menu {
   margin-left: 500px;
   width: 550px;
}

#header h1 {
   font-family: "Gill Sans", Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
   font-size: 24px;
   font-weight: normal;	
   z-index: 5;
   margin: 4px 0px;
   /* 2nd number determines L<>R margin */
}

#header h1 a {
   color: #fff;
   position: fixed;
}

#header h1 a:hover {
   color: #6dcff6;
}


#innerheader {
   background: #0a0a0a;
   margin-left: auto;
   margin-right: auto;
   width: 900px;
}


/* Begin Footer 
---------------------------------------------- */

#footer {
	background: #0a0a0a;
	clear: both;
	padding: 15px 0;
	text-align: center;
	position: fixed; 
	bottom: 0;
        z-index: 9999;
	height: 20px;
	width: 100%
}


#innerfooter {
	background: #0a0a0a;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}



/* =Post content
-------------------------------------------------------------- */
#nav_above, #nav_below {
/*   margin-top: 5px; */
   margin-bottom: 10px;
   width: 250px;
   float: left;
}

#nav_above.nav-previous {
margins: 0px;
float: left;
text-align: left;
width: 125px;
}

#nav_above.nav-next {
margins: 0px;
float: left;
text-align: right;
width: 125px;
}

#pagetop {
/*   position: fixed; */
   z-index: 99999;
   margin-feft: auto;
   margin-right: auto;
   margin-bottom:5px;
   margin-top: 5px; 
   overflow: hidden;
   height: 75px;
   width: 900px;
}



#content .page, .post {
	font-size: 1.4em;
	line-height: 1.7;
	margin-bottom: 25px;
/*	margin-top: 25px; */
}

.post, .page {
      overflow: auto;
      width: 100%;
      /* make the post div expand to properly enclose its (floated) contents */
}

/* for use with category-list navigation
---------------------------------------------- 
.post { 
   padding-top: 100px;
}
*/
h2.page-title {
      padding-bottom: 5px;
      margin-bottom: 5px;
}

h2.entry-title {
	color: #6dcff6;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.04em;
	line-height: normal;
	margin-bottom: 10px;
	overflow: hidden;
	width: 250px;
	word-wrap: break-word;
}

/* Post Content .Sticky posts
------------------------------------------ */
.sticky {
	background: #111;
	padding: 10px 0;
}

.sticky .entry-meta {
	padding-left: 15px;
	width: 235px;
}

.sticky h2.entry-title a {
	font-weight: bold;
}

.sticky .entry-content {
	padding-right: 10px;
	width: 620px;	
}


.entry-content {
	float: right;
	overflow: hidden; 
	width: 630px;
}

.entry-content li {
	list-style-type: none;
}


.home-entry-content {
	float: right;
	overflow: hidden;
	width: 880px;
}


.entry-meta {
	float: left;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 250px;
}


.entry-meta ul {
list-style: none;
}

.entry-meta li {
	line-height: normal;
	padding: 5px 2px;
}


blockquote,
.archive-meta {
/* controls spacing at top of category pages too */
	background: #1b1b1b;
color: #ddd;
font-style:italic;
/* padding-bottom: 5px; */
margin-top: 0px;
	margin-bottom: 10px;
}

blockquote p {
	font-size: 0.9em;
	padding: 1em 1em 0;
}

.page-link {
	font-weight: bold;
}

.entry-content p {
	margin: 0 0 1em;
}

.entry-content ul li {
 /*	list-style: square; */ 
	text-decoration: none;
	list-style-type: none;
}


.entry-content ul li ul {
	margin-bottom: 0.3em;
	list-style-type: none;
}

.entry-content ul li ul li {
/*	list-style: circle; */
	text-decoration: none;
	list-style: none;
}

.entry-content ul#linkcats,
.entry-content ul#linkcats li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.entry-content ul#linkcats li ul li {
/*	list-style: square; */
	list-style: none;
}

.entry-content img.center {
	display: block;
	margin: 0.4em auto;
}

.entry-content img.alignright {
	margin: 0.4em 0 0.4em 1.1em;
}

.entry-content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}

body.single .entry-meta {
	font-size: 0.9em;
}

body.single .navigation {
	padding: 0 0 3em 0;
}

.archive-meta {
	margin: 1em 0 3em 0;
}

.edit-link {
	clear: both;
}

/* Navigation
-------------------------------------------------------------- */

/* top level menu container*/
#globalnav {
	margin: 0px auto 0px auto;
	height: 25px;
	text-align: center;
        z-index: 10;
	float: right;
}

/* menu container, includes drop down on overflow*/
#globalnav #menu {
   margin-top: 5px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-left: 0px;
   list-style: none;
   width: 550px;
   text-align: center;
   padding: 0px 0px; 
   /* 2nd number determines L<>R margin */
   /* background: red; */

}

/* styles current page selection */
/*  DO NOT use 'width' styling! Float determines L<>R order of items in list */
#globalnav #menu li {
   text-align: center;
   float: left;
   /* background: red; */
   background: #0a0a0a;
   color: #6dcff6;
   }

/* styles top level menu links */
#globalnav #menu li a {
/*    background: #red; */
   background: #0a0a0a;
   color: #fff;
   padding: 0px 10px 0px;
   font-weight: bold;
   text-align: center;
}

/* styles parent & child links currently under hover */ 
#globalnav #menu li a:hover{
      text-align: center;
      color: #6dcff6;
      /* background: red; */
      z-index: 99999;
}

#globalnav #menu li .current_page_item {
      /*background: #red; */
      width: 125px;
      text-align: center;
      display: block;
}

#globalnav #menu li .current-menu-item

#globalnav #menu li .current-menu-ancestor {
	background: #111; 
	text-decoration: none;
	/* background: red; */
	width: 145px;
	text-align: center;
	color: #6dcff6;
	font-weight: bold;
	display: block;
}

#container {
	margin-top: 0;
	padding-top: 58px;
	padding-bottom: 35px;
	
}

#globalnav li {
	/* position: relative;  */
	display: inline;
}


/* start of child - block drop down css */
#globalnav #menu ul {
	background: #111;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
	display: none;
	list-style-type: none;
	margin: 0;
	top: 30px;
	right: 0;
	text-align: center;
	width: 125px;
	z-index: 99999;
}


#globalnav #menu ul li {
	margin: 0;
	width: 125px;
	text-align: center;
}


#globalnav #menu ul a {
      background: #0a0a0a;  /* drop down list box*/
      margin: 0;
      text-align: center;
}


#globalnav #menu ul ul li:first-child a {
	text-align: center;
}


/* drop down */
#globalnav #menu ul a:hover {
	text-align: center;
	/* background: red; */
}


/* drop down */
#globalnav #menu li:hover > ul {
      display: block;   /* block drop */
	/* display: inline;    /* will cause child menu to appear in a single line */
	text-align: center;
	/*width: 125px; */  /*block drop */
	/* width: 450px;  /* line drop */
       /* float: right;  /* line drop */
}


#globalnav #menu ul li:hover > a {
	/* background: #222; */
	/* background: #666; */
}


#globalnav #menu ul ul {
	left: -100%;  
	top: 0;
	display: inline;
}


/* =Comments
(retained for legacy purposes : this blog does not allow comments
------------------------------------------------------------------------------- */

.comments {
   clear: both;
}

.comments h3 {
	border-bottom: 1px solid #333;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.comments ol {
	list-style: none;
}


#commentform, .comments ol li {
	position: relative;

}

.comments ol li ul li {
	list-style: none;
}

.comments .comment-content, .form-two {
	margin-left: 270px;
	min-height: 130px;
}

.comments .trackback-content {
	margin-left: 270px;
	min-height: 50px;
}

.comments .comment-content p {
	margin-bottom: 1.0em;
}

.comments .comment-meta, .form-one {
	float: left;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 250px;
}

.comments .comment-author {
	font-size: 14px;
	font-weight: bold;
}

.comments .comment-meta li {
	border-bottom: 1px solid #222;
	line-height: normal;
	padding: 5px 2px;
}

/* =Comments #commentform */

form#commentform, form#commentform p {
	padding: 0;
}

form#commentform .required {
	color: red;
}

#respond p {
	line-height: 18px;
	margin-bottom: 10px;
}

#respond input[type="text"], #respond textarea {
	font-family: "Courier new", Courier, monospace;
	font-size: 12px;
}

#respond input[type="text"] {
	float: left;
	margin-right: 6px;
}

#respond textarea {
	height: 13em;
	margin: 0 0 0.5em 0;
	overflow: auto;
	width: 66%;
}

#respond label {
	clear: right;
	font-size: 11px;
}

#respond .comment-form-comment label, #respond .form-allowed-tags {
	display: none;
}

.commentlist .children {
	margin-left: 3em;
}


/* =Sidebar
(legacy / future development)
-------------------------------------------------------------- */
.sidebar div,
.sidebar h3,
.sidebar h4,
.sidebar ul,
.sidebar li {
	margin-bottom: 20px;
	padding: 0;
}


.sidebar li {
	list-style-type: none;
}


.sidebar li form {
	margin: 0.2em 0 0 0;
	padding: 0;
}


.sidebar h3 {
	font-size: 1.2em;
}


.sidebar h4 {
	font-size: 1.0em;
}


.sidebar ul ul {
	margin: 0 0 0 1.0em;
}


.sidebar ul ul ul {
	margin: 0 0 0 0.5em;
}


.sidebar ul ul li {
/* 	list-style: disc; */
	margin: 0;
}


.sidebar ul ul ul li {
/* 	list-style: circle; */
}


.sidebar ul#bookmarks {
	margin: 0 0 0.5em 0.5em;
}


.sidebar ul#bookmarks li {
	list-style: none;
}


.sidebar ul#bookmarks ul {
	margin: 0 0 .5em 1.0em;
}


.sidebar ul#bookmarks ul li {
/*	list-style: disc; */
}


.sidebar input#s {
	width: 7em;
}


#sidebar {
      clear: both;
      margin-top: 15px;
      margin-bottom: 15px;
}


#innerbar {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 35px;
	padding: 10px 0 0;
	width: 900px;
}


.sidebar {
	background: #1b1b1b;
/*	border-top: 1px solid #393939; */
	float: left; 
	overflow: hidden;
	padding: 10px;
	width: 250px;
}

.sidebar h3 {
	border-bottom: 1px solid #555;
	display: inline;
}


#primary {
	margin-right: 10px;
}


#secondary {
	margin-left: 10px;
}

.sidebar_r {
	background: #1b1b1b;
/*	border-top: 1px solid #393939; */
	float: right;
	margin-left: 600px
	overflow: hidden;
	padding: 10px;
	width: 250px;
	position: relative;
}


#center {
	margin-left: 325px
/*	margin-right: auto; */
	width: 250px;
	position: relative;
	background: #1b1b1b;
	overflow: hidden;
/*	padding: 10px; */
	 float: right;
}

.sidebar_mid {
	background: #1b1b1b;
	overflow: hidden;
/*	padding: 10px; */
}


.sidebar ul li {
	margin-bottom: 10px;
}

.sidebar ul li ul {
	padding-top: 3px;
	padding-left: 10px;
}



/* =Multi-purpose, common elements
-------------------------------------------------------------- */
.alignleft,
.nav-previous,
#archives-by-category {
	float: left;
}

.alignright,
.nav-next,
#archives-by-month {
	float: right;
}

.clearer {
	clear: both;
}

body.home .nav-next,
body.home .nav-previous,
body.archive .nav-next,
body.archive .nav-previous,
#archives-by-category,
#archives-by-month {
	width: 48%;

}

body.home .nav-next,
body.archive .nav-next {
	text-align: left;
}

body.home .nav-previous,
body.archive .nav-previous {
	text-align: right;
}

.home-link {
	display: none;
}

.entry-date a {
	color: #fff;
}

.entry-date a:hover,
.entry-date a:active {
	color: #6dcff6;
}


/* =Default WP styles
-------------------------------------------------------------- */

p.access {
	display: none;
}

.entry-content li {
	margin-left: 2.2em;
}

.comment-avatar {
	display: inline;
}

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

.wp-caption {
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
	max-width: 490px; /* fit in content_width */
}

.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

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

.wp-caption p.wp-caption-text {
	color: #000;
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-caption,
.bypostauthor {
}

.page-link {
	clear: both;
}

.hentry img.size-auto,
.hentry img.size-full,
.hentry img.size-large,
.hentry img.size-medium,
.hentry .attachment img {
	max-width: 100%;
	width: auto;
	height: auto;
}

/* =WP.com fixes
-------------------------------------------------------------- */

#flickr_badge_wrapper {
	background-color: #1b1b1b !important;
	border: none !important;
}

#flickr_badge_wrapper a {
	color: #6dcff6 !important;
}


/* =Clear fixes
-------------------------------------------------------------- */

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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* Tag Cloud styles
--------------------------------------*/
#tag-cloud-by-html5-canvas ul, li {
	list-style-type: none;
}



/* = IFrame styles
(future development)
--------------------------------------------------------------- */
#iframe_content .iframe {
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   width: 900px;
/*   min-height: 100px; */
   padding-bottom: 20px;
}

.iframe-entry-nav {
	float: left;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 250px;
	height: 100px;
	color: #6dcff6;
	vertical-align: baseline;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.04em;
	line-height: normal;
	margin-bottom: 10px;
	margin-right: 15px;
	overflow: hidden; 
}

.iframe-post {
   /* make the post div expand to properly enclose its (floated) contents */
   overflow: auto; 
/*   width: 100%; */
   margins: auto;
   width: 900px;
   /*	width: 9999px; */
/*	display: inline; */
}

h2.iframe-entry-title a{
	color: #6dcff6;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.04em;
	line-height: normal;
	margin-bottom: 10px;
	overflow: hidden;
	width: 900px;
	word-wrap: break-word;
	text-align: right;
	float: left;
}

.iframe-entry-content {
	float: left;
	overflow: hidden;
/*	margin-left: 275px; */
	margins: auto;
/*	border-left: 5px #999;
/*	width: 600px; */
	width: 900px;
	height: 300px;
/*	display: inline-block; */

}

.iframe-entry-content-excerpt {
   color: #fff;
   text-align:center;
   font-size: 16px;
   font-style: italic;
   font-weight: light;
   letter-spacing: -0.03em;
   line-height: normal;
   margin-left: 275px;
   margin-bottom: 10px;
   width: 600px;
/*   
	float: left;
	overflow: hidden;
	margin-left: 175px;
	border-left: 5px #999;
	width: 700px;
	height: 300px;
/*	display: inline-block; */

}

.iframe {
   overflow: hidden;
}