* 
{-webkit-font-smoothing: antialiased; 
-webkit-text-stroke-width: 0.1px; 
} 

::selection, ::-moz-selection
{ background: black;   color: white; }  

.hide {display: none;}

html, body
{height: 100%; width: 100%; }

body 
{  font-family: PT Sans; font-size: 13px; font-weight: 400; color: rgba(0,0,0,0.75); width: 100%;
line-height: 24px; padding: 0px;   
height: 100%; overflow:auto;
}

input, textarea, label 
{font-family: PT Sans;}
 

a img, img { border: none; outline: none;}

h1, h2, h3, h4, h5, h6 { margin: 80px 0 20px 0; color: #1f1f1f; font-weight: 800; font-family: Raleway; text-transform: uppercase;
text-shadow: none;}

 

a 
{color: black;}
a:hover 
{color: black;}  

p
{width: 100%;} 

.margin
{float: left; margin: 20px 10px; width: 100%;}  


.blog_posts.item  div img 
{
  -webkit-transition: all 5000ms linear;
-moz-transition: all 5000ms linear;
-ms-transition: all 5000ms linear;
-o-transition: all 5000ms linear;
transition: all 5000ms linear;
} 
 .ease, .item:not(.blog_posts):not(.socialist) img, #homeDesc p
{
  -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
} 

  .module_nav_wrap, #footer li , .right a, .right div, .item .title, a.read, #about_me a, .module_nav li, #sidebar .widget h2.widget-title,  
 .featured_gal_nav, .load_more, input#submit, .reply a , #cclose ,#cclose img, .homeArrow , #header_hover, #sidebar_hover  , #content, #header, #sidebar, #homeDesc 
{
  -webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}  
 .featured_gal_nav a span, .item11 img, .module_nav li a,  #contact, #contact img, .item11, #about_me img , #about_me, .blog_post,
#featured_post .featured_gal img, #contactForm div , #blogM a, input#c_send, #social a , .module_nav li.current-menu-item ul.sub-menu a
 {
  -webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-ms-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}
 .featured_gal_nav , .item , .wrap, #featured_post
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
  filter: alpha(opacity=0); 
  -moz-opacity: 0; 
  -khtml-opacity: 0; 
  opacity: 0;}

#contact:hover img , #about_me img
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
  filter: alpha(opacity=50); 
  -moz-opacity: 0.5; 
  -khtml-opacity: 0.5; 
  opacity: 0.5;}


.opacity2,  #footer p, .item:not(.blog_posts):not(.socialist):hover img,
#footer p, #footer li, .item div div p, 
.item div img.icon_medium, .post_slide div.post_featured .details a,
 .post_slide div.post_featured .details p, .right div,  
.post_featured .icon,  .right a , .load_more , .item .read 
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); 
  -moz-opacity: 0.7; 
  -khtml-opacity: 0.7; 
  opacity: 0.7;}

.item .title, .item:hover .read, .item.socialist .foot div 
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
  filter: alpha(opacity=75); 
  -moz-opacity: 0.75; 
  -khtml-opacity: 0.75; 
  opacity: 0.75;}


.module_nav li a, #contact
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
  filter: alpha(opacity=90); 
  -moz-opacity: 0.9; 
  -khtml-opacity: 0.9; 
  opacity: 0.9;}


.opacity1, .module_nav li.current-menu-item a, .module_nav li a:hover,  #featured_post:hover .featured_gal_nav,
#footer li:hover , .item:hover div img.icon_medium,  .addthis_toolbox a,
.item a.read:hover, .post_slide div.post_featured .details a:hover, .item:hover .title, 
.right a:hover, .load_more:hover, .right div:hover,  
.post_featured:hover .featured_gal_nav, .item11:hover .featured_gal_nav ,
.item.socialist .foot:hover div , #about_me:hover img
{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  filter: alpha(opacity=100); 
  -moz-opacity: 1; 
  -khtml-opacity: 1; 
  opacity: 1;} 

.item11:hover img, #featured_post:hover .featured_gal img
{ /*
  -moz-transform: scale(2) rotate(30deg);
-webkit-transform: scale(2) rotate(30deg);
-o-transform: scale(2) rotate(30deg);
-ms-transform: scale(2) rotate(30deg);
transform: scale(2) rotate(30deg); */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
  filter: alpha(opacity=10); 
  -moz-opacity: 0.1; 
  -khtml-opacity: 0.1; 
  opacity: 0.1;}

