/*
Theme Name: TheBitBlock
Theme URI: http://www.thebitblock.com
Version: 1.0.1

*/

body {
font: 76% Arial, Helvetica, sans-serif;
color: #444444;
/*background: #EBEBEB url("images/web/background_top.png") no-repeat 50% 0%;*/
background: #EBEBEB url("background.png") no-repeat 50% 0%;
margin: 0px;
padding: 50px 0px 40px 0px;
line-height: 1.5;
}

/* links */
a {
color: #00A8FF;
text-decoration: none;
}
a:visited {
color: #0080BF;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
.moreLink {
position: absolute;
right: 0;
top: 0;
padding: 10px 0;
font-size: 11px;
}
.edit {
padding-left: 20px;
margin-left: 10px;
background: url("images/icons/24.png") no-repeat 0% 50%;
display: inline-block;
}

/* img */
img {
border: 0;
}

/* paragraphs */
p {
padding: 5px 0;
margin: 0px;
font-size: 12px;
}

/* headings */
h1 {
margin:0px;	
padding-left: 0px;
font: bold 30px Arial, Helvetica, sans-serif;
color: #00A8FF;
}
h2 {
color: #444444;
border-bottom: 1px solid #ebf7ff;
font: bold 22px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
line-height: 1.5em;
}
h2 a, h2 a:visited {
color: #444444;
text-decoration: none;
}
h2 a:hover {
color: #00A8FF;
text-decoration: none;
}
h3 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #444444;
padding: 0;
margin: 10px 0;
}

/* standard behaviour */
.noDisplay {
display: none;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.noTopMargin {
margin-top: 5px !important;
}
.prependSpace-9 {
margin-left: 180px;
}

/* tables */
table {
background: #E7EDF0;
border: none;
padding: 0;
margin: 0;
border-collapse: collapse;
}
caption {
display: none;
}		
thead th {
background: #E7EDF0;
border-bottom: 1px solid #ebf7ff;
padding: 5px 10px;
}
tbody td {
background: #F2F4F5;
border-bottom: 1px solid #ebf7ff;
padding: 5px 10px;
}
tbody td.odd {
background: #FAFBFC;
border-bottom: 1px solid #ebf7ff;
}

/* forms */
form {
border: none;
padding: 0;
margin: 0;
color: #CBEEFF;
}
fieldset,
div.field {
margin: 0 0 10px 0;	
padding: 0;	
border: none;
background: #4EC3FF url("images/web/fieldset_bottom_back.png") no-repeat bottom left;
color: #CBEEFF;
}
fieldset > div, fieldset div,
div.field div {
background: url("images/web/fieldset_top_back.png") no-repeat top left;
padding: 20px;
}
fieldset.last {
margin-bottom: 0;
}
fieldset.first {
margin-top: 0;
border-top: 0;
}
fieldset a, fieldset a:visited, fieldset a:hover, div.field a, div.field a:visited, div.field a:hover {
color: #FFFFFF;
}
legend {
font-weight: bold;
}
label {
float: left;
display: block;
width: 15em;
font-weight: bold;
color: #FFFFFF;
}
label em {
font-size: 11px;
color: #CBEEFF;
font-style: normal;
}
.noBold {
font-weight: normal;
}
input.text,
input[type="text"] {
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
}
input.inputSmall {
width: 75px;
}
#headerbar input.text {
width: 210px;
}
input.radio, input.checkbox, input.submit,
input[type="radio"], input[type="checkbox"] {
width: auto;
}
input.radio, input.checkbox, input.submit {
float: left;
margin-right: 10px;
}
textarea {
width: 300px;
height: 100px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #444444;
}
textarea.largeTextarea {
width: 650px;
}
.inputInfo {
font-size: 11px;
color: #CBEEFF;
display: block;
}
p.inputInfo {
padding-top: 0px;
}

/* lists */

ul {
padding: 5px 10px;
list-style: disc;
margin-left: 20px;
}
ol {
padding: 5px 10px;
list-style: auto;
margin-left: 20px;
}
li {
padding: 1px 0;
margin: 0;
}

