/* =Generic 
* * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
	border-top:	5px solid #666;
	background-color:	#fff;
	color:	#333;
	font:	100%/1.45 Georgia, Times, "Times New Roman", serif;
	margin:	0;
	padding:	0;
}
strong {
	color:	#cc0000;
	font-weight:	normal;
}
a {
	font-weight:	normal;
	color:	#cc0000;
} 
a:link, a:visited {
	color: #003366;
	border-bottom: 2px solid #A8BFCF;
	text-decoration: none;
	padding-bottom: 1px;
}
a:hover, a:active {
	color:	#003366;
	border-bottom: 2px solid #005A9C;
	text-decoration: none;
	padding-bottom: 1px;
}
p {
	margin:	0;
	padding-bottom:	14px;
}
ul {margin-left:	20px;}
ul li {
	text-align:	left;
	padding:	1px 0px 1px 0px;
	margin:	0;
}


/* =Structure
* * * * * * * * * * * * * * * * * * * * * * * * * * */
body>header {
	background:	#eee;
	height: 84px;
	padding: 0;
	margin:	0 0 65 0px;
	width: 100%;
}
#content {
  /*background: rgba(255,0,0,.1);*/
	padding: 0;
	margin-left: 0px;
	margin-right:	auto;
	/*width: 99%;*/
}
#content>article {
  /*background: rgba(255,255,0,.1);*/
  margin-top:	65px;
  overflow: hidden;
}
#content>article>aside {
	font:	80%/140% "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:	#666;
	font-weight:	normal;
  float:  left;
  text-align: left;
  width:  200px;
  position: relative;
  top: 8px;
  /*margin: 0 -260px 0 auto;
    padding: 0 auto 0 60px;*/
  margin-top: 0px;
  margin-bottom:  0px;
  margin-right: -260px;
  padding-bottom: 0;
  padding-top:  0;
  padding-left: 60px;
}
#content>article>aside a:link,
#content>article>aside a:visited {
	color: #003366;
	border-bottom: none;
	text-decoration: none;
}
#content>article>aside a:hover,
#content>article>aside a:active {
	color:	#0057AF;
	border-bottom: none;
	text-decoration: none;
}
aside>section+section {
  margin-top: 30px;
  line-height: ;
}

/* =Header
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#logo #uri {
  display: block;
  font:	1.2em/1 "museo-sans-1", "museo-sans-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  padding-left: 4px;
}
#logo>a {
  color: #333;
	font:	3em/1 "museo-sans-1", "museo-sans-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: rgb(85, 136, 238) 1px 1px, rgb(85, 136, 238) 2px 2px, rgb(85, 136, 238) 3px 3px, rgb(85, 136, 238) 4px 4px, rgb(85, 136, 238) 5px 5px, rgb(85, 136, 238) 6px 6px, rgb(85, 136, 238) 7px 7px, rgb(85, 136, 238) 8px 8px, rgb(85, 136, 238) 9px 9px;
}
#logo {
	color: #333;
	font:	1em/1.45 "Helvetica Neue", Arial, Helvetica, sans-serif;
	position:	absolute;
	text-align:	left;
	float: left;
	margin-top:	30px;
	margin-left: 25px;
}
#logo #tagline {
	font-size: 1em;
	text-transform: none;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: -0.02em;
  position: relative;
  bottom: 14px;
  margin-left: 29px;
  color: #444;
}
#logo #tagline a {font-weight: normal;}
#logo+h2 {
  color: #aaa;
	font:	75%/120% "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-left: 230px;
  margin-top: 87px;
  position: absolute;
  text-transform: none;
  font-variant: none;
}
#logo a:link, #logo a:visited {
	color: #003366;
/*  border-bottom: 8px solid #C5DBE8;*/
	text-decoration: none;
}
#logo a:hover, #logo a:active {
	color:	#0057AF;
/*  border-bottom: 8px solid #0057AF;*/
	padding-bottom: 1px;
	text-decoration: none;
}

