/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
/* Two-column with sidebar on left from the /examples/ folder  */
*/

/* Fri 8 Jan 2010 5.30pm I am commenting out everything after line 12 see Buis Bloggers by Paul Thewlis page 84 */
/*
@import url('examples/2c-l.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

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%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
*/

/* The Page Layout as per Thewlis page 85 */
div#wrapper {width: 850px; margin-left: auto; margin-right:
auto;position; relative; }
div#container {float: left;width 100%; }
div#content {margin: 0 430px 0 0; }
div.sidebar {float: left;overflow: hidden;width: 180px }
div#primary {margin: 0 0 0 -400px; }
div#secondary {margin: 0 0 0 -200px; }
div#footer {clear: left;width: 100% }

/* Font as Thewlis page 85 but excluding coloors as I am keeping the default white background */
body { font-family: Arial, Helvetica, sans-serif; }

/* The Header taken from Thewlis page 86 */
/* Problem of getting back ground image to work solved by refering to Wordpress for dummies page 292 */
div#header{text-align:center;margin-bottom:1em; padding-top:6.5em;height: 120px;background:#FFFFFF url('images/blogheadjgp.jpg') no-repeat left;}
div#header h1{font-size: 36px;text-decoration: none;color: #FF0000;font-weight:bold;letter-spacing:-2px;line-height:36px;margin:0 5px 0 0; }
div#header h1 a{font-size: 36px;text-decoration: none;color: #FF0000;font-weight:bold;letter-spacing:-2px;line-height:24px;margin:0 5px 0 0;}
#header h1 a:hover{color:#3333FF;}
div#header div#blog-description{font-size:24px;color:#000000;font-weight: normal;letter-spacing:-2px;line-height:36px; }

/* Took this code from http://tools.dynamicdrive.com/favicon/ it's supposed to display the favicon in the browser address bar. I have already created a favicon using gimp and uploaded to public folder. See Thewlis page 118 */
/* I moved this to header.php
<link rel="shortcut icon" href="http://www.jollygoodfun.co.uk/favicon.ico"> */


/* The Menu */
/*
div#access div.skip-link{padding: 0; position: absolute; right: 0; background:#FF0000;text-align: right; top: 0; border-bottom: 1px dotted #FF0000;}*/
div#access a{color:#FFFFFF;text-decoration: none; }
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#FF0000;width:100%;border-bottom: 1px dotted #FF0000;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:#FF0000;padding-right:50px;font-size:16px;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul 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;}

/* The Main Content Area */
/* Thewlis page 136 - make block quotes stand out 10 Jan 2010 */
blockqote {color:#800000; font-family:"Times New Roman",Times,serif; }
div.hentry{border-bottom: 1px solid #FF0000; padding: 0 0 20px 0; margin: 10px 0 60px 0:}
.entry-title{clear:both;background-image:url(images/red-nose-www.jollygoodfun.co.uk-icon2.jpg); background-repeat: no-repeat;line-height:38px; margin:10px 0 0 0;}
h2.entry-title{font-size: 20px; padding:0  0 0 75px;}
h3.entry-title{font-size: 20px; padding:0  0 0 75px;}
.entry-date{padding: 0 0 0 75px; font-size: 14px;font-weight: bold;color: #3333FF;display: inline;}


.page-link{color: #FF0000;font-size: 14px;line-height: 20px;padding-top:10px;}
.entry-meta{color: #FF0000;font-size: 12px;line-height: 20px;padding-top:10px;}
.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: 14px;}
div#content a{color: #FF0000;text-decoration: none;border-bottom: 1px dotted #FF0000;}
div#content h2{color: #FF0000;}
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:#FF0000;color:red;}
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%;}


/* The Sidebars */
/* Thewlis page 132 cs for config cloud tag */
.ctc a{text-decoration:none; border-bottom:1px dotted #FF0000;} 
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size: 16px;color: #3333FF;font-weight: bold;margin: 0 0 8px 0;border-bottom: 1px solid #FF0000;}
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: #3333FF;text-decoration: none;border-bottom: 1px dotted #FF0000;}
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;}


li#rss-links h3 { background:url(images/feed.png);background-repeat:no-repeat;padding-left:20px; }


div.sidebar input#s{width: 100px;border: 1px solid #FF0000;color: #FF0000;}
div.sidebar input#s:focus,div.sidebar input#s:hover{border: 1px solid #3333FF;}
input#searchsubmit{background: #FF0000;border: 1px solid #3333FF;padding: 0 0.4em 0 0.4em;margin-left: 0.4em;color: #3333FF;font-weight: bold;}
input#searchsubmit:focus, input#searchsubmit:hover{background: #FF0000;border: 1px solid #FF0000;color: #FF0000;font-weight: bold;}



/* The Footer */
div#footer{margin:30px 0 0 0;text-align:right;border-top: 1px solid #FF0000;padding: 10px 0 0 0;color: #33FFFF;font-size: 10px;}
div#footer a{color: #3333FF;text-decoration: none;border-bottom: 2px dotted #FF0000;}

/* Thewlis page 106 */
/* images */
div.entry-attachment img{max-width:400px;margin-top:20px;border:solid#FF0000 2px}

div.entry-content img{border:solid black 1px;padding:5px;}