/*
-----------------------------------------------------
Cue The Sun advanced style sheet for screen media
created: 27th March 2005
by: ben ryan 
last updated: 1st November 2006.
by: ben ryan 

Still a lot of working code in this one - to be refined after everything goes up.
-----------------------------------------------------
*/

@import url("base.css");

/*
-- Generic declarations 
-----------------------------------------------------------------------*/


body { background: #0D123A url('../common/dawn_bg.jpg') fixed bottom left repeat-x; /**/ }
* html body { /**/}

a { color: #000000; }

a:focus { outline: 2px solid #fc0; }



h1,h2,h3,h4,h5,h6 { color: #5a7c39; }

p.first { background-color: #EFF1D7; border: 1px dotted #D6D8BC; /**/ }
p.toTop { border-top: 1px dotted #40651B;  }

/*
--- Structural elements
----------------------------------------------------------------------- */



/* The masthead and navigation
-----------------------------------------------------------------------*/

html>body h1#title a { background: transparent url('../common/logo.png') 0 0 no-repeat; }
html>body h1#title a:hover { background: transparent url('../common/logo_on.png') 0 0 no-repeat; }



/*
-- Primary Navigation ----------------*/

div#primaryNav ul li a { color: #ffcc00; /**/ }
div#primaryNav ul li a:hover { color: #fff; /**/ }



/*
-- Secondary Navigation ----------------*/


div#secondaryNav ul li a { color: #ffcc00; /**/ }
div#secondaryNav ul li a:hover { color: #fff; }

div#secondaryNav ul li#loCon { display: none; }
div#secondaryNav ul li#fontUp a { background: transparent url('../nav/fontUp.gif') 0 0 no-repeat; /**/ }
div#secondaryNav ul li#fontDown a { background: transparent url('../nav/fontDown.gif') 0 0 no-repeat; /**/ }
div#secondaryNav ul li#hiCon a { background: transparent url('../nav/hiCon.gif') 0 2px no-repeat; /**/ }
div#secondaryNav ul li#loCon a { background: transparent url('../nav/loCon.gif') 0 2px no-repeat; /**/ }
div#secondaryNav ul li#en a { background: transparent url('../nav/enLang.gif') 0 0 no-repeat; /**/ }
div#secondaryNav ul li#es a { background: transparent url('../nav/esLang.gif') 0 0 no-repeat; /**/ }
div#secondaryNav ul li#webcore a, div#secondaryNav ul li#sym a { color: #ADE0FD; /**/ }


div#secondaryNav ul li#fontUp a:hover { background: transparent url('../nav/fontUp.gif') 0 -14px no-repeat; /**/ }
div#secondaryNav ul li#fontDown a:hover { background: transparent url('../nav/fontDown.gif') 0 -14px no-repeat; /**/ }
div#secondaryNav ul li#hiCon a:hover { background: transparent url('../nav/hiCon.gif') 0 -12px no-repeat /**/ }
div#secondaryNav ul li#loCon a:hover { background: transparent url('../nav/loCon.gif') 0 -12px no-repeat; /**/ }
div#secondaryNav ul li#en a:hover { background: transparent url('../nav/enLang.gif') 0 -14px no-repeat; /**/ }
div#secondaryNav ul li#es a:hover { background: transparent url('../nav/esLang.gif') 0 -14px no-repeat; /**/ }
div#secondaryNav ul li#webcore a:hover, div#secondaryNav ul li#sym a:hover { color: #ffffff; }


/* 
-- The content proper -------------------------------------------------

-- Breadcrumb----------------*/

div#bc { color: #5A7C39; background: transparent url('../common/top_corner_locon.png') 100% 0 no-repeat; /**/ }
div#bc ul { background: #ffffff; /**/ }




/*
-- General and/or universal declarations */

div#contentWrapper { background: url('../common/content_right_side_locon.png') 100% 0 repeat-y; color: #56492d; /**/ }



div#top { background: url('../common/top_gradient.gif') 100% 100% repeat-x; border-top: 5px solid #2083aa; border-bottom: 5px solid #4a5e3b; /**/ }

div#bottom { background: url('../common/bottom_gradient.gif') 100% 0% repeat-x; border-top: 5px solid #4a5e3b; border-bottom: 5px solid #2083aa; }




div.entry h3, div.entry h4 { color: #5a7c39; }
div.sidebar h3, div.sidebar h4, div.sidebar p { color: #2083aa; }
div.sidebar ul { list-style-image: url('../common/arrow_bullet.png'); }

body.core div#viewport, body.shutterbug div#viewport, body.folio div#viewport { background: url('../common/viewport_bg.gif') repeat-x bottom left; /**/ }
div#map { border: 1px solid #866A4B; /**/ }

ul.pagination { border-top: 2px solid #000000;  }
ul.pagination li#prev { border-right: 1px solid #000000; }

/*
-- Front page specific ----------------*/

div#viewport li.hori div { background: url('../shutterbug/horiMask.png') no-repeat; }
div#viewport li.vert div { background: url('../shutterbug/vertMask.png') no-repeat; }

div#viewport li.current div div.info { background: url('../shutterbug/photo_info_bg.png') bottom left repeat-x; }


/*div.left:hover, div.centre:hover, div.right:hover { background-color: #d4dbd1; }*/


/*
-- About, contact, legals etc ----------------*/
h2#about { background: url('../en/colonophon_headtext.png') top left no-repeat; }
h2#contact { background: url('../en/contact_headtext.png') top left no-repeat; }


/*
-- Transmissions from the last place on earth - the weblog ----------------*/
h2#ttlpoe { background: url('../en/ttlpoe_headtext.png') top left no-repeat; }




/*
-- Work folio ----------------*/
h2#working-life { background: url('../en/workinglife_headtext.png') top left no-repeat; }


dt.pdf { background: url('../common/pdf.gif') 0% 0% no-repeat; }
dt.weblink { background: url('../common/weblink.gif') 0% 0% no-repeat; }





/*
-- Wordsworth ----------------*/
h2#wordsworth { background: url('../en/wordsworth_headtext.png') top left no-repeat; }


body.wordsworth div.sidebar ul { list-style-image: url('../common/arrow_bullet.png'); }





/*
-- comments stuff ----------------*/
a.comments span { background: url('../common/logo_comments_open_locon.png') 50% 0% no-repeat; color: #ffffff; }
a.comments span.closed { background: url('../common/logo_comments_closed_locon.png') 50% 0% no-repeat; }


div.comments div { border-top: 1px solid #786443; }
div.comments div.ben { color: #FE7E00; background: #0D123A url('../common/dawn_bg.jpg') fixed bottom left repeat-x; border: 1px solid #FACA10; }
div.comments div.alt { }
div.comments div.yelluh { }

form.comments { border-top: 1px solid #786443; }
form.comments fieldset { border: none; }

div.comments div.section { border-bottom: 1px solid #e8e8e8; border-top: none; }


/*
-- Shutterbug -------------------------------------------------------
The "gallery" div is the horizontal bar that feeds images to the top area. The "galleries" div is the mass of thumbnails at the bottom where the activate a gallery.
*/
h2.shutterbug { background: url('../en/shutterbug_headtext.png') top left no-repeat; }



body.shutterbug div.galleries li div, body.shutterbug div#gallery li div { background: url('../shutterbug/gallery_frame_sm.png') no-repeat; }
body.shutterbug div.galleries li.vert div, body.shutterbug div#gallery li.vert div { background: url('../shutterbug/gallery_frame_sm_vert.png') no-repeat; }


/*--Messages --------------------------------*/
li.error { color: #ffffff; background: #D81E05 url('../common/error_large.gif') no-repeat 0% 0%; }
span.error { color: #ff1100; background: url('../common/error_sm.gif') no-repeat 0% 0%; }

li.direction { color: #ffffff; background: #0054A0 url('../common/direction_large.gif') no-repeat 0% 0%; }
div#contentBody p.direction { color: #003366; background: #ffffff url('../common/direction_sm.gif') no-repeat 0% 0%; }
span.direction { color: #0054A0; background: url('../common/direction_sm.gif') no-repeat 0% 0%; }

li.success { color: #ffffff; background: #3CA433 url('../common/success_large.gif') no-repeat 0% 0%; }
span.success { color: #336666; background: url('../common/success_sm.gif') no-repeat 0% 0%; }

li.alert { color: #ffffff; background: #EAAF0F url('../common/alert_large.gif') no-repeat 0% 0%; }
span.alert { color: #EAAF0F; background: url('../common/alert_sm.gif') no-repeat 0% 0%; }



/*
-- Australian dawn ------------------------------------------------*/

div#footer { margin: 0; padding: 0; width: 100%; height: 145px; position: fixed; bottom: 0; z-index: 1100; /**/ }
html>body div#footer { background: transparent url('../common/dawn_cresting.png') 50% 0 no-repeat; /**/ }

div#footerInner { position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; height: 100px; width: 100%; z-index: 1100; /**/ }
html>body div#footerInner { background: transparent url('../spain/aqueduct.png') 0% 103% fixed repeat-x; /**/ }






div#contentUnderlay { background: url('../common/content_right_side_sm_locon.png') bottom right no-repeat; /**/ }

div#underlayOverlay { background: url('../common/content_bottom_locon.png') repeat-x; /**/ }




html>body div#footerOne { position: fixed; left: 20%; bottom: -20px; height: 270px; width: 236px; z-index: 1100; background: url('../spain/lamancha_windmill.png') no-repeat; /**/ }
html>body div#footerTwo { position: fixed; right: 30%; bottom: 0; height: 162px; width: 85px; z-index: 1100; background: url('../spain/wind_turbine_sm.png') no-repeat; /**/ }
html>body div#footerThree { position: fixed; right: 22%; bottom: 0; height: 203px; width: 122px; z-index: 1100; background: url('../spain/wind_turbine_med.png') no-repeat; /**/ }
html>body div#footerFour { position: fixed; right: 17%; bottom: 0; height: 240px; width: 150px; z-index: 1100; background: url('../spain/wind_turbine_lg.png') no-repeat; /**/ }
html>body div#footerFive { background: url('../spain/.png') no-repeat; /**/ }



div#sideShowLeft { position: fixed; bottom: 0; left: -400px; height: 300px; width: 935px; z-index: 1200; /**/ }
html>body div#sideShowLeft { background: transparent url('../spain/torre_de_hercules.png') no-repeat; /**/ }

div#sideShowCentre { position: fixed; bottom: 0; left: 40%; height: 183px; width: 189px; z-index: 1; /**/ }
html>body div#sideShowCentre { background: url('../spain/alcazar_de_segovia.png') no-repeat top right; /**/ }

div#sideShowRight { position: fixed; bottom: 0; right: -40px; height: 333px; width: 271px; z-index: 1200; /**/ }
html>body div#sideShowRight { background: url('../spain/la_sagrada_familia.png') 100% 20% no-repeat; /**/ }

html>body div#randomFooterOne { display: none; /**/ }
html>body div#randomFooterTwo { /*position: fixed; bottom: 0; right: 10%; z-index: 1; */ }


div#moonLow { position: fixed; top: 20%; left: 10%; height: 169px; width: 265px; z-index: 0;/**/ }
html>body div#moonLow { background: url('../common/moon_full_low.png') no-repeat; /**/ }










div#starsOne { position: fixed; top: 20%; right: 50%; height: 29px; width: 127px; z-index: 1; /**/ }
html>body div#starsOne { background: url('../common/star_cluster_001.png') no-repeat; /**/ }

div#starsTwo { position: fixed; top: 40%; left: 17%; height: 10px; width: 14px; z-index: 1; /**/ }
html>body div#starsTwo { background: url('../common/star_cluster_002.png') no-repeat; /**/ }

div#starsThree { position: fixed; top: 5%; left: 75%; height: 75px; width: 122px; z-index: 1; /**/ }
html>body div#starsThree { background: url('../common/star_cluster_003.png') no-repeat; /**/ }

div#starsFour { position: fixed; top: 40%; left: 40%; height: 19px; width: 13px; z-index: 1; /**/ }
html>body div#starsFour { background: url('../common/star_cluster_004.png') no-repeat; /**/ }

div#starsFive { position: fixed; top: 5%; left: 10%; height: 22px; width: 10px; z-index: 1; /**/ }
html>body div#starsFive { background: url('../common/star_cluster_005.png') no-repeat; /**/ }

div#starsMars { position: fixed; top: 50%; left: 10%; height: 17px; width: 14px; z-index: 1; /**/ }
html>body div#starsMars { background: url('../common/mars.png') no-repeat; /**/ }

div#starsMilkyWay { position: fixed; top: 0%; left: 40%; /**/ }