/*
Theme Name: cyntrifuge
Theme URI: http://www.hassettseo.com/demos/centrifuge
Description: cyntrifuge Wordpress Theme
Version: 1.0
Author: Brad Hassett & Brandon Clute
*/

/* ----- FIXES ----- */
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

:focus {
    outline: 0;
}

body {
}

/*ol, ul {list-style: none;}*/

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}

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

.left, #left, .alignleft, .Left{
	float: left;
	display: inline;
}

.right, #right, .alignright, .Right{
	float: right;
	display: inline;
}





/* ----- GENERAL ----- */

.Clear{
clear:both;
}

h1, h1 a{
font-size: 30px;
text-decoration:none;
padding:0;
margin:0;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

h4{
font-size:19px;
}

h5{
font-size:17px;
}

p, body{
font-size:11px;
font-family: 'Tahoma', 'Arial', san-serif;
line-height:19px;
}

a:link, a:hover, a:visited{
text-decoration:none;
}

ul, ol{
margin:0 0 0 30px;
}


/* ----- STRUCTURE ----- */
body{
background:#000;
}

#wrapper-container{
}

#wrapper{
padding:25px 0 25px 0;
background: #222; /*url(images/bg_body.jpg) no-repeat center top #E8E8E8;*/
}

/* homepage only */
#content-homepage{
height:454px;
width: 1000px;
margin: 0 auto;
}

#header-container #header{
width:1000px;
margin:0 auto;
background: url(images/bg_header_glow.png) no-repeat center -64px;
}

#header-container #header #logo{
padding:0 15px 0 0;
padding-top: 20px;
}
#header-container #header #logo h1 { text-align: center; padding-bottom: 13px; }

#content{
width:875px;
height: 354px;
margin:0 auto;
/*border:1px solid #d6d6d6;*/
background: url(images/bg_trans.png);
padding:25px;
box-shadow: 0px 0px 15px #111;
-webkit-box-shadow: 0px 4px 9px #111;
-moz-box-shadow: 0px 0px 15px #111;
color: #eee;
overflow-y: auto; overflow-x: hidden;
}
#outercontent { 
  width:1000px;
  height: 354px;
  margin:0 auto;
}
#content.permalink {
  height: inherit;
}
#content.films { 
  overflow: visible;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  position: relative;
  top: -20px;
}

#latest-twitter-sidebar-widget { height: 270px; overflow-y: hidden; }

/*
#content::-webkit-scrollbar {
  width: 12px;
  height: 13px;
}

#content::-webkit-scrollbar-thumb {
  background: #444;
  -webkit-border-radius: 12px;
}
*/
#content #narrowcolumn{
width:620px;
padding:0 25px 0 0;
float:left;
border-right:1px solid #666;
}



/* ----- SIDEBAR -----*/
#content #sidebar{
width:202px;
float:right;
padding: 0 0 0 25px;
margin:-24px 0 0 0;
}

#sidebar .widget{
padding:25px 0 20px 0;
border-bottom:1px solid #d6d6d6;
}

#sidebar h2{
text-transform:uppercase;
font-size:18px;
padding:0 0 3px 0;
}

#sidebar ul{
list-style:none;
padding:0;
margin:0;
}

#sidebar ul ul ul{
padding:0 0 0 15px;
}

#sidebar ul ul{
}

#sidebar ul ul ul{
border:none;
}

#sidebar .widget_tag_cloud div{
padding:0 0px;
}

#sidebar .widget_tag_cloud div a{
padding:0 10px 0 0;
}

#sidebar #wp-calendar{
width:100%;
}

#sidebar #wp-calendar tr td a{
text-decoration: underline;
}

#sidebar #wp-calendar tr td#next{
text-align:right;
}




/* ----- SEARCH ----- */
#s{
box-shadow: inset 0px 0px 15px #DFDFDF;
-webkit-box-shadow: inset  0px 0px 9px #DFDFDF;
-moz-box-shadow: inset 0px 0px 15px #DFDFDF;
border:1px solid #D6D6D6;
padding:5px;
width: 126px;
}

#searchsubmit{
padding:4px;
background: #DFDFDF;
border:1px solid #D6D6D6;
}




/* ----- NAVIGATION ----- */
#navigation { margin-top: 11px; padding-bottom: 7px; }
#menu-navigation, #menu-navigation ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
z-index:5000;
}

#menu-navigation a{
display:block;
padding:5px 15px;
text-decoration:none;
background:none;
text-transform:uppercase;
font-size:14px;
color: #ddd;
}

