/*
Theme Name: Datanomic
Theme URI: http://www.datanomic.com/
Description: An improved theme for easier management
Version: 2.0
Author: Andrew Pepperrell
Author URI: http://www.datanomic.com/
*/

/* CSS Reset */
@import url("reset.css");


/* base html styling */
html    { background: #f6f6f6; color: #333; font-family: "Arial", sans-serif; font-size: 76%; }
a       { text-decoration: none; color: #DE8600; }
a:hover { color: #000; }
strong  { font-weight: bold; }
small   { font-size: 0.8em; }
em      { font-style: italic; }
h1      { font-size: 2.8em; font-weight: bold; color: #000; margin-bottom: 0.1em; }
h2      { font-size: 1.7em; font-weight: bold; }
h3      { font-size: 1.3em; font-weight: bold; margin-top: 0.8em; }
h4      { font-size: 1.3em; margin-top: 0.8em; }
h5      { font-size: 1.2em; margin-top: 0.8em; }
h6      { font-size: 1.1em; }
p       { margin-top: 1.2em; }


/* image alignment */
img.alignleft   { float: left; margin: 0 10px 10px 0; }
img.alignright  { float: right; margin: 0 0 10px 10px; }
img.aligncenter { display: block; margin: 10px auto; }


/* content formatting */
.multi .post     { margin: 10px 0 5px 0; padding: 6px 0 0 0; border-top: solid 1px #eee; background: url(/images/brochure.png) 5px 30px no-repeat; }
.multi .post h2  { font-size: 1.4em; }
.multi p         { margin: 0; }
.multi .mmeta    { color: #777; padding-bottom: 8px; }
.multi .mcontain { padding-left: 40px; }
.smeta   { margin-bottom: 10px; }


/* the core page and content */
#page { width: 920px; margin: 10px auto; padding: 20px; background: #e9e9e9; }
#main { width: 100%; overflow: hidden; }


/* the navigation */
#header    { background: #fff; padding: 5px 5px 10px 5px; position: relative; margin-bottom: 10px; }
#navbar    { overflow: hidden; width: 500px; position: absolute; left: 190px; top: 22px; }
#navbar li { float: left; display: block; margin-right: 10px; }
.page_item a { color: #000; }
#sidenav .current_page_parent a { color: #DE8600; }
#sidenav .current_page_parent .page_item a { color: #000; }
#sidenav .current_page_parent .current_page_item a { color: #DE8600; }
.current_page_item a { color: #DE8600; }
.current_page_item .page_item a { color: #000; }
#navbar .current_page_ancestor a { color: #DE8600; }
.page_item a:hover { color: #DE8600; }
#sidenav { background: #fff; padding: 10px; margin-bottom: 10px; }
#sidenav li { margin-top: 4px; padding-top: 4px; border-top: solid 1px #bbb; }
#sidenav li:first-child { padding-top: 0; margin-top: 0; border: none; }
#sidenav li li { padding-left: 10px; border: none; color: #aaa; background: url(/images/li.png) 0 12px no-repeat; }
#sidenav li li:first-child { margin-top: 4px; padding-top: 4px; }
#crumbs { padding-bottom: 10px; color: #888; }
#hsearch { position: absolute; right: 15px; top: 16px; }
#hsearch input { color: #888; font-size: 0.8em; width: 130px; margin: 0; }
#hsearch button { text-indent: -9999px; padding:0; margin: 0; border: none; font-size: 0.8em; height: 18px; width: 16px; background: url(/images/arrow.png) 2px 4px no-repeat; }
#searchresults div { margin-bottom: 10px; }
#searchresults div p { margin-top: 0; }



/* sidebars and widgets */
#sidebarl { float: left; width: 180px; }
#sidebarr { float: right; width: 170px; }
#sidebarl .widget { margin: 0 10px 10px 0; background: #fff; padding: 10px; }
#sidebarr .widget { margin: 0 0 10px 0; background: #fff; padding: 10px; }
.datanomic_quotes_widget p { margin-top: 0.5em; font-size: 0.9em; line-height: 1.2em; }
.envelope { display: block; padding-left: 22px; background: url(/images/envelope.gif) 0 1px no-repeat; }
.widget h2 { font-size: 1.1em; margin-bottom: 0.5em; }
#intouchform label { margin-top: 5px; display: block; }
#intouchform input { border: 0; background: #eee; padding: 3px; font-size: 0.9em; width: 140px; }
#intouchform button { border: 0; background: #999; margin: 10px 0 5px 0; font-size: 0.9em; height: 22px; color: #fff; }
.datanomic_contact_widget small { display: block; }
.datanomic_contact_widget .error { color: red; font-size: 0.8em; }
#sidebarr .widget h3, .dnwidget h3 { font-size: 1em; font-weight: bold; margin: 8px 0 4px 0; padding: 8px 0 0 0; border-top: solid 1px #eee; }
#sidebarr .widget p, .dnwidget p  { margin: 0; font-size: 0.9em; line-height: 1.2em; }
#sidebarr .widget small, .dnwidget small { display: block; margin-top: 10px; }


/* post stuff */
#content { float: left; width: 540px; padding: 10px; background: #fff; }
#content h2 { margin-bottom: 0.5em; }
.entry ul { padding-top: 0.6em }
.entry li { list-style: disc; margin-top: 0.6em; margin-left: 20px; }
#pageimage { margin-bottom: 10px; }
.directorli { margin-bottom: 0.6em; }
.directorli li { list-style: none; margin-left: 10px; padding: 5px 0 5px 50px; background: url(/images/directorlogo.png) 0 50% no-repeat; }
.logotext { margin: 20px 0 0 0; }
.logotext td { padding: 0 10px 20px 10px; }


/* subpage listings */
.subpage { margin-top: 10px; border-top: solid 1px #bbb; }
.subpagebox { width: 245px; background: url(/images/subpagebox.gif) top left repeat-x; float: left; padding: 10px; margin-top: 10px; }
.subpage p        { margin: 10px 0 5px 0; }
.subpagebox h3    { margin: 0; }
.subpagebox p     { margin: 10px 0 5px 0; }
.subpagebox small { display: block; }
.spbl { clear: left; margin-right: 10px; }
.subpagedoc { padding-left: 40px; background: url(/images/brochure.png) 5px 0 no-repeat; }
.nolines { border: 0; }
.nolines h3 { font-size: 1.2em; }
.nolines p { margin: 0; }
.topborder { border-top: solid 1px #bbb; margin-top: 1em; padding-top: 1em; }


/* aleader */
#leader  { background: #464646; color: #fff; padding: 8px 0; min-width: 960px; }
#aleader { margin: 0 auto; width: 960px; color: #eee; overflow: hidden; }
#aleader a  { color: #eee; }
#navbar1    { float: left; padding-left: 20px; }
#navbar1 li { float: left; margin: 0 15px 0 0; padding: 0; }
#navbar2     { float: right; padding-right: 20px; }
#navbar2 li  { float: left; margin: 0 0 0 15px; padding: 0; font-weight: bold; }


/* Homepage */
#homepage #rotimages  { height: 235px; background: #EBCFB7; overflow: hidden; width: 100%; position: relative; }
#homepage #intro      { background: #fff; padding: 10px; }
#homepage .entry p    { font-size: 1.15em; margin-top: 0.5em; }
#homepagesolutions    { width: 100%; overflow: hidden; padding-top: 20px;}
#homepagesolutions h2 { font-size: 1.2em; }
#homepagesolutions p  { margin-top: 0.5em; }
#homepagesolutions li { float: left; width: 195px; margin-left: 12px; padding: 10px; background: url(/images/subpagebox.gif) top left repeat-x; }
#homepagesolutions li.hps1 { margin: 0; }
#homepagemeta              { margin-top: 10px; background: #fff; width: 100%; overflow: hidden; padding: 10px 0; }
#homepagemeta .quote       { float: left; width: 438px; padding-left: 10px; }
#homepagemeta .quote p     { display: block; margin: 0.5em 0; }
#homepagemeta .quote small { display: block; }
#homepagemeta .recentpost  { float: left; display: block; width: 208px; margin-left: 10px; padding-left: 10px; border-left: solid 1px #eee; }
#homepagemeta .recentpost h2 { font-size: 1.2em; margin: 0 0 4px 0; }
#homepagemeta .recentpost h3 { font-size: 1em; font-weight: normal; margin: 0 0 5px 0; }
#homepagemeta .recentpost p  { margin: 0; }
#homepagemeta .recentpost small { display: block; margin-top: 5px; }


/* comments */
#commentform p { margin-top: 0.3em; }
#commentform input { width: 160px; border: 0; background: #eee; padding: 4px; }
#commentform textarea { width : 540px; border: 0; background: #eee; }
#commentform #submit { background: #ccc; }
#comments { font-size: 1.1em; }
.commentlist li { padding-top: 10px; margin-top: 10px; border-top: solid 1px #ddd; }
#respond { margin-top: 10px; border-top: solid 1px #ddd; }


/* request form */
#requestform { margin-top: 10px; padding: 10px; border: solid 10px #eee; }
#requestform input { width: 250px; border: solid 1px #ccc; padding: 3px; background: #eee; margin: 2px 0 4px 0; }
#requestform button { margin-top: 5px; }
#requestform label { font-weight: bold; }
#requestform label.error { color: red; margin-left: 10px; }


/* Footer */
#footer { width: 960px; margin: 0 auto; padding-bottom: 20px; position: relative; }
#footer a { color: #333; }
#footer a:hover { color: #DE8600; }
#metanav { position: absolute; left: 240px; top: 2px; color: #888; font-size: 0.8em; }
#metabar { margin-top: 10px; padding: 10px 0; border-top: solid 1px #bbb; width: 100%; overflow: hidden; }
#metabar li { float: left; display: block; width: 210px; margin-right: 30px; color: #777; font-size: 0.8em; }
#metabar h2 { font-size: 1em; }