/* header */
#header {
width: 960px;
height: 155px;
position: relative;
}
#users {
text-align: right;
margin-right: 20px;
margin: 
}
#users p {
font-size: 11px;
padding: 0;
}
#users .login {
padding-left: 20px;
margin-left: 10px;
background: url("images/icons/55.png") no-repeat 0% 50%;
display: inline-block;
}
#users .register {
padding-left: 20px;
margin-left: 10px;
background: url("images/icons/24.png") no-repeat 0% 50%;
display: inline-block;
}
#headerimg {
position: absolute;
left: 17px;
top: 38px;
}
#headerimg .description{
color: #8c8c8c;
font-size: 12px;
}
#topad {
position: absolute;
width: 728px;
right: 10px;
top: 10px;
}
#headerbar {
background-color: #00A8FF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#33b9ff), to(#00A8FF));
background-image: -moz-linear-gradient(top, #33b9ff, #00A8FF);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#33b9ff,endColorStr=#00A8FF); 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
left: 10px;
right: 10px;
bottom: 0;
height: 45px;
}
#animalcrossing a {
text-indent: -9999em;
height: 75px;
width: 500px;
position: absolute;
top: -60px;
right: 0px;
display: block;
border: 0;
}

/* navigation */
#nav {
list-style: none;
margin: 0px;
padding: 0;
float: left;
border-right: 1px solid #00a1f4;
height: 100%;
}
#nav li {
float: left;
padding: 0;
margin: 0;
position: relative;
height: 100%;
}			
#nav a {
color: #FFFFFF;
text-decoration: none;
background: transparent;
padding: 15px 30px;
margin: 0;
font: bold 12px Arial, Helvetica, sans-serif;
display: block;
border-right: 1px solid #5fc8ff;
border-left: 1px solid #00a1f4;
}
#nav a:visited {
color: #ffffff;
text-decoration: none;
}
#nav a:hover{
color: #FFFFFF;
background-color: #59C6FF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#59c6ff), to(#00A8FF));
background-image: -moz-linear-gradient(top, #59c6ff, #00A8FF);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#59c6ff,endColorStr=#00A8FF); 
}
#nav>li:first-child a{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#nav li.current_page_item a {
color: #FFFFFF;
background-color: #333333;
background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#222222));
background-image: -moz-linear-gradient(top, #484848, #222222);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#484848,endColorStr=#222222); 
border-right: 1px solid #484848;
border-left: 1px solid #222222;	
}
#nav li:first-child a {
border-left: 0;
}
#nav li ul.dropdown {
    display: none;
    float: none;
    position: absolute;
    left: 0;
    top: 45px;
    white-space: nowrap;
    text-indent: 0;
    padding: 0;
    margin: 0;
    background: #00A8FF;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}

#nav li:hover ul.dropdown {
    display: block;
    z-index: 100;
    list-style-type: none;
}

#nav li ul.dropdown li {
    float: none;
    border: none;
    white-space: nowrap;
    padding: 0;
    display: block;
    text-indent: 0;
    margin: 0;
}

#nav li ul.dropdown li.current-cat a {
    background: #5CBBFC;
}

#nav li ul.dropdown a {
	filter: none;
}

#nav li ul.dropdown li a:hover {
    background: #88CBFC;
}

#nav li ul.dropdown>li:first-child a {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

#nav li ul.dropdown ul a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#nav li ul.dropdown>li:last-child a {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#nav li ul.dropdown a {
    background: transparent;
}
#nav li ul.dropdown a,
#nav li ul.dropdown a:hover {
    margin: 0;
    padding: 3px;
    border: none;
    display: block;
}

/* content */	
#content {
padding: 17px 0 0 0;
position: relative;
width: 600px;
float: left;
}
#page {
margin: 0px auto;
width: 960px;
background: #FFFFFF;
/*border: 1px solid #e9e9e9;*/
border-bottom: 0;
}
.page {
width: 580px;
margin-left: 20px;
margin-bottom: 20px;
float: left;
}
#content .right-col{
width: 320px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
position: relative;
}