#menu-navigation a:hover{
background:none;
}

#menu-navigation li{
float:left;
position:relative;
}

#menu-navigation ul {
position:absolute;
display:none;
width:190px;
top:23px;
border:1px solid #333;
border-bottom:none;
background:#070707;
left:4px;
}

#menu-navigation li ul a{
width:170px;
height:auto;
float:left;
padding:7px 10px 5px 10px;
border-bottom:1px solid #333;
}

#menu-navigation ul ul{
top:auto;
margin:-1px 0 0 0;
}

#menu-navigation li ul ul {
left:190px;
}

#menu-navigation li:hover ul ul, #menu-navigation li:hover ul ul ul, #menu-navigation li:hover ul ul ul ul{
display:none;
}
#menu-navigation li:hover ul, #menu-navigation li li:hover ul, #menu-navigation li li li:hover ul, #menu-navigation li li li li:hover ul{
display:block;
}
/* ----- NAVIGATION END ----- */





/* ----- PAGE ----- */
.title{
padding:0 0 12px 0;
}




/* ----- BLOG ----- */
.hentry{
padding:0 0 25px 0;
}

.blogtitle{
padding:0 0 7px 0;
}

.blogtitle h2{
font-size:20px;
}

.postmetadata{
padding:0 0 7px 0;
}

.highlight{
padding:2px 4px;
background: #444;
}

.entry{
padding:0 0 10px 0;
}

.entry p,
.entry img,
.entry ul,
.entry ol{
margin-bottom: 12px;
}

.entry img[align^="right"], .entry img.alignright {
margin-left: 22px;
}

.readmore{
padding:4px;
background: #444;
display:inline;
}

.separator{
border-bottom:1px solid #d6d6d6;
padding:25px 0 0 0;
}




/* ----- BLOG SINGLE ----- */
.share-post{
padding:10px 0 0 0;
}

.share-post img{
margin:0 8px 0 0 ;
}





/* ----- PORTFOLIO ----- */
#filter{
background:#f0f0f0;
border:1px solid #ccc;
padding:5px;
}

#filter #sortby{
float:left;
position:relative;
top:2px;
}

#filter fieldset{
position:relative;
top:-1px;
}

#filter fieldset input{
position:relative;
top:2px;
}

#filter label{
float:left;
padding:0 5px 0 0;
}

ul.image-grid {
list-style:none;
margin:0;
padding:0;
}

ul.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

ul.image-grid li {
width:196px;
border:1px solid #ccc;
float:left;
margin:10px;
padding:5px 0 0 0;
list-style:none;
}

ul.image-grid li .boximage{
margin:0 5px 5px 5px;
height:170px;
}

ul.image-grid li .boxtitle{
height:30px;
line-height:30px;
background:#f0f0f0;
border-top:1px solid #ccc;
text-align:center;
}




/* ----- ARCHIVE ----- */
.entry-navigation a{
font-size:16px;
text-transform: uppercase;
}

.archive-title{
padding:0 0 20px 0;
}



/* ----- COMMENTS ----- */
h3#comments{
padding:20px 0;
border-top:1px solid #D6D6D6;
font-size:18px;
}

ol.commentlist{
margin:0;
border-bottom:1px solid #D6D6D6;
}

ol.commentlist .even{
}

.commentlist,
.commentlist ul{
list-style:none;
}

.commentlist .comment-body{
padding:10px 10px 10px 10px;
border-top:1px solid #D6D6D6;
position:relative;
}

.commentlist .comment-header{
height:30px;
}

.commentlist .avatar{
padding:0 10px 0 0;
float:left;
display:block;
}

.commentlist .comment-block-right{
float:left;
line-height:15px;
}

.commentlist .comment-author{
}

.commentlist .comment-meta{
}

.commentlist .comment-text{
clear:both;
position:relative;
padding:10px 0 10px 0;
}

#respond h3{
font-size:18px;
padding:10px 0 0 0;
}

#respond input,
#respond textarea{
border:1px solid #d6d6d6;
padding:5px;
margin:0 0 10px 0;
box-shadow: inset 0px 0px 15px #DFDFDF;
-webkit-box-shadow: inset  0px 0px 9px #DFDFDF;
-moz-box-shadow: inset 0px 0px 15px #DFDFDF;
}

form #submit{
font-size:10px;
padding: 4px 8px;
background: #DFDFDF;
border:1px solid #D6D6D6;
text-transform:uppercase;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
margin-left: 2px;
margin-top: 2px;
}




