/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Body */
html, body {
  min-height: 100%;
}

body {
  background: #fff url(../img/bg.jpg) no-repeat top left;
  color: #555;
  text-align: center;
  font-size: 18px;
  line-height: 27px;
}

a {
  text-decoration: none;
  color: #2888c6;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
}

a:hover {
  color: #73b2da;
}



#Page {
  width: 918px;
  text-align: left;
  padding: 0 18px 36x 0;
  margin: 0 auto;
  background: transparent url(../img/face.png) no-repeat 18px 198px;
}

header {
  padding: 70px 18px 83px 312px;
  display: block;
  color: #333;
}

section {
  display: block;
  background: transparent no-repeat top left;
  padding: 0 78px 88px 67px;
  margin-left: 234px;
}

section#Twitter ul li {
  margin-bottom: 18px;
  border-left: 2px solid #e1e1e1;
  padding: 7px 0 11px 9px;
}

section#Twitter ul li.first {
  padding: 19px 0 29px 9px;
}

section#Twitter ul li.first p.tweet_text {
  font-size: 36px;
  line-height: 45px;
  color: #333;
}

section#Twitter ul li p.timestamp {
  display: none;
}

section#Twitter ul li p.tweet_text,
section#Twitter ul li.first p.timestamp {
  font-size: 18px;
  line-height: 27px;
  display: block;
}

section#Twitter ul li.first p.timestamp {
  margin: -3px 0 3px;
}

section#Twitter ul li.first p.timestamp a {
  color: #aaa;
}

section#Twitter p.twitter_link {
  text-align: right;
  padding: 7px 0 20px;
}

section h1 {
  display: none;
}

section#Twitter {
  /*

  Twitter icon courtesy of:
  http://wefunction.com/2008/07/freebie-twitter-icons-illustration

  */
  padding-top: 14px;
  background-image: url(../img/twitter-birdie.png);
}

section#Instagram {
  background-image: url(../img/instagram-logo.png);
}

section#Instagram iframe {
  margin-bottom: -18px;
}

section#Instagram div.images {
  margin-bottom: 18px;
  border-left: 2px solid #e1e1e1;
  padding: 9px 0 18px 9px;
  overflow: hidden;
}

section#Instagram div.images a.instagram_link {
  width: 50px;
  padding: 15px 0;
  margin: 0;
  float: left;
}