/* posts */
.post {
width: 580px;
margin-left: 20px;
margin-bottom: 15px;
margin-top: 0;
}
.post-wide {
margin-left: 20px;
margin-bottom: 20px;
margin-top: 0;
}
.archive-entry {
margin-left: 0px;
margin-bottom: 0px;
margin-top: 20px;
}
.archive-entry h3 {
padding: 0;
}
.archive-entry p {
padding: 0;
}
.post-header {
width: 580px;
margin-bottom: 10px;
}
.post-title {
display: block;
line-height: 1.5em;
}
.post-meta {	
position: relative;
color: #8C8C8C;
font-size: 11px;
}
.entry {
clear: both;
padding-top: 0px;
}
.entry-summary .postthumb {
    display: block;
    border: solid .09em #bbb;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    overflow: hidden;
    background-color: white;
    -moz-box-shadow: 0 1px 7px #888;
    -webkit-box-shadow: 0 2px 7px #ccc;
    box-shadow: 0 1px 7px #888;
    margin: 8px 10px 10px 0;
    float: left;
}
.entry-summary .postthumb a {
    display: block;
    border: 0;
}

.entry-summary .postthumb.youtubethumb a {
    width: 120px;
    height: 66px;
}
.entry-summary .postthumb.youtubethumb img {
    margin-top: -12px;
}

.videocontainer-mig69-27 {
	background-color: black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    width: 560px;
    margin: 1em auto;
}

.videoembedcontainer-mig69-27 input {
	width: 70ex;
}

/* old video code, used on old posts */
.videoOuter {
background: #000000 url("images/web/video_top_back.png") no-repeat top left;
margin: 5px 0 10px 0;
width: 580px;	
position: relative;
}
.videoInner {
position: relative;
width: 560px;
padding: 10px;
background: url("images/web/video_bottom_back.png") no-repeat bottom left;
}
.videoInner object {
height: 315px;
}
/* end of old code */
.post-meta-right {
position: absolute;
right: 0;
top: 0;
padding-top: 5px;
}
.post-comments {
background: url("images/icons/18.png") no-repeat 0% 50%;
padding-left: 20px; 
margin-left: 10px;
display: inline-block;
}
.post-edit {
background: url("images/icons/24.png") no-repeat 0% 50%;
padding-left: 20px; 
margin-left: 10px;
display: inline-block;
}
.post .post-comments {
top: 5px;
}
.post-content {
clear: both;
padding-top: 10px;
}
.post-meta-sub,
.navigation {
clear: both;
padding: 10px 0px;
margin-top: 20px;
border-top: 1px solid #ebf7ff;
border-bottom: 1px solid #ebf7ff;
float: left;
width: 580px;
font-size: 11px;
color: #8C8C8C;
}
.navigationContainer {
margin-left: 20px;
margin-bottom: 20px;
}
.page .navigationContainer {
margin-left: 0;
}
.next-entries {
margin-left: 10px;
padding-right: 20px;
background: url("images/icons/1.png") no-repeat 100% 50%;
cursor: pointer;
}
.previous-entries {
margin-right: 10px;
padding-left: 20px;
background: url("images/icons/2.png") no-repeat 0% 50%;
cursor: pointer;
}
.tags {
    display: block;
    max-width: 460px;
}
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* comments */
#commentsContainer {
width: 580px;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
float: left;
position: relative;
}
.commentlist {
margin: 10px 0px 10px 0px;
padding: 0;
line-height: 1.5em;
list-style: none;
}

.commentlist ol {
list-style: none;
border-left: solid #DBE7FF 1px;
}

.commentlist li{
padding: 0;
margin-bottom: 20px;
background: #EBF7FF no-repeat top left;
}

.commentlist .commentThreadEndReply {
    margin-left: 20px;
    padding: 2px;
    text-align: center;
    border: solid #DBE7FF 1px;
    border-right-width: 0;
}

.commentlist li.comment-author-xaquseg {
background-color: #CBD7FF;
}

.commentlist li.comment-author-xaquseg>div>.commentInfo,
.commentlist li.comment-author-xaquseg>div>.avatar {
background-color: #D5E2FF;
}

