/* This is the Cascading Style Sheet for www.eoe.org.uk */

/* Designed by Simon Blackbourn on a rainy Oxford day in October 2005 */
/* Concept by my beautiful wife Ishka Michocka */

/* Our website is at www.lumpylemon.co.uk */

/* Feel free to nick lumps of my CSS and HTML (that's what I did!) */
/* but PLEASE respect the design. */
/* By this I mean the exact combination of colours, fonts, images, sizes, layout, etc. */
/* It is the result of many bleary-eyed late nights */
/* so I'd be a bit miffed if you just */
/* lifted it all into your site relatively unchanged and uncredited. */

/* Be inspired but don't take the piss! */

/* I have commented my CSS and to a lesser extent my HTML */
/* but please contact me via my website if you have any questions */

/* Worship at the altars of Zeldman and Meyer: */
/* www.alistapart.com */
/* www.zeldman.com */
/* www.meyerweb.com */



/* g l o b a l   w h i t e s p a c e   r e s e t */

/* Set all margins and padding to zero */
/* for most consistent cross-browser look. */
/* Read more at http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */

a { outline:none;}

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
}
li {
}
ol {
	padding:0px 20px 0px 20px;
}


/* m a i n   d i v s */

body {
	text-align: center;
	background: url(../images/bg.gif) #999 repeat-x;
	color: #353c44;
	font: small/18px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	margin: 20px;
}

#wrap {
	color: #353c44;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 750px;
}

.hide {
	display: none;
}

#top {
	background-color: #353c44;
	height: 70px;
	width: 300px;
	float:left
}

#credit {
	background-color: #353c44;
	height: 70px;
	width: 450px;
	float:right;
}

#pic {
	height: 220px;
	background: #000 url("http://eoe.org.uk/bigpic/rotator.php") 0 0 no-repeat;
}

#player {
	height: 220px;
	background: #000 url("../bigpic/rotator.php") 0 0 no-repeat;
	clear:both;
}

#home, #diary {
	height: 88px;
	background: #f3813f url("../images/shadow.jpg") left bottom repeat-x;
}

#home {
	height: auto;
}

#menucol {
	float: left;
	width: 230px;
	margin: 10px 0 0px 10px;
}

#maincol {
	margin: 30px 0px 20px 20px;
	padding: 0px 20px 0px 0px;
	float:right;
	width:460px;
}

.box {
	padding: 10px;
	margin: 2em 35px 2em 35px;
	background-color: #e3dec4;
	border: 1px solid #f3813f;
	text-align: left;
}

.box p {
	text-align: left;
}


#entries {
	border-top: 1px solid #353c44;
	margin-right: 20px;
}

#footer {
	clear: both;
	color: #fff;
	background: #353c44 url(../images/shadowup.jpg) left top repeat-x;
}

/* p a g e   t i t l e */

/* CSS capable browsers show a nice rollover graphic instead of title. */

h1 {
	text-indent: -9999px;
	background: transparent url("../images/eoe_.gif") no-repeat;
}
		
h1 a:link, h1 a:visited	{
	display: block;	
	width: 253px;
	height: 65px;
	background: transparent url("../images/eoe.gif") no-repeat;
}
	
h1 a:hover {
	background: transparent url("../images/eoe_.gif") no-repeat;
}

/* p a r a g r a p h s */

strong {
	font-weight: bold;
}

#credit p {
	color: #999;
	text-align: right;
	font-size: 0.8em;
	padding-right: 0.3em;
}

#player p {
	padding-right: 5px;
	color: #fff;
	font-size: 0.85em;
	text-align: right;
}

#home p {
	padding: 20px 100px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}

#menucol p#admin {
	font-size: 0.7em;
	margin-top: 3em;
}

#maincol p {
	margin: 0px 20px 1.5em 0;
	line-height: 1.8;
}

#maincol .box p {
	margin: 1em;
	line-height: 160%;
}

#maincol p.postdata, #maincol .box p.postdata {
	font-size: 0.85em;
	text-align: right;
}

#maincol #lonsyd09box p, 
#maincol #sanrio07box p, 
#maincol #lonkat08box p, 
#maincol #alaska08box p, 
#maincol #mexpan07box p, 
#maincol #colbra07box p, 
#maincol #lonsyd06box p, 
#maincol #lonsyd07box p, 
#maincol #lonsyd08box p, 
#maincol #alario07box p, 
#maincol #loncap08box p, 
#maincol #ausenc08box p, 
#maincol #alario08box p, 
#maincol #alapanbox p, 
#maincol #alavegbox p, 
#maincol #lonsydbox p, 
#maincol #lonsibbox p, 
#maincol #lonbeibox p, 
#maincol #mexpanbox p, 
#maincol #mexbrabox p, 
#maincol #colbrabox p, 
#maincol #alario11box p, 
#maincol #loncap12box p, 
#maincol #newbox p {
	margin-left: 105px;
}

