/* CSS Document The Earth for Dinner */

/* ***** RESET ***** */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li {	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; font-style:normal; }

/* ***** STRUCTURE ***** */
body	{	background:url(images/bgColour.jpg) repeat; text-align:center; 
			font-family:Tahoma, Geneva, sans-serif; font-size:62.5%; color:#ccc; }

/*#wrapper	{	margin:-390px 0 0 -480px; position:absolute; top:50%; left:50%; width:960px; height:780px; }*/
#wrapper	{	margin:0 auto; width:960px; height:780px; padding:10px 0 0 0; position:relative; }

#logo		{	width:240px; height:30px; background:url(images/logo.jpg) no-repeat left; float:left; }
#navigation	{	float:right; height:30px; }

#main		{	width:100%; height:720px; border:1px solid #555; clear:left; position:relative; }
#content	{	width:350px; height:620px; margin:50px 0 50px 50px; z-index:99; text-align:left; float:left;
				position:absolute;	top:0; left:0;   }
#image		{	width:100%; height:100%; z-index:1; position:absolute; top:0; left:0; }

#footer		{	width:100%; height:30px; text-align:right; }

/* ***** PAGES WITH A DIFFERENT STRUCTURE ***** */
#home #content	{	width:350px; position:absolute; top:0; left:510px; background:#333; padding:20px 10px 20px 10px; height:600px;
					border:1px solid #555; }
#home #buttons	{	width:350px; position:absolute; top:500px; left:50px; z-index:98; text-align:left; }

#start #content	{	float:right; position:absolute; left:510px; top:250px; }

#origin #content, 
#eatingA #content	{	background:#333; padding:10px; border:1px solid #555; }

#cern #content		{	padding:200px 0 0 80px; }
#eatingD #content	{	padding:220px 0 0 0;}

#billion #content, 
#months #content, 
#end #content	{	text-align:center; width:550px; padding:200px 205px 0 205px; margin:0; }

#credits #content {	width:860px; }
#credits #content #leftColumn	{	width:405px; float:left; }
#credits #content #rightColumn	{	width:405px; float:right; }

#feedback #content	{	width:800px; position:absolute; top:0; left:0; margin:50px 0 0 50px; }

/* ***** TEXT ELEMENTS ***** */
em		{	color:#FF9900; font-style:normal; }
strong	{	color:#A42B2B; font-size:2em; line-height:1.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			letter-spacing:0.2em;}

h1	{	position:absolute; top:-100px; }

h2			{	font-size:4em; margin-bottom:20px; letter-spacing:0.2em; color:#FFF; 
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }
h2 small	{	font-size:70%; }
h2 strong	{	font-size:100%; line-height:1em; }
#feedback h2	{	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; letter-spacing:0.2em; color:#FF9900; }

h3	{	font-size:1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }

p		{	font-size:1.6em; line-height:1.5em; padding:0 0 20px 0; letter-spacing:0.1em;}
p.line	{	border-bottom:1px solid #555; padding:0 0 5px 0; }
p small	{	color:#555; font-size:50%; line-height:1.2em; }


#navigation a		{	font-size:1.2em; color:#777; text-decoration:none; line-height:3em  }
#navigation a:hover	{	color:#CCC; }

#home #buttons a	{	color:#A42B2B; font-size:1.4em; text-decoration:none; line-height:1.5em; }
#home #buttons a:hover	{	color:#CCC; }
#home #buttons p a:hover small	{	text-decoration:underline; }

#content a		{	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
					font-weight:normal; }
#content a.next			{	color:#A42B2B; font-size:1.8em; }
#content a.previous		{	color:#777; font-size:1.4em; position:absolute; top:600px; }
#content a.comment		{	color:#FF9900; font-size:1.8em; }

#content a:hover.next, 
#content a:hover.previous,
#content a:hover.comment			{	text-decoration:underline; }

#cern #content h2, 
#cern #content p	{	color:#333; }

#billion #content p, 
#months #content p, 
#end #content p	{	font-size:2em; font-weight:lighter; }

#billion #content a.previous, 
#months #content a.previous, 
#end #content a.previous	{	padding:0 0 0 18px;}

#end #content strong	{	font-size:4em; color:#333; }

#credits p	{	font-size:0.9em; }

#footer p	{	font-size:1.2em; color:#777; letter-spacing:normal; }
#footer p a	{	color:#777; text-decoration:none; }
#footer p a:hover	{	color:#CCC; }

/* ----- POST CONTENT ----- */
.post			{	clear:left; padding:0 0 0 0;  }
.postmetadata	{	clear:left; font-size:1.2em; font-weight:normal; }
.postmetadata a	{	color:#999;  }
.postmetadata a:hover	{	color:#FF9900;}

/* ----- COMMENTS ----- */
#comments		{	float:left; width:520px; }
#respond		{	float:right; width:260px; }

#comments h3,
#respond h3		{	font-size:1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#A42B2B; }
#respond p		{	line-height:1em; padding:0 0 10px 0;}
#comments, #respond	{	font-size:1.2em; font-weight:normal;  }
.commentlist 		{	list-style-type:none; margin:0; padding:0; }
.commentlist li		{	width:240px; padding:5px; float:left; border:1px solid #999; margin:0 5px 5px 0;}
.commentlist cite	{	font-style:normal; font-weight:normal; font-size:1.2em;  }
.commentlist p		{	padding:10px 0 0 0;  font-style:normal; font-weight:normal; font-size:1em;  }
.commentmetadata a	{	font-weight:normal; color:#999; text-decoration:none; }
#comment			{	width:100%; }

#commentform label	{	color:#CCC; }
#commentform input {	width: 200px; /*padding: 3px;*/ margin: 0 5px 1px 0; }
#commentform textarea {	width: 100%; }
#respond:after {	content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
#commentform #submit {	float: right; width: 150px;}
.children { padding: 0; }
.nocomments { 	text-align: center; 	margin: 0; 	padding: 0; 	}

.byuser { color:#FF9900; !important; }