/*

1.	BODY
2.	BASIC TYPOGRAPHY
	2.1.	HEADINGS
	2.2.	TEXT
	2.3.	LISTS
	2.4.	TABLES
	2.5.	LINKS
3.	IMAGES
4.	UTILITY STYLES
5.	SITE
6.	HEADER
  6.1.	MAIN NAVIGATION
7.	FOOTER
8.	SPECIFICS

*/

/* COLOURS!
----------------------------------------------------------------------
  neoteny blue - rgb(86,159,211)
	black background - rgb(15,15,15)

*/

@media screen {

/* 1.BODY
---------------------------------------------------------------------- */

html {
	/* Nice font smoothing for webkit */
	-webkit-font-smoothing: antialiased;
	/* Ooooh, browser kerning! */
	text-rendering: optimizeLegibility;
	/* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	font-size:100.01%;
}

body {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 81.25%;
  line-height: 1.5;
	background : rgb(15,15,15) url(../images/leather-back.jpg) 50% 0 no-repeat;
}

/* 2. BASIC TYPOGRAPHY
---------------------------------------------------------------------- */

/* 2.1. HEADINGS
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

h1 span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  font-weight: normal;
  font-size : 1.1em;
  margin : 0 -0.1em;
}

/* 2.2. TEXT
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* 2.3. LISTS
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* 2.4. TABLES - still need 'cellspacing="0"' in the markup
-------------------------------------------------------------- */

table, th, td 	{ vertical-align: middle; }
th, td, caption { text-align: left; font-weight: normal; padding: 4px 10px 4px 5px; }

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* 2.5. LINKS
---------------------------------------------------------------------- */

a:link, a:visited { color : rgb(86,159,211); text-decoration : none; }
a:hover, a:focus { text-decoration : underline; }

/* 3. IMAGES
---------------------------------------------------------------------- */

img {
	/* Smooth image scaling for IE */
	display : block;
	-ms-interpolation-mode:bicubic;
}

a img { border: none; }

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/* 4. UTILITY STYLES
---------------------------------------------------------------------- */

::-moz-selection { color : rgb(250,250,250); background: rgb(20,20,20); }
::selection { color : rgb(250,250,250); background: rgb(20,20,20); }

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

.clear, .break { clear : both; }
.hide { display : none; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#main-wrap object { width : 100% !important; }

/* 5. SITE
---------------------------------------------------------------------- */

#container { }
.wrap {
	float : left;
	width : 50%; min-height : 100%;
}
#main-wrap {
	float : left; clear : left;
	padding-top : 18px;
  color: rgb(100,100,100);
  background: rgb(255,255,255);
 	min-height : 1000px;
}
#main-wrap > .section {
	padding : 0 36px 0 0;
	float : right; display : block;
	width : 396px;
}
#section-complementary {
	float : left;
	width : 438px;
	padding-left : 36px;
}
.hfeed > h1 {
	position : relative; top : -1em;
	font-size: 1em; font-weight: normal; letter-spacing : 0.2em;
	text-transform : uppercase;
}

/* 6. HEADER
---------------------------------------------------------------------- */

#container > .header {
	position : relative;
	float : left;
	width : 50%; height : 90px;
	padding : 36px 0 18px;
	background: rgb(255,255,255);
}
#container > .header #site-title {
	font-size: 1em;
	margin-bottom: 0;
}
#container > .header #site-title a {
	display : block;
	position : absolute; top : 36px; right : 36px;
	width : 396px; height : 54px;
	background : transparent url(../images/neotenylabs.png) 0 0 ;
	text-indent : -9999em;
}

/* 6.1. MAIN NAV
---------------------------------------------------------------------- */

#container > .header .nav {
	position : absolute; top : 96px; right : 26px;
}
#container > .header .nav ul {
	list-style : none;
	font-size: 1em; font-weight : bold;
	text-transform : uppercase;
	margin : 0; padding : 0;
}
#container > .header .nav li {
	display : block;
	float : left;
}
#container > .header .nav a {
	padding : 18px;
  color: rgb(100,100,100);
}

