/*
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
*/

/* Three-column with sidebar on left and right from the /examples/ folder  */
@import url('examples/3c-b.css');

/* Just some example content */

/* START my rules*/
body {
margin: 1em;
padding: 0;
font-size: 9px;
/*font-family: "Courier New", Courier, monospace;*/
font-family: Monaco, Verdana, "Courier New", monospaced;
background: #FFF;
color:  #666699;
}

h1 {
margin: 0;
padding: 0;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
/*font-family: Arial, Verdana, "Courier New", monospaced;*/
}

h1 a {
font-weight: normal;
color: #330066;
text-decoration: none;
}

h1 a:hover {
color: #CC99FF;
}

h2 {
font-size: 9px;
font-weight: normal;
color:  #330066;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0;
margin: 0 0 20px 0;
}

h2 a {
color: #330066;
padding: 0;
text-decoration: none;
padding:0 0 0 6px;
border-left: 1px solid #FF00FF;
letter-spacing: 2px;
}

h2 a:visited {
color: #330066;
text-decoration: none;
}

h2 a:hover, h3.entry-title a:hover {
color: #9999FF;
text-decoration: none
}

h3.entry-title a {
font-size: 9px;
color: #330066;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
padding:0 0 0 6px;
border-left: 1px solid #FF00FF;
letter-spacing: 2px;
}

div#secondary.sidebar ul.xoxo {
margin: 0 0 0 10px;
}

ul.xoxo a{
font-weight: normal;
font-size: 9px;
color: #330066;
text-decoration: none;
letter-spacing: 1px;
}

ul.xoxo a:hover {
background: #000;
color: #CC99FF;
}

span.collapsCat img {
margin: 0 1em 0 0;
}

#secondary ul ul ul {
margin: 0 0 0 3em;
}

#secondary a.self {
font-weight: normal;
text-decoration: none;
color: #CC99FF;
}

.published {
color: #9999FF;
text-decoration: none;
}

abbr {
margin: 0;
padding: 0;
border: 0;
}

div#respond h3 {
font-size: 9px;
font-weight: normal;
color: #FF00FF;
text-transform: uppercase;
letter-spacing: 1px;
}

p#login a {
text-decoration: none;
color: #CC99FF;
}

p#login a:hover {
color: #CC99FF;
}

p#login {
color: #999999;
}

p#comment-notes {
color: #999999;
}


input {
margin: 0;
padding: 1px;
border: thin dotted #CCC;
/*font-family: "Courier New", Courier, monospace;*/
}

.button {
color: #CC99FF;
/*font-family: "Courier New", Courier, monospace;*/
border: thin dotted #CCC;
font-size: 10px;
letter-spacing: 1px;
padding: 0;
margin: 0;
}

.button:hover {
cursor: pointer;
background-color: #000000;
}

div#comments-list.comments h3 {
color: #FF00FF;
font-size: 11px;
font-weight: normal;
} /*I dont htink this is doing anything*/

div#comments-list.comments ol {
color: #999;
}

div.comment-meta a {
color: #CC99FF;
text-decoration: none;
}

p#playbutton {
margin: 0 0 2em 0;
padding: 0;
}

#playbutton a{
text-decoration: none;
color: #9999FF;
}

#playbutton a:hover {
color: #CC99FF;
background-color: #000000;
}

#playbutton a:visited {
color: #9999FF;
}
/* END my rules*/

/*-------------------Start Main Navigation Styles--------------------------*/

#primary.sidebar ul.mainnav {
margin: 0;
padding: 0;
list-style-type: none;
}

#primary.sidebar ul.mainnav li {
margin: 0;
padding: 0;
}

#primary.sidebar ul.mainnav li a {
color: #330066;
font-size: 9px;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

#primary.sidebar ul.mainnav li a:visited {
color: #330066;
}

#primary.sidebar ul.mainnav li a:hover {
background: #000;
color: #CC99FF;
}

/*-------------------End Main Navigation Styles--------------------------*/

/*-------------------Start Exhibitions and Biog/cv Styles--------------------------*/

div#content ul {
list-style-type: none;
margin:8px 0 16px 0;
padding: 0;
}

