/*
THEME NAME: Sandbox edited by Delphine Masse
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 0.9.4
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
*/
.youtubebar{
float:left;
display:inline;
margin-top:5px; margin-bottom:5px; border:1px solid black;
}
.youtubepercent{
display:inline; float:right; margin-right:5px; margin-top:2px; margin-bottom:2px;
}
table{padding:0; margin:0;}
/***********************************/
/****---- General Layout -----******/
/***********************************/
/* Two-column with sidebar on right from the /sandbox-layouts/ folder */
div#wrapper{
margin:10px auto;
width:830px; /* IE 5.5*/
w\idth:820px;/* IE 6 */
background-color: transparent;
font-size:12px;
padding: 5px 0px;
}
*html div#wrapper{/*everyone else*/
margin:10px auto;
width:800px;
background-color: transparent;
font-size:12px;
padding: 5px 0px;
align:center;
}
body{
font-family:Georgia;
color:#3D2F1B;
margin:0px;
padding:0px;
background:#7A5F37 url(background-gradient.gif) center repeat-y;
min-width:840px;
}
div#container {
float: left;
margin: 0 0 0 -200px; /* used to be -200px*/
dispay:inline;
}
div#content { /*shows values for IE 6 since IE7 will understand the > below*/
margin: 0 0 0 110px; /*used to be 220px*/
float:left;
width:530px;
}
div#container > div#content { /* values for everything but IE 6 which doubles the margin values*/
margin: 0 0 0 220px;/*used to be 220px*/
float:left;
width:550px;
/*display:inline;*/
}
/* for pages only (not blogs) */
div#page-container{
float: left;
margin: 2px 20px 5px 20px;
width: 800px;/*ie 5.5*/
w\idth: 760px;/*everyone else*/
border-bottom:1px solid #31136D;
border-top:1px solid #31136D;
background-color:#fff;
}
div#page-content{
margin: 0 0 0 0px;
width:780px;
float:left;
background:transparent;
background-color:#fff;
padding:5px;
}
div#page-container > div#page-content { /* values for everything but IE 6 which doubles the margin values*/
margin: 0 0 0 0px;/*used to be 220px*/
float:left;
width:760px;
dispay:inline;
}
div.sidebar {
float: right;
margin-right: 20px;
overflow: hidden;
width: 180px;
}
div#secondary {
clear: right;
}
div#footer {
clear: both;
width: 100%;
font-size:11px;
font-family:Verdana;
}
div.toplinks {
margin-bottom:5px;
}
/***************************/
/****---- Color Scheme -----******/
/***************************/
/*
Colour Pallet
B79921 B7A86C B7B091 7A6C37 3D361B 897E51 9F997E
B7B721 B7B76C B7B791 7A7A37 3D3D1B 898951 9F9F7E
B77B21 B7996C B7A891 7A5F37 3D2F1B 897351 9F927E
31136D 4F406D 5E576D 2E2149 171024 3B3052 524B5F
*/
/***************************/
/****---- Header -----******/
/***************************/
div#header{
background-color: transparent;/*B7996C;*/
margin:0px 0px 0px 0px;
padding:0;
}
/* Do not show "skip to content"*/
div#access div.skip-link{display:none;}
h1#blog-title{
width:100%;
padding:0;
margin:0;
text-align:center;
/*border-bottom:1px solid #31136D;
border-top:1px solid #31136D;*/
font:Verdana;
height:150px;
}
h1#blog-title a{
font:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#B79921;
margin:0px;
HEIGHT:150PX;
}
/******************************************/
/****---- Menu - from CSS play -----******/
/*****************************************/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
font-family:verdana;
width:800px; /*ie 5.5*/
w\idth:760px;/*everyone else*/
font-size:0.85em;
position:relative;
z-index:100;
height: 32px;
heigh\t:32px;
margin: 0px 20px 0px 20px;
/*background-color:#fff;
border-bottom:1px solid #31136D;
border-top:1px solid #31136D;*/
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
font-weight:bold;
}
.menu ul ul {/* hide the sub levels and give them a positon absolute so that they take up no room */
visibility:hidden;
position:absolute;
/* weird height:0;*/
top:32px;
left:0;
width:150px;
font-weight:normal;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:150px; /*ie 5.5*/
w\idth:150px;/*everyone else*/
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
/* width:98px; */
position:relative;
margin: 0 3px;
padding:0px;
height:auto;
}
/* style the links for the top level */
.menu a, .menu a:visited { /* for IE 6 */
display:block;
font-size:11px;
text-decoration:none;
color:#3D2F1B;
width:80px; /* affects size of highlighting in mozilla*/
height:32px; /* height of tab for IE 5.5 (includes border width & padding)*/
heigh\t:24px; /* height of tab for everyone else (excludes border width & padding)*/
margin-left:0px;
padding: 6px 0 0 0;
line-height:15px;
border:1px solid black;
background:url(gradient1.png) top repeat-x;
}
html > menu a, html > .menu a:visited { /* seen by everyone but IE6*/
width:80px; /* affects size of highlighting in mozilla*/
}
.menu a.current,
.menu a.parent{
background-image:url(gradient2.png);
background-color:#171024;
background-repeat:repeat-x;
color: #3D2F1B;
border-bottom:none;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:90px; /* width for IE 5.5 */
w\idth:88px; /* width for everyone else */
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: url(gradient5.png) repeat-x top #B7B791;
}
/* style the second level hover --does not affect if no image*/
.menu ul ul a.drop:hover{
background-color:#B7A891;
background-image:url(gradient3.png);
background-position:top;
}
.menu ul ul :hover > a.drop {
background-color:#B7A891;
background-image:url(gradient3.png);
background-position:top;
}
/* style the third level background --this one works!!!*/
.menu ul ul ul a,
.menu ul ul ul a:visited {
background: url(gradient5.png) repeat-x top #B7B791;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background-color:#31136D;
background-image:url(gradient3.png);
background-position:top;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:31px;
t\op:32px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: url(gradient5.png) repeat-x top #B7B791;
color:#3D2F1B;
Height:auto;
line-height:1em;
padding:5px 10px;
width:128px;
border: 1px solid white;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:128px;
}
.menu ul ul a.bloglink, .menu ul ul a.bloglink:visited{
background-image: url(gradient4.png);
}
.menu ul ul a.bloglink:hover{
background-image:url(gradient3.png);
background-position:top;
}
/* style the top level hover */
.menu a:hover,
.menu ul ul a:hover{
color:#fff;
background-image:url(gradient3.png);
background-position:top;
background-color:#31136D;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background-image:url(gradient3.png);
background-position:top;
background-color:#31136D;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on first level list OR link */
.menu ul :hover ul: hover ul ul
{
visibility:hidden;
}
.menu ul ul :hover ul ul
{
visibility:hidden;
}
.menu ul li:hover li:hover ul ul{
visibility: hidden;
}
/* make the fourth level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul :hover ul{
visibility:visible;
}
.menu ul ul ul :hover ul{
visibility:visible;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/*****************************************/
/***********---- Blog body -----**********/
/*****************************************/
table th{
background:#000;
color:#fff;
}
table th h3{
color:#fff;
}
ol li{
margin-top:3px;
mArgin-bottom:10px;
}
.entry-title{
clear:both;
color:#171024;
margin-top:10px;
margin-bottom:5px;
font-size:18px;
font-family:Verdana;
border-bottom:1px solid #31136D;
}
.entry-title a{
color:#2E2149; /*navy/purplish*/
text-decoration:none;
}
div#container, div.sidebar, div#page-container{
margin-top:1em;
}
div#content{
background-color:#fff;
border-bottom:1px solid #31136D;
border-top:1px solid #31136D;
padding:10px;
}
div.entry-content h1{
font-size:14px;
font-weight:bold;
color:#2E2149;
font-family:Verdana;
}
div.entry-content h2{
font-size:12px;
font-weight:bold;
color:#2E2149;
}
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.req-field{background:#fff;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;}
ol.commentlist li{
margin:0 0 3.5em;
}
textarea#comment{
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{
margin:0;
padding:0;
}
div.sidebar h3{
font-size:1em;
}
div.sidebar input#s{
width:7em;
}
div.sidebar li{
font-size:1em;
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 li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0.5 0.5 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div#footer{text-align:center;}
/** D edits **/
.entry-date,
.entry-meta{
margin: 0px 0px 5px 0px;
padding:0px;
font-size:11px;
color:#7a5F37;
}
.entry-content li{
margin-top:2px;
margin-bottom:3px;
}
div#skip-link{
display:none;
}
/*first title within a post or page*/
h3{
color:#31136D;
font-size:16px;
font-family:verdana;
}
/* second level title in a post or page*/
h4{
}
a {
color:#4F406D;
}
h1{
margin: 5px 0px;
font-size:24px;
font-family:Verdana;
}
blockquote
{
background-color:#EEEEEE;
padding:5px;
}
/***********************************/
/****---- Photo Gallery -----******/
/*********************************//
#content.narrowcolumn{
margin: 5px 20px 5px 20px;
padding: 0px 20px 0px 20px;
float:left;
width:560px;
}
/* sign up page*/
#content.widecolumn{
width:780px;
margin:5px;
padding:5px;
}
.narrowcolumn h2{
margin-left:0px;
font-family:verdana;
font-size:14px;
color:#31136D;
}
div#content.narrowcolumn #album{
}
/***************************/
/****---- Sidebar -----******/
/***************************/
.sidebar h3{
font-family:verdana;
font-size:14px;
color:#31136D;
}
/* "diplomats" and "founders" at top of right bar*/
#text-1 h3.widgettitle{
font-family:Verdana;
font-size:16px;
text-align:center;
margin-right:5px;
padding:5px;
background-color:#fff;
border: 1px black solid;
color:#171024;
}
#polls p{
font-weight:normal;
font-style:italic;
margin-top:2px;
margin-bottom:2px;
}
/* description of categories */
.archive-meta{
font-style:italic;
margin-left:20px;
}
h2.page-title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:22px;
color:#31136D;
margin-bottom:2px;
padding:0px;
}