/* @override 
	http://staging.ilikeolives.com/resources/style.css
	http://ilikeolives.com/resources/style.css
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #a0c8e5;
}

/* nighttime */

#night-time {
	z-index: 100000;
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	background-color: black;
	opacity: .9;
	background-image: url(stars.png);
	background-repeat: repeat-x;
	display: none;
}

/* Building top details */

.about {
	margin-left: 26px;
	margin-top: 10px;
	z-index: 30;
	position: relative
}

.about a {
	margin-left: 14px;
}

.about img {
	border: 0;
}

#home-link {
	position: absolute;
	width: 100px;
	height: 20px;
	top: 117px;
	left: 50%;
	margin-left: -225px;
	opacity: .3;
	z-index: 1000000;
}

#news-icon {
	background-image: url(newspaper.png);
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1000000;
	width: 48px;
	height: 36px;
	position: absolute;
	left: 50%;
	margin-left: 181px;
	top: 112px;
}

#rss-icon {
	background-image: url(RSS_Construction_Sign.png);
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1000000;
	width:  45px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: 261px;		
	top: 105px;
}


#trowel {
	position: absolute;
	bottom: 6px;
	left: 29px;
}

#paint-can {
	position: absolute;
	left: 60px;
	bottom: 10px;
}

#beams {
	position:  absolute;
	left: 50%;
	margin-left: -307px;
	top: 0;
	z-index: 500000;
	border: 0;
}

#scaffolding {
	position: relative;
	left: 50%;
	margin-left: -351px;
	background-image: url(scaffolding.png);
	background-repeat: no-repeat;
	height: 72px;
	width: 700px;
	top: 20px;
	z-index: 20;
	margin-bottom: -10px;
}

.floor-divider {
	position: relative;
	left: 50%;
	margin-left: -345px;
	width: 690px;
	height: 75px;
	background-image: url(floor_divider.png);
}

/* Comment styles */

.digg {
	background-color: #fff;
	padding: 5px;
	border: solid 1px #aaa69f;
}

#building .comment-header {
	font: normal 16px "Helvetica Neue", Helvetica, sans-serif;
	color: #555047;
	font-size: 16px;
	margin-bottom: 30px;
	padding-bottom: 6px;
	background-image: url(floor_divider.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 90px;
	margin-left: -25px;
	margin-right: -24px;
	padding-bottom: 30px;
	padding-left: 64px;
}

#building .comment-header a {
	color: #363535;
}



.comments {
	margin-left: 40px;
	margin-right: 40px;
	
}

.leave-comment {
	float:  right;
	font-size: 13px;
	margin-top: 3px;
}

.leave-comment:hover {
	color: #2a2823;
	text-decoration: underline;
}

.chat-top {
    height: 6px;
    width: 509px;
    background-image: url(chat_top_guest.png);
}

.chat-bottom {
	height: 6px;
	width: 509px;
	margin-left: -2px;
	margin-bottom: 4em;
	background-image: url(chat_bottom_guest.png);
	background-color: #d6cfc1;
}

.chat-content {
    width: 507px;
    border-left: solid 2px #b2b09a;
    background-color: #f2f2f2;
    color: #666;
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
}

#building div.content div.comments div.guest div.chat-content.align-left blockquote {
	padding-left: 40px;
	font-weight: bold;
}

.chat-tail {
    width: 11px;
    height: 10px;
    float: right;
    margin-top: -20px;
    margin-right: -11px;
    background-image: url(chat_tail_guest.png);
}

.chat-tail.flip .chat-date {
	margin-top: 0;
	margin-left: 18px;
    text-align: left;
}




#building .content .comments .chat-content p {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    text-align: right;
    line-height: 1.618em;
   	min-height: 31px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
    color: #585858;
}


#building .comments .chat-content .chat-tail .author a {
	font-size: 11px;
	text-decoration: none;
	color: #5f5c57;
}

#building .comments .chat-content .chat-tail .author a:hover {
	text-decoration: underline;
}

#building div.content div.comment-link a {
	margin-left: 40px;
	text-decoration: underline;
	color: #544e46;
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
	
}