#maincol .box p.more {
	margin: 0.5em;
	line-height: 100%;
	text-align: right;
	font-size: 0.9em;
}

#maincol #entries p {
	text-align: center;
	font-size: 0.85em;
}

#maincol p.center {
	text-align: center;
}

p.gotop {
	text-align: right;
	margin: 0 20px 0.5em 0;
}

#maincol p#address {
	padding: 0 20px 1.5em 50px;
	line-height: 1.4;
	font-weight: bold;
}

#maincol p#pdf, #maincol p#doc {
	padding-left: 40px;
	background: transparent url("../images/iconpdf.gif") 0 0 no-repeat;
	min-height: 32px;
	height: auto;
	_height: 32px;
}

#maincol p#doc {
	background: transparent url("../images/icondoc.gif") 7px 0 no-repeat;
}

#footer p {
	font-size: 0.9em;
	text-align: center;
	padding: 7px 0;
}

#maincol p.edit {
	text-align: left;
	font-size: 0.85em;
	background-color: #ddeaf7;
	border: 1px solid #000;
	padding: 0.5em;
}

#maincol p.edit span {
	padding-left: 1em;
	font-weight: bold;
}

#maincol p.old_entry {
	margin-bottom: 0.5em;
}

#maincol p.old_entry span {
	font-size: 0.85em;
}


/* l i n k s */

a:link, a:visited {
	color: #ab1000;
	font-weight: bold;
}

a:hover {
	color: #f3813f;
}

#menucol p#admin a {
	font-weight: normal;
}

#maincol .box p.more a:link, #maincol .box p.more a:visited, #maincol .box p.more a:hover, #maincol .box p.more a:active {
	text-decoration: none;
}

#maincol p a:link, #maincol p a:visited, #maincol ul li a:link, #maincol ul li a:visited  {
	text-decoration: underline;
} 

#maincol p a:hover, #maincol ul li a:hover {
	background-color: #faf9f4;
} 

#maincol .clickable {
	cursor: pointer;
}

#maincol .clickable:hover {
	background-color: #faf9f4;
}


#footer a:link, #footer a:visited {
	color: #ff0;
}

#footer a:hover {
	color: #ccc;
}

#footer a:active {
	color: #ff0;
}

#maincol p.edit a {
	font-weight: bold;
	padding: 0.2em;
	border: 1px solid #ddeaf7;
	text-decoration: none;
}

#maincol p.edit a:link {
	color: #000;
}

#maincol p.edit a:visited {
	color: #000;
}

#maincol p.edit a:hover {
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
}

#maincol p.edit a:active {
	color: #000;
}

#player a:link,#player  a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#player a:hover {
	color: #ff0;
}

#player a:active {
	color: #fff;
}



/* h e a d i n g s */

#diary h2 {
	text-indent: -9999px;
	display: block;	
	margin-left: 345px;
	width: 300px;
	height: 54px;
	background: transparent url(../images/diary.gif) 0 0 no-repeat;
}

#menucol h2 {
	padding: 4px 8px;
	background: #353c44;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

#maincol .box h2 {
	text-indent: -9999px;
	display: block;	
	width: 0;
	height: 0;
}
	
#maincol .box h6 {
	padding: 4px 8px;
	color: #ab1000;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
	
h3 {
	text-indent: -9999px;
	display: block;	
	height: 21px;
	margin: 0 0 30px 0;
}
	
h3#upcoming {
	background: transparent url(../h3/upcoming.gif) 0 0 no-repeat;
}

h3#completed {
	background: transparent url(../h3/completed.gif) 0 0 no-repeat;
}

h3#welcome {
	background: transparent url(../h3/welcome.gif) 0 0 no-repeat;
}

h3#what {
	background: transparent url(../h3/what.gif) 0 0 no-repeat;
}

h3#us {
	background: transparent url(../h3/us.gif) 0 0 no-repeat;
}

h3#why {
	background: transparent url(../h3/why.gif) 0 0 no-repeat;
}

h3#truck {
	background: transparent url(../h3/truck.gif) 0 0 no-repeat;
}

h3#food {
	background: transparent url(../h3/food.gif) 0 0 no-repeat;
}

h3#sleep {
	background: transparent url(../h3/sleep.gif) 0 0 no-repeat;
}

h3#pre {
	background: transparent url(../h3/pre.gif) 0 0 no-repeat;
}

h3#book {
	background: transparent url(../h3/book.gif) 0 0 no-repeat;
}

h3#contact {
	background: transparent url(../h3/contact.gif) 0 0 no-repeat;
}

h3#sent {
	background: transparent url(../h3/sent.gif) 0 0 no-repeat;
}

h3#whoops {
	background: transparent url(../h3/problem.gif) 0 0 no-repeat;
}

