/* New design stylesheet
// (c) Owen Dunn 2005
*/

BODY { font-family: sans-serif; background-color: white; color: black }

A { text-decoration: none; }
A:link { color: rgb(0,68,255) }
A:visited { color: rgb(255,0,0) }
A:hover { text-decoration: underline; }


HR { clear: both; }

.left { float: left; width: 60%; text-align: left}
.right { float: right; width: 40%; text-align: right}

/* DIV.header A, DIV.table A { font-size: 160%; } */

ADDRESS { font-size: 100%; }

.table
{
    margin-top: 1ex;
    float: right;
    width: 14em;
    text-align: left
}

.header
{
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 1ex; 
    margin-bottom: 1ex;

    border-radius: 0.5em;

    background-color: rgb(200,240,255);
}

DIV.header H1 { display: inline; margin-left: 1ex; }

/* Some useful styles */
.pagetitle { text-align: center; }
.quote { color: rgb(255,0,0); font-style: italic; }

blockquote.archivetext { background-color: rgb(255,255,200);
		       font-family: courier, monospace; }

/* Map things */

#coastmap { border: 0; float: right;}
#localmap { margin: 1px; border: solid; border-width: thin;
            vertical-align: middle;}
#ctxmap { margin: 1px; border: solid; border-width: thin;
            vertical-align: middle;}
#neighbourmap { margin: 1px; border: solid; border-width: thin;
            vertical-align: middle;}
#regionstnlist { font-size: 75%; }
map { font-size: 75%; } /* display: none; }*/
.header map { display: inline; }

.copyright { font-size: 75%; }

.crscode {background-color: #ff80ff; color: black; }
.collecteddate {background-color: #80ff80; color: black; }
.stnmetadata td {padding: 0.1em 0.5em 0em 0.5em;}
.stnmetadata {font-size: small;
	     font-weight: normal;
	     display: inline;
	     vertical-align: middle;
	     position: absolute; right: 1em;}

a.y { color: red; }
a.n { color: blue; }
a.h { color: #008800; }
a.f { color: #880088; }

/* portal rss aggregator styles */

.item { background-color: rgb(240,240,255);
        border: solid; border-width: 1px; border-color: rgb(200,200,200);
        padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	clear: both;}

.item.locked { background-color: rgb(255,240,255); }

.pubDate { text-align: right;
	   margin-top: 0;
	   font-size: 100%;
	   font-weight: bold;}
h1.src { float: left;
         color: black;
         font-size: 150%;
         font-weight: bold;
	 margin-top: 0;
         margin-bottom: 0.5ex;
         text-decoration: none; }
h1.src a { text-decoration: none;
         color: blue; }
h1.src a img { height: 1em; border: none; margin-right: 0.2ex;}
.title {clear: left; font-size: 100%; font-weight: bold;
        margin-bottom: 1ex; margin-top: 0;}
div.description h1 { font-size: 100%;}
div.description h2 { font-size: 100%;}
div.description img { overflow: hidden;}

/* Make the little LJ people scale with the font */

span.ljuser img { height: 1em; width: 1em; }

/* Insert "[cut]" where an LJ cut is started */

div.description a[name^="cutid"] {text-decoration: none; }
div.description a[name^="cutid"]:after {content: " [cut] ";
				        color: green;
					font-weight: bold;}

/* If the title is succeeded immediately by either of mood or music,
 * make sure they clear it */

div.pubDate + div.mood { clear: left; }
div.pubDate + div.music { clear: left; }

/* Make the mood and music tags smaller and add prefixes */

div.mood {font-size: 50%; font-style: italic; clear: left;}
div.mood:before {content: "Mood: "; font-style: normal;}
div.music {font-size: 50%; font-style: italic;}
div.music:before {content: "Music: "; font-style: normal;}

/* If either mood or music is followed by the body text, add a bit of
 * margin to the body text */

div.mood + div.description { margin-top: 1ex; }
div.music + div.description { margin-top: 1ex; }

/* Some people don't put paragraphs in their <description> and some
 * do.  For those that do, compensate for the extra space this
 * creates. */

div.description > p:first-child { margin-top: 0; }

.description {clear: both; overflow: hidden}
.link { text-align: right;}

/* Some people have long journal titles that vary and don't
 * immediately identify them.  Append something to say who they
 * are. */

div.item h1.src:after { font-style: italic; font-family: serif; }
div.item.angua h1.src:after { content: " (angua)"; }
div.item.lnr h1.src:after { content: " (lnr)"; }
div.item.ptc24 h1.src:after { content: " (ptc24)"; }
div.item.covertmusic h1.src:after { content: " (covert)"; }
div.item.brrm h1.src:after { content: " (brrm)";}
div.item.brrm h1.src { font-size: 100%; }
div.item.rall h1.src:after { content: "Ted Rall";}

/* Aldabra puts loads of pictures in her diary.  This is lovely but
 * tends to kill my browser */

div.item.aldabra div.description img { display: none; }

/* Tweets are small.  Let us see if we can be efficient with space */

div.item.twitter { width: 30%; float: left; clear: none; }
div.item.twitter .pubDate { text-align: left; clear: left;}
div.item.twitter .title { display: none; }
div.item.twitter { background-color: rgb(255,255,240); }

div.item.twitter.jlh { background-color: rgb(255,240,200) }

/* Some faffing with google maps */

div#map_overview { left: 0px; top: 0px;}