/* BODY */

body {
	font: 75% Helvetica, Verdana, Arial, sans-serif; /* sets 1em to 11px */
	line-height: 1.5em; /* vertical grid of 18px */
	background-color: #DBD0CA;
	height: 100%;
	color: #666666;
}

/* TEXT */

textarea { font-family: Arial, Helvetica, sans-serif; }

hr{border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold;} 
h1 {font-size:1.5em;} /* 18px */
h2 {font-size:1.333em;} /* 16px */
h3, legend {font-size:1.167em;} /* 14px */
h4, p, li, td, th, label, input, textarea, legend, select {font-size:1em;} /* 12px */
h5, small, .small{font-size:0.916em;} /* 11px */
h6{font-size:0.75em;} /* 9px */

ol{list-style: decimal;}
ul{list-style: square;}
li{margin-left: 1em;}

p, dl, hr, h1, h2, h3, ol, ul, pre, table, address, fieldset{margin-bottom: 18px;} /* 18px */

a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

/* PAGE STRUCTURE */

#header, div#page {
	position: relative;
}

#guide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#content_etc {
	z-index: 1;
}

#global_nav ul {
	list-style-type: none;
	position: absolute;
}

#global_nav li {
	padding: 0;
	margin: 0;
	position: absolute;
}

.clearer {
	clear: both;
}

body #private_view {
	position: absolute;
	width: 104px;
	height: 120px;
}

body #private_view.drunk {
	background-position: 0 -120px;
}

body #private_view span {
	display: none;
}

/* me */

body#me {
	background-image: url(../images/me/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#me div#page {
	background-image: url(../images/me/arrow.jpg);
	background-position: 58px 117px;
	background-repeat: no-repeat;
}

body#me div#header div#logo {
	position: absolute;
	top: 8px;
	left: 18px;
}

body#me div#header .me {
	left: 23px;
	top: 96px;
}

body#me div#header .them {
	left: 83px;
	top: 91px;
}

body#me div#header .words {
	left: 162px;
	top: 94px;
}

body#me div#header .blog {
	left: 244px;
	top: 97px;
}

body#me div#header .now {
	left: 316px;
	top: 107px;
}

body#me div#header .follow {
	left: 390px;
	top: 100px;
}

body#me div#header .reach_me {
	left:468px;
	top: 110px;
}

body#me #content_etc {
	margin: 178px 0 100px 175px;
	width: 360px;
	background: #F2EEEC;
}

body#me #content {
	margin: 11px;
}

body#me #private_view {
	left: 703px;
	top: 229px;
	background-image: url(../images/me/private_view.jpg);
}

body#me #guide {
	left: 570px;
	top: 0;
}

/* them */

body#them {
	background-image: url(../images/them/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#them div#header div#logo {
	position: absolute;
	top: 5px;
	left: 479px;
}

body#them div#header .me {
	left: 367px;
	top: 92px;
}

body#them div#header .them {
	left: 427px;
	top: 87px;
}

body#them div#header .words {
	left: 506px;
	top: 90px;
}

body#them div#header .blog {
	left: 588px;
	top: 93px;
}

body#them div#header .now {
	left: 660px;
	top: 103px;
}

body#them div#header .follow {
	left: 734px;
	top: 96px;
}

body#them div#header .reach_me {
	left:812px;
	top: 106px;
}

body#them #next {
	position: absolute;
	left: 775px;
	top: 162px;
}

body#them #content {
	position: absolute;
	left: 0;
	top: 0;
}

#on_her_mind {
	position: absolute;
	left: 93px;
	top: 23px;
	text-align: center;
	width: 204px;
	background: none;
}

#all_of_them {
	position: absolute;
	left: 460px;
	top: 185px;
	width: 444px;
	padding: 0;
}

#all_of_them ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#all_of_them ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

#all_of_them ul li a {
	float: left;
	margin: 0;
	padding: 1px;
	display: block;
}

#all_of_them ul li a.activeSlide {
	background: #F2EEEC;
}

#on_her_mind div {
	padding: 2px;
	background: none;
}

