/*
THEME NAME: FOM, for FOM Systems, Inc.
THEME URI: http://www.plaintxt.org/themes/sandbox/ (original location)
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: Andy Skelton & Scott Allan Wallick, heavily modified by Jeff Sutherland.
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
TEMPLATE: sandbox
*/
/* Page layout is simple- header, footer, content on left side, 1 sidebar to the right.
I want a clean, sparse theme with white backgrounds everywhere, will be using Zuken
images plus the FOM leaf to add decoration. Goal is clarity, a no-nonsense theme.
Also note, the Firefox add-on 'firebug' is extremely handy when sorting issues with css. */
/* FOM Systems customizations from here on out. First, The Page Layout... */
div#wrapper {width: 850px; margin-left: auto; margin-right:auto; position: relative;}
div#container {float: left; width: 100%;}
div#content {margin: 0 230px 0 0;} /* was 430px wide */
div.sidebar {float:right; overflow:hidden; width:180px;}
div#primary {clear: right;margin: 0 0 0 -200px;}
/* div#secondary {clear:right;margin: 0 0 0 -200px;} */
div#footer {clear:both; width: 100%;}
/* Colours and fonts */
body {font-family: Arial, Helvetica, sans-serif;
background-color:#FFFFFF;}
/* Main header */
div#header{text-align:left;margin-bottom:1em; padding-top:6.5em;height: 120px; background:#FFFFFF url('images/Web_header.png') no-repeat center;}
div#header h1{font-size: 24px; text-decoration: none; color: #000000; font-weight: bold; line-height:36px;margin: -1.2em 0 0 0;}
div#header h1 a{font-size: 24px; text-decoration: none; color: #008000; font-weight: bold; line-height:36px;margin:0 200px 0 400px;}
div#header h1 a:hover{color: #00C000;}
div#header div#blog-description{font-size:16px;font-weight:bold; color:#000000; line-height:30px; margin-left:400px;}
/* Top level menu, actually placed above header */
div#access div.skip-link{padding: 0; position: absolute; right: 0; text-align: right; top: 0; border-bottom: 1px dotted #008000;}
div#access a{color:#008000; text-decoration: none; }
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#FFFFFF;width:100%;border-bottom:1px dotted #008000; position: absolute; top: 1.5em;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#FFFFFF;padding-right:50px;font-size:18px;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul li li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#F5F5F5;border:none;display:block;padding:0.1em;width:10em;}
/* Main content area: */
blockquote {color:#008000; font-family:"Times New Roman",Times,serif;}
div.hentry{border-bottom:none;
padding: 0 0 20px 0;
margin: 10px 0 60px 0;}
.entry-title{clear:both;
background-image:url('images/Small_LeafButton.png')!important;
background-repeat: no-repeat;
line-height:25px;
margin:10px 0 0 0;}
h2.entry-title{font-size: 20px;
padding: 0 0 0 30px;}
h3.entry-title{font-size: 20px;
padding: 0 0 0 30px;}
.entry-date{padding: 0 0 0 75px;
font-size: 14px;
font-weight:bold;
color: #008000;
display: inline;}
.page-link{color:#008000;font-size: 14px; line-height: 20px; padding-top:10px;}
.entry-meta{color:#008000;font-size: 12px; line-height: 20px; padding-top:10px;}
/* beware of noddy little icons below, these follow a post in the main area: */
.entry-meta .author{background: url('images/author.gif') 0 0 no-repeat;padding-left:18px;}
.entry-meta .cat-links{background: url('images/category.png') 0 0 no-repeat;padding-left:16px;}
.entry-meta .edit-link{background: url('images/edit.png') 0 0 no-repeat;padding-left:16px;}
.entry-meta .comments-link{background: url('images/comment.png') 0 0 no-repeat;padding-left:16px;}
div#container,div.sidebar{margin-top:0;}
div#content p{font-size: 16px;}
/* div#content a{color: #008000; text-decoration: none; border-bottom: 1px dotted #008000;} */
div#content a{color: #008000; text-decoration: none;}
div#content h2{color: #008000;}
div#content h3{color: #000080;
clear:both;
background-image:url('images/button_CSA_logo.png');
background-repeat: no-repeat;
padding:0 0 0 50px;
line-height:26px;}
div#content li{font-size:14px;}
div#respond h3{color: #008000;
clear:both;
background-image:url('images/Small_LeafButton.png');
background-repeat: no-repeat;
line-height:25px;
margin:10px 0 0 0;
padding:0 0 0 30px;}
div#comments h3{color: #008000;
clear:both;
background-image:url('images/Small_LeafButton.png');
background-repeat: no-repeat;
line-height:25px;
margin:10px 0 0 0;
padding:0 0 0 30px;}
/* styling for images inserted into posts: */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.wp-caption {
-moz-border-radius: 3px 3px 3px 3px;
background-color: #F3F3F3;
border: 1px solid #DDDDDD;
font-style: italic;
margin: 10px;
padding-top: 4px;
text-align: center;}
.wp-caption img {
border: 0 none;
margin: 0;
padding 0;}
.wp-caption p.wp-caption-text {
font-size: 12px;
font-style: italic;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom: 1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#008000;color:green;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
/* Now for the sidebars... */
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size: 16px;color: #008000;font-weight:bold; margin: 0 0 8px 0; border-bottom: 1px solid #008000;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul a{color: #008000;text-decoration: none;border-bottom: 1px dotted #008000;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}
/* adds icon to the RSS feeds links header */
li#rss-links h3{background:url('images/feed.png');background-repeat:no-repeat;padding-left:20px;}
/* styling of the search input box and find button */
div.sidebar input#s{width: 100px; border: 1px solid #008000;color:#800000;}
div.sidebar input#s:focus,div.sidebar input#s:hover{border: 1px solid #008000;}
input.button{background: #00E000;border: 1px solid #00E000;font-weight: bold;}
input.button:focus, input.button:hover{background: #008000;border: 1px solid #008000;color: #FFFFFF;font-weight: bold;}
/* Finally, the footer: */
div#footer{margin:30px 0 0 0;text-align:center;border-top: 1px solid #008000;padding: 10px 0 0 0;color:#000;font-size: 10px;}
div#footer a{color: #008000;text-decoration: none; border-bottom: 2px dotted #008000;}
/* Tweaks to various bits of content follow: */
/* Dunno, this already seems to work on the attachment page, it's on the main */
/* page where images bleed over into the sidebars. Use to style images */
/* inserted inline in page content and on image attachment pages. */
div.entry-attachment img{max-width:400px;margin-top:20px;border:none;padding:5px;}
/* div.entry-content img{max-width:400px;border:solid black 1px;padding:5px;} */
div.entry-content img.alignright{float:right;max-width:400px;border:none;padding:1px;}
div.entry-content img.alignleft{max-width:450px;border:none;padding:5px;}
/* This style is particular to the ctc tag cloud widget in the sidebar */
.ctc a{text-decoration:none; border-bottom:1px dotted #008000;}