/*
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: Andy Skelton & Scott Allan Wallick
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 */
*/
/* The Page Layout as per Thewlis page 85 */
div#wrapper {width: 100%; margin-left: auto; margin-right:
auto;position: relative; background-image: url(http://www.jollygoodfun.co.uk/lblue.png); }
div#container {float: left; width: 100%; background-image: url(http://www.jollygoodfun.co.uk/lblue.png); min-height: 50em;}
div#content {/* margin: 0 0 0 200px; width: 725px; */ margin: 5px 240px 0 240px; border: 5px solid yellow; padding: 20px; background-color: white;}
div.sidebar {float: left; overflow: hidden; width: 200px; min-height: 50em;background-image: url(http://www.jollygoodfun.co.uk/lblue.png); }
div#primary {/* margin: 0 0 0 -1300px; padding-right: 1em; */ position: absolute; top: 220px; left: 20px; min-height: 50em; background-image: url(http://www.jollygoodfun.co.uk/lblue.png);}
div#secondary {margin: 0 0 0 0px; position: absolute; top: 220px; right: 20px; background-image: url(http://www.jollygoodfun.co.uk/lblue.png); min-height: 50em; }
/* Font as Thewlis page 85 but excluding coloors as I am keeping the default white background */
body { font-family: Arial, Helvetica, sans-serif; background-image: url(http://www.jollygoodfun.co.uk/lblue.png);}
/* 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:0.5em; margin-top: 0.5em; height: 150px; background:#FFFFFF url('images/blogheadjgp.jpg') no-repeat left;}
div#header h1{font-size: xx-large;text-decoration: none;color: #FF0000;font-weight:bold;letter-spacing:-2px;line-height:24px;margin:0 15px 0 0; padding-top: 10px;}
div#header h1 a{font-size: xx-large;text-decoration: none;color: blue;font-weight:bold;letter-spacing:-2px;line-height:18px;margin:0 5px 0 0;}
#header h1 a:hover{color:red;}
div#header div#blog-description{font-size:x-large;color:red;font-weight: bold;letter-spacing:-2px;line-height:45px; }
/* 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
*/
/* The Menu */
div#access div.skip-link{padding: 0; position: absolute; right: 0; text-align: right; top: 0; border-bottom: 1px dotted #FF0000;}*/
div#access a{color:#FFFFFF;text-decoration: none; }
div#menu{font-size:normal; height:1em;padding-bottom:4px; background-image: url(http://www.jollygoodfun.co.uk/lblue.png); width:100%; margin-top: 20px; }
div#menu ul a{text-decoration:none; }
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none; margin-left: 22%; padding:0; background-image: url(http://www.jollygoodfun.co.uk/lblue.png) }
div#menu ul li{float:left; margin: auto; background-image: url(http://www.jollygoodfun.co.uk/lblue.png)}
div#menu ul li a{padding-right:40px; font-size:normal;}
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:normal; padding-top:0.1em; position:absolute;}
div#menu ul li:hover ul li a{background:#FF0000; border:none; display:block; height:1.5em; padding:0.5em; width:5em;}
/* 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.entry{ padding: 0 0 10px 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: large; padding:0 0 0 75px;}
h3.entry-title{font-size: medium; 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: medium;line-height: 20px;padding-top:20px;}
.entry-meta{color: #FF0000;font-size: medium;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-left: 0px; padding-top: 1em; }
div#content p{font-size: medium;}
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: medium;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: 125px;border: 1px solid green;color: #FF0000;}
div.sidebar input#s:focus,div.sidebar input#s:hover{border: 1px solid #3333FF;}
input#searchsubmit{background: yellow;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;}
/* 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;}
/* Font as Thewlis page 85 but excluding coloors as I am keeping the default white background */
body { font-family: Arial, Helvetica, sans-serif; }
/* 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;}
*/
div#footer{margin:0 0 0 0;text-align:right; padding: 0 0 0 0; font-size: medium; background-image: url(http://www.jollygoodfun.co.uk/lblue.png)}
#footer1 {
padding: 20px 0 20px 0;
float: left;
width: 100%;
height: 50px;
text-align: center;
background-image: url(http://www.jollygoodfun.co.uk/lblue.png);
}
#footer1 ul { padding-right: 1%; }
#footer1 ul.line li {
display : inline-block; width: 6em; height: 1.5em; background:blue; padding-top: 0.3em; }
#footer1 ul.line a { color: white; text-decoration: none; }
#footer1 ul.line li:hover {
background : white;
}
#footer1 ul.line a:hover { color: blue; text-decoration: none; }
#footer1 ul.line a:link { text-decoration: none; margin: auto; }
#footer1 ul.line li ul { display: none; }
/* 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;}
#navigationbytype li {
list-style-type: none;
border: 1px blue solid; */
width: 5em;
background-color: blue;
text-align: center;
}
/* display anchors as buttons */
#navigationbytype a {
color: white;
text-decoration: none;
display: block;
}
/* flash white on anchor hover */
#navigationbytype a:hover {
background-color: yellow;
}
/* collapse menus */
#navigationbytype li ul {
display: none;
}
/* show sub menus on hover */
#navigationbytype li:hover > ul {
display: block;
margin-left: 2em;
}
*/
#navigationbytype {
width: 200px;
background-image: url(lblue.png);
}
#navigationbytype ul {
list-style: none;
margin: 0;
padding: 0;
background-color: red;
}
#navigationbytype li {
border-bottom: 1px solid #ED9F9F;
}
#navigationbytype li a:link, li a:visited {
font-size: medium;
display: block;
height: 1.5em;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
background-color: red;
color: white;
text-decoration: none;
}
#navigationbytype li a:hover {
background-color: #330099;
color: #CCFF00;
}
#navigationbytype ul ul {
margin-left: 12px;
}
#navigationbytype ul ul li {
border-bottom: 1px solid #711515;
margin:0;
}
#navigationbytype ul ul a:link, #navigation ul ul a:visited {
background-color: red;
color: #330099;
}
#navigationbytype ul ul a:hover {
background-color: #FF0099;
color: #FFFFFF;
}
#navigationbytype ul ul ul ul li { display: none; }