#on_her_mind div p {
	margin: 0;
}

body#them #private_view {
	left: 736px;
	top: 504px;
	background-image: url(../images/them/private_view.jpg);
}

body#them #guide {
	left: 0;
	top: 450px;
}

/* now */

body#words {
	background-image: url(../images/words/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#words div#page {
	background-image: url(../images/words/arrow.jpg);
	background-position: 213px 132px;
	background-repeat: no-repeat;
}

body#words div#header div#logo {
	position: absolute;
	left: 29px;
	top: 11px;
}

body#words div#header .me {
	left: 34px;
	top: 99px;
}

body#words div#header .them {
	left: 94px;
	top: 94px;
}

body#words div#header .words {
	left: 173px;
	top: 97px;
}

body#words div#header .blog {
	left: 255px;
	top: 100px;
}

body#words div#header .now {
	left: 327px;
	top: 110px;
}

body#words div#header .follow {
	left: 401px;
	top: 103px;
}

body#words div#header .reach_me {
	left: 479px;
	top: 113px;
}

body#words #content_etc {
	margin: 377px 0 100px 497px;
	width: 390px;
	background: #F2EEEC;
}

body#words #content {
	margin: 11px;
}

body#words #private_view {
	left: 48px;
	top: 545px;
	background-image: url(../images/words/private_view.jpg);
}

body#words #guide {
	left: 560px;
	top: 0;
}

/* blog */

body#blog {
	background-image: url(../images/blog/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#blog div#page {
	background-image: url(../images/blog/arrow.jpg);
	background-position: 28px 215px;
	background-repeat: no-repeat;
}

body#blog div#header div#logo {
	position: absolute;
	top: 13px;
	left: 70px;
}

body#blog div#header .me {
	left: 73px;
	top: 101px;
}

body#blog div#header .them {
	left: 66px;
	top: 127px;
}

body#blog div#header .words {
	left: 70px;
	top: 161px;
}


body#blog div#header .blog {
	left: 72px;
	top: 200px;
}

body#blog div#header .now {
	left: 70px;
	top: 240px;
}

body#blog div#header .follow {
	left: 72px;
	top: 272px;
}

body#blog div#header .reach_me {
	left:69px;
	top: 314px;
}

body#blog #blog_switch {
	left: 270px;
	top: 45px;
	position: absolute;
}

body#blog #content_etc {
	margin: 411px 0 100px 490px;
	width: 430px;
}

#twitter_feed{
	background: #F2EEEC;
	padding: 11px;
}

body#blog #content #timeline {
	margin: 18px 0 36px;
	clear: both;
	list-style: none;
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 1px 0 0;
	padding: 18px 0 0;
}

#twitter_header {
	margin: 0;
	background: #F2EEEC;
	clear: both;
}

body#blog #content #timeline li {
	margin: 0 0 18px;
	display: block;
	padding: 0;
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 0 0 1px;
}

body#blog #content #timeline li .meta {
	display: block;
	font-size:0.916em;
}

body#blog #content .blog_post, body#blog #content #blog_menu {
	margin: 0 0 36px;
	background: #F2EEEC;
	padding: 2px 11px;
	clear: both;
}

body#blog #content .blog_intro {
	margin: 0 0 36px;
	background: #F2EEEC;
	padding: 2px 11px;
	clear: both;
}

body#blog #content .blog_intro img {
	margin: 0 0 18px;
}

body#blog #content .blog_info {
	text-transform: lowercase;
	font-size: 0.916em;
	margin: 9px 0;
	clear: both;
}

body#blog #content .blog_comments h2, body#blog #content .blog_comment {
	margin: 0 0 9px;
	background: #F2EEEC;
	padding: 11px 11px;
}

body#blog #content .blog_info h2  {
	margin: 9px 0;
}

body#blog #content .blog_post img {
	display: block;
	margin: 0 0 9px;
}

body#blog #content #blog_menu .blog_menu_item {
	float: left;
	width: 136px;
	padding: 9px 0;
	margin: 0;
}