#building div.content div.comments div.guest div.chat-content.align-left p {
	text-align: left;
}

#building .comments .chat-content .chat-tail .author {
    font: 11px "Helvetica Neue", Helvetica, sans-serif;
    position: absolute;
    text-align: right;
	min-height: 0;
	margin-left: -49px;
	color: #555047;
}

#building .comments .chat-content.align-left .chat-tail.flip .author {
    font: 11px "Helvetica Neue", Helvetica, sans-serif;
    position: absolute;
    text-align: left;
	min-height: 0;
	margin-left: 19px;
	color: #555047;
}

.chat-date {
	margin-left: -148px;
    text-align: right;
    min-width: 200px;
    padding-top: 17px;
    padding-bottom: 1em;
    font: 9px "Helvetica Neue", Helvetica, sans-serif;
    color: #6e6d5e;
}

.avatar {
    padding-left: 17px;
    margin-top: -23px;
}

.flip {
    float: left;
    margin-left: -80px;
    background-image: url(chat_tail_flip_guest.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 80px;
    text-align: left;
    margin-top: -23px;
}

.chat-tail.flip p {
	text-align: left;
	margin-left: 30px;
}


.align-left p {
	text-align: left;
}

.guest {
	margin-left: 48px;
}

.ollie-chat-bottom{	background-image: url(chat_bottom.png);	}
.ollie-chat-content .john-chat-content {	background-color: #f6f3cf;	color: #504e3b;	}		
.ollie-chat-tail {	background-image: url(chat_tail.png);	}
.ollie-chat-top {	background-image: url(chat_top.png);	}

.john-chat-bottom {	background-image: url(chat_bottom.png);	}
.john-chat-content  {	background-color: #f6f3cf;	color: #bcccdb;	}		
.john-chat-tail {	background-image: url(chat_tail.png);	}
.john-chat-top {	background-image: url(chat_top.png);	}

.sophie-chat-bottom {	background-image: url(chat_bottom.png);	}
.sophie-chat-content {	background-color: #f6f3cf;	color: #bcccdb;	}			
.sophie-chat-tail {	background-image: url(chat_tail.png);	}
.sophie-chat-top {	background-image: url(chat_top.png);	}

.austin-chat-bottom {	background-image: url(chat_bottom.png);	}
.austin-chat-content {	background-color: #f6f3cf;	color: #bcccdb;	}			
.austin-chat-tail {	background-image: url(chat_tail.png);	}
.austin-chat-top {	background-image: url(chat_top.png);	}


/*
.ollie-chat-bottom {	background-image: url(chat_bottom.png);	}
.ollie-chat-content {	background-color: #f6f3cf;	color: #504e3b;	}		
.ollie-chat-tail {	background-image: url(chat_tail.png);	}
.ollie-chat-top {	background-image: url(chat_top.png);	}

.john-chat-bottom {	background-image: url(chat_bottom_john.png);	}
.john-chat-content  {	background-color: #00478d;	color: #bcccdb;	}		
.john-chat-tail {	background-image: url(chat_tail_john.png);	}
.john-chat-top {	background-image: url(chat_top_john.png);	}

.sophie-chat-bottom {	background-image: url(chat_bottom_sophie.png);	}
.sophie-chat-content {	background-color: #ffddf2;	color: #6c5764;	}			
.sophie-chat-tail {	background-image: url(chat_tail_sophie.png);	}
.sophie-chat-top {	background-image: url(chat_top_sophie.png);	}

.austin-chat-bottom {	background-image: url(chat_bottom_austin.png);	}
.austin-chat-content {	background-color: #1c1c17;	color: #f1f1e3;	}			
.austin-chat-tail {	background-image: url(chat_tail_austin.png);	}
.austin-chat-top {	background-image: url(chat_top_austin.png);	}

*/

/* Main */

#cloud-one {
    position: fixed;
    width: 100%;
    height: 300px;
    background-image: url(clouds.png);
    background-repeat: repeat-x;
    top: 7%;
    left: 0;
    opacity : 1;
}


#foreground-grass {
	position: relative;
	width: 100%;
	height: 43px;
	background-image: url(cover_grass.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: -14px;
	z-index: 1000;
}

#foreground-grass p {
	text-align: center;
	font: 10px "Helvetica Neue", Helvetica, sans-serif;
	bottom: 1px;
	width: 100%;
	position: absolute;
	color: #7d7054;
}

#background-grass {
	position: relative;
	width: 100%;
	height: 252px;
	background-image: url(tile_grass_2.png);
	background-repeat: repeat-x;
	z-index: 0;
	margin-bottom: -40px;
	margin-top: -252px;
}


#building-topper {
	position: absolute;
	width: 640px;
	height: 45px;
	background-image: url(building_top_2.png);
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -320px;
	top: 175px;
}

#building {
	position: relative;
	background-color: #d1ccc2;
	width: 640px;
	left: 50%;
	margin-left: -320px;
	background-image: url(content_shade.png);
	background-repeat: repeat-y;
	margin-top: 220px;
	border-top: solid 1px #e8dfd8;
	z-index: 10;
	border-right: solid 1px #a9a39a;

}

