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

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


/* Reset */
* { margin:0; padding:0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption
{
	margin: 0;
	padding: 0;
	border: 0;
	border: none;
	outline: 0;
	font-family: inherit;
	text-align: left;
	list-style: none;
	}
	
table {border-collapse: collapse; border-spacing: 0;}

/* Global styles */
body { font-size: 76%; font-family: Trebuchet MS, sans-serif; color: #585858; background: #efefef; }


h1, h2, h3, h4, h5 { font-family: Trebuchet MS, sans-serif; }

h1 { font-size: 36px; color: #a0a0a0; font-style: normal; font-weight: 400; margin-top:5px; margin-bottom:15px; }
h2 { font-size: 36px; color: #a0a0a0; font-style: normal; font-weight: 400; margin-top:5px; margin-bottom:5px; }
h2.gallerypage { font-size: 36px; color: #a0a0a0; font-style:italic; font-weight: 400; margin-top:5px; margin-bottom:10px; } 
h3 { font-size: 22px; color: #a0a0a0; font-style:italic; font-weight: 400; margin-top:5px; margin-bottom:10px; }
h4 { font-size: 1.1em; color: #a0a0a0; font-style: normal; font-weight: 400; margin-top:5px; margin-bottom:8px; }
h5 { font-size: 1.0em; color: #a0a0a0; font-style: normal; font-weight: 400; margin-top:5px; margin-bottom:8px; }

a:link {color: #66cc99; text-decoration:none; font-weight: bold; line-height: 1.6em;}
a:visited {color: #66cc99; text-decoration:none; font-weight: bold; line-height: 1.6em;}	
a:hover {color: #FF000D; text-decoration:none; font-weight: bold; line-height: 1.6em;}
a:active {color: #66cc99; text-decoration:none; font-weight: bold; line-height: 1.6em;}

p, .entry-date strong, center { font-size: .9em; line-height: 1.6em; font-family: Trebuchet MS, sans-serif; margin-bottom:12px; margin-top:8px;}
div.gallerypage p { width: 480px; text-align: justify; }


/* Default special styles */

.capitalize { text-transform: capitalize;}
.all-caps { text-transform: uppercase;}
.text-center { text-align:center;}
.text-right { text-align:right;}

.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}

.float-left{float:left;}
.float-right{float:right;}

.shadow {
	box-shadow: 2px 2px 3px #bababa;
	-webkit-box-shadow: 2px 2px 3px #bababa;
	-moz-box-shadow: 2px 2px 3px #bababa;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#818181, direction=120, strength=3)
	}

.round { 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	
.fancy {
	font-family: 'Crimson Text', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1em;
	color: #000;
	}
	
.hr { background-color:#e0e0e0; display:block; height:1px; margin:15px 0; width:100%;}
div.hr hr { display:none;}
hr { border:1px solid #e0e0e0; height:1px;}

.green {color: #447a8e;}
.gray {color: #959595;}
.red { color: #960103;}


/* Full Width Background  */

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:100%;
    left:-50%;
    position:absolute;
    top:0;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 960px;
    padding: 0px;
    font: 14px/2 Trebuchet MS, sans-serif;;
    background:url(images/logo-old.png) 20px top no-repeat; display: block;
    min-height: 188px;

    /*
      filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    */
}

#focus-stealer {position: absolute; left: -9999px; }

/* Header */ 

#header { height: 100px; display: block;  }

/* Menu */

div#menu {
background: none;
height:1.5em;
margin:0 0 20px;
padding-left: 20px;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul li ul li, div#menu ul li ul li:first-child  { border-right: none; padding: 3px 15px; }

div#menu ul a {
display:block;
margin-right:1.1em;
text-decoration:none;
font-family: 'Orbitron', arial, serif;
text-transform: uppercase;
color: #666;
font-size: 1.1em;
}

div#menu ul a:hover { color: #66cc99; }

div#menu ul li.current_page_item a { color: #66cc99;  }

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

ul.children li { float: none !important; padding: 3px 15px; font-size: 11px; } 
ul.children li a { color: #fff !important; font-family: Trebuchet MS, sans-serif !important; }
ul.children li a:hover { color: #66cc99 !important; }
ul.children li.current_page_item a { color: #66cc99 !important; }
ul.children { background:url(images/content-bg.png); }

.ngg-slideshow { float: right; }

/* Main Content */

#content, .sidebar { background:url(images/content-bg_2.png); padding: 20px; color: #fff; }

pre { font-size: 12px;  }

.entry-meta { padding: 5px; border-bottom: 1px dashed gray; margin-bottom: 20px; clear: both;  }
.entry-date strong { }

ul#social-media { display: block; float: right; top: 40px; position: relative;}
ul#social-media li { float: left; padding-right: 10px; }

.ngg-galleryoverview { background: #000 !important; padding: 3px !important; }


body.page-template-default p { text-align: justify;
    width: 480px; } 

div#footer { background:url(images/content-bg_2.png); margin-bottom: 15px; }
























/* Just some example content */
Update March 2016: I changed: "images/content-bg.png" to "images/content-bg_2.png". This changed the photo background from black to white.
 
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

/*
.entry-title,.entry-meta {
clear:both;
} */

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

form#commentform span.required {
background:none;
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 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#menu ul li { border-right: 2px solid #a2a2a2; padding-left: 1.1em; }
div#menu ul li:first-child { padding-left: 0; }
div#menu ul li:last-child { border-right: none; }


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