/*
THEME NAME: Sandbox for WordPress 2.7+
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists. Just for WordPress 2.7.
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> Edit by <a href="http://dreamcolor.net/">Dreamcolor</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
a:link, a:visited, a:hover {text-decoration: none;}

/* fonts */
html {background-color: #eee;}

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.85em;
font-weight: 500;
color: #333;}

p {
line-height: 150%;
margin-bottom: 1em;}

h1 {
font-size: 1.75em;
font-weight: 900;
margin-bottom: 2em;}

h2 {
font-size: 1.2em;
font-weight: 900;
margin-top: 2em;}

h3 {
font-size: 0.9em;
font-weight: 900;}

em {font-style: italic;}

a:link, a:visited {
border-bottom: 2px solid #de6e00;
color: #de6e00;}


/* page */
#wrapper {
width: 850px;
display: block;
margin: 0 auto;
background-color: #fff;}

#content {
margin: 0 1em;
/* min-height: 500px; */}

#content li {display: inline;}

.left_listpic {margin: 15px 20px 15px 30px;}

.listpic {margin: 15px 20px 15px 0;}

.right_listpic {margin: 15px 0;}


/* alignment classes */
.alignright,img.alignright{
float: right;
margin-left: 1em;}

img.alignright{
border: 2px solid #999;}

#content img.alignright {margin: 0 0 0.5em 1em;}

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

img.alignleft{
padding: 0.25em;
border: 2px solid #999;}

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

.textcenter {text-align:center;}

.logo {
display: block;
margin: 0 229px;
padding-top: 1em;
text-align: center;}

.right20 {margin-right: 20px;}

.bottom15 {margin-bottom: 15px;}

.event {
text-transform: uppercase;
display: block;
margin: 15px auto;
text-align: center;}

.title {
font-weight: 900;
color: #de6e00;}


/* header */
#header {
min-height: 100px;
background-repeat: repeat-x;
background-image: url(images/background.jpg);}

#header img {border: none;}


/* menu */
#menu {
width: 850px;
display: block;
margin: 0 auto;
background-color: #aaa;
padding: 0.25em 0;
max-height: 21px;}

#navlist {
width: 425px;
display: block;
margin: 0 auto 0;
padding: 0 1px;}

#navlist li {display: inline;}

#navlist li a {
padding: 0.25em 0.75em;
background: #aaa;}

#navlist li a {
padding: 0.25em 0.75em;
color: #fff;}

#navlist li a:hover {
padding: 0.25em 0.75em;
background: #de6e00;}

/* footer */
#footer {
background-color: #aaa;
width: 850px;}

#footer p {
font-size: 0.8em;
line-height: 100%;
margin-bottom: 0;
padding: 0.5em 0;}


/* links */
img a {border: none;}

#content a:link {
border-bottom: 2px solid #de6e00;
color: #de6e00;}

#content a:hover {
border-bottom: none;
color: #de6e00;}

#mainMenu a {
text-decoration: none;
color: #000;}


/* lavalamp */
#mainMenu {
color: #000000/* 4c4c4c */;
height: 28px;
padding: 0px 0px;
margin-top: 0px;
width: 850px;
background-color: #aaa;}

#mainMenu ul {float: left;}

#mainMenu ul li {
float: left;
color: #bcb8bf;}

#mainMenu ul li a,#mainMenu ul li a:link,#mainMenu ul li :visited {
text-decoration: none;
color: /* #bcb8bf */ #000000;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;}

#mainMenu ul li a:hover {text-decoration: none;}

.lavaLamp ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
position: relative;
padding: 0px 10px;
margin: 0px auto;
overflow: hidden;
height: 28px;}

.lavaLamp ul li.back {
background: transparent url("images/slider.png") no-repeat right -28px;
width: 9px;
height: 28px;
z-index: 8;
position: absolute;
margin-top: 0px;}

.lavaLamp ul li.back .left {
background: transparent url("images/slider.png") no-repeat top left;
height: 28px;
margin-right: 9px; /* 7px is the width of the rounded shape */
width: 100%;}

.lavaLamp ul li a {
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 28px;
position: relative;
overflow: hidden;
margin: auto 10px;
text-decoration: none !important;}

.lavaLamp ul li a:hover,.lavaLamp ul li a:active,.lavaLamp ul li a:visited {border: none;}


/* misc styles */
.disc {
margin-left: 2em;
list-style-type: disc;}