/*
Theme Name: 828 Studios
Theme URI: http://828studios.com
Description: 828
Version: 1.0
Author: Noel
Author URI: http://jcksn.com/
Tags: magic
*/

/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}

/*************************************/
/* Defaults */
body {
    font-size: 87%; /* 16px * 0.75 = 12px */
    line-height:1.5em; /* 12x1.5 = 16 */
	font-family: "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a, a:link, a:visited { 
	color: #000;
}
a:hover, a:active {
	color: #333;
}
em, cite { font-style: italic; }
strong { font-weight: bold; }

h1,h2,h3,h4,h5,h6 { }
p, pre, dl, ul, ol {}
table, td, th, tr, thead, tbody, tfoot {}
dd, dt, li {}
blockquote {}
form, fieldset, address{}

/* Utility */
.highlite, blockquote em, { background-color:#FFFCCE; }
.none { text-indent: -1000em; }

/* Alignment */
.alignleft,.alignright,.align-left,.align-right { }
.alignright,.align-right, .inset { float:right; }
.alignleft, .align-left, .alternate { float:left; }
.aligncenter, .align-center { margin: 0 auto; text-align: center; }
.text-left{text-align:left;}
.text-right{text-align:right;}

/* Figures & images */
.image {}
.figure {}
.figure .caption {}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
body {
background: #fff url(./i/828-top-grad.png) repeat-x top left fixed;
}
/* Structure */
#page {
margin: 50px auto;
width: 890px;
}
#sidebar {
width: 120px;
float: left;
margin-right: 40px;
text-align: right;
position: fixed;
}
#content {
width: 520px;
margin-left: 160px;
float: left;
margin-right: 40px;
}

.description {
margin-bottom: 36px;
}

h1 {
margin-bottom: 36px;
}

#blurbs {
margin-top: 96px;
width: 170px;
float: left;
font-size: 12px;
}

#blurbs h2 {
font-style: italic;
font-size: 14px;
font-family: Georgia, "Hoefler Text", Times, "Times New Roman", serif;
}

#footer {
clear: both;
}
.hidden_video {
display: none;
}


h2.hidden {
text-indent: -1000em;
height: 0;
line-height: 0;
font-size: 1px;
}

.video_container {
width: 560px;
}


.thumb_video {
float: left;
width: 255px;
margin-right: 10px;
position: relative;
z-index: 10;
margin-bottom: 10px;
}

.hidden_link {
width: 255px;
float: left;
top: 0;
left: 0;
position: absolute;
z-index: 9;
display: block;
}
.hidden_link embed {
visibility: hidden;
}
.blank_transparency {
width: 255px;
height: 300px;
position: relative;
}




.mainpost {
margin-bottom: 20px;
}
#menu {
margin-bottom: 42px;
}
#menu li {
font-size: 16px;
line-height: 16px;
padding-bottom: 14px;
}
#menu li a, #menu li a:link, #menu li a:visited { text-decoration: none; color: #676767;}
#menu li a:hover, #menu li a:active { text-decoration: underline; }
#TB_ajaxContent {
text-align: center !important;
}
#TB_ajaxContent embed {
margin: 0 auto !important;
padding-top: 20px;
}

#contact_info {
font-size: 11px;
}

#blurbs {
margin-top:;
}