.commentlist li.comment-author-xaquseg>.children {
    border-left-color: #BAC6EE;
}

.commentlist li.comment-author-xaquseg>.commentThreadEndReply {
    border-color: #BAC6EE;
}

.commentlist li.comment-author-admin {
background-color: #FFBBBB;
}

.commentlist li.comment-author-admin>div>.commentInfo,
.commentlist li.comment-author-admin>div>.avatar {
background-color: #FFDDDD;
}

.commentlist li.comment-author-admin>.children {
    border-left-color: #FF9999;
}

.commentlist li.comment-author-admin>.commentThreadEndReply {
    border-color: #FF9999;
}

.commentlist li.pingback {
    background-color: #F3F3F3;
}

.commentlist li.pingback .entry-content p {
    font-size: 90%;
}

.commentlist li.pingback .commentInfo {
    background-color: #F7F7F7;
}

.commentlist li.pingback .commentAuthor {
    margin-left: .5em;
}

.commentlist li:last-child{
margin-bottom: 0;
}
.commentlist li p {
margin: 0 1ex;
}
.commentlist .children {
padding: 0 0 0 4px;
}
.commentInfo {
margin: 0;
padding: 2px 0;
background: #f6fbff;
}
.commentAuthor {
margin: 0;
font-size: 11px;
float: left;
}
.comment>div>.avatar {
float: left;
padding: 5px;
margin-right: .5em;
background: #f6fbff;
}
.commentTimestamp, .commentActions {
margin: 0;
font-size: 11px;
padding-right: 10px;
float: right;
}
.comment .entry-content {
    word-wrap: break-word;
}
.comment-reply-link {
padding-left: 20px;
margin-left: 10px;
background: url("images/icons/11.png") no-repeat 0% 50%;
display: inline-block;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
font-style: normal;
}
.notice {
color: #FF052F;
}
#respond {
background: #03A9FF url("images/web/respondContainer_back.png") no-repeat bottom left;
padding: 0px;
width: 580px;
margin-left: 20px;
margin-bottom: 20px;
clear: both;
}
#respond h3 {
margin-top: 0;
}
#commentsContainer #respond {
margin: .5em 0 3em 0;
}
#respond a {
color: white;
text-decoration: underline;
}
#respond a:hover {
color: #EEEEFF;
}
#respond h3 {
color: #FFFFFF;
padding-left: 20px;	
padding-top: 20px;
background: #03A9FF url("images/web/comment_top_back.png") no-repeat top left;
}
.cancel-comment-reply {
padding-left: 10px;
}
#commentform {
padding: 10px 20px 20px 20px;
}

#commentform .avatar {
float: left;
padding-right: 3px;
}

#commentform #comment {
resize: vertical;
min-height: 5em;
max-height: 25em;
}

#avatarPreviewBox {
padding: 0;
margin: 0;
background: transparent;
color: white;
}

#avatarPreviewBox #avatarPreviewImage {
float: left;
padding-right: 3px;
}

#avatarPreviewBox p {
margin: 0;
padding: 0;
}

/* sidebar */
#sidebar {
float: right;
padding: 17px 0 20px 0;
width: 320px;
margin-right: 20px;
display: inline;
line-height: 1.5em;
}
#searchform {
float:right;
width: 290px;
padding-left: 5px;
padding-right: 20px;
margin-top: 5px;
}
#searchform p {
float: right;
}
#subscribe {
width: 320px;
margin-bottom: 10px;
line-height: 2em;
}
#sidebar #subscribe h2 {
color: #444444;
border-bottom: 1px solid #ebf7ff;
font: bold 25px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
display: block;
line-height: 1.5em;
}
#subscribe p {
font-size: 11px;
}
#sidebar ul {
list-style: none;
margin: 0px 0px 0 0px;
padding: 0;
}
#sidebar ul#outer > li {
padding: 0 0 0 0;
margin: 0 0 20px 0;
position: relative;
}
#sidebar ul#outer li li{
padding: 5px 0px 5px auto !important;
border-bottom: 1px solid #E7F7FF;
position: relative;
}
#sidebar h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #444444;
margin: 0;
padding: 10px 0;
border-bottom: none;
}
.ul-cat, .ul-cat ul {
list-style: none;
margin: 0;
padding: 0;
}
.ul-cat ul {
border-top: 1px solid #E7F7FF;
margin-top: 5px;
margin-bottom: -6px;
}
.ul-cat li{
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #E7F7FF;
position: relative;
background: url("images/icons/40.png") no-repeat 0% 6px;
}
.ul-archives {
list-style: none;
margin: 0px 0px 20px 0px;
padding: 0;
}
.page .ul-archives {
float: left;
width: 270px;
}
.page .ul-archives {
margin-right: 20px;
}
.ul-archives li{
padding: 5px 0px 5px 15px;
border-bottom: 1px solid #E7F7FF;
position: relative;
background: url("images/web/calendar.png") no-repeat 0% 50%;
}