div#content ul li a {
text-decoration: none;
font-size: 9px;
letter-spacing: 1px;
color: #330066;
}

div#content ul li a:hover {
color: #9999FF;
}

h2.exhib-menu {
margin: 0;
padding:0 0 0 6px;
border-left: 1px solid #FF00FF;
}

div#jump {
margin: 0 0 4em 0;
padding: 0;
}

img.exhib {
display:block;
margin: 1em 0;
padding: 0;
}

h2.exhib-tit {
padding:10px 0 0 0;
margin: 0;
}

a.exhib-link {
display: block;
}

div#cv {
margin: 0;
padding: 0;
}

div#cv p {
margin: 0;
padding: 0;
}

h2.cv-tit {
margin: 2em 0 1em 0;
padding: 0;
}

h2.cv-menu {
margin: 0 0 1em 0;
padding:0 0 0 6px;
border-left: 1px solid #FF00FF;
}

.cv-link {
color: #CC99FF;
text-decoration: none;
}

/*-------------------End Exhibitions and Biog/cv Styles-------------------------*/

/*-------------------Start CSS for imagegallery-------------------*/

.imagegallery {
width: 860px;
}

.imagegallery #imagemenu {
width: 150px;
margin: 0;
padding: 0;
/*background-color: #FFFFCC;*/
float: left;
}

.imagegallery #selector {
width: 20px;
margin: 0;
padding: 0;
/*background-color: #99FF99;*/
float: left;
}

.imagegallery #image {
width: 680px;
text-align: left;
margin: 0 0 0 180px;
padding: 0;
/*background-color: #FFCCCC;*/
}

.imagegallery ul {
font-size: 9px;
letter-spacing: 1px;
list-style-type: none;
margin: 0;
padding: 0;
color: #9999FF;
}

.imagegallery ul li {
margin: 0;
padding: 0;
/*height: 12px; This nearly solves a mystery - without it, the menu in the left sidebar has a bigger line height compared with the images menu (only in Safari and Chrome though)*/ 
}

.imagegallery a {
font-weight: normal;
text-decoration: none;
color: #330066; 
margin: 0;
padding: 0;
}

.imagegallery a:hover {
color: #9999FF; 
}

.imagegallery #selector li.white {
color: #FFFFFF;
}

.imagegallery #image img {
margin: 0;
padding: 0 0 8px 0;
}

.anim {
margin: 0;
padding: 8px 0 6px 0;
}

.imagegallery #image span {
font-size: 9px;
color: #330066;
display: block;
}


/*-------------------End CSS for imagegallery---------------------*/

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 {
clear:both;
}

.entry-content {
margin: 0 0 2em 0;
padding: 0;
}

.entry-meta {
clear:both;
margin: 0 0 4em 0;
padding: 0.5em;
border: thin dotted #CCC;
color: #999999;
}

.entry-meta a {
color: #CC99FF;
text-decoration: none;
}

.entry-meta a:visited {
color: #CC99FF;
}

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

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

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

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

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
font-family: "Courier New", Courier, monospace;
color: #000000;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
border: thin dotted #CCC;
font-size: 12px;
}


.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{
/*color: #9999FF;*/
font-style: italic;
}

div.wp-caption {
padding: 0 0 2px 0;
}


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: -2em 0 4em 0;

}

div#nav-below a {
color: #330066;
text-decoration: underline;
}

div#nav-below a:visited {
color: #330066;
/*text-decoration: none;*/
}

div#nav-below a:hover {
/*text-decoration: none;*/
background: #000;
color: #CC99FF;
}

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:9px;
font-weight: normal;
color: #330066;
text-transform: uppercase;
letter-spacing: 2px;
}

div.sidebar ul li h3 {
margin: 0 0 6px 0;
}

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;*/
margin:0;
}


div.sidebar ul ul li {
/*list-style:disc;*/
list-style:none;
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 {
text-align:left;
}

div#footer {
text-align:center;
}

div#footer a {
color: #CCCCFF;
text-decoration: none;
}

div#footer a:hover {
color: #FFCCFF;
text-decoration: none;
}

div#footer a:visited {
color: #CCCCFF;
}

.meta-sep {
color: #CCCCFF;
}

.footer-col {
color: #CCCCFF;
}

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