body#blog #content #blog_menu #blog_latest {
	text-align: center;
}

body#blog #content #blog_menu #blog_older {
	text-align: right;
	float: right;
}

body#blog #private_view {
	left: 810px;
	top: 292px;
	background-image: url(../images/blog/private_view.jpg);
}

body#blog #guide {
	left: 189px;
	top: 117px;
}

/* now */

body#now {
	background-image: url(../images/now/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#now div#page {
	background-image: url(../images/now/arrow.jpg);
	background-position: 372px 132px;
	background-repeat: no-repeat;
}

body#now div#header div#logo {
	position: absolute;
	left: 19px;
	top: 14px;
}

body#now div#header .me {
	left: 24px;
	top: 102px;
}

body#now div#header .them {
	left: 84px;
	top: 97px;
}

body#now div#header .words {
	left: 163px;
	top: 100px;
}

body#now div#header .blog {
	left: 245px;
	top: 103px;
}

body#now div#header .now {
	left: 317px;
	top: 113px;
}

body#now div#header .follow {
	left: 391px;
	top: 106px;
}

body#now div#header .reach_me {
	left: 469px;
	top: 116px;
}

body#now #content_etc {
	margin: 295px 0 180px 575px;
	width: 335px;
	background: #F2EEEC;
}

body#now #content {
	margin: 11px;
}

body#now #private_view {
	left: 41px;
	top: 640px;
	background-image: url(../images/now/private_view.jpg);
}

body#now #guide {
	left: 590px;
	top: 0;
}

/* follow */

body#follow {
	background-image: url(../images/follow/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#follow div#page {
	background-image: url(../images/follow/arrow.jpg);
	background-position: 409px 141px;
	background-repeat: no-repeat;
}

body#follow div#header div#logo {
	position: absolute;
	top: 15px;
	left: 45px;
}

body#follow div#header .me {
	left: 48px;
	top: 104px;
}

body#follow div#header .them {
	left: 108px;
	top: 99px;
}

body#follow div#header .words {
	left: 187px;
	top: 102px;
}

body#follow div#header .blog {
	left: 269px;
	top: 105px;
}

body#follow div#header .now {
	left: 341px;
	top: 115px;
}

body#follow div#header .follow {
	left: 415px;
	top: 108px;
}

body#follow div#header .reach_me {
	left: 493px;
	top: 118px;
}

body#follow #content_etc {
	margin: 246px 0 100px 55px;
	width: 340px;
	background: #F2EEEC;
}

body#follow #content {
	margin: 11px;
}

body#follow #private_view {
	left: 70px;
	top: 127px;
	background-image: url(../images/follow/private_view.jpg);
}

body#follow #guide {
	left: 410px;
	top: 145px;
}

/* reach_me */

body#reach_me {
	background-image: url(../images/reach_me/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

body#reach_me div#page {
	background-image: url(../images/reach_me/arrow.jpg);
	background-position: 347px 206px;
	background-repeat: no-repeat;
}

body#reach_me div#header div#logo {
	position: absolute;
	top: 43px;
	left: 56px;
}

body#reach_me div#header .me {
	left: 89px;
	top: 139px;
}

body#reach_me div#header .them {
	left: 149px;
	top: 134px;
}

body#reach_me div#header .words {
	left: 228px;
	top: 137px;
}

body#reach_me div#header .blog {
	left: 310px;
	top: 140px;
}

body#reach_me div#header .now {
	left: 382px;
	top: 150px;
}

body#reach_me div#header .follow {
	left: 175px;
	top: 171px;
}

body#reach_me div#header .reach_me {
	left: 253px;
	top: 181px;
}

body#reach_me #content_etc {
	margin: 425px 0 467px 471px;
	width: 430px;
	background: #F2EEEC;
}

body#reach_me #content {
	margin: 11px;
}

body#reach_me #private_view {
	left: 439px;
	top: 724px;
	background-image: url(../images/reach_me/private_view.jpg);
}

body#reach_me #guide {
	left: 0;
	top: 215px;
}