/*
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: url(images/bg_body.jpg) no-repeat center top #E8E8E8;
}

/* homepage only */
#content-homepage{
height:454px;
background: url(images/bg_body_home.jpg) no-repeat center top #E8E8E8;
}

#header-container{
height: 83px;
}

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

#header-container #header #logo{
float:right;
padding:0 15px 0 0;
}

#header-container #header #nav{
float:left;
}

#content{
width:875px;
margin:0 auto;
border:1px solid #d6d6d6;
background: #fff;
padding:25px;
box-shadow: 0px 0px 15px #C0C1BE;
-webkit-box-shadow: 0px 0px 9px #C0C1BE;
-moz-box-shadow: 0px 0px 15px #C0C1BE;
}

#content #narrowcolumn{
width:620px;
padding:0 25px 0 0;
float:left;
border-right:1px solid #d6d6d6;
}




/* ----- 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 ----- */
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
top:40px;
z-index:5000;
}

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

#nav a:hover{
background:none;
}

#nav li{
float:left;
position:relative;
}

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

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

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

#nav li ul ul {
left:190px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav 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: #DFDFDF;
}

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

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

.readmore{
padding:4px;
background: #DFDFDF;
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{
background:#f3f3f3;
}

.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;
}

#respond #submit{
font-size:10px;
position:relative;
width:78px;
height:27px;
background: #DFDFDF;
border:1px solid #D6D6D6;
text-transform:uppercase;
padding:0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}






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

#footer-container #intro-column-container .introColumn{
width:22.9%;
padding:0 1%;
float:left;
height:270px;
border:none;
}

#footer-container #footer{
width:1100px;
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:1080px;
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 3px;
}




/* ----- 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 ----- */
/* Most common stuff you'll need to change */

.coda-slider-wrapper {
padding: 33px 0 0 0;
width:924px;
margin:0 auto;
}
.coda-slider {
background: #ebebeb;
height:370px;
}

.learn-more a{
text-indent:-9999px;
background:transparent url(images/learnmore.png) top center no-repeat;
height:60px;
width:177px;
position:absolute;
margin-top:285px;
margin-left:710px;
z-index:2;
}

.coda-slider .panel .description{
background:#000;
width:450px;
display:block;
position:absolute;
bottom:34px;
left:30px;
z-index:2;
filter:alpha(opacity=80);
opacity:0.8;
padding:10px;
}

.coda-slider .panel .description p{
color:#9d9d9d;
}

.panel-wrapper{
position:relative;
height:370px;
width:924px;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
height: 200px; overflow: auto !important; padding-right: 20px;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
width: 924px;
}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width: 924px;
}
.coda-slider-wrapper.arrows .coda-slider {
margin: 0 10px;
}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
background: #000;
padding: 5px;
width: 100px;
}

/* Tab nav */
.coda-nav ul li a.current {
background: url(images/dot_selected.png) no-repeat center top;
}

/* Panel padding */
.coda-slider .panel-wrapper {
}

/* Preloader */
.coda-slider p.loading {
text-align: center;
}


/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul {
padding: 13px 0 0 0;
clear: both; display: block; margin: auto; overflow: hidden;
}
.coda-nav ul li {
display: inline;
}
.coda-nav ul li a {
background: url(images/dot.png) no-repeat center top;
height:22px;
width:22px;
display: block;
float: left;
margin-right: 1px;
padding: 3px 3px;
text-decoration: none;
}

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/* ----- CODA SLIDER END ----- */