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

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

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

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 450px;
    height: 245px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* J-thumb  */

.thumb-img {
	position:relative; 
	width:450px; height:200px;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:150px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	background:url(images/search-trans.png) no-repeat center;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 200px;
	cursor: pointer;
}


/* lightbox */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
	height: 2000px;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 5px solid #666;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(images/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div.wrapperImg a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
a.nyroModalPrev {
	left: 0;
	width: 40%;
}
a.nyroModalPrev:hover {
	background: url(images/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
	width: 40%;
}
a.nyroModalNext:hover {
	background: url(images/next.gif) right 20% no-repeat;
}

/*  by ponytail  */

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
}
img {
	border: none;
}
.clear {
	clear: both;
}
#bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}
#bg img {
	width: 100%;
	height: 100%;
}

#wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

ul {
	list-style: none;
}
a {
	color: #000000;
}
h2 {
	font-size: 22px;
	display: block;
	line-height: 22px;
}
input {
	background: none;
	border: none;
}
.entry-content {
	float: left;
	display: block;
	position: relative;
}
.entry-detail {
	width: 400px;
	height: 210px;
	display: block;
	position: absolute;
	display: none;
	left: 460px;
	top: 0;
}
.entry-detail-in {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.entry-detail-in ul li {
	margin-bottom: 3px;
	background: url(images/blank-trans.png) no-repeat left top;
	_background: url(images/blank-trans.png) no-repeat left top;
	padding: 3px 30px 3px 10px;
}
.entry-meta {
	height: 22px;
	line-height: 22px;
}
div#header,div#footer {
	text-align: left; 
}
.post-block {
	margin-bottom: 30px;
}
.form-textarea {
	position: absolute;
	left: 0;
	top: 0;
	*top: -1px;
}
textarea#comment {
	border: none;
	width: 440px;
	height: 190px;
	background: url(images/comm.png) no-repeat left top;
	padding: 10px;
	color: #333333;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	_background: none;
	_border: solid 5px #666666;
	_width: 430px;
	_height: 180px;
}
.form-submit {
	position: absolute;
	width: 100px;
	margin: 170px 0 0 340px;
	*margin: 80px 0 0 -60px;
	z-index: 1000;
}
input#submit {
	background: none;
	border: none;
	width: 110px;
	height: 30px;
}
.formcontainer {
	position: relative;
}
.form-info {
	position: absolute;
	left: 460px;
	top: 0;
}
#commentform {
	width: 400px;
}
.form-label {
	margin-bottom: 3px;
	background: url(images/blank.png) no-repeat left top;
	_background: none;
	_background-color: #666666;
	padding: 3px 30px 3px 10px;
	*padding: 1px 30px 2px 10px;
}
span.loggedin {
	line-height: 26px;
	display: inline;
	margin-left: 10px;
}
form#commentform span.required {
	color: #333333;
	background: none;
}
.form-input {
	display: inline;
	margin-left: 5px;
	width: 300px;
}
form#commentform .form-label {
	margin: 0 0 3px 0;
}
input#author, input#email, input#url, div.navigation div {
	width: 80%;
}
#page {
	margin-top: -10px;
}
#comments {
	margin-top: 50px;
}
#page #comments-list {
	display: none;
}
.jcarousel-container {
	overflow: hidden;
}
#footer {
	margin-top: 300px;
}
.comment-author img {
	float: left;
	margin-right: 5px;
	background: url(images/blank-trans.png) no-repeat left top;
	padding: 5px; 
}
.comment p {
	float: left;
}
#commentform {
	display: none;
}