/**************************************************
Basic HTML
***************************************************/

body {
  font: 12px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  color: #000;
  background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/body-background.jpg);
}

pre,
code, .code {
 font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

code {
border:1px solid #eee;
background:#fcfcfc;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
}

/**************************************************
Fonts
***************************************************/

@font-face {
font-family: 'Embedded';
src: url('http://www.9bitstudios.com/wp-content/themes/9bit/fonts/DroidSans-Bold-webfont.eot');
src: url('http://www.9bitstudios.com/wp-content/themes/9bit/fonts/DroidSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
     url('http://www.9bitstudios.com/wp-content/themes/9bit/fonts/DroidSans-Bold-webfont.woff') format('woff'),
     url('http://www.9bitstudios.com/wp-content/themes/9bit/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
     url('http://www.9bitstudios.com/wp-content/themes/9bit/fonts/DroidSans-Bold-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}

/**************************************************
Headings
***************************************************/

h1,h2,h3,h4,h5.h6 { font-family:Embedded; font-weight:normal; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

/**************************************************
Links
***************************************************/

a {
  color: #704214;
  text-decoration: none;
  font-weight:bold;
}

a:hover {
  color: #963;
  text-decoration: underline;
}

/**************************************************
FORMS
***************************************************/

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #777;
background: url(http://www.9bitstudios.com/wp-content/themes/9bit/images/input-background.png) repeat-x #fff;
font-size: 11px;
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2);
}

label,
legend {
font-weight: bold;
}

label span,
legend span {
font-weight: normal;
color: #444;
}

/**************************************************
BUTTONS
***************************************************/

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #eee; /* Old browsers */
background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
border: 1px solid #aaa;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #444;
text-decoration: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
font-size:11px;
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222;
background: #ddd; /* Old browsers */
background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
border: 1px solid #888;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
border: 1px solid #666;
background: #ccc; /* Old browsers */
background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ 
outline:none;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}

/**************************************************
SOCIAL MEDIA
***************************************************/

.rss {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-rss.png") 0 0 no-repeat;
text-decoration: none;
}

.twitter {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-twitter.png") 0 0 no-repeat;
text-decoration: none;
}

.fb {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-facebook.png") 0 0 no-repeat;
text-decoration: none;
}

.mail {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-mail.png") 0 0 no-repeat;
text-decoration: none;
}

.youtube {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-youtube.png") 0 0 no-repeat;
text-decoration: none;
}

.vimeo {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-vimeo.png") 0 0 no-repeat;
text-decoration: none;
}

.linkedin {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-linkedin.png") 0 0 no-repeat;
text-decoration: none;
}

.flickr {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-flickr.png") 0 0 no-repeat;
text-decoration: none;
}

.picasa {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-picasa.png") 0 0 no-repeat;
text-decoration: none;
}

.deviantart {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-deviantart.png") 0 0 no-repeat;
text-decoration: none;
}

.skype {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-skype.png") 0 0 no-repeat;
text-decoration: none;
}

.digg {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-digg.png") 0 0 no-repeat;
text-decoration: none;
}

.reddit {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-reddit.png") 0 0 no-repeat;
text-decoration: none;
}

.googleplus {
background: url("http://www.9bitstudios.com/wp-content/themes/9bit/images/icon-googleplus.png") 0 0 no-repeat;
text-decoration: none;
}


/**************************************************
WEBSITE CONTAINER
***************************************************/

div.wrap {

}

div.container {

}


/**************************************************
Header
***************************************************/

div.headerContainer {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/header-background.png) repeat-x;
}

div.header {
}

/**************************************************
SEARCH
***************************************************/

div#search form {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/search-background.png) top left no-repeat;
}

div#search form input { 
color:#ccc;
font-style:italic;
}

div#search input[type="text"]:focus,
div#search input[type="password"]:focus,
div#search input[type="email"]:focus,
div#search textarea:focus {
border: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

div#search form button { 
background:none;  
}


/**************************************************
MENU
***************************************************/

div.menuContainer {
}

/**************************************************
Midlayer
***************************************************/