.cube
{float: left; width: 100%; overflow: hidden; height: 10px;}
.cube div
{border-top: 1px solid rgba(0,0,0,0.1); width: 20px;} 

.icon
{width: 20px; height: 20px; float: left;}

#wrap
{position: relative; margin: 0px auto; width: 100%; }

.wrap
{position: relative; padding: 0 60px; overflow: visible;}

/****************
	HEADER
****************/ 

#header 
{position: fixed;  left: -60px; margin: 0px 0 0px 0px;  text-align: right;  overflow: auto;
  padding: 0px 0 0px 0;  width: 260px; height: 100%; z-index: -1;
   background: none; top: 30px;
   opacity: 0;   
}  

#header.showing
{ left: 0px; opacity: 1; z-index: 9;}


#header_hover
{position: fixed; z-index: -1; left: 0; bottom: 0; width: 0; opacity: 0; padding: 0; height: 100%; z-index: 999;
  -webkit-box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);
background: url('inc/img/menu.png') right center   no-repeat;
-webkit-backface-visibility: hidden;}

#header_hover img
{float: right; width: 40px; margin: 40px 0px; display: none;}


/* LOGO */
#logo
{position: relative; float: right;  margin: 20px 20px 100px 0;  } 


#headerDesc
{float: right; width: 75%; color: rgba(255,255,255,0.9); padding: 40px 20px 40px 0;
font-family: Raleway; font-size: 13px; font-weight: 200;}


#header_hover.header_hover_hide, #sidebar_hover.sidebar_hover_hide
{ width: 40px; padding: 0 10px; opacity: 1;}
 

/* buttons */
.search
{position: relative; left: 1040px; top: -70px; width: 20px; height: 20px; text-align: auto; 
  overflow: hidden;  cursor: pointer;}
.search form 
{position: absolute; right: 30px; top: 0px;}
.search img
{position: absolute; top: -7px; right: -5px; width: 32px; height: 32px;} 

/*contact form*/
#contact
{position: absolute; bottom:  0px; right:  60px; font-size: 13px; font-weight: 100;  display: none;
z-index: 899; color: white; padding: 40px; text-transform: uppercase;  font-family: Raleway; overflow: hidden;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); padding: 40px; 
-webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.5);
box-shadow: 0 20px 60px rgba(0,0,0,0.5);} 
#contact:hover 
{-webkit-box-shadow: 0px 0px 40px 0px #B81616;
box-shadow: 0px 0px 40px 0px #B81616;
text-shadow: 0 0 10px white;
 background:  #B81616;}
#contact img
{position: absolute; top: 0px; left: 0px; width: 100%; 
/*-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);}*/
}

 
a#twitter {color:  #00a0d1;} #twitter:hover { text-shadow:    0 0 10px #3b5998;}
a#facebook {color:  #3b5998;} #facebook:hover { text-shadow:   0 0 10px #3b5998;}
a#rss {color:  #fa9b39;} #rss:hover { text-shadow:    0 0 10px #fa9b39;}
a#youtube {color:  #c4302b;} #youtube:hover { text-shadow:   0 0 10px #c4302b;}
a#vimeo {color:   #aad450;} #vimeo:hover { text-shadow:    0 0 10px #aad450;}
a#pinterest {color: #910101;} #pinterest:hover { text-shadow:  0 0 10px #910101;}
a#tumblr {color: #34526f;} #tumblr:hover { text-shadow:    0 0 10px #34526f;}
a#google {color: #DD1812;} #google:hover { text-shadow:   0 0 10px #DD1812;}
a#pinterest {color: #cb2027;} #pinterest:hover { text-shadow:   0 0 10px #cb2027;}


/* slogan */
p#slogan {position: absolute; top: 58px; width: 100%; text-align: right; right: 60px;
  font-size: 28px; color: rgba(255,255,255,0.9);   display: none;
 font-family: Codystar; font-weight: 300;} 


/*SEARCH*/ 
input#s
{padding: 0 10px; background: white; border: none; outline: none; font-family: Raleway;}


/**************
  POST
  *********/
.post_slide 
{position: relative;float: left; width: 100%; height: 100%; overflow: hidden; min-height: 100%;}  
.post_slide div.post_featured
{float: left; width: 190px; margin: 0 40px 0 0; height: 100%; background: rgba(255,255,255,0.5);}
.post_slide div.post_featured a, .post_slide div.post_featured p
{color: white;}
.post_featured .details
{float: left; padding: 10px; color: white; height: 170px; width: 170px;}
.post_featured .details a span
{color: white;}
.post_slide div img.attachment-post-thumbnail
{width: 100%; height: 190px;}
.post_content
{ float: left; height: 100%; width: 810px; overflow: hidden;}

