/*
THEME NAME: SandboxArcades
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS:  widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */

/* Just some example content */

* {	padding:0;
	margin: 0;
}




html {
	height:100%;
	}
* html{
height:100%;
	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image: url(images/utility/map_bkgnd.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #fddcc9;
	text-align: center;
	}
	
#container{
width:760px;
position:relative; /* needed for footer positioning*/
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
margin-left: auto;
margin-right: auto;
padding:0;
}
* html #container {
height: 100%;
}

#header {	
	top:0;
	padding: 0;
	margin: 0;
	width:760px;
	height:200px;
	background-image: url(images/utility/arcade_title.jpg);
	}
*html #header{
position: absolute;
left:0px;
top:-20px;
}

#nav_bar{
width:760px;
height:50px;
margin: auto;
text-align: left;
}
*html #nav_bar{
position: absolute;
top:200px;
left:0px;
}
#main_nav{
width:760px;
height:50px;
margin: 0;
padding:0;
list-style: none;
}
#main_nav ul{
width:760px;
height:50px;
margin: 0;
padding:50px;border:0;
}
#main_nav li{
width:130px;
height:50px;
display: inline;
}
#main_nav a{
text-decoration: none;
}
a#about{background: url(images/button/about.png);background-position: 0px 0px; background-repeat: no-repeat;
width:130px; height:50px; position:absolute;left:10px;overflow: hidden;}
a#about:hover {background: url(images/button/about.png);background-position: -130px 0px; background-repeat: no-repeat;
width:130px; height:50px; position:absolute;left:10px; overflow: hidden;}

a#projects {background: url(images/button/projects.png);background-position:0px 0px; background-repeat: no-repeat; 
width:130px; height:50px; position:absolute;left:140px; overflow: hidden;}
a#projects:hover {background: url(images/button/projects.png); background-position: -130px 0px;background-repeat: no-repeat;
width:130px; height:50px; position:absolute;left:140px; overflow: hidden;}

a#takepart {background: url(images/button/takepart.png); background-position:0px 0px; background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:270px; overflow: hidden;}
a#takepart:hover {background: url(images/button/takepart.png); background-position:-130px 0px; background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:270px; overflow: hidden;}

a#filmclub {background: url(images/button/filmclub.png);background-position:0px 0px;  background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:400px; overflow: hidden;}
a#filmclub:hover {background: url(images/button/filmclub.png);background-position:-130px 0px;  background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:400px; overflow: hidden;}

a#symposium {background: url(images/button/symposium.png);background-position:0px 0px;  background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:530px; overflow: hidden;}
a#symposium:hover {background: url(images/button/symposium.png);background-position:-130px 0px;  background-repeat: no-repeat; width:130px; height:50px; position:absolute;left:530px; overflow: hidden;}

.hide{visibility: hidden;}
.button{border: 0;}


#sidebut{
margin: 0;
padding:0;
list-style: none;
}
#sidebut ul{
width:130px;
height:50px;
margin: 0;
border:0;
}
#sidebut li{
width:130px;
height:50px;
display: inline;
}
#sidebut a{
text-decoration: none;
}
#contact {background: url(images/button/contact.png);background-position:0px 0px;  background-repeat: no-repeat; width:150px; height:50px; 
 position:absolute;top:50px;  overflow: hidden;}

a#moreinfo {background: url(images/button/more.png);background-position:0px 0px;  background-repeat: no-repeat; width:150px; height:50px; 
position:absolute;top:100px; overflow: hidden;}



#headerbar{
margin:0px;
width:760px;
height:150px;
}

#content{
font-size: 1.5em;
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
padding:0 0 5em; 0 /* bottom padding for footer */
margin-left: auto;
margin-right: auto;
text-align:left;
position:relative;
}
*html #content{
height: 100%;
position: absolute; 
top:387px;
left:0px;
}


#primary{
width:500px;
min-height:100%;
padding:10px 10px 20em 30px;
* html #primary{
height: 100%;
}

}
#sidebar{
float:right;
min-height:100%;
width: 150px;
padding:60px 30px 0 10px;
	}
#sidelinks{
margin-top:150px;}

#pagehead{height:137px; width:760px;}
*html #pagehead{position:absolute; top:250px; left:0px;}
.abouttitle {background: url(images/about/about_header.jpg);background-repeat: no-repeat; height:137px; width: 760px;}
.projectitle {background: url(images/projects/projects_header.jpg);background-repeat: no-repeat; height:137px; width: 760px;}
.takeparttitle {background: url(images/takepart/takepart_header.jpg);background-repeat: no-repeat; height:137px; width: 760px;}
.filmclubtitle {background: url(images/filmclub/filmclub_header.jpg);background-repeat: no-repeat; height:137px; width: 760px;}
.symposiumitle {background: url(images/symposium/symposium_header.jpg);background-repeat: no-repeat; height:137px; width: 760px;}

.about_bkgd{ background: url(images/about/about_bkgnd.jpg);}
.projects_bkgd{ background: url(images/projects/project_bkgnd.jpg);}
.takepart_bkgd{ background: url(images/takepart/takepart_bkgnd.jpg); }
.filmclub_bkgd{ background:  url(images/filmclub/filmclub_bkgd.jpg); }
.symposium_bkgd{ background: url(images/symposium/symposium_bkgnd.jpg); background-repeat: repeat;}
.paper_bkgd{ background: url(images/utility/paper_bkgd.jpg);}


#footer{
width:760px;
margin-bottom: 20px;
padding-bottom:10px;
clear: both;
position:absolute;
bottom:0; /* stick to bottom */
text-align: center;
}
*html #footer{
position: absolute;
bottom:0px;
left:0px;}

#footer_nav li {
display: inline;
padding:6px;}

ul{
list-style: none;}

.date{
color: #666;
}
p{
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding:5px 0px 5px 0px;
}

a:link, a:visited{
color: #769884;
text-decoration: none;
}
a:hover{
color:#588382;
text-decoration: underline;}

h1{
font-family: Georgia, Times, sans-serif;
font-weight: lighter;
padding:8px 0px 8px 0px;}

h2{
font-family: Georgia, Times, sans-serif;
font-size: medium;
padding:8px 0px 5px 0px;}


.entry-title{font-family: Georgia, Times, sans-serif;}
.entry-content{padding-bottom: 0.2em;}
.entry-meta{padding-bottom: 0; font-size:xx-small;}
.entry-date{padding-bottom: 1em; font-size:xx-small; color:#89756d; }
div#container,div.sidebar{margin-top:2em;}
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:#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;}
div.comments ol 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:1em;}
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 li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0em;}
div.sidebar ul ul ul li{list-style:none;}



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



hr {
	display: none;
	}

a img {
	border: none;
	}




/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

.formfield{
background-color: #fcecde;
border:solid 1px #999999;}
.formbutton{
background-color: #fff;
border:solid 1px #cc3300;}
/* End Contact Form CSS */

/* homepage styles */
#home{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image: url("images/utility/homemap_bkgnd.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #eed6cb;
	text-align: center;
	}
#home_container{
width:720px;
position:relative; /* needed for footer positioning*/
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
margin-left: auto;
margin-right: auto;
padding:0;
}
* html #home_container {
height: 100%;
}
#title {	
	top:0;
	padding: 0;
	margin: 0;
	}
#homenav{
margin: 0;
padding:0;
list-style: none;
}
#homenav ul{
margin: 0;
padding:0;border:0;}

#homenav li{
border:0px;
margin: 0px;
padding: 0px;
display: block;
}


	
/* end of homepage styles */