/*
-----------------------------------------------------
Cue The Sun advanced style sheet for screen media
created: 27th March 2005
by: ben ryan 
last updated: 19th May 2007.
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 auto; 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: 155px; width: 100%; z-index: 1100; /**/ }
html>body div#footerInner { background: transparent url('../australia/fence.png') 0% 100% 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; /**/ }




div#footerOne { position: fixed; left: 10%; bottom: 0; height: 96px; width: 138px; z-index: 1100;/**/ }
html>body div#footerOne { background: url('../australia/phalaris.png') no-repeat; /**/ }

div#footerTwo { position: fixed; left: 40%; bottom: 0; height: 96px; width: 119px; z-index: 1100; /**/ }
html>body div#footerTwo { background: url('../australia/windmill.png') no-repeat; /**/ }

div#footerThree { position: fixed; left: 30%; bottom: 0; height: 96px; width: 46px; z-index: 1100;/**/ }
html>body div#footerThree { background: url('../australia/tree_001.png') no-repeat; /**/ }

div#footerFour { position: fixed; right: 40%; bottom: 0; height: 96px; width: 80px; z-index: 1100;/**/ }
html>body div#footerFour { background: url('../australia/tree_002.png') no-repeat; /**/ }

div#footerFive { position: fixed; right: 18%; bottom: 0; height: 56px; width: 168px; z-index: 1100;/**/ }
html>body div#footerFive { background: url('../australia/hayshed.png') no-repeat; /**/ }



div#sideShowLeft { position: fixed; bottom: 0; right: 80%; height: 636px; width: 1083px; z-index: 1; /**/ }
html>body div#sideShowLeft { background: transparent url('../australia/fire.png') no-repeat; /**/ }

div#sideShowCentre { position: fixed; bottom: 0; left: 83%; height: 135px; width: 150px; z-index: 1; /**/ }
html>body div#sideShowCentre { background: url('../australia/farmer.png') no-repeat top right; /**/ }

div#sideShowRight { position: fixed; top: 0; right: -40px; height: 100%; width: 200px; z-index: 1; /**/ }
html>body div#sideShowRight { background: url('../australia/leaves.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#southernCross { position: fixed; top: 10px; right: 5%; height: 378px; width: 310px; z-index: 1; /**/ }
html>body div#southernCross { background: url('../australia/sc_cluster.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%; /**/ }