/* @override 
	http://tetlaw.millstream.com.au/css/style.css
*/

/* @group Containers */

html {
	background-color: #555;
	margin: 0;
	padding: 0;
}

body {
  margin: 0;
  padding: 0;
	color: #444;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.5;
  position: relative;
}

#canvas {
  position: relative;
  width: 66em;
  margin: 0 auto 10em auto;
  padding: 0 0 10em 0;
}

#content {
  position: relative;
  top: 10em;
  width: 39em;
  min-height: 111em;
  padding: 1em;
  background-color: #fff;
  border: 0.5em solid #666;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

#rocket, #awia {
  position: relative;
  display: block;
  margin: 0 auto 1em auto;
}

#rocket {
  cursor: pointer;
}

#site_branding {
  position: absolute;
  top: 1em;
  left: 0;
}
#site_title {
  background-color: #FF5300; /* #6bef00; */
  position:relative;
  padding: 1em;
  width: 13em;
  border: 0.5em solid #FFA073;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

#site_title h1 {
  padding: 0;
  margin:0;
  font-size: 2.5em;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#site_branding p {
  position: relative;
  padding: 1em 0;
  margin: 0;
}

#site_slogan {
  font-family: georgia, serif;
  font-style: italic;
  font-size: 1.1em;
  color: #ddd;
}

/* @end */

/* @group Navigation */

#site_information {
  position: absolute;
  top: 11em;
  left: 48em;
  width: 25em;
  font-size: 0.9em;
  color: #aaa;
}

#site_information h2 {
  font-family: georgia, serif;
  font-style: italic;
  font-size: 1.1em;
  color: #ccc;
  margin: 0;
}

.site_info {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #666;
  border: 0.5em solid #777;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

.site_info p {
  margin: 0;  
}

#footer {
  margin-top: 4em;
}

#delicious {
  background-image: url(../upload/assets/delicious.png);
}
#twitter {
  background-image: url(../upload/assets/twitter.png);
}
#delicious, #twitter {
  background-repeat: no-repeat;
  background-position: 0.25em 0.25em;
}
#delicious h2, #twitter h2 {
  padding-left: 2em;
}

#delicious p, #twitter p {
  margin: 0.5em 0 0 0;  
}
#twitter p {
  border-bottom: 1px dotted;
}

img {border:none;}

h1.page_title {
  margin-top: 0;
}
.item {
	padding: 0;
	margin: 0 0 4em 0;
}

.thought {
  padding: 1em;
  
}

.item .title {
  font-size: 1.3em;
  padding: 0;
  font-weight: bold;
  margin: 0;
}

.item .date {
  margin: 0;
  padding: 0;  
}

img.blogimg {
  float: right;
  margin: 0 0 0.5em 0.5em;  
}

p.item_info, p.date {
  font-size: 0.9em;
  color: #999;
  margin: 0 0 0.2em 0;
}

.thought p {
  margin: 0;
  font-family: georgia, serif;
}
p.permalink {
  text-align: right;
}
p.quote_src {
  font-size: 0.9em;
  color: #999;
  margin: -2em 1.5em 1.5em 0;
  text-align: right;
}
}
/* @end */

/* @group Fonts */
/* #0b37b4 #b53114  #ab5427 #a46128 */
a {
  text-decoration: none;
  border-bottom: 1px solid;
}
a:link {
  color: #0E51A7;
}
a:visited {
  color: #05326D;
}
a:hover {
  color: #4282D3;
}

#site_title a, #site_title a:link, #site_title a:visited, #site_title a:hover, #site_title a:active {
  text-decoration: none;
  font-weight: normal;
  border: none;
  color: #fff;
}

.site_info a, .site_info a:link, .site_info a:visited, .site_info a:hover, .site_info a:active {
  color: #fff;
  padding: 0.1em 0.2em;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.1em;
  border: none;
}

#nav_intro a {
  background-color: #FF7E40;
}
#nav_site a {
  background-color: #4282D3;
}
#nav_else a {
  background-color: #6BE400;
}
#footer a {
  background-color: #888;
}

#nav_intro a:hover {
  background-color: #FF5300;
}
#nav_site a:hover {
  background-color: #0E51A7;
}
#nav_else a:hover {
  background-color: #469400;
}
#footer a:hover {
  background-color: #777;
}

.title a, .title a:link, .title a:visited, .title a:hover, .title a:active {
  text-decoration: none;
  border: none;
}


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

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.1em; 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; }

/* Text elements  
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

blockquote  { margin: 1.5em; color: #555; 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; background-color: #eee;}
code        { margin: 0 0.2em;padding: 0 0.2em;}
pre code    { margin:0; padding:0;}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

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


/* Tables
-------------------------------------------------------------- */

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

/* @end */

/* @group Comments */

.comments {
	padding: 2em 0;
}

.comments .item {
	position: relative;
	overflow: hidden;
	padding: 1em 1em;
	border-bottom: 1px solid #ddd;
	background-image: none;
}


.comments .owner {
	background-color: #efefef;
}

.comments .gravatar {
	float: left;
	width: 5em;
	margin-bottom: 0.4em;
}

.comments .gravatar img {
	float: right;
}

.comments .commentnumber {
	float: left;
	clear: left;
	width: 2.5em;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
	font-size: 2.0em;
	font-weight: bold;
	text-align: right;
	color: #ddd;

}

.comments .date {
	color: #aaa;
	font-weight: bold;
	padding: 0.2em 0 0 6em;
	font-size: 1.1em;
}

.comments .tags {
	color: #aaa;
	font-weight: bold;
}

.comments .commenttext {
	font-size: 1.1em;
	padding: 1em 1em 0 6em;
}

/* @end */

/* @group Comment Form */

form#comment {

}

form#comment fieldset {

}

form#comment label {
  display: block;
}

form#comment .field {
	width: 30em;
}

form#comment textarea {
	width: 30em;
}

form#comment .button {

}

form#comment em {

}

/* @end */