/* =Posts
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.post>header,
.comments>header {
  max-width: 530px;
    min-width: 450px;
    width: 50%;
  margin-left:	160px;
  text-align: left;
  /*float: left;*/
  display:	block;
}
.posted {
	font:	14px/1.45 Georgia, Times, "Times New Roman", serif;
	color: #ccc;
	font-style: italic;
	margin-top: -4px;
}
.body {
  max-width: 530px;
    min-width: 450px;
    width: 50%;
  margin-left:	160px;
  text-align: left;
  float: left;
  display:	block;
}
h1 {
	color: #333;
	font:	2.2em/1.45 "museo-sans-1", "museo-sans-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
	text-align:	left;
	font-weight: bold;
	letter-spacing: .02px;
}
h1 a {font-weight: 900;}
h1 a:link, h1 a:visited {
	color: #003366;
	border-bottom: none;
	text-decoration: none;
	-webkit-transition: .12s linear;
}
h1 a:hover, h1 a:active {
	color:	#0057AF;
	border-bottom: none;
	text-decoration: none;
	-webkit-transition: .12s linear;
}
h2 {
	color: #666;
	font-size: 1.1em;
	text-transform: uppercase;
	font-variant: small-caps;
	font-weight: bold;
}
h3 {
	color:	#333;
	font-size:	1em/1.45;
	font-weight:	bold;
}
#content>article>img,
#content>article>a>img {
	clear: both;
  float: left;
  padding: 1em 1em 1em 0em;
  margin-top: 1em;
}

/* =Text post
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.text+.body>p:first-child {
  font:	1.2em/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin-bottom: .6em;
}
.text>h1 a:hover:after, .text>h1 a:active:after {
  content: "¶";
  margin-left: .6em;
  color: #C50000;
}

/* =Link post
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.link h1 {font-size: 1.5em;}
.link h1 a {font-weight: 700;}
.link h1 a:after {
  content: "»";
  color: #ddd;
  position: relative;
  bottom: -2px;
  margin-left: 10px;
  font-size: 1.2em;
}
.link>h1 a:hover:after, .link>h1 a:active:after {
  content: "»";
  color: #C50000;
  position: relative;
  bottom: -2px;
  margin-left: 10px;
}

/* =Quote post
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.quote blockquote {
  font-size: 1.6em;
  font-style: italic;
  line-height: 1.2;
}
.quote blockquote p:before {content "”";}

/* =Photo post
* * * * * * * * * * * * * * * * * * * * * * * * * * */

/* =Video post
* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* =Tags
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.tag:before {content: ", ";}
.tag:first-of-type:before {content: "";}

/* =Comments
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#disqus_thread {
  max-width: 530px;
    min-width: 450px;
    width: 50%;
	padding-left:	160px;
}
.comments {
	padding: 30px 0;
	margin: 30px 0 0;
  text-align: left;
	display:	block;
	clear: both;
	background: #eee;
}
.comments h1 {
  font-size: 1.4em;
  margin-bottom: 18px;
}
.comments h1 .question {
  font-size: .8em;
  color: #999;
  margin-left: .4em;
  font-weight: 300;
}

/* =Speech Bubble
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.spch-bub  {
  color: #aaa;
  margin-left: -2.25em;
  margin-right: 0.4em;
  position: absolute;
  text-decoration: none;
}
.spch-bub .bubble {
  font-style: normal;
  background: #aaa;
  color: #FFF;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
  font-weight: 700;
}
.spch-bub .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.2em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #aaa; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
.spch-bub:hover {
  color: #F00;
}
.spch-bub:hover .bubble {
  cursor: pointer;
  background: #F00;
  color: #FF0;
}
.spch-bub:hover .point {
  border-left: 0.5em solid #F00; 
}

/* =Footer
* * * * * * * * * * * * * * * * * * * * * * * * * * */
body>footer {
	width: 100%;
	color: #333;
	background-color:	#444;
	clear: both;
	padding-bottom: 30px;
}