/* ----- CONTACT ----- */
#contact-failed,
#contact-success{
border:1px solid #D6D6D6;
padding:5px;
margin:0 0 10px 0;
}





/* ----- FOOTER ----- */
#footer-container{
background: #070707;
/*border-top:2px solid #999;*/
}

#footer-container #intro-column-container{
padding:30px 0 0 0;
height:300px;
}

#footer-container #intro-column-container .introColumn{
width:248px;
float:left;
margin-right: 20px;
height:270px;
border:none;
}
#footer-container #intro-column-container #intro-column4 {
  margin-right: 0;
  width: 196px;
}

#footer-container #footer{
width:1000px;
margin:0 auto;
background: url(images/bg_footer_glow.png) no-repeat center top;
}

#footer-container #intro-column-container,
#footer-container #intro-column-container a:link,
#footer-container #intro-column-container a:visited,
#footer-container #intro-column-container p{
font-size:11px;
}

#footer-container #intro-column-container .introColumn h2{
text-transform:uppercase;
font-size:18px;
padding:0 0 10px 0;
}
#footer-container #intro-column-container .introColumn h2 a{
text-transform:uppercase;
font-size:18px;
}

#footer-container #intro-column-container ul,
#footer-container #intro-column-container ol,
#footer-container #intro-column-container li{
list-style:none;
}

#footer-container #intro-column-container ul li{
padding:3px 0;
}

#footer-container #footer-info-container{
border-top:1px solid #303030;
background:#000;
height:30px;
line-height:25px;
}

#footer-container #footer-info{
width:1000px;
margin:0 auto;
}

#footer-container #footer-info-container #footer-info #footer-left{
float:left;
}

#footer-container #footer-info-container #footer-info #footer-right{
float:right;
}

#footer-container #intro-column-container .introColumn img{
margin:0 2px;
}




/* ----- FOOTER WIDGETS ----- */
.twitter-message{
padding:5px 0;
border-bottom:1px solid #303030;
}

.introColumn ul{
padding:0;
margin:0;
}

.introColumn ul li{
border-top:1px solid #303030;
}



.coda-slider-wrapper {
padding: 33px 0 0 0;
width:924px;
margin:0 auto;
}


/*
Theme Name: Cyntrifuge
*/


/* ------- BACKGROUNDS ------- */
body,
#footer-container #footer-info-container,
.coda-slider .panel .description,
.coda-nav-left a,
.coda-nav-right a{
}

#header-container,
#footer-container,
#nav ul,
#footer-container #footer-info-container{
}

#content,
ol.commentlist .even .highlight{
}

.highlight,
#searchsubmit,
.readmore,
#respond #submit,
blockquote{
}

#filter,
ul.image-grid li .boxtitle,
ol.commentlist .even{
}

#fblike { float: left; margin-left: 12px; }
#fblike iframe { border:none; overflow:hidden; width:340px; height:405px; }
#content.news { width: 530px; float: left; margin-left: 37px; }
#content.news #images { margin: 5px; position: absolute; right: 10px; width: 210px; height: 360px; overflow: hidden; }
#content.news #images img { opacity: 0.4; margin: 4px; }

/* ------- BORDERS ------- */
#content,
#s,
#searchsubmit,
#filter,
#respond input,
#respond textarea,
#respond #submit,
#contact-failed,
#contact-success,
ul.image-grid li{
}

.commentlist .comment-body,
h3#comments,
ul.image-grid li .boxtitle{
}

#content #narrowcolumn{
}

#sidebar .widget,
.separator,
ol.commentlist{
}

#footer-container{
border-top:2px solid #;
}

#header-container{
border-bottom:2px solid #;
}

#nav ul {
border:1px solid #;
}

#nav li ul a{
border-bottom:1px solid #;
}

#footer-container #footer-info-container{
border-top:1px solid #;
}

.twitter-message{
border-bottom:1px solid #;
}

.introColumn ul li{
border-top:1px solid #;
}



/* ------- FONTS ------- */
body{
color: #525252;

}

a:link,
a:hover,
a:visited,
.readmore,
#sidebar a:hover{
color: #fff;
}

#searchsubmit,
#respond #submit {
  color: #555;
}

.boxtitle,
#filter label{
color: #525252;

}

#menu-navigation a,
#footer-container #intro-column-container .introColumn h2,
#footer-container #intro-column-container .introColumn h2 a{
color:#fff;

}

.blogtitle h2 a,
#sidebar h2,
.entry-navigation a{
color: #fff;

}