/*GALLERY*/
.featured_gal
{position: relative; float: left; width: 100%; height: 100%; overflow: hidden;}
.item11 ul.featured_gal 
{width: 100%; height: 100%;}
.featured_gal li 
{position: relative;  width: 100%; height: 100%;}
.featured_gal img
{position: absolute; width: 100%; min-height: 100%; }
ul.featured_gal_nav
{position: absolute; top: 0; left: 0; padding: 10px 0; z-index: 9999999999999999; width: 100%; }
.featured_gal_nav a span
{float: left; -webkit-border-radius: 10px; border: 2px solid #1f1f1f; 
border-radius: 10px; width: 0; height: 0;  margin-top: 3px;}
.featured_gal_nav a
{float: left; padding: 5px;}
.featured_gal_nav .activeSlide a span
{border: 5px solid #1f1f1f; margin-top: 0px;  }
.featured_gal_nav li:first-child a
{padding: 5px 5px 5px 15px;}
.featured_gal_nav li:last-child a
{padding: 5px 15px 5px 5px;} 

 



/* portfolio filter */
#grid_filter
{float: left; width: 100%; text-align: left; margin: 0 0 60px 0;}
#grid_filter li
{float: none; display: inline-block;}
#grid_filter li a
{float: left; font-size: 13px; padding: 0px; font-weight: 300;  
 font-family: Raleway; text-transform: uppercase;} 
#grid_filter li.active a
{font-weight: 600;}
#grid_filter li span
{float: left; width: 2px; height: 2px; background: rgba(0,0,0,0.5);
-webkit-border-radius: 2px; margin: 10px 10px;
border-radius: 2px;}
#grid_filter li:first-child span
{display: none;} 



.addthis_toolbox
{position: absolute; bottom: 10px; left: 10px; width: 170px;}
.addthis_button_tweet
{width: 100%;}



#content
{position: relative; float: left; width: 60%;  min-height: 100%; margin: 40px 0 40px 24%; 
padding:  0px 0 ;  z-index: 2; background: rgba(255,255,255,0.9); opacity: 0;
-moz-transform: skewY(4deg);
-webkit-transform:  skewY(4deg);
-o-transform: skewY(4deg);
-ms-transform:  skewY(4deg);
transform: skewY(4deg); 
-ms-word-break: break-all;
     word-break: break-all;  
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;} 
#content.stickyc
{margin: 100px 0 0 0;}

#content.no-bg
{background: none; background-position: right top;}

#content .wrap
{float: left; padding: 100px 60px;}

#content.scont
{ margin: 40px 0 40px 16%;  opacity: 0;
-moz-transform: skewY(-4deg);
-webkit-transform:  skewY(-4deg);
-o-transform: skewY(-4deg);
-ms-transform:  skewY(-4deg);
transform: skewY(-4deg);} 

#content.skew
{ margin: 40px 0 40px 20%;   opacity: 1;
-moz-transform: skewY(0deg);
-webkit-transform:  skewY(0deg);
-o-transform: skewY(0deg);
-ms-transform:  skewY(0deg);
transform: skewY(0deg);} 


/* NAVIGATION */
.module_nav_wrap
{position: relative; float: left; width: 100%; height:  0px; padding: 0 0px ;  
 margin:   0px 0  0px 0;   z-index: 1;  background: none; } 
.module_nav  
{float: left; padding:  0px 0 0  0px; width: 100%;} 
.module_nav li 
{float: left; width: 100%; overflow: hidden; text-align: right;}
.module_nav li a
{float: right; width: 100%; margin: 0 20px 1px 0; text-align: right;   cursor: pointer; font-size: 11px;  height: 19px;  
line-height: 19px; padding: 10px 20px 30px 0; color: white;  
text-transform: uppercase;  
font-family: Raleway; font-weight: 400; 
-webkit-box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.1);} 
.module_nav li a:hover {color: white; 
 -webkit-box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
background: rgba(255,255,255,0.1);}
.module_nav li.current-menu-item 
{ background: rgba(255,255,255,0.9); margin: 0 0px  0px 0px;
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px); }
.module_nav  li.current-menu-item a 
{font-size: 13px; margin: 0 0px 0px 0px; font-weight: 800;  padding: 10px 20px 30px 0;
  color: rgba(0,0,0,0.75);  background: none;
text-shadow: none;}  