#bottomad {
width: 468px;
margin: 2em auto;
padding-top: 10px;
clear: left;
}

/* videobar */
#videobar {
float: left;
width: 920px;
padding: 0 20px 20px 20px;
position: relative;
background: #03A9FF url("images/web/videobar_back_top.png") no-repeat left top;
}
#videobar h2 {
padding: 10px 0 9px 0;
border-bottom: 0;
color: #FFFFFF;	
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0;
}
ul.videolist {
width: 890px;
float: left;
margin: 0;
margin-top: 10px;
padding: 15px;	
list-style: none;
position: relative;
background: #4ec3ff no-repeat top left;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
display: block;
}
.videolist li {
float: left;
display: inline;
margin-right: 10px;
padding: 4px;
position: relative;
display: block;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
background-color: white;
}

.videolist .mig69thumb {
	    width: 125px;
    height: 70px;
	    overflow: hidden;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

.videolist .youtubethumb {
    width: 120px;
    height: 66px;
    overflow: hidden;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}
.videolist .youtubethumb img {
    margin-top: -12px;
}
.videolist li.all-videos {
height: 83px;
line-height: 83px;
vertical-align: middle;
text-align: center;
width: auto;
margin-right: 0;
display: block;
padding-right: 20px;
margin-left: 0;
font-weight: bold;
background: url("images/icons/1.png") no-repeat 100% 50%;
}
.videolist li.all-videos a {
display: inline;
position: relative;
text-align: center;
float: none;
color: #FFFFFF;
top: auto;
left: auto;
z-index: 4;
}
.videolist li a {
padding: 0;
margin: 0;
display: block;
}
.videolist li a img {
display: block;
}
.videolist li a span.new {
position: absolute;
z-index: 3;
background: url("images/web/play.png") no-repeat 50% 50%;
width: 111px;
height: 83px;
text-indent: -9999em;
cursor: pointer;
}
.videolist li a:hover span.new {
position: absolute;
z-index: 3;
display: block;	
background: url("images/web/play_hover.png") no-repeat 50% 50%;
}

/*footer */
#footer {
width: 960px;
background: #F6FBFF;	
color: #8C8C8C;
font-size: 12px;
line-height: 1.5em;
border-top: 1px solid #EBF7FF;
float: left;	
padding-bottom: 20px;
}
#footer .left-col{
width: 580px;
float: left;
margin-left: 20px;
margin-top: 20px;
position: relative;
}
#footer .right-col{
width: 320px;
float: left;
margin-left: 20px;
margin-top: 20px;
position: relative;
}
#footer h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #444444;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #E7F7FF;
}
.recent-posts {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 1.5em;
}
.recent-posts li {
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #E7F7FF;
position: relative;
background: url("images/icons/21.png") no-repeat 0% 50%;
}
.recent-posts span {
font-size: 11px;
line-height: 1.5em;
position: absolute;
right: 0px;
}
.recent-comments {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 1.5em;
}
.recent-comments li{
padding: 5px 5px 5px 20px;
background: url("images/icons/18.png") no-repeat 0% 50%;
border-bottom: 1px solid #E7F7FF;
position: relative;
display: inline-block;
}
.recent-comments li span {
display: block;
width: 300px;
overflow: hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
height: 1.5em;
}
.recent-comments span {
font-size: 11px;
line-height: 1.5em;
}
.recent-comments span.author {
position: absolute;
right: 0px;
}
#credits {
    margin: 0px auto;
    width: 920px;
    border: 0;
    border-top: 5px solid #cbeeff;
    color: #CBEEFF;
    font-size: 11px;
    line-height: 1.5em;
    background-color: #03A9FF;
    padding: 10px 21px;
    overflow: auto;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.poweredBy,