/* 7. FOOTER
---------------------------------------------------------------------- */

#container > .footer {  }

/* 8. SPECIFICS
---------------------------------------------------------------------- */

/* 8.1. ARTICLES
---------------------------------------------------------------------- */

.hentry {  }
.hentry h1 {
	font-size: 2em; margin-bottom: 0.75em;
	text-transform : none; letter-spacing : 0;
}
.hentry h1 a {
	color : rgb(50,50,50);
}
.entry-content > p:first-child {
	font-size: 1.5em; line-height: 1.25; margin-bottom: 1em;
}
.hentry .meta {
	font-family : Georgia, sans-serif;
	color : rgb(150,150,150);
}
.hentry .meta a {
	color : rgb(100,100,100);
}

/* 8.2. COMMENTS
---------------------------------------------------------------------- */

#section-comments h2,
#section-commententry h2 {
	font-size: 1.5em; line-height: 1; margin-bottom: 1em;
}
#comments ol { list-style : none; margin : 0; padding : 0; }
#comments li { list-style : none; padding : 0 0 18px 106px; position : relative; }
#comments .figure { position : absolute; top : 0; left : 0; }
#comments .moderation { font-style : italic; }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form {
	width : 396px;
}
.fields label {
	display : block;
	width : 100%;
	padding-bottom : 3px;
}
.fields input {
	width : 390px;
}
textarea {
	width : 390px;
}
form .submit {
	padding-bottom : 36px;
}

/* 8.3. SIDEBAR
---------------------------------------------------------------------- */

#section-complementary ul {
	margin : 0; padding : 0;
	list-style : none;
	display : inline;
}
#section-complementary li {
	list-style : none;
	margin : 0;
}
#section-complementary li a {
	float : left;
	display : block;
	margin : 0 36px 36px 0;
	width : 175px; height : 125px;
	padding : 2px;
	background : rgb(205,205,205);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}
#section-complementary li a:hover, #section-complementary li a:active, #section-complementary li a:focus {
	-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
}


/* 8.4. SEARCH
---------------------------------------------------------------------- */

#searchform { }
	#s { }
	#searchsubmt { }


/* 8.5. HOMEPAGE
---------------------------------------------------------------------- */

.home .hfeed .hentry {
	width : 350px; padding-right : 36px;
	float : left;
}
.home .hfeed .hentry h1 {
	font-size: 1.5em; line-height: 1;
}
.hfeed .hentry h1 {
 	margin-bottom: 0;
}
.hentry abbr {
	border-bottom : 0; cursor : default;
	font-style : italic;
}
.home #main-wrap #section-main {
	padding : 36px 0 0 0;
	width : 432px;
}

.home #main-wrap > #section-tweets {
	margin-top : 36px;
}
.home #section-tweets h1 {
	position : relative; top : -1em;
	font-size: 1em; font-weight: normal; letter-spacing : 0.2em;
	text-transform : uppercase;
}

ul.twitter {
	list-style : none;
	margin : 0; padding : 0 0 36px 0;
}
ul.twitter li {
	position : relative;
	padding : 0 0 18px 0;
}
ul.twitter .tweet_avatar {
	position : absolute; top : 0; left : 0;
	display : block;
}
ul.twitter .twitter-author {
	display : block;
}
ul.twitter .twitter-timestamp {
	display : block;
	font-size : 80%;
}
ul.twitter .twitter-timestamp abbr {
	border-bottom : none;
}
/* 8.6. INVESTMENTS
---------------------------------------------------------------------- */

.archive.category-investments .hfeed .hentry {
	position : relative;
	padding-left : 106px;
}
.archive.category-investments .hfeed .hentry h1 {
	margin-bottom : 0;
}
.archive.category-investments .hfeed .hentry .figure {
	position : absolute; top : 0; left : 0;
}


/* ------------------------------------------------------------------- */
} /* END screen media */