/* Foundation and global rules*/

* { padding: 0; margin: 0; } /* Globally reset default browser padding and margin */
body { font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */ color: #444; background: #ccc url('nodes.jpg'); /*#e6ba00;*/ text-align: center; }
#page { background: white; text-align: left; margin: 0 auto; padding: 0; position: relative; border: none; clear: both; }
.columns-two #page { width: 780px; }
.content { padding: 0 20px; } /* Container for #primary and .secondary */
hr { display: none; }
img { border: 0; }
.clear { clear: both; margin: 0; padding: 0; }
.center { text-align: center; }
h1, h2, h3, h4 { font-family: 'Trebuchet MS', Verdana, Sans-Serif; }
iframe { border: 0; overflow: auto; }

/* Header */

#header { padding: 0; margin: 0; position: relative; height: 150px; background: #000 url('neurons.jpg') center no-repeat; }
#whiteband { display: block; position: absolute; float: right; /* 4 safari + firefox */ left: 100%; top: 0px; /* img width */ margin-left: -115px; z-index: 99; }
h1 { font-size: 3em; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 75px 40px 0; }
h1, h1 a, h1 a:hover, h1 a:visited, #header .description { text-decoration: none; color: white; padding-top: 35px; }
h1 a:hover { text-decoration: underline; }
#header .description { font-size: 1.5em; margin: 0 40px; padding: 4px 0; }

/* Header: main menu */

ul.menu { margin: 0 auto; padding: 0; position: absolute; bottom: 0; width: 95%; }
ul.menu li { display: inline; margin: 0; }
ul.menu, ul.menu li a { padding: 5px 15px 6px; }
ul.menu li a { font-size: 1.1em; color: white; margin: 0; background: url('opacity65.png') center repeat; }
ul.menu li a:hover { background: #333; color: #eee !important; text-decoration: none; }
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover { color: #333 !important; background: white; text-decoration: none; }

/* Primary content */

#primary { position: relative; float: left; width: 500px; padding: 10px; }
* html #primary { display: inline; }
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */ .secondary .metalink a, .secondary .metalink a:visited, .secondary span a, .secondary span a:visited { color: #999; font-weight: normal; }
#primary .hentry .entry-head .metalink { font-size: 1.8em; letter-spacing: -1px; text-transform: lowercase; margin-left: 15px; }
.hentry { margin: 0; padding: 5px 0 15px; position: relative; }
.entry-content { font-size: 1.2em; line-height: 1.8em; text-align: justify; color: #444; }
.entry-content p, .entry-content ul, .entry-content ol, .entry-content div, .entry-content blockquote { margin: 13px 0; }
.entry-content ol, .entry-content ul { padding: 0 0 0 35px; }
.entry-content ol li, .entry-content ul li { margin: 0 0 3px; padding: 0; }
.page-head .entry-edit { position: absolute; right: 0; margin-top: -20px; }
.page-head { margin: 20px 0; }
h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */ text-align: center; font-size: 2.5em; font-weight: bold; letter-spacing: -1px; }
#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */ font-size: 2.4em; font-weight: normal; letter-spacing: -1px; }
#primary .entry-content h3 { font-size: 1.8em; font-weight: normal; margin-top: 25px; }
#primary .entry-content h4 { font-size: 1.5em; font-weight: normal; margin-top: 25px; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited { color: #444; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited { text-decoration: none; }
body.page .entry-content h3 { font-size: 1.7em; display: block; padding: 15px 0 0; }
body.page .entry-content h4 { font-size: 1.5em; display: block; padding: 15px 0 0; }

/* Primary: entry header */

.entry-head { margin-top: 10px; }
.catimage { float: left; }
.geotag-overlay { margin-left: -16px; }
.entry-title, .entry-meta { margin-left: 40px; } /* Allow for catimage */
.entry-meta { /* Time and category for blog entries */ font-size: 1em; line-height: 1.6em; display: block; margin-top: 1px; color: #bbb; }
.entry-meta a, .comment-meta a { color: #777; }
.chronodata { padding: 2px 0 2px 20px; background: url('calendar-grey.png') left center no-repeat; }
.chronodata abbr { border: 0; }
.entry-category { text-transform: none; margin-right: 10px; }
.commentslink { padding: 2px 0 2px 20px; background: url('comment-grey.png') left center no-repeat; margin-right: 10px; }
.entry-edit a { border: none; padding: 2px; padding-left: 23px; background: url('pencil.png') left center no-repeat; height: 16px; }
.entry-tags { display: block; margin: 2px 0; padding: 0 0 0 20px; background: url('tag-grey.png') left center no-repeat; }
.entry-tags a { text-transform: lowercase; }

/* Primary: entry footer */

.lastmod { font-size: 0.8em; color: #ccc; }
.entry-footer { padding: 10px; padding-bottom: 15px; background: #f2f2f2 url('wave.png') bottom center repeat-x; }
.actions { float: right; text-transform: uppercase; font-size: 2em; color: #ddd; }
.email { display: block; padding: 2px 0 2px 20px; background: url(email.png) left center no-repeat; }
.printcss { display: block; padding: 2px 0 2px 20px; background: url('printer.png') left center no-repeat; }
.instapaper { display: block; padding: 2px 0 2px 20px; background: url('instapaper.png') left center no-repeat; }
.share{ display: block; padding: 2px 0 2px 20px; background: url('openshareicon16.png') left center no-repeat; }
.share a img { margin-bottom: -4px; }
.geotag { display: block; padding: 2px 0 2px 20px; background: url('geotag-16px.png') left center no-repeat; }
.routebuddy { display: block; padding: 2px 0 2px 20px; background: url('routebuddy-16px.png') left center no-repeat; }
.cdfinder { display: block; padding: 2px 0 2px 20px; background: url('cdfinder-16px.png') left center no-repeat; }
.twitter { display: block; padding: 2px 0 2px 20px; background: url('twitter.png') left center no-repeat; }
.babelfish { display: block; padding: 2px 0 2px 20px; background: url('babelfish.png') left center no-repeat; }
.feedicon16px { display: block; padding: 2px 0 2px 20px; background: url('feedicon16px.png') left center no-repeat; }
.tipjar { display: block; padding: 2px 0 2px 20px; background: url('money.png') left center no-repeat; }

/* Primary: navigation */

.navigation { text-align: center; margin: 10px 0; padding: 0; width: 100%; }
.comments .navigation { margin: 10px 0; }
.navigation .left { float: left; width: 50%; text-align: left; }
.navigation .right { float: right; width: 50%; text-align: right; }
.navigation p { margin: 0; padding: 0; }
.navigation a { color: #999; }

/* Sidebar (secondary) content */

.secondary { width: 200px; float: left; font-size: 1em; line-height: 1.5em; color: #666; position: relative; padding: 0 10px; overflow: hidden; }
.secondary div p { margin-top: 0.5em; }
.secondary ul, .secondary ol, .secondary div div { margin: 5px 0 0; padding-left: 0; }
.secondary ul ul, .secondary ol ol, secondary div div { margin: 0 0 0 10px; }
.secondary ul ul ul, .secondary ol ol ol, secondary div div div { margin: 0 0 0 20px; }
.secondary ol { margin-left: 15px; }
.secondary ul li, .secondary ol li { margin: 0; padding: 1px 0; }
.secondary ul li { list-style-type: none; list-style-image: none; }
.secondary h4 { /* Secondary H4 is sidebar headlines */ font-size: 1.5em !important; font-weight: normal !important; padding: 0 !important; display: inline; }
.secondary div { margin: 20px 0 0; padding: 0; position: relative; }
.secondary span a { margin-left: 10px; }

/* Sidebar: search form and livesearch */

#search { margin-top: 24px; }
#searchform { display: block; position: relative; }
#search h4 { display: none; }
input[type=text], textarea { color: #444; padding: 1px; margin: 0; }
#s { width: 79%; font-size: 1.1em; }
#s.livesearch { width: 88%; }
#searchreset { position: absolute; right: 0; top: 3px; height: 13px; width: 13px; background: url('reset-fff.png') center no-repeat; }
#searchload { position: absolute; right: 0; top: 0; height: 18px; width: 18px; background: url('spinner.gif') center no-repeat; }
.livesearchform input[type=submit] { margin: 0; }

/* Sidebar: modules */

.sb-pagemenu li.current_page_item a, .sb-pagemenu li.current_page_item a:hover { color: #444 !important; background: transparent; text-decoration: none; }
.sb-about { }
.sb-popular { }
.sb-latest { }
.sb-comments { }
.sb-quicklinks { }
.sb-koru { }
.sb-related { }
.sb-months { }
.sb-categories { }
.sb-cat-latest { display: block; overflow: hidden; }
.sb-tagcloud { }
.sb-weather { }
.sb-wishlists { }
.sb-istock { }
.sb-irl { }
.sb-flickr { }
.sb-portfolio { }
.sb-catfeeds { }
#catfeed { line-height: 2em; }
#catfeed img { height: 16px; width: 16px; border: none; position: absolute; right: 0; }
.sb-partner-header { }
.sb-partner { text-align: center; }
#sb-logo { margin: 20px 0 30px 0; text-align: right; color: #ccc; }
.feedlink img { /* On the sidebar */ height: 16px; width: 16px; border: none; position: absolute; right: 0; }

/* Comments and pings*/

.comments { text-align: left; padding: 30px 0 0; position: relative; }
.metalinks { margin-top: 3px; }
.nopassword { text-align: center; }
#commentlist { margin: 0; padding: 10px 0 20px; position: relative; }
#commentlist li { margin: 10px 0 0; padding: 10px 10px 5px; list-style: none; }
#commentlist li .comment-content { padding: 10px 0; font-size: 1.2em; line-height: 1.8em; }
.comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote { margin: 13px 0; }
#commentlist li .comment-meta { padding: 2px 0 2px 20px; background: url('calendar-grey.png') left center no-repeat; display: block; margin-left: 42px; }
#commentlist li img { padding: 0; border: none; }
#commentlist li img.gravatar, #commentlist li img.avatar { float: left; width: 32px; }

#commentlist li .commentauthor { font-size: 1.5em; font-weight: bold; margin-left: 10px; }
#commentlist li .counter { font-size: 32px; font-weight: bold; color: #ededed; float: right; }
#commentlist li .counter:before { content: "#"; font-size: 16px; font-weight: bold; } /* Not IE */
li.byuser { background: #f6f7f8; }
li.bypostauthor { background: #fff url('hash.png') top center repeat; }
li.bypostauthor blockquote { color: #333; background: url('quote.png') no-repeat 10px 0; }
#pinglist .comment-meta { background: transparent url('transmit-grey.png') center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; }
#pinglist { font-size: 1.2em; padding: 0; margin: 10px 0 10px; background: #f6f7f8; }
#pinglist li { margin-left: 10px; padding: 7px 0; list-style: none; }
#pinglist li .counter { display: none; }
#pinglist li img { padding: 0; border: none; }
#leavecomment, .comments #loading, #comments-closed-msg { text-align: center; margin: 30px 0 20px !important; color: #ddd; font-size: 2em; letter-spacing: -2px; }
.comments #loading { margin-top: 20px !important; }
#comments-closed-msg { margin-bottom: 40px !important; }
.comments #commenterror { display: none; line-height: 2.0; padding: 5px; color: #ff0000; background-color: #ffff99; }
.comments #commentload { display: none; padding-top: 3px; float: right; vertical-align: middle; height: 18px; width: 18px; background: url('spinner.gif') center center no-repeat; }
.comments form { clear: both; padding: 1px 0 10px; margin: 0; }
.comments form input[type=text] { width: 45%; margin: 5px 5px 1px 0; }
.comments form #submit { margin: 0; float: right; }
.comments input[type=text], .comments textarea { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px; color: #777; }
input[type=text]:focus, textarea:focus { background: #fff; color: #333; border-color: #666; }
.comments textarea { width: 490px;; margin: 10px 0; }
.comment-edit a { border: none; padding: 2px; padding-left: 23px; margin-left: 10px; background: url('comment_edit.png') left center no-repeat; height: 16px; }
.comment-meta { margin: 0 15px 0 0; float: none; }
.comment-login, .comment-welcomeback { margin-top: 15px; color: #777; }
#comment-personaldetails { margin-top: 10px; }
#comment-rules, #usable-tags { margin-top: 20px; }
.commentsrsslink { background: url('feedicon16px.png') left top no-repeat; padding: 2px 0 2px 20px; margin-right: 10px; height: 16px; }
.commentsrsslink a { color: #999; padding: 2px; }

/*- Footer */

#footer { clear: both; position: relative; width: 780px; height: 50px; margin: 0 auto; font-size: 1.1em; text-align: left; background: #000 url('neurons.jpg') center no-repeat; }
#footer img { vertical-align: middle; }
#footer ul { float: left; margin-left: 14px; margin-top: 17px; padding: 0; list-style: none; }
#footer li { float: left; margin-left: 16px; padding: 0; list-style: none; color: white !important; }
#footer a, #footer a:visited { border: none; text-decoration: none; color: white; }
#footer a:hover, #footer a:visited:hover { border: none; text-decoration: none; color: white; }
#kiwi img { float: right; margin-right: 30px; margin-top: 9px; }
#twitsmall img { float: left; position: relative; margin-left: -420px; margin-top: -22px;}

/* Links */

#primary a:hover, #primary a:visited:hover, .secondary a:hover, .secondary a:visited:hover { text-decoration: underline; }
h2 a:hover, h2 span a:hover { color: #27d !important; }
a { color: #27d; text-decoration: none; }
.entry-content a:visited { color: #5757a3; }

/* iBox */

#ibox_w{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #000; margin: 0; padding: 0; }
#ibox_progress { margin: 0; padding: 0; position: absolute; z-index: 105; }
#ibox_wrapper { position: absolute; top: 0; left: 0; z-index: 1000; padding: 10px 16px 33px 10px !important; border: 1px solid #999; width: 300px; height: 300px; background-color: #ccc; /* Fix to centre  bg */ margin-left: -8px; text-align: left; }
#ibox_content { background-color: #fff; width: 100%; height: 100%; margin-bottom: 5px; position: relative; top: 0; left: 0; border: 1px solid #999; padding: 2px; }
#ibox_footer img { vertical-align: middle; margin-top: -2px; }
#ibox_footer_wrapper { position: relative; padding: 0; margin:0; top: 0; left: 0; line-height: 1.6; }
#ibox_close_a { padding: 2px 20px 2px 0; background: url('cancel.png') right center no-repeat; }
#ibox_cc{ padding: 2px 20px 2px 0; background: url('cc.png') right center no-repeat; }

/* General data table */

table.tabulate { background-color: #666; border: 0; border-collapse: collapse; border-spacing: 0px; margin-top: 14px; }
table.tabulate td { background-color: #ccc; color: #000; padding: 4px; text-align: left; border: 1px #fff solid }
table.tabulate td.odd { background-color: #eee; }
table.tabulate th { background-color: #666; color: #fff; padding: 4px; text-align: left; border-bottom: 2px #fff solid; font-weight: bold }

/* Downloads table */

table.downloadable { font-size: 0.9em; line-height: 1.5em; background-color: #666; border: 0; border-collapse: collapse; border-spacing: 0px; margin-top: 14px; width: 100%; }
table.downloadable td { background-color: #ededed; color: #000; padding: 4px; text-align: left; border: 1px #fff solid; }
table.downloadable td.alt { background-color: #f9fcfe; }
table.downloadable td.leader { background-color: #cfc; width: 10px; }
table.downloadable th { background-color: #ccc; color: #fff; padding: 4px; text-align: left; border-bottom: 2px #fff solid; font-weight: bold }

/* Plugins */

.simple-credit { text-align: center; color: #666; padding-top: 10px; background: url('simplepie.png') center 25px no-repeat; height: 50px;}
.spfavicon img { display: inline; vertical-align: middle; margin-bottom: 4px; }
.flickr-block { margin-left: 15px !important; }
.fotocast a img { display: inline; background: #fff; border: 1px #ccc solid !important; padding: 3px; margin: 0; }
.fotocast-istock a img { display: inline; background: #fff; border: 1px #ccc solid !important; padding: 3px; margin: 5px auto; }
.fotocast a:hover img, .fotocast-istock a:hover img { border: 1px #000 solid !important; }
/*.simplepie span { display: block; margin-bottom: 20px;}*/
.quoter_comment { padding: 2px 0 2px 20px; background: url('comment-grey.png') left center no-repeat; margin-left: 5px; }
.st-tag-cloud { margin-top: 20px !important; line-height: 1.1; }
#termsquestion { }
.wp-forecast-curr-head { display: block; }
.wp-forecast-curr-block { }
.wp-forecast-curr-left { display: inline; }
.wp-forecast-curr-right { display: inline; }
.wp-forecast-curr-details { }

/* Containers */

.koru { padding: 10px 0; background-color: #99c743; border: 5px solid #fff; }

/* Misc iconography */

.feedicon16px { display: block; padding: 2px 0 2px 20px; background: url('feedicon16px.png') left center no-repeat; }
.bug { display: block; padding: 2px 0 2px 20px; background: url('bug.png') left center no-repeat; color: red; }
.cancel { display: block; padding: 2px 0 2px 20px; background: url('cancel.png') left center no-repeat; }
.question { display: block; padding: 2px 0 2px 20px; background: url('help.png') left center no-repeat; }
.accept { display: block; padding: 2px 0 2px 20px; background: url('accept.png') left center no-repeat; }
.for { display: block; padding: 2px 0 2px 20px; background: url('vote_for.png') left center no-repeat; }
.against { display: block; padding: 2px 0 2px 20px; background: url('vote_against.png') left center no-repeat; }
.abstain { display: block; padding: 2px 0 2px 20px; background: url('vote_abstain.png') left center no-repeat; }
.link { display: block; padding: 2px 0 2px 20px; background: url('link_go.png') left center no-repeat; }
.caption { display: block; padding: 2px 0 2px 20px; background: url('photo.png') left center no-repeat; color: #666; }
.geo-caption { display: block; padding: 2px 0 2px 20px; background: url('geotag-16px.png') left center no-repeat; color: #666; }
.zoom { display: block; padding: 2px 0 2px 20px; background: url('zoom.png') left center no-repeat; color: #666; }

/* CSS messages */

.alert { background: #fff6bf url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.info { background: #f8fafc url('information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.download { background: #cfc url('download.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6; }
.german { background: transparent url('de.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }
.english { background: transparent url('gb.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }

/* "Special" elements */

blockquote { margin: 20px 0; padding: 0 20px 0 50px; color: #333; background: url('quote.png') no-repeat 10px 0; border: none; }
pre { overflow: auto; border-left: 2px solid #ccc; background: #f2f2f2; padding: 5px; }
code { font: 9px Monaco, Arial, monospace; color: #000; white-space: pre; }

/* Geo Mashup plugin */

.locationinfo { overflow: auto; height: 200px; width: 220px; text-align: left; }
.locationinfo h2 { font-size: 1.2em; font-weight: bold; }
.meta { font-size: 1em; line-height: 1.6em; display: block; margin-top: 1px; color: #bbb; padding-bottom: 4px; }
.meta a { color: #777; }
.storycontent { font-size: 1em; line-height: 1.5em; padding-bottom: 10px; }
.map-credit { text-align: center; color: #666; }
#gm-credit {display: none; }
/*#gm-credit { float: left; position: relative; margin-top: -90px; margin-left: 3px; }*/

/* Twitter integration */

.twit_date { font-style: italic; color: #ccc; }
.twitpro img { padding: 5px; float: left; margin-right: 10px; }
.twitfollow { font-style: italic; color: #999; display: block; padding-top: 7px; }
#twitcase { background: #fff url('hash.png') top center repeat; height: 58px; }
.twiturl { font-style: italic; color: #999; }
#birdie { float: right; position: relative; margin: 5px; }
.simplepie { margin: 5px; }
.follower { float: right; text-transform: uppercase; text-align: right; font-size: 2em; color: #ddd; margin-top: 8px; }