/*
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
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/




/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');

* { margin:0; padding:0; outline:0; }

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:0;
}

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,.entry-meta {
clear:both;
}

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

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

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

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

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

.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{
font-style:italic;
}

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-top:1em;
}

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:1.2em;
}

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

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin: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,div#footer {
text-align:center;
}

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


.entry-title, .entry-date {margin-left:50px;}

.edit-link { margin-left: 52px; }

.entry-content h3, ul#links-page {margin-left: 240px; }

.entry-content p {margin-left: 50px; width:640px; }

.entry-content img { margin-top: .5em;}

.about-figure p {margin-left: 240px; }

.entry-meta {padding-top:.25em; padding-bottom: 3em;}

#links-page h3
{
	overflow: hidden;
	visibility: hidden;
}


/* screenkid elements
--------------------------------------------------- */

#header
{
	background-color: white;
	margin: 0 auto;
	height: 160px; height: auto; min-height: 160px;
	width: 980px;
	position: relative;
	background-image: url(mast-nu.gif);
	background-repeat: no-repeat;
}

/* hack for header height
--------------------------------------------------- */

#header {
min-height:160px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #header {
height: 160px;
}
/**/


#header h1,
h2#contact,
h2#contact a,
#header ul,
#home a,
#movies a,
#projects a,
#links a,
#about a,
#header i,
#access i,
.entry-title i,
.projects i,
.movies i,
.links i,
.about i,
#news a {position:absolute;}

#header i,
#access i,
.entry-title i,
h2.projects i,
h2.movies i,
h2.links i,
h2.about i,
h2.news i {left:-9000px;}


#header h1 {width:774px;height:62px;left:9px ; margin:24px 0 0 0;}

#header ul
{
	width: 720px;
	height: 13px;
	background-image: url(nav-fix.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	left:58px;
	margin:142px 0 0 0;
}

#header ul li a { display: block; background-repeat: no-repeat; }


h2#contact
{
	width: 192px;
	height: 92px;
	left: 698px;
	top: 39px;
	font-size: 27px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
	font-family: arial;
}

h2#contact a {display: block; height: 22px; width:192px; }


#home a, #movies a, #projects a, #links a, #about a, #news a { background-image: url(nav-fix.gif); }

#home a
{	
	width: 54px;
	height: 13px;
	top: 0px;
	left: 0px;
	background-position: 0 0;
}
#home a:hover { background-position: 0 -13px; }


#projects a  /* work */
{	
	width: 59px;
	height: 13px;
	top: 0;
	left: 77px;
	background-position: -77px 0;
}
#projects a:hover { background-position: -77px -13px; }



#movies a  /* film */
{	
	width: 45px;
	height: 13px;
	top: 0;
	left: 165px;
	background-position: -165px 0;
}
#movies a:hover { background-position: -165px -13px; }



#about  a  /* info */
{	
	width: 41px;
	height: 13px;
	top: 0;
	left: 230px;
	background-position: -230px 0;
}
#about a:hover { background-position: -230px -13px; }



#links a
{	
	width: 40px;
	height: 13px;
	top: 0;
	left: 297px;
	background-position: -297px 0;
}
#links a:hover { background-position: -297px -13px; }




#news a
{	
	width: 52px;
	height: 13px;
	top: 0;
	left: 371px;
	background-position: -371px 0;
}
#news a:hover { background-position: -371px -13px; }



h2.movies
{
	margin: 12px 0 0 52px;
	background-image: url(film.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 129px; height: 69px;
	padding-bottom: 24px;
}

h2.projects
{
	margin: 12px 0 0 52px;
	background-image: url(work.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 153px; height: 56px;
	padding-bottom: 24px;
}

h2.projects a {display: block; height: 69px; width:375px; top: 0px; left: 0; }


h2.about
{
	margin: 12px 0 0 52px;
	background-image: url(info.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 125px; height: 74px;
	padding-bottom: 24px;
}

h2.links
{
	margin: 12px 0 0 52px;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 137px; height: 64px;
	padding-bottom: 24px;
}


h1.home-graphic
{
	font-size: 24px;
	background-image: url(/);
	margin: 0 0 0 20px;
	position: relative;
	padding: 20px 0 24px 0;
	left: 0;
}

.home-graphic img { border-width: 0; }
 
 
 .links-figure
{
	width: 980px; height: 463px;
	background-image: url(links-bg.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0;
	background-color: #fff;
}
 
 
 .about-figure { width: 980px; height: 281px;
	background-image: url(about-bg.jpg);
	background-repeat: no-repeat;
	background-position: 26px 0px;
	background-color: #fff; 
	}
	
/* movies
--------------------------------------------------- */

.movie-holder { padding: 6px; height: 320px; margin-top: 0;  }

.movie-holder h3 { margin: 0 0 0 29px; font-size: 1em; }

.hvlog { margin: 0 0 0 26px; }

.hvlog img { border-width: 0; }

.entry-content  { margin-top:0; padding-top:0; }
.not-found { }