#building h1 {
	color: #5f5c57;
	font: normal 28px "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: .4em;
}

#building h1 a {
	text-decoration: none;
	color: #5f5c57;
}


#building h1 a:active:hover:focus {
	text-decoration: underline;
	color: #474541;
}

#building .content p {
	color: #544e46;
	font: normal 12px "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.8em;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 0em;
	margin-bottom: 1.25em;
	text-align: left;
}


#building .content h2 {
	font: bold 13px "Helvetica Neue", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-left: 40px;
	margin-right: 40px;
	color: #3d3b38;
	border-bottom: solid 1px #aba8a2;
	margin-bottom: 6px;
	padding-bottom: 4px;
}

#doors {
	padding-top: 50px;
	margin-bottom: 22px;
	height: 189px;
	font: 7px "Helvetica Neue", Helvetica, sans-serif;
	color: #7d7777;
	background-image: url(door_2.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	position:  relative;
	
}



#add-comment form {
	padding-top: 2em;
	margin-bottom: 20px;
	margin-left: -20px;
}


#building .date {
	color: #80786b;
	font: italic 12px "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 1.618em;
	margin-left: 0px;
	margin-top: .5em;
}

#add-comment input[type=text] {
	width: 509px;
	float: right;
	margin-bottom: 1em;
	font-size: 12px;
}

#add-comment input[type=submit] {
	margin-left: 71px;
	margin-top: 1em;
}


#add-comment form span.label {
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
	color: #676767;
	text-transform: capitalize;
	margin-left: -13px;
}

#add-comment label {
	font: 12px "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 4px;
	color: #676767;
	float: left;
	text-align: right;
	width: 60px;
}


textarea#comment {
	width: 509px;
	margin-left: 72px;
	margin-top: -14px;

}

#building .date a {
	color: #333;
	text-decoration: none;
	float: right;
	margin-right: 40px;
}

#building .date a:hover {
	text-decoration: underline;
}


#building p a {
	text-decoration: underline;
	color: #544e46;
	list-style-type: none;
}

#building p a:hover:active:focus {
	text-decoration: underline;
	color: #000;
}

#building p a:visited {
	text-decoration: underline;
}

#building p img.bordered {
	padding: 5px;
	background-color: #fff;
	border: solid 1px #aaa69f;
}

#door {
	width: 170px;
	height: 189px;
	position:  absolute;
}

#building div.content ul{
	color: #f5edd9;
	margin-left: 60px;
	margin-right: 60px;
}

#building div.content ul li a {
	text-decoration: none;
	color:#544e46;
	font: bold 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
}

#building div.content ul li a:hover {
	text-decoration:  underline;
}

#building div.content ul li {
	font: 14px "Helvetica Neue", Helvetica, sans-serif;
	color: #544e46;
	margin-bottom: 0.5em;
	list-style-type: square;
}

.wp-smiley {
    position: relative;
    bottom: -3px;
}