#sidebar ul,
#sidebar ol,
#sidebar li,
#sidebar a:link,
#sidebar a:visited,
#sidebar .textwidget,
#sidebar .widget,
#sidebar .widget td,
#sidebar .widget th,
#sidebar .widget tr,
#sidebar .widget caption,
#sidebar .widget td,
#sidebar .widget abbr{
color:#878787;

}

#footer-container,
#footer-container #intro-column-container,
#footer-container #intro-column-container p,
#footer-container #intro-column-container table,
#footer-container #intro-column-container .introColumnText,
#footer-container #intro-column-container .introColumn,
.coda-slider .panel .description p{
color:#9d9d9d;

}

#footer-container #intro-column-container a:link,
#footer-container #intro-column-container a:visited {
  color: #ccc;
}

#footer-container #intro-column-container a:hover {
  color: #fff;
}



/* ----- Spacing ----- */
#header #logo{
position:relative;
top:px;
}


/* ----- IE Only ----- */
#IE-submit{
border: 1px solid #;
width:75px;
padding:2px;
text-align:center;
cursor:pointer;
float:left;
display:inline;
margin:0 0 0 25px;
}

/* ----- Carousel ----- */
#contentFlow {
  position: relative;
  left: -64px;
  width: 1000px;
  height: 300px;
}
#contentFlow.loading { background: url(images/loading_black.gif) center center no-repeat; }
#contentFlow .item { position: absolute; }
#contentFlow .item a { cursor: default; }
#contentFlow .item.selected a { cursor: pointer; }
#contentFlow .items-wrapper { float: left; height: 300px; width: 882px; overflow: hidden; }
#contentFlow .items { position: relative; height: 300px; overflow: hidden; }
#contentFlow .items .item { float: left; }
#contentFlow .items .item .caption { display: none; }
#contentFlow .items .item .credits { display: none; }
#contentFlow .items img { width: 200px; height: 112px; margin: auto 20px; vertical-align: bottom; }
#content.films .button { cursor: pointer; }
#content.films .button.disabled { cursor: default; opacity: 0; }
#content.films .button { float: left; width: 48px; height: 300px; }
#content.films .left.button { background: url(images/arrow-left.png) center center no-repeat; margin-right: 10px; }
#content.films .right.button { background: url(images/arrow-right.png) center center no-repeat; margin-left: 10px; }
#contentFlowCaption { width: 1000px; position: relative; left: -64px; text-align: center; font-size: 1.3em; top: -7px; height: 19px; }

#catNavWrapper { width: 1000px; position: relative; left: -64px; text-align: center; position: relative; top: 20px; }
#catNav { height: 20px; text-align: center; width: 448px; margin: 0 auto; }
#catNav ul { padding: 0; margin: 0; float: left; width: 120px; }
#catNav ul li { display: none; text-align: center; font-size: 1.3em; font-weight: bold; }
#content.films #catNav .button { height: 24px; width: 24px; opacity: 0.7; float: left; position: relative; top: -5px; }
#content.films #catNav .button h3 { font-size: 1.3em; position: relative; top: 5px; }
#content.films #catNav .button.disabled { opacity: 0; }
#content.films #catNav .left.button { width: 160px; background-image: url(images/arrow-left-24.png); background-position: top left; }
#content.films #catNav .right.button { width: 140px; background-image: url(images/arrow-right-24.png); background-position: top right; }
#content.films #catNav .left.button h3 { left: 6px; }
#content.films #catNav .right.button h3 { left: 0px; }

#sb-credits { color: #999; }
#sb-credits h3 { font-size: 1.5em; margin-bottom: 7px; color: #aaa; }
#sb-credits p { font-size: 1.1em; }
#sb-credits .share-post { float: right; }
#sb-credits .share-post a { display: block; float: left; }
#sb-credits .share-post .facebook { float: left; border:none; overflow:hidden; width:55px; height:20px; position: relative; top: -1px; }
/*#sb-credits .share-post .facebook { text-indent: -99999px; overflow: hidden; background: url(images/share_facebook.png) no-repeat; width: 106px; height:35px; margin-right: 7px; }*/
#sb-credits .share-post .twitter { text-indent: -99999px; overflow: hidden; background: url(images/share_twitter.png) no-repeat; width: 72px; height:18px; margin-right: 7px;  }

#twitter_update_list { min-height: 100px; }
#twitter_update_list li {
  list-style-type: none;
  padding: 0; margin: 0;
  padding-top: 10px;
  text-indent: 0;
}
#twitter_update_list.loading { background: url(images/loading_black.gif) center 20px no-repeat; }