.aboutus,
.contactus {
    margin-left: 25px;
}
#credits a, #credit a:visited{
    color: #FFFFFF;
}
.rss {
    background: url("images/icons/58.png") no-repeat left center;
    padding-left: 20px;
    margin-left: 10px;
    display: inline-block;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear:both;
}
hr.clear {
    clear:both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}

/* adspace */
#adspace-300-250 {
    width: 320px;
    height: 335px;
    background: #8C8C8C url("images/web/adspace-300-250.png") no-repeat top left;
    position: relative;
}
#adspace-300-250-bare {
    width: 320px;
    height: 280px;
    margin-top: 20px;
    background: #8C8C8C url("images/web/adspace-300-250-bare.png") no-repeat top left;
    position: relative;
}
.videoOnSide {
    margin-top: 5px;
}
.ad-300-250 {
    padding: 10px;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
}
.ad-300-250 a {
    z-index: 2;
    height: 250px;
    width: 300px;
    display: block;
}
.ad-300-250 img {
    z-index: 2;
    height: 250px;
    width: 300px;
    display: block;
}
.advertisement-title {
    font-size: 9px;
    color: #EEEEEE;
    display: block;
    padding: 0;
    margin-top: -1px;
    margin-right: 12px;
    text-transform: uppercase;
    text-indent: -9999em;
}
.yourad {
    font-size: 11px;
    color: #8c8c8c;
    margin: 0 0 0 10px;
}
.youradhead {
    color: #8c8c8c;
    margin: 0 0 0 10px;
    font-size: 13px;
    padding-top: 5px;
}

.relatedposts ol {
    margin-top: 0;
    padding-top: 0;
}

.hentry abbr.published {
    border-bottom: none;
}

.widget {
    clear: both;
}

#sidebar ul#outer li ul.st-tag-cloud li {
    float: left;
    display: block;
    height: 1.5em;
    margin: 1px 2px;
    border: black none 0;
    padding: 1px;
}

#sidebar #events .event_time {
    font-size: 9px;
}

#sidebar #events h3 {
    margin: .25em 0;
    padding: 0;
    font-size: 12px;
}

#sidebar .note {
    font-size: 10px;
}

#sidebar ul.twitter-update-list {
    max-height: 30em;
    overflow-y: auto;
    padding: 0 1px;
}

#sidebar ul#outer ul.twitter-update-list li {
    border: 1px solid #00A8FF;
    background-color: #E7F7FF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    margin: 6px 0;
    overflow: hidden;
}

#sidebar ul#outer ul.twitter-update-list li p {
    padding: 0;
}

#sidebar ul#outer ul.twitter-update-list li:first-child {
    margin-top: 0;
}

#sidebar ul#outer ul.twitter-update-list li:last-child {
    margin-bottom: 0;
}

#sidebar ul#outer ul.twitter-update-list li a {
color: #0086cb;
}

.twitter-follow-button {
	margin: 2px 0 2px 1px;
}

/* Image Galleries */
.gallery {
    margin: auto;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}
.gallery img {
    border: solid .09em #bbb;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    overflow: hidden;
    background-color: white;
    -moz-box-shadow: 0 1px 7px #888;
    -webkit-box-shadow: 0 2px 7px #ccc;
    box-shadow: 0 2px 7px #ccc;
}
.gallery-caption {
    margin-left: 0;
    margin-top: 5px;
}

/* Interviews */
.interview {
    border: solid #EBF7FF;
    border-width: 1px 0;
    margin: 1.5em 0;
}

.interview .answer+.question {
    margin-top: 2em;
}