h3#diary {
	background: transparent url(../h3/diary.gif) 0 0 no-repeat;
}

h3#lon06 {
	background: transparent url(../h3/lon06.gif) 0 0 no-repeat;
}

h3#lon07 {
	background: transparent url(../h3/lon07.gif) 0 0 no-repeat;
}

h3#mex07 {
	background: transparent url(../h3/mex07.gif) 0 0 no-repeat;
}

h3#col07 {
	background: transparent url(../h3/col07.gif) 0 0 no-repeat;
}

h3#lonsyd {
	background: transparent url(../h3/london-sydney.gif) 0 0 no-repeat;
}

h3#rio07 {
	background: transparent url(../h3/rio07.gif) 0 0 no-repeat;
}

h3#cap08 {
	background: transparent url(../h3/cap08.gif) 0 0 no-repeat;
}

h3#cap12 {
	background: transparent url(../h3/cap12.gif) 0 0 no-repeat;
}

h3#aus08 {
	background: transparent url(../h3/aus08.gif) 0 0 no-repeat;
}

h3#rio08 {
	background: transparent url(../h3/rio08.gif) 0 0 no-repeat;
}

h3#alaska {
	background: transparent url(../h3/alaska.gif) 0 0 no-repeat;
}

h3#quito07 {
	background: transparent url(../h3/quito07.gif) 0 0 no-repeat;
}

h3#quitorio07 {
	background: transparent url(../h3/quitorio07.gif) 0 0 no-repeat;
}

h3#sanrio07 {
	background: transparent url(../h3/sanrio07.gif) 0 0 no-repeat;
}

h3#lonkat08 {
	background: transparent url(../h3/lonkat08.gif) 0 0 no-repeat;
}

h3#movie {
	background: transparent url(../h3/movie.gif) 0 0 no-repeat;
}

h3#alaveg {
	background: transparent url(../h3/alaveg.gif) 0 0 no-repeat;
}

h3#alapan {
	background: transparent url(../h3/alaska-panama.gif) 0 0 no-repeat;
}

h3#lonsib {
	background: transparent url(../h3/lonsib.gif) 0 0 no-repeat;
}

h3#mexpan {
	background: transparent url(../h3/mexico-panama.gif) 0 0 no-repeat;
}
h3#colbra {
	background: transparent url(../h3/columbia-brazil.gif) 0 0 no-repeat;
}
h3#lonbei {
	background: transparent url(../h3/london-beijing.gif) 0 0 no-repeat;
}
h3#mexbra {
	background: transparent url(../h3/mexico-brazil.gif) 0 0 no-repeat;
}

h3#rio11 {
	background: transparent url(../h3/alario11.gif) 0 0 no-repeat;
}



h4 {
	margin: 1em 20px 1em 0;
	padding-top: 0.5em;
	font-size: 1.7em;
	color: #000;
	text-transform: capitalize;
	font-weight: bold;
	border-top: 1px solid #353c44;
}

h5 {
	margin: 2em 20px 1em 0;
	font-size: 1.25em;
	color: #000;
	font-weight: bold;
}


/* i m a g e s */

#maincol img {
	display: inline;
	border: 1px solid #353c44;
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

#maincol img.left {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

#maincol img.map {
	float: left;
	margin: 0.5em 0 0.5em 0;
	border-color: #f3813f;
	clear: both;
}

#maincol #entry p img {
	float: none;
	display: block;
	margin: 1em auto;
}

#footer img {
	padding: 11px 0 4px 0;
}


/* l i s t s */

#maincol li {
	list-style: none;
}


/* t o u r   m e n u */

#tours {
	height: 80px;
	background: #f3813f url("../images/shadow.jpg") left bottom repeat-x;
}

ul#tournav {
	margin: 0 0 0 310px;
	list-style-type: none;
}

#tours li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	text-indent: -9999px;
}

#tours li a {
	display: block;
	width: 89px;
	height: 79px;
}

li#lonsyd a{
	background: transparent url("../images/b_tour_lonsyd.gif") 0 0 no-repeat;
}

li#lonsyd a:hover {
	background: transparent url("../images/b_tour_lonsyd2.gif") 0 0 no-repeat;
}

li#lonsib a{
	background: transparent url("../images/b_tour_lonsib.gif") 0 0 no-repeat;
}

li#lonsib a:hover {
	background: transparent url("../images/b_tour_lonsib2.gif") 0 0 no-repeat;
}

li#alabra a{
	background: transparent url(../pics/alabra.gif) 0 0 no-repeat;
}

li#alabra a:hover {
	background: transparent url(../pics/alabra_.gif) 0 0 no-repeat;
}

li#loncap a{
	background: transparent url(../pics/loncap.gif) 0 0 no-repeat;
}

li#loncap a:hover {
	background: transparent url(../pics/loncap_.gif) 0 0 no-repeat;
}


