/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.3
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
@import url('sandbox-layouts/2c-l.css');
*/

div#container {
	float: left;
	margin: 0 0 0 0;

}
div#content1 {
	margin: 0 0 0 10px;
}
div.sidebar {
	float: right;
	overflow: hidden;
}
div#secondary {
	clear: right;

}
div#footer {
	clear: both;
	width: 876px;
        background: #3c3c3c;
        border: 1px solid #0364ff;
        margin: 0 0 5px 0;
}

body {background: #3b3b3b; color: #fff; font: 75% Georgia, "Times New Roman", Times, serif; text-align: left; background: url('images/bgpattern.gif'); background-attachment: fixed}

a { color: #718fcf; text-decoration: underline;}

	a:visited { color: #718fcf; text-decoration: underline; }

	a:hover { color: #FFF; text-decoration: underline; }
	
	a img { border: none; }


/* Just some example content */
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

h2 {font-size: 16px;}

.entry-title{clear:both; background: #222;}
div#container,div.sidebar{margin-top:5px;margin-bottom:5px;}
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:1.2em;}
div.sidebar input#s{width:7em;}
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:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}


div#footer{text-align:center;}

#container {
border-left: 1px solid #f9d13c;
width: 550px;
margin: 5px 0 0 0;
clear: left;
padding: 5px 0 0 0
}

#taubox {border: 1px solid #888; width:876px; position: relative; margin: 0 auto 0 auto; padding: 145px 5px 0px 5px; background-color: #111; border-style: dotted;

background-image: url('http://osuato.org/images/atobanner.jpg');
background-repeat: no-repeat;
background-position: 50% 5px; 
}

#browserinfo {
width:876px; position: relative; margin: 0 auto 0 auto;
}

#homeabout {
width: 530px;
border: 1px dotted #ccc;
padding: 5px;
margin: 0px auto 0 auto;
clear: left;
}

#creed {width: 300px; text-align: justify; color: #777; padding: 3px; position: relative; margin: 5px auto 5px; auto;}

.lq {margin: 0px 5px 0px 0px;}
.rq {margin: 0px 0px -7px 5px;}

#navlinks {
	color: #ccc;
	padding: 3px;
	margin: 0 0 0 0;
        width: 540px;
	}

#navlinks ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#navlinks ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}


.floatright {
	float: right;
	padding: 3px 3px 3px 3px;
	margin: 3px 0px 3px 3px;
}

.floatleft {
	float: left; 
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 0px;
}

#headertext {
font: verdana;
font-weight: bold;
font-size: 20px;
color: #CCC;
text-align: center;
margin: 5px auto 0 auto;
width: 100%;
}

#wholeside {
float: right;
width: 318px;
margin: 5px 0 0 0;
border-right: 1px solid #f9d13c;
border-left: 1px dashed #444;
text-align: center;
}


/*

*/


div#content {
	position:relative;
	width:300px;
	margin-top:0px;
	background-color:transparent;
}

div#content {
  position:relative;
  overflow:hidden;
}

div#content img {
	position:relative;
	border:none;
}

* html div#content {
	float: left;
}

* html div.controls a {
	height: 10000px;
	background-position: center 150px;
}

div.controls a {
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index:1;
}

div.controls a.previous {
	left: 0;
	background-image: url('http://osuato.org/img/controller/controller_prev.png');
}

div.controls a.next {
	right: 0;
	background-image: url('http://osuato.org/img/controller/controller_next.png');
}
		
div.controls a:hover {
	opacity: 0.40;
	filter: alpha(opacity=40);
	z-index:1;
}

div#content .details_bg {
	background-color:#000;
	opacity: 0.50;
	filter: alpha(opacity=50);
	height:25px;
	width:300px;
	bottom:10px;
	left:10px;
	position:absolute;
	z-index:2;
}

div#content #details {
	position:absolute;
	color:#fff;
	font: 18px/.9em Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	text-align:left;
	top:4px;
	z-index:1;
	left:0px;
	width:300px;
	z-index:3;
	text-align:center;
}

/* corners */

div.corners .left_top {
	position:absolute;
	background:url('http://osuato.org/img/corners/top_left.png') no-repeat top left;
	width:7px;
	height:7px;
	overflow:hidden;
	top:10px;
	left:10px;
	z-index:20;
}

div.corners .right_top {
	position:absolute;
	background:url('http://osuato.org/img/corners/top_right.png') no-repeat top right;
	width:7px;
	height:7px;
	overflow:hidden;
	top:10px;
	right:10px;
	z-index:20;
}

div.corners .right_bottom {
	position:absolute;
	background:url('http://osuato.org/img/corners/bottom_right.png') no-repeat top right;
	width:7px;
	height:7px;
	overflow:hidden;
	bottom:10px;
	right:10px;
	z-index:20;
}

div.corners .left_bottom {
	position:absolute;
	background:url('http://osuato.org/img/corners/bottom_left.png') no-repeat top right;
	width:7px;
	height:7px;
	overflow:hidden;
	bottom:10px;
	left:10px;
	z-index:20;
}

div#content {
	position:relative;
	background-image:url('http://osuato.org/img/bg/bg-screen.png');
	width:300px;
	height:200px;
	padding:10px;
}

#entry-content {border: 1px solid #FFFF00;}

#postbox {
background: #111;
}