.module_nav li ul.sub-menu {display: none; opacity: 0;}
.module_nav li.current-menu-item ul.sub-menu {display: block; opacity: 1; float: right; padding-bottom:  20px; text-align: right;}

.module_nav  li.current-menu-item a:hover 
{text-shadow: none;}

.module_nav li.current-menu-item ul.sub-menu a
{float: right; background: none; padding: 0 20px  0px 0; font-size: 9px; width: 100%;}
.module_nav li.current-menu-item ul.sub-menu a:hover
{padding-right: 25px;}

 

.module_nav  li  a span
{float: right; width: 100%; padding: 0 0px 0 0;  margin: 0 0px 0 0;}
.module_nav  li.current-menu-item a span
{ padding: 0 0px 0 0;}








/* ITEMS CONTAINER */
.items 
{position: relative; float: left; height: 100%; width: 100%; padding:  0px 0 0 0;
margin:  0px 0 0 0;  }

.item 
{position: relative; float: left; width: 25%; height: 119px; margin: 0 ; 
 background: none ;}  

.item a.fancy
{ width: 100%; height: 100%;}

/* HOVER ITEM */   
.item:hover
{  }
.item:hover .read span 
{display: inline-block; color: white;}   



/* BLOG POSTS */ 
.blog_posts div
{float: left; width: 59px; height: 120px; overflow: hidden; margin: 0px;
text-align: center;  background: none; border-right: 1px solid rgba(255,255,255,0.1);}

.blog_posts div div
{float: left; width: 60px; height: 60px; color: white; line-height: 12px; overflow: hidden;
text-align: center; text-transform: uppercase; } 

.blog_posts div div img
{width: 60px; height: 60px;} 

.blog_posts div img.icon_medium
{width: 48px; height: 48px; margin-top: 5px;}

.blog_posts:hover div img
{  -moz-transform: scale(1.5) ;
-webkit-transform: scale(1.5) ;
-o-transform: scale(1.5) ;
-ms-transform: scale(1.5) ;
transform: scale(1.5) ;
} 

.blog_posts div div p:first-child
{font-size: 21px; padding: 7px 0 0 0; line-height: 18px; width: 100%;  
  border-top: 1px solid rgba(255,255,255,0.25);}

.blog_posts .title
{display: inline-block; width: 130px; height: 80px; overflow: hidden; font-size: 18px;
font-family:Raleway; margin: 0px 10px 0 10px; padding-top: 10px; width: 120px;
line-height: 21px; color: white;}    

.blog_posts.item21 .title 
{width: 330px; font-size: 38px; line-height: 40px;}

.blog_posts a.read
{position: absolute; bottom: 5px; right: 10px; width: 130px; color: white;}
.blog_posts .read span, .item .read img
{float: right;}   