/* b o x   d i v s   o n   h o m e   p a g e */

#lonsyd09box {
	background: #e3dec4 url(../images/2009lonsyd_home.gif) 8px 23px no-repeat;
}

#lonsyd06box {
	background: #e3dec4 url(../images/2006lonsyd_home.gif) 8px 23px no-repeat;
}

#lonsyd07box {
	background: #e3dec4 url(../images/2007lonsyd_home.gif) 8px 23px no-repeat;
}

#lonsyd08box {
	background: #e3dec4 url(../images/2008lonsyd_home.gif) 8px 23px no-repeat;
}

#colbra07box {
	background: #e3dec4 url(../images/2007colbra_home.gif) 8px 23px no-repeat;
}

#mexpan07box {
	background: #e3dec4 url(../images/2007mexpan_home.gif) 8px 23px no-repeat;
}

#alario07box {
	background: #e3dec4 url(../images/2007alario_home.gif) 8px 23px no-repeat;
}

#loncap08box {
	background: #e3dec4 url(../images/2008loncap_home.gif) 8px 23px no-repeat;
}

#ausenc08box {
	background: #e3dec4 url(../images/2008ausenc_home.gif) 8px 23px no-repeat;
}

#alario08box {
	background: #e3dec4 url(../images/alario_home.gif) 8px 23px no-repeat;
}

#alaska08box {
	background: #e3dec4 url(../images/2008alaska_home.gif) 8px 23px no-repeat;
}

#sanrio07box {
	background: #e3dec4 url(../images/2007sanrio_home.gif) 8px 23px no-repeat;
}

#lonkat08box {
	background: #e3dec4 url(../images/lonkat_home.gif) 8px 23px no-repeat;
}

#lonsydbox {
	background: #e3dec4 url(../images/lonsyd_home.gif) 10px 23px no-repeat;
}

#alavegbox {
	background: #e3dec4 url(../images/alaveg_home.gif) 8px 23px no-repeat;
}

#alapanbox {
	background: #e3dec4 url(../images/alapan_home.gif) 8px 23px no-repeat;
	
}

#lonsibbox {
	background: #e3dec4 url(../images/lonsib2.gif) 10px 23px no-repeat;
	
}

#alario11box {
	background: #e3dec4 url(../pics/alabra_home.gif) 10px 23px no-repeat;
	
}

#loncap12box {
	background: #e3dec4 url(../images/2012loncap_home.gif) 8px 23px no-repeat;
}

#newbox {
	background: #e3dec4 url(../images/newexp_home.gif) 8px 23px no-repeat;
	
}

/* ----------------- New -------------------------------------------------------------------------- */
#mexpanbox {
	background: #e3dec4 url(../images/b_mexpan.gif) 8px 23px no-repeat;
	
}

/* ----------------- New -------------------------------------------------------------------------- */
#colbrabox {
	background: #e3dec4 url(../images/b_colbra.gif) 8px 23px no-repeat;
	
}
/* ----------------- New -------------------------------------------------------------------------- */
#mexbrabox {
	background: #e3dec4 url(../images/b_mexbra.gif) 8px 23px no-repeat;
	
}
/* ----------------- New -------------------------------------------------------------------------- */
#lonbeibox {
	background: #e3dec4 url(../images/b_lonbei.gif) 8px 23px no-repeat;
	
}


/* s i d e b a r   m e n u */

ul.nav {
	padding: 8px 8px 24px 8px;
	margin-bottom: 15px;
	background: #e3dec4 url(../images/shadowmenu.jpg) left bottom no-repeat;
}

ul.nav li {
	list-style: none;
	padding: 0.2em 0;
}

ul.nav li a {
	display: block;
}

ul.nav li a:hover {
	color: #f3813f;
}


/* l i s t s */

#maincol ul, #maincol ol {
	margin: 0 0 1.5em 1.5em;
}

#maincol ul li {
	list-style: disc;
	padding: 0.2em 0;
}

#maincol ol li {
	list-style: decimal;
	padding: 0.2em 0;
}

#maincol ul#subnav li {
	list-style: none;
	padding: 0.2em 0;
}


/* c o n t a c t   f o r m */

form input, form textarea {
	color:#ab1000;
	border: 1px solid #353c44;
	background-color: #fff;
	padding: 2px 3px;
	font-size: 0.85em;
	font-family: Verdana, Arial, Sans-Serif;
}

form input.button {
	border-color:#353c44;
	background-color:#f3813f;
 	color: #353c44;
}

#formtable {
	background-color: #e3dec4;
	width: 370px;
	margin: 1em 0 2em 0;
	padding: 10px 3px;
	border: 1px solid #353c44;
}

#formtable td {
	padding: 5px 3px;
	vertical-align: top;
}

form textarea {
	width: auto;
}