/*
THEME NAME: Denebola 50
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Special template for Denebola's 50th site.
VERSION: 0.1
AUTHOR: Chenzhe Cao
AUTHOR URI:
TAGS: one-column, simple, flexible
*/

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

/* Custom content */
html {margin: 0; padding: 0;}

body {color: #333; background: url(images/background.png) repeat; -webkit-font-smoothing: antialiased; line-height: 26px; /*text-shadow: 0px 1px 1px #556270;*/ font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 0.85em;}

.header {top: 0; left: 0; height: 60px; width: 100%; display: block; position: fixed; background: url(images/top-bg.png) repeat-x; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);}

.header h1 a {text-indent: -99999em; width: 100%; height: 60px; text-align: center; background: url(images/top-bg_logo.png) top center no-repeat; display: block; border: 0; text-decoration: none; margin-top: -15px;}


h1#blog-title a {text-indent: -99999em; width: 100%; height: 300px; text-align: center; background: url(images/logo.png) top center no-repeat; display: block; border: 0; text-decoration: none;}

a {
 color: #333;
 text-decoration: underline;
 -webkit-transition: color 0.15s ease-in; /*safari and chrome */
 -o-transition: color 0.15s ease-in; /* opera */
}

a:hover {
 color: #FF6600;
}

a.button {width: 400px; padding: 10px; display: block; background-color: rgba(0, 0, 0, .45); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 auto 20px auto; text-decoration: none; text-align: center; font-size: 2em; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); }

a.button:hover {background-color: rgba(0, 0, 0, .55);}

.space {height: 80px; width: 855px; display: block;}

/* 1140px */
.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 855px;
margin: 0 auto;
overflow: hidden;
clear: both;
}

.twelvecol {
width: 100%;
float: left;
}

.entry-meta {
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: rgba(0, 0, 0, 0.2) 5px solid;
}

.sidebar {
	width: 100px;
	float: left;
}

.sidebar_content {
float: left;
width: 240px;
}

.left-row {
float: left;
width: 500px;
margin-left: 10px;
}

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

/* Scrollbar */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

html {
	overflow-y: hidden;
	}
	
body {
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 10px; 
	overflow-y: scroll;
    }
}

@media only screen and (max-device-width:480px) {

html {
    overflow-y: hidden;
	}
	
body {
	position: relative;
	top: auto; 
	right: auto; 
	bottom: auto; 
	left: auto; 
	overflow: auto;
	}
}

@media only screen and (max-device-width:1024px) {

html {
    overflow-y: hidden;
    }
    
body {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	overflow: auto;
	}
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px; 
	z-index: 999;
}

::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment { 
	display: block;
}

::-webkit-scrollbar-thumb:vertical {
	height: 20px;
	background-color: rgba(0,0,0,0.3); 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.9); 
}

::-webkit-scrollbar-track:enabled {
	background-color: transparent;
}

::-webkit-scrollbar-track-piece {
	background-color: transparent;
	border: none;
	margin: 75px 0 0px 0;
}