.interview .question:before {
    content: "Q: ";
    font-weight: bold;
}

.interview .answer:before {
    content: "A: ";
    font-weight: bold;
}

.interview .answer {
    margin-left: 5ex;
}

/* related posts */

#relatedposts h3 {
    margin-bottom: 2px;
}

#relatedposts ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#relatedposts li {
    float: left;
    width: 135px;
    margin: 0 5px;
    text-align: center;
}

#relatedposts .postthumb {
    display: block;
    border: solid .09em #bbb;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    overflow: hidden;
    background-color: white;
    -moz-box-shadow: 0 1px 7px #888;
    -webkit-box-shadow: 0 2px 7px #ccc;
    box-shadow: 0 2px 7px #ccc;
    margin: 4px auto 10px auto;
    max-width: 125px;
    max-height: 125px;
}

#relatedposts .postthumb.nothumb {
    width: 125px;
    height: 69px;
    background: url("images/web/nothumb.png") #777777;
}
#relatedposts .youtubethumb {
    width: 120px;
    height: 66px;
}
#relatedposts .youtubethumb img {
    margin-top: -12px;
}

#relatedposts .mig69thumb {
    width: 125px;
    height: 70px;
}

.broken_link, a.broken_link {
	text-decoration: line-through;
}

.post-meta-sub {
    position: relative;
}

/*.post-meta-sub .socialbuttons {
    position: absolute;
    right: 0;
    top: 10px;
}

.post-meta-sub .socialbuttons .tweetmeme_button {
	margin-top: 2px;
}*/

.post-meta-sub .socialbuttons .tweetmeme_button {
	margin-top: 1px;
}

.post-meta-sub .socialbuttons {
	margin: 1.5em 0;
	height: 20px;
}

.post-meta-sub .socialbuttons .button {
	width: 33%;
	height: 20px;
	float: left;
}
.post-meta-sub .socialbuttons .button+.button {
	text-align: right;
}

#suHostedBadge {
	display: block;
	margin-left: auto;
}

#mig69box {
    display: block;
    text-align: center;
    margin: 0;
}

#mig69box:not(:empty) {

    margin: 2em 0;
}

#mig69box:not(:empty):after {
    display: block;
    content: "Advertisement";
    font-weight: bold;
}

#mig69box a {
    color: black;
}

#mig69box a:hover {
    color: black;
    text-decoration: none;
}

#homepage-buttons {
	width: 600px;
	margin-left: 5px;
	margin-top: -3px;
	overflow: auto;
}

#homepage-buttons a {
	display: block;
	float: left;
	width: 200px;
	overflow: hidden;
}

#homepage-buttons a img {
	margin-left: -4px;
}

.rating {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 1px 5px #000;
	display: inline-block;
	width: 3em;
	height: 1em;
	padding: 2px;
	text-align: center;
	color: white;
	background-color: black;
	line-height: 1em;
	border: 1px solid #555;
}

.rating-max {
	vertical-align: baseline;
	font-size: 60%;
}

.rating-0  {background-color: hsl(0,   100%, 40%);}
.rating-1  {background-color: hsl(14.4,  100%, 40%);}
.rating-2  {background-color: hsl(28.8,  100%, 40%);}
.rating-3  {background-color: hsl(43.2,  100%, 40%);}
.rating-4  {background-color: hsl(57.6,  100%, 40%);}
.rating-5  {background-color: hsl(72, 100%, 40%);}
.rating-6  {background-color: hsl(105.6, 100%, 40%);}
.rating-7  {background-color: hsl(139.2, 100%, 40%);}
.rating-8  {background-color: hsl(172.8, 100%, 40%);}
.rating-9  {background-color: hsl(206.4, 100%, 40%);}
.rating-10 {background-color: hsl(240, 100%, 40%);}

.post audio {
  display: block;
  width: 100%;
}

#lightbox-overlay {
	position: fixed;
	top:0;left:0;right:0;bottom:0;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
}

#lightbox-container img {
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	margin: auto;
	max-height: 90%;
	max-width: 90%;
	border: #555 1px solid;
	background-color: white;
	padding: 10px;
}