div.midlayerContainer {

}

div.midlayer {
}

/**************************************************
MAIN CONTAINER
***************************************************/

.container_12 {
}

.containerBackground {
}

/**************************************************
PAGE & POST Content
***************************************************/

div#crumbs {
font-size:11px;
}

div.postContent {
background:#fff;
border:1px solid #eee;
box-shadow: 0 0 1px #999;
-moz-box-shadow: 0 0 1px #999; 
-webkit-box-shadow: 0 0 1px #999; 
}

div.postContent h2 {
marign:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div.postInfo {
font-size:11px;
font-weight:bold;
color:#000;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}

div.captionText {
font-size:24px;
color:#ccc;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
background:#fff;
}

blockquote {
font-size:24px;
color:#ccc;
border:1px solid #eee;
background:#fff;
}

div.dropcap {
font-size:13px;
}

div.quoteLeft {
border-right:3px solid #999;
font-size:14px;
font-style:italic;
color:#ccc;
}

div.quoteRight {
border-left:3px solid #999;
font-size:14px;
font-style:italic;
color:#ccc;
}

div.boxLeft, div.boxRight {
border:1px solid #ccc;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-border-radius:5px;
background:#eee;
font-size:14px;
font-style:italic;
color:#999;
}

blockquote {
border:1px solid #ccc;
background:#eee;
font-size:14px;
font-style:italic;
color:#999;
}

.accepted {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/alert-accepted.png) left no-repeat;
background-position:5px 5px;
border:1px solid #090;
color:#090;
background-color:#9fc;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

.warning {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/alert-warning.png) left no-repeat;
background-position:5px 5px;
border:1px solid #fc0;
color: #fc0;
background-color:#ffc;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

.cancel {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/alert-cancel.png) left no-repeat;
background-position:5px 5px;
border:1px solid #900;
color: #900;
background-color:#fc9;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

/**************************************************
SIDEBAR
***************************************************/

div.sidebar {

}

div.sidebar a {
font-weight:normal;
}

div.sidebar h2 {
color:#333;
}

.sidebar li a {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/arrow-dark.png) no-repeat;
background-position:0px 9px;
border-bottom:1px dotted #333;
text-decoration:none;
}

ul#recentcomments li.recentcomments {

}

ul#recentcomments li.recentcomments a  {
background:none;
}

#wp-calendar a {
font-weight:bold;
}

#wp-calendar caption {
font-weight:bold;
}

div.sidebarBox {

}

/**************************************************
COMMENTS 
***************************************************/

div#comments {
} 

div#comments h2, div#respond h2 {
}

ol.commentlist li {
border:1px solid #eee;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
}

ol.commentlist ul li {
border:none;
}

/*** DEFAULT COMMENTS ***/

ol.commentlist li.thread-even  {
border:1px solid #eee;
background:#fff;  
}

ol.commentlist li.thread-odd {
border:1px solid #eee;
background: #fff;  
}

a.comment-reply-link {
}

a.comment-reply-link:hover {    
}

/*** CUSTOM COMMENTS ***/

.commentAuthor {
}

.commentDate {
}

.commentBody {
}

.commentModeration {
font-size:10px;
color:#900;
}

/*** AUTHOR COMMENTS ***/

ol.commentlist li.bypostauthor, ol.commentlist ul.children li.bypostauthor {
}

ol.commentlist li.bypostauthor .commentAuthor, ol.commentlist ul.children li.bypostauthor .commentAuthor, 
ol.commentlist li.bypostauthor .commentDate, ol.commentlist ul.children li.bypostauthor .commentDate,
ol.commentlist li.bypostauthor .commentBody, ol.commentlist ul.children li.bypostauthor .commentBody { 
}

/*** REPLY COMMENTS ***/

ol.commentlist ul.children li { 
border-left:5px solid #ccc;
-moz-border-radius:0px;
border-radius:0px;
-webkit-border-radius:0px;
}

