/* @charset "utf-8"; */

/* One day I'll use Modernizr to check if the browser supports font-face */
/* http://www.modernizr.com/ */
@font-face {
  font-family: Delicious;
  src: url(./fonts/Delicious-Roman.otf) format("opentype");
}

body
{
	margin: 0;
	padding: 0;
	font: 100% Delicious, sans-serif;
	color: black;
	/*background-color: #D6D6D6;*/
}

img
{
	border: 0px;
}

/* Trick found on http://leancode.com/2007/07/19/breaking-up-long-words-in-html-with-javascriptcss/ */
.break {
	font-size: 1px;
	line-height: 1px;
	float:right !important;
	float: none;
}

#container
{
	/* margin: 1em auto; */
	/* width: 1000px; */
	/*height: 400px;*/
	text-align: left;
	/*background-color: red;*/
	border: 1px solid white/*black*/;
	
	min-width: 1000px;
}

/* ******* */
/* Content */
/* ******* */

#contents	
{
	/*height: 300px;*/
	/*background-color: yellow;*/
	
	margin-top: 3px;
	margin-right: 228px;
	margin-left: 3px;
	padding: 3px;
	border: 8px solid #f14e0d;
}

#contents p{
	margin-left: 10px;
	margin-right: 10px;
}
#contents p.title{
	font-size: 150%;
	font-weight: bold;
	color: #f14e0d;
}
#contents img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ******** */
/* MenuLeft/Top */
/* ******** */

#menuleft
{
	/*height: 200px;*/
	/*background-color: fuchsia;*/
	
/* 	float: left; */
/* 	width: 225px; */
	margin: 3px;
	padding: 3px;
	border: 8px solid #FF0084;
	
	font-size: 0%;
}

/* ******** */
/* MenuBottom */
/* ******** */

#menubottom
{
	/*height: 200px;*/
	/*background-color: fuchsia;*/
	
/* 	float: left; */
/* 	width: 225px; */
	margin: 3px;
	margin-right: 228px;
	padding: 3px;
	border: 8px solid #2f84c5;
	
	font-size: 80%;
}

#menubottom td.tweet
{
	width: 150px;
	padding: 3px;
}


/* ********* */
/* MenuRight */
/* ********* */

#menuright
{
	/*height: 200px;*/
	/*background-color: aqua;*/
	
	margin-top: 3px;
	margin-left: 3px;
	
	float: right;
	width: 200px;
	padding: 3px;
	border: 8px solid #9ae4e8;

	font-size: 100%;
}

textarea
{
	width: 95%;
}

p.form
{
	font-size: 85%;
}

#recaptcha_image img
{
	width: 300px;
	height: 42;
}

.shout_content
{
	font-size: 85%;
}

.shout_name
{
	font-size: 70%;
	font-style: italic;
}

.shout_location
{
	font-size: 70%;
}

.shout_date
{
	font-size: 70%;
}

/* ******* */
/* Twitter */
/* ******* */


/* tweet */
/* { */
/* 	width: 25px; */
/* 	font-size: 85%; */
/* 	color: black; */
/* } */
/* #menuright tweet.date */
/* { */
/* 	font-size: 65%; */
/* 	color:  #6b6b6b; */
/* } */