/* ITEM SIZES */
.item11, .item
{position: relative; float: left; margin: 0 ; width: 50%; height: 0px; 
overflow: hidden; background: #fafafa; } 
.item11:hover , .featured_gal
{ }  
.item11
{  }

/***********
  COMMENTS
***********/ 
.comment-body p 
{margin-bottom: 10px;}
.reply a
{font-size: 9px; padding: 5px 10px;}
textarea
{ margin: 0 0 10px 0;}
label
{margin: 20px 0 0 0; float: left; width: 100%;} 
#respond input, #respond textarea
{padding: 5px 0;}
#respond input#submit 
{padding: 10px 20px; margin: 20px 0;}
#comment-status p
{padding: 10px 20px; margin: 0 0 10px 0;}
#comment-status .ajax-success
{color: white; background: #BEF202;}
#comment-status .ajax-error, #comment-status .wdpajax-error
{color: white; background: #C21A01;}
#respond h3
{margin: 40px 0 10px 0; font-size: 18px;}
#respond li 
{border: none;}
ol.commentlist li.comment
{border: none;}
ol.commentlist li.comment ul.children li
{border-left: 2px solid #1f1f1f;}
input#submit, .reply a, form input[type=submit] 
{padding: 10px 20px; cursor: pointer; background: #B81616; border: none; color: white;
margin: 20px 0 0 0;}
input#submit:hover, .reply a:hover,  form input[type=submit]:hover 
{ background: rgba(0,0,0,0.25);}
form p label
{width: 100%; }
form p label input 
{display: block; padding: 5px 0;}

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

#footer
{position: relative; float: left; font-size: 11px; display: none;
padding: 0 0  80px 0; width: 100%; margin: 0px 0 0 0; background: #fafafa;}   
#footer .wrap
{padding: 0 60px;}

/***********
  SOCIAL MODULE
***********/

.item.socialist
{line-height: 18px; position: relative;}
.item.socialist img 
{width: 60px; float: left;}
.item.socialist a, .item.socialist p, .item.socialist,
.item.socialist li
{color: white; float: left;}
.item.socialist .foot
{border-top: 1px solid rgba(255,255,255,0.1);}
.item.socialist #content 
{height: 95px; padding: 5px 5px 0px 5px; overflow: hidden;}
.item.socialist a
{margin: 0 5px 0 0; }
.item.socialist img
{margin: 0 5px 5px 0; max-height: 70px;}
.item.socialist .api  a
{width: 20px; height: 20px; margin: 0 0 0 2px;}

/*TWITTER*/
.item.socialist-twitter
{background-color: #00a0d1; } 
.item.socialist-twitter img
{width: 30px; height: 30px;}
.item.socialist-twitter .api  a
{background: url('inc/img/icons/twitterm.png') center center no-repeat ;}
/*facebook*/
.item.socialist-facebook
{background-color: #3b5998; } 
.item.socialist-facebook .api  a
{background: url('inc/img/icons/facebook.png') center center no-repeat ;}
/*youtube*/
.item.socialist-youtube
{background-color: #d02525; } 
.item.socialist-youtube .api  a
{background: url('inc/img/icons/youtube.png') center center no-repeat ;}
/*google*/
.item.socialist-google
{background-color: #e04c3a; } 
.item.socialist-google .api  a
{background: url('inc/img/icons/google.png') center center no-repeat ;}
/*tumblr*/
.item.socialist-tumblr
{background-color: #34526f; } 
.item.socialist-tumblr .api  a
{background: url('inc/img/icons/tumblr.png') center center no-repeat ;}
/*pinterest*/
.item.socialist-pinterest
{background-color: #910101; } 
.item.socialist-pinterest .api  a
{background: url('inc/img/icons/pinterest.png') center center no-repeat ;}
/*rss*/
.item.socialist-rss
{background-color: #fa9b39; } 
.item.socialist-rss .api  a
{background: url('inc/img/icons/rss.png') center center no-repeat ;}
/*flickr*/
.item.socialist-flickr
{background-color: #ff0084; } 
.item.socialist-flickr .date
{display: none;}
.item.socialist-flickr .api  a
{background: url('inc/img/icons/flickr.png') center center no-repeat ;} 

 @-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
} 
.load, .blog_load
{ position: absolute; 
  background: url('inc/img/load.png') center center no-repeat;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    top: 50%;
    left: 50%; 
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    }

/*portfolio items icon */
.fancy_tube
{position: absolute; width: 100%; min-height: 100%; background: url('inc/img/icons/appbar.youtube.play.png') center center no-repeat;}
.fancy_image
{position: absolute; width: 100%; min-height: 100%; background: url('inc/img/icons/eye.png') center center no-repeat;} 
a.fancy img
{width: 100%; min-height: 100%; outline: none; border: 0;}
a.fancy
{outline: none; background: none;}


#Grid .mix{
    opacity: 0;
    display: none;
}



#featured_post
{position: relative; margin: 0 0 0px 0; padding: 0;}
#featured_post ul.featured_gal
{float: left; width: 100%; margin: 0 0  40px 0; height: 380px;} 
 h1.featured_title
{float: left;  width: 100% !important; min-width: 100%; padding: 0 0 80px 0; margin: 0 0 20px 0; font-weight: 100; font-size: 72px; line-height: 80px; 
  text-align: left;  border-bottom: 1px solid rgba(0,0,0,0.05);}  
  
 .dates
{float: left; width: 100%; font-size: 11px; color: #979998;  border-bottom: 1px solid rgba(0,0,0,0.05);
 margin: 5px 0 40px 0; padding: 0 0  80px 0; text-align: center;}
#featured_post ul.featured_gal_nav
{float: left;}
#featured_cont, .featured_cont {float: left; width: 100%; max-width: 100%; overflow: hidden; margin: 0; padding: 0;} 
#featured_cont {padding: 20px 0  0px 0; border-bottom: 1px solid rgba(0,0,0,0.05); margin: 0 0  0px 0;}

#pag 
{float: left; width: 100%; padding: 40px 0 20px 0;}
#pag a
{  }

#blog_posts
{position: relative; float: right; width: 30%;  margin:  0 ; padding: 0; height: 100%; max-height: 100%;}
.blog_post
{float: left; width: 100%; height: 100px; overflow: hidden; margin: 0 0 10px 0;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px;  } 
.blog_post span.img 
{float: left; width: 160px; height: 100%; margin: 0 20px 0 0; overflow: hidden;}
.blog_post span.img span
{float: left; width: 100%; height: 100%;  background: rgba(0,0,0,0.25) url('inc/img/icons/appbar.book.open.white.png') center center no-repeat;}
.blog_post span.img img 
{float: left; min-height: 100%; width: 100%;} 
.blog_post span.title
{display: block; margin: 20px 0 0 0; font-family: Raleway; font-weight: 600; color: #1f1f1f;
font-size: 13px; line-height: 21px; text-transform: uppercase; max-height: 60px; overflow: hidden;}
.blog_post span.date
{display: block; font-size: 11px; line-height: 21px; margin: 0px 0 0px 0; color: #979998;}


.blog_post.sticky
{margin: 0 0 20px 0; height: 160px; background: #1f1f1f;} 
.blog_post.sticky span.title
{font-size: 48px; font-weight: 100; line-height: 60px; margin: 40px 0 0 20px; color: #fafafa;}


.blog_post:hover
{ outline: 1px solid rgba(0,0,0,0.1); 
-webkit-box-shadow: inset  0px 0px 60px rgba(0,0,0,0.025); 
box-shadow: inset  0px  0px 60px rgba(0,0,0,0.025);}
.blog_post:hover span.title
{text-shadow: 0 0 3px white;}
.blog_post.blog_active 
{
  background: #1f1f1f; color: white;
}
.blog_post.blog_active  span.title
{color: #fafafa; text-shadow: none;}
.blog_post.blog_active  span.date
{color: #eeeeee;}



#pagi
{float: left;}
#pagi img
{float: left; width: 20px; height: 20px;}
#pagi a 
{float: left; padding: 0 0 0 5px; font-size: 11px;}



/* CONTACT */ 

#contactForm
{float: left; width: 100%; overflow: hidden;}

#contactForm div
{float: left; margin: 0 0 10px 0; height: 100px; width: 100%;
outline: 1px solid rgba(0,0,0,0.05);
outline-offset: -1px; overflow: hidden;}

#contactForm div div
{float: left; margin: 0 0px 0px 0; height: 100px; width: 160px; background: rgba(0,0,0,0.1); outline: none;}
#contactForm div#conName div {background: rgba(0,0,0,0.1) url('inc/img/icons/appbar.people.white.png') center center no-repeat; } 
#contactForm div#conEmail div {background: rgba(0,0,0,0.1) url('inc/img/icons/appbar.email.white.png') center center no-repeat; }
#contactForm div#conMes div {background: rgba(0,0,0,0.1) url('inc/img/icons/appbar.paper.white.png') center center no-repeat; }

#contactForm input, #contactForm textarea, input#s, textarea#comment
{float: left;  line-height: 40px; margin: 0; padding: 30px 20px; font-size: 13px; font-family: Raleway; font-weight: 600; color: #1f1f1f; border: none; background: none;}
 

#contactForm div:hover input, #contactForm div:hover textarea, #contactForm div:hover  , input#s:hover, textarea#comment:hover, input[type="submit"]:hover, .form-submit input[type="submit"]:hover
{ outline: 1px solid rgba(0,0,0,0.1); 
-webkit-box-shadow: inset  0px 0px 60px rgba(0,0,0,0.025); 
box-shadow: inset  0px  0px 60px rgba(0,0,0,0.025);} 

#contactForm textarea 
{ line-height: 40px;}
#contactForm textarea:focus, textarea#comment 
{line-height: 20px; height: 90px; padding: 5px 20px;}

.comment-form-comment textarea
{display: block; padding-bottom: 20px;}

 .button, form input[type="submit"], .form-submit input[type="submit"]
{float: left; color: #fafafa; background: #1f1f1f; text-align: center; padding: 20px 40px; margin: 30px 0 0 0;}

#contactForm input[type="submit"] 
{float: left; color: #fafafa; background: #1f1f1f; width: 160px; text-align: center; padding: 30px 0px; margin: 30px 0 0 0;}

#contactForm input.error, #contactForm textarea.error 
{outline: 1px solid red;
outline-offset: -1px;}

 input#s
 {padding: 10px 0 10px 10px; width: 75%;  outline: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.05); font-family: PT Sans; font-weight: normal;} 


#contactDesc
{border-bottom: 1px solid rgba(0,0,0,0.05); float: left; width: 100%; padding: 20px 0 40px 0; margin: 0 0 20px 0; 
color: rgba(0,0,0,0.25); }



#load
{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black;}

 



ol, ol li 
{list-style: upper-roman;} 
#featured_post img 
{ max-width: 100% !important; margin: 0  0 20px 0;}

#fullSlider
 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; z-index: -9999; overflow: hidden;} 
#fullSlider div
{position: relative; width: 100%; height: 100%; top: 0px; left: 0px;}
#fullSlider img { }  
 


#homeDesc 
{position: fixed; left: 0px; top: 0px; margin: 0 0 0 20%; width: 60%; height: 100%;  text-align: center; text-transform: uppercase;
  color: rgba(255,255,255,0.75); font-family: Raleway; font-weight: 100; font-size: 50px; line-height: 50px; }
#homeDesc img
{ margin: 140px 0 0px 0; padding: 0 ;} 
#homeDesc p
{ opacity: 0;  border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; margin-top: 80px; text-shadow: 0 0 20px rgba(255,255,255,0.5);   }
#homeDesc p.homeA 
{  opacity: 1;}

#homeDesc.hhide 
{ opacity: 0; }


 .no-bg
 {position: relative; text-align: center;}
 .no-bg a, .no-bg p, .no-bg img
 {float: none;}

.homeArrow
{position: absolute; bottom:  -800px;  padding: 20px; margin: 0  0px; line-height:  40px; z-index: 9999; opacity: 0; width: 20px; height: 20px;
  -webkit-box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);}
#homeDesc .homeArrow img
{float: left; width: 100%; height: 100%; margin: 0px;}
#homeDesc .homeArrow#ar img, #homeDesc .homeArrow#al img {height: 20px;}

.homeArrow.haShow
{opacity: 1; bottom: 0;}


.homeArrow:hover
{ -webkit-box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
background: rgba(255,255,255,0.1);}

#homePause, #homePlay {left: 50%; margin: 0 0 0 -30px; width: 40px; height: 40px; padding: 10px;}
#al {right: 50%; margin-right: 30px;}
#ar {left: 50%; margin-left: 30px;}












/* Right Sidebars */ 

/* SIDEBAR */

#sidebar
{position: fixed; right: -60px; margin: 0px;  text-align: left;  
  padding: 0px 0 0 0;  width: 260px; top: 30px; height: 100%;  overflow: auto;
   background: none; 
   opacity: 0; z-index: -1;
}   


#sidebar.showing
{ right: 0px; opacity: 1; z-index: 9;}


#sidebar_hover
{position: fixed; right: 0; bottom: 0; width: 0; opacity: 0; padding: 0; height: 100%; z-index: 999; 
  -webkit-box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 0px 60px 0px rgba(255,255,255,0.1);
background: url('inc/img/info.png') 0 center no-repeat; 
-webkit-backface-visibility: hidden;}



#sidebar .widget
{float: left; width: 260px; overflow: hidden; padding:  0px; margin: 0 0  0px 0; font-size: 11px; height: 60px;} 

#sidebar .widget.widget-active
{width: 180px; padding:  40px 40px 40px 40px;  color: rgba(0,0,0,0.75);  background: rgba(255,255,255,0.9); 
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px); }  

#sidebar .widget a,#sidebar  .widget p,#sidebar  .widget li {color: rgba(0,0,0,0.75); font-size: 11px; font-family: PT Sans;}
#sidebar .widget a:hover
{color: black; }
#sidebar .widget li.current-menu-item a {color: black; font-weight: 800;}


#sidebar .widget h2.widget-title
{float: left; width: 100%; margin: 0 0  0px 20px ; text-align: left;   cursor: pointer; font-size: 11px;  
line-height: 19px; padding:  10px  0px 30px  20px; color: white;  
text-transform: uppercase;  
font-family: Raleway; font-weight: 400; 
-webkit-box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.1);} 
#sidebar .widget h2.widget-title:hover { color: white; 
 -webkit-box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
box-shadow: inset 0px 0px  0px 0px rgba(255,255,255,0);
background: rgba(255,255,255,0.1);}

#sidebar .widget.widget-active h2.widget-title 
{font-size: 13px; font-weight: 800;  color: rgba(0,0,0,0.75);   text-shadow: none; margin: 0 0 10px 0; padding:  0px 0 30px 0;
border-bottom: 1px solid rgba(0,0,0,0.05);}  


 




#blogM a
{position: relative; float: left; text-align: center; height: 20px; line-height: 20px; padding: 40px 0; margin: 10px 0 0 0; color: #fafafa; background: #1f1f1f; 
  width: 160px; text-shadow: 0 1px 0 rgba(0,0,0,0.25);
-webkit-backface-visibility: hidden;}
#blogM a.loading
{height: 20px;}

#blogM a:hover, input#c_send:hover
{ outline-offset: -1px;
  outline: 1px solid rgba(0,0,0,0.05); 
  background: rgba(0,0,0,0.25); }



#catag 
{float: left; width: 100%; padding: 40px 0 0 0;}
#catag a
{float: left; margin: 0 20px 10px 0; text-transform: uppercase; opacity: 0.5;}
#catag a:hover
{opacity: 1;}
#catag ul
{float: left; width: 100%; padding: 0 0 0 30px; margin: 0;}
#catag ul.post-categories
{background: url('inc/img/icons/cat.png') left 2px no-repeat;}
#catag ul#catagtag
{background: url('inc/img/icons/tag.png') left 2px no-repeat;}






/* close */
#cclose {float: left; width: 100%;
-webkit-backface-visibility: hidden;}

#cclose, #cclose img  {opacity: 0.5;}
#cclose:hover, #cclose:hover img  {opacity: 1;}
#cclose img {float: left; width: 20px; height: 20px; padding: 0 2px 0 0; margin: 0;} 



/* social icons */
#social {position: absolute; bottom: 60px; right: 20px; width: 200px; text-align: right; margin:  0;}
#social a {  padding: 0; margin: 0; width: 30px; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
} 
#social a  img {  width: 30px; height: 30px; margin: 0  ; }
#social a:hover
{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;}



#searchsubmit
{float: left; width: 60px; height: 60px;}




/* recent posts widget */ 

.widget_recent_entries a
{float: left; width: 100%; text-transform: uppercase;}

.widget_recent_entries span
{float: left; width: 100%; margin: 0 0 20px 0; line-height: 10px; padding: 0;
opacity: 0.5;}

.widget_recent_entries li:last-child span
{margin: 0;}




img#featured_image
{float: left; width: 100%; margin: -20px 0 40px 0; padding: 0 ; }


.clear_float
{clear: both;}



h1, h2, h3, h4, h5, h6
{display: block;}

#content h1:nth-child(2),
#content h2:nth-child(2),
#content h3:nth-child(2),
#content h4:nth-child(2),
#content h5:nth-child(2),
#content h6:nth-child(2) {
  margin-top: 0;
}


.wp-caption 
{max-width: 100%;}

#nextPost 
{float: right;}

blockquote
{padding-left: 40px; font-size: 18px; font-style: italic; margin-bottom: 20px;}

table th, table td
{padding: 5px 10px;}

table tbody tr:nth-child(2n+1) 
{background: rgba(0,0,0,0.05);}

dt 
{font-weight: bold;}
dd 
{background:none no-repeat left top; padding: 0 0 20px 20px;}
 
 #content ul {list-style-type: disc; list-style: disc;}
 #content li 
 {margin-left: 20px; list-style-type: disc; list-style: disc;}
 #content ol li , #content ol
 {list-style-type: decimal; list-style: decimal;}

  #content #catag li , #content  #catag ul,  #content #catag ol,  #content li.filter, #content  ul#grid_filter, #content .featured_gal li
 {list-style: none; list-style-type: none; margin-left: 0;}

.alignleft {
  float: left; padding-right: 40px;
}

.alignright {
  float: right; padding-left: 40px;
}

img.alignleft, img.alignright
{margin: 0 0 20px 0; }

img.aligncenter, .aligncenter, #content img.aligncenter, #featured_cont img.aligncenter, #featured_cont .aligncenter, #content .aligncenter {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
p.wp-caption-text
{font-style: italic; margin: -10px 0 30px 0;}

#content p
{padding-bottom: 10px;}


#reply-title
{padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 60px;}

ul.post-categories
{padding: 0; margin: 0;}


.button_wrap
{float: left; width: 100%; margin: 20px 0 40px 0;}

.homeArrow {visibility: hidden;}