ol.commentlist li.bypostauthor ul.children li .commentAuthor,
ol.commentlist li.bypostauthor ul.children li .commentDate,
ol.commentlist li.bypostauthor ul.children li .commentBody p {
color:#333;
}

ol.commentlist li.bypostauthor ul.children li.bypostauthor {
}

ol.commentlist li.bypostauthor ul.children li.bypostauthor .commentAuthor,
ol.commentlist li.bypostauthor ul.children li.bypostauthor .commentDate,
ol.commentlist li.bypostauthor ul.children li.bypostauthor .commentBody p {
color:#fff;
}

/*** << OLDER COMMENTS NEWER COMMENTS >> ***/

div.commentNavigation a {
font-weight:bold;
}

/**************************************************
FOOTER
***************************************************/

div.footerContainer {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/footer-background.png) repeat-x #333;
color:#fff;
}

.footerContainer a {
font-size:10px;
text-shadow:0px 1px 0px #000;
text-decoration:none;
color:#ccc;
font-weight:normal;
}

.footerContainer a:hover {
color:#fff;
}

.footerContainer h3 {
font-family:Embedded;
font-weight:normal;
color:#fff;
border-bottom:1px dotted #999;
}

.footerContainer li {
list-style-type:none;
border-bottom:1px solid #666;
}

.footerContainer li a {
background:url(http://www.9bitstudios.com/wp-content/themes/9bit/images/arrow-light.png) no-repeat;
background-position:0px 8px;
}

/**************************************************
PAGINATION
***************************************************/

.pagination a {
border:1px solid #999;
font-family:Arial,sans-serif;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-decoration:none;
font-weight:normal;
background:#fff;
}

.pagination a:hover {
background-color:#eee;
}

.pagination a.current {
background-color:#eee;
}

/**************************************************
TABS
***************************************************/

div.tabBox h3 {
}

ul.tabs {
border-bottom: 1px solid #ccc;
}

ul.tabs li {
border: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #eee;
border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-top-left-radius:3px;
border-top-right-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-top-right-radius:3px;
}

ul.tabs li a {
text-decoration: none;
font-size: 11px;
color: #000;
border: 1px solid #fff;
outline: none;
}

ul.tabs li a:hover {
background: #eee;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {  
background: #fff;
border-bottom: 1px solid #fff; 
}

.tabContainer {
border: 1px solid #ccc;
border-top: none;
background: #fff;
}

.tabContent {
font-size: 1em;
}

/**************************************************
LATEST POSTS W/THUMBNAILS
***************************************************/

div.latestPostThumbnails {
}

div.latestPostThumbnail {

}

div.latestPostThumbnailText a {
font-weight:bold;
}

/**************************************************
FLICKR
***************************************************/

.flickrThumb {
}

.flickrThumb a { 
background:none; 
}
.flickrThumb img { 
border: 2px solid #fcfcfc;
box-shadow: 0 0 4px #444;
-moz-box-shadow: 0 0 4px #444; 
-webkit-box-shadow: 0 0 4px #444; 
}

/**************************************************
TWITTER
***************************************************/

.tweet li {
font-size:10px;
border-bottom:none;
}

.tweet li a {
background-image:none;
border-bottom:none;
}

/**************************************************
IMAGE BUTTONS
***************************************************/
a.imageButtonSmall, a.imageButton, a.imageButtonLarge {
text-decoration: none;
color:#fff;
font-weight:bold;
}

a.imageButtonSmall {
font-size:10px;
}

a.imageButtonLarge {
font-size:16px;
}

a.imageButtonSmall {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-small-right.png') no-repeat scroll top right;
}

a.imageButtonSmall span {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-small-left.png') no-repeat;
}

a.imageButton {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-medium-right.png') no-repeat scroll top right;
}

a.imageButton span {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-medium-left.png') no-repeat;
}

a.imageButtonLarge {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-large-right.png') no-repeat scroll top right;
}

a.imageButtonLarge span {
background: transparent url('http://www.9bitstudios.com/wp-content/themes/9bit/images/imagebutton-black-large-left.png') no-repeat;
}

a.imageButtonLarge:hover {
}