/* 

** Main Stylesheet Document of the theme 

** This contains basic Structural Details, Styling of the theme.

*/

/* Basic Containers 

-------------------------------------------------*/

body {

  background: #555555;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.container {

  width: 1100px;

  margin: auto;

}

#page {

  position: relative;

  z-index: 999;

  margin: auto;

}

#content {

  background: #fff;

  padding: 25px;

  word-wrap: break-word;

  -ms-word-wrap: break-word;

	-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03);

	-moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03);

	box-shadow:0 0 10px 5px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03);

}



/* HEADER 

--------------------------------------------------*/

.header-wrapper {

  width: 1100px;
  background:#fff;
  margin: auto;

  margin-top: 10px;

}

#header-image {

  width: 100%;

  position: fixed;

  min-height: 100%;

}

#header-image img {

  filter: blur(5px);

  -webkit-filter: blur(5px);

  -moz-filter: blur(5px);

  -o-filter: blur(5px);

  -ms-filter: blur(5px);

}

#header-image:after {

  content: "";

  /*background: url(../images/overlay.png) repeat; */

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  position: absolute;

  z-index: 1;

}

header {

   /*text-align: center;

  padding: 20px; */

}

.site-branding { float:left; margin-left: 20px; }

#social-icons { float:right; margin-top: 40px; }

header .site-title a {

  text-decoration: none;

  font-size: 40px;

  color:#138bcf;

}

header .site-description {

  font-size: 18px;

  font-weight: lighter;

}

header #social-icons img {

  width: 48px;

  padding-right: 5px;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

}

header #social-icons img:hover {

  transform: rotate(10deg) scale(1.04);

  -webkit-transform: rotate(10deg) scale(1.1);

  -moz-transform: rotate(10deg) scale(1.1);

}



/* Main Navigation 

_______________________________________________*/



.main-navigation .menu-toggle {

  background: #138BCF;

  color: white;

  font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  padding: 10px 22px;

  margin: 0;

  cursor: pointer;

}

.main-navigation .menu-toggle:hover {

  background: #000;

}

.main-navigation .menu-toggle:before {

  content: '\2261';

  font-size: 14px;

  margin-right: 10px;

}

#navWrapper {

  background: #138bcf;

  margin: 20px 0;

}

.main-navigation {

  width: 1100px;

  margin: auto;

}

.main-navigation a {

  color: #fff;

  padding: 15px;

  display: block;

  font-size: 16px;

}

.main-navigation a:hover, .main-navigation a:visited {

  color: #fff;

  background:#3A3A3A;

}



.main-navigation ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	float: left;

	position: relative;

}

.main-navigation ul li:hover > ul {

	display: block;

}

.main-navigation ul ul {

  	background: #100d0a;	

 	top: 54px;

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	display: none;

	float: left;

	left: 0;

	position: absolute;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: 100%;

	top: 0;

}



.main-navigation ul ul a {

  padding: 5px 10px;

  width: 200px;

  color:#fff;

}

.main-navigation ul ul a:hover {

  background: #3A3A3A;

  color: #fff;

}



.main-navigation li:hover > a {

  color: #fff;

  background:#2D2D2D;

}

.main-navigation ul ul :hover > a {

  background: #3A3A3A;

  color: #fff;

}



.main-navigation .current_page_item a,

.main-navigation .current-menu-item a {

  color: #fff;

  background:#100D0A;

}

.main-navigation .current_page_item a:hover,

.main-navigation .current-menu-item a:hover {

  color: #fff;

  background:#000;

}



ul.sub-menu li:first-child {

	border-top: 0px solid #383838;

}

ul.sub-menu li {

	border-bottom: 1px solid #222;

	border-top: 1px solid #383838;

	background:#2D2D2D;

}



/* Small menu */

.menu-toggle {

	cursor: pointer;

	display: none;

}

@media screen and (max-width: 700px) {

  .main-navigation .menu-toggle,

  .main-navigation.toggled .nav-menu {

    display: block;

  }

  .main-navigation ul {

    display: none;

  }

  .main-navigation ul ul {

    display: block;

  }



  .main-navigation.toggled .menu-toggle {

    background: #474747;

  }

  .main-navigation.toggled ul {

    margin: 0;

    list-style: none;

  }

  .main-navigation.toggled li {

    float: none;

  }

  .main-navigation.toggled a {

    display: block;

    color: white;

    padding: 10px 40px;

    text-decoration: none;

  }

  .main-navigation.toggled a::after {

    border-style: none !important;

  }

  .main-navigation.toggled li a {

    display: block;

    float: none;

    background: #3a3a3a;

  }

  .main-navigation.toggled li a:hover {

    background: #474747;

  }

  .main-navigation.toggled ul ul,

  .main-navigation.toggled ul ul ul {

    position: static;

    left: 0;

    top: 0;

    margin: 0;

    padding: 0;

    float: none;

  }

  .main-navigation.toggled ul ul a {

    padding-left: 60px;

    width: auto;

  }

  .main-navigation.toggled ul ul ul a {

    padding-left: 80px;

    width: auto;

  }

  .main-navigation.toggled ul > .current_page_item > a,

  .main-navigation.toggled ul > .current-menu-item > a {

    background: #117bb8;

  }

}



/* Full width Template

----------------------------------------------*/

.full-width {

  width: 100% !important;

  padding: 10px;

}

/* Colophon */

#colophon {

  background: #000;

  color: #565148;

  padding: 10px;

}

#colophon a {

  text-decoration: none;

  color: #fff;

}

#colophon .site-info {

  float: left;

  padding-left: 20px;

}

#colophon #footertext {

  float: right;

  padding-right: 20px;

}



/* Content

----------------------------------------------*/



.site-content .entry-content h1,

.site-content .comment-content h1,

#tinymce h1 {

  font-size: xx-large;

  line-height: 44px;

}

.site-content .entry-content h2,

.site-content .comment-content h2,

#tinymce h2 {

  font-size: x-large;

  line-height: 28px;

}

.site-content .entry-content h3,

.site-content .comment-content h3,

#tinymce h3 {

  font-size: large;

}

.site-content .entry-content h4,

.site-content .comment-content h4,

#tinymce h4 {

  font-size: 18px;

}

.site-content .entry-content h5,

.site-content .comment-content h5,

#tinymce h5 {

  font-size: 16px;

}

.site-content .entry-content h6,

.site-content .comment-content h6,

#tinymce h6 {

  font-size: 16px;

}

.site-content .entry-content h1,

.site-content .comment-content h1,

#tinymce h1,

.site-content .entry-content h2,

.site-content .comment-content h2,

#tinymce h2,

.site-content .entry-content h3,

.site-content .comment-content h3,

#tinymce h3,

.site-content .entry-content h4,

.site-content .comment-content h4,

#tinymce h4,

.site-content .entry-content h5,

.site-content .comment-content h5,

#tinymce h5,

.site-content .entry-content h6,

.site-content .comment-content h6,

#tinymce h6 {

  margin-bottom: 20px;

}

.site-content .entry-content table,

.site-content .comment-content table,

#tinymce table {

  margin-bottom: 20px;

}

.site-content .entry-content th,

.site-content .comment-content th,

#tinymce th {

    border-bottom: 1px solid #F2F2F2;

    border-top: 1px solid #F2F2F2;

    font-weight: 600;

    padding: 10px 5px;

    text-align: center;

}

.site-content .entry-content td,

.site-content .comment-content td,

#tinymce td {

   border-bottom: 1px solid #E5E5E5;

    font-size: 13px;

    padding: 5px;

    text-align: center;

    vertical-align: middle;

}



.site-content .entry-content tr.alt,

.site-content .comment-content tr.alt,

#tinymce td {

background: none repeat scroll 0 0 #F2F2F2;

}



.site-content .entry-content tr:hover td,

.site-content .comment-content tr:hover td,

#tinymce tr:hover td {

  background: #f7f7f7;

}



.entry-content ol,

.entry-content ul { margin: 14px 0 14px 30px; }

.entry-content ol ol, 

.entry-content ul ul { margin-top: 4px; margin-bottom: 4px; }

.entry-content ul li { list-style: square; }

.entry-content ol li { list-style: decimal; }

.entry-content dt { font-weight: 600;}



.site-content .entry-content blockquote,

.site-content .comment-content blockquote,

#tinymce blockquote {

  margin:20px 0 20px -25px;

  padding: 20px 20px 1px 80px;

  position: relative;

  background: #f7f7f7 url(../images/shortcodes/blockquote.png) no-repeat 26px 20px; background-size: 32px 32px; color: #777; font-style: italic;  }

.text blockquote p { margin-bottom: 0.75em; }





.site-content .entry-content blockquote cite:before,

.site-content .comment-content blockquote cite:before,

#tinymce blockquote cite:before {

  content: '\02014  ';

}

.entry-title a {

  text-decoration: none;

}

.single .site-content .entry-title {

  font-size: 40px;

  line-height: 50px;

  margin-bottom: 10px;

}

.site-content article {

  margin: 0;

  padding: 0 0 20px 0;

  margin-bottom: 30px;

}



.site-content .featured-image-single img { margin-bottom:20px; }

.site-content .entry-title {

  font-size: 20px;

  line-height: 28px;

  color:#000;

}

.site-content .entry-title a:hover {

  color: #3a3a3a;

}

.site-content .entry-meta {

  font-size: 12px;

  line-height: 15px;

  color: #aaaaaa;

}

.site-content .entry-meta a {

  color: #aaaaaa;

  text-decoration: none;

}

.site-content .entry-meta a:hover {

  color: #117bb8;

}

.site-content .entry-content,

.site-content .entry-header,

.site-content .entry-summary {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}

.site-content .entry-header .entry-meta {

  font-size: 12px;

}

.site-content .entry-header .entry-meta .author {

  color: #3a3a3a;

  font-weight: 600;

}



.blog .site-content .has-post-thumbnail .entry-thumbnail,

.archive .site-content .has-post-thumbnail .entry-thumbnail,

.search .site-content .has-post-thumbnail .entry-thumbnail {

  float: left; width: 220px; margin-right: 20px;

}

.blog .site-content .has-post-thumbnail .entry-title,

.archive .site-content .has-post-thumbnail .entry-title,

.search .site-content .has-post-thumbnail .entry-title {

  clear: none;

}

.blog .site-content .has-post-thumbnail .entry-meta,

.archive .site-content .has-post-thumbnail .entry-meta,

.search .site-content .has-post-thumbnail .entry-meta {

  clear: none;

}

.blog .site-content .has-post-thumbnail .entry-meta:after,

.archive .site-content .has-post-thumbnail .entry-meta:after,

.search .site-content .has-post-thumbnail .entry-meta:after {

  display: table;

  content: '';

  line-height: 0;

  clear: both;

}

.blog .site-content .has-post-thumbnail .entry-header,

.archive .site-content .has-post-thumbnail .entry-header,

.search .site-content .has-post-thumbnail .entry-header,

.blog .site-content .has-post-thumbnail .entry-summary,

.archive .site-content .has-post-thumbnail .entry-summary,

.search .site-content .has-post-thumbnail .entry-summary,

.blog .site-content .has-post-thumbnail .entry-meta,

.archive .site-content .has-post-thumbnail .entry-meta,

.search .site-content .has-post-thumbnail .entry-meta {

	overflow:hidden;

	width:auto;  

}



.featured-content article {

  margin: 0;

  padding:0;

}

.featured-content .entry-title {

  font-size: 20px;

  line-height: 28px;

}

.featured-content .entry-title a:hover {

  color: #3a3a3a;

}

.featured-content .has-post-thumbnail .entry-thumbnail {

  width: 50%!important; float: left;

}

.featured-content .has-post-thumbnail .entry-thumbnail img {

  width: 100%;

}

.featured-content .has-post-thumbnail .entry-title {

  clear: none;

}

.featured-content .has-post-thumbnail .entry-header,

.featured-content .has-post-thumbnail .entry-summary,

.featured-content .has-post-thumbnail .entry-meta {

  margin: 10px 0 0 52% !important;

  padding-left: 10px;

}

.featured-content .has-post-thumbnail .entry-summary:after {

  display: table;

  content: '';

  line-height: 0;

  clear: both;

}



.site-intro {

  padding-top: 40px;

  padding-bottom: 20px;

  padding-left: 40px;

  padding-right: 40px;

  background: #ffffff url('../images/absurdidad.png') 0 0 repeat;

  font-size: 20px;

  line-height: 28px;

}

.page-header {

  padding: 20px 30px;

  margin: 0 0 25px 0;

  background: #f7f7f7;

}

.no-results .page-header  { margin:0px; padding:10px; margin-top:20px; }

.page-header h1 {

  font-size: 24px;

  line-height: 28px;

}

.page-header p {

  margin-bottom: 0;

  margin-top: 10px;

}

.featured-content-secondary { }

.featured-content-secondary article {

  margin: 0 10px;

  width: 220px;

  float: left;

  border-bottom: 0px;

  padding: 0;

}

.featured-content-secondary .entry-thumbnail {

  margin-bottom: 20px;

  float:none!important;

  width: 220px;

}

.featured-content-secondary .entry-thumbnail img { float:none!important; }

.featured-content-secondary .entry-header, .featured-content-secondary .entry-summary { margin-left:0!important; }



.featured-content-secondary .entry-title {

  font-size: 20px;

  line-height: 28px;  

}



.featured-content-secondary .entry-title a:hover {

  color: #3a3a3a;

}

article:hover .entry-thumbnail img {

  opacity: 0.9;

}

article:hover .entry-title a {

  color: #3a3a3a;

}

.entry-thumbnail {

  position: relative;

}

.entry-thumbnail img {

  max-width: 100%;

  height: auto;

}

.entry-thumbnail-category {

  position: absolute;

  left: -6px;

  top: 8px;

  background: #3a3a3a;

  padding: 6px 8px;

  font-size: 8px;

  text-transform: uppercase;

  color: #777;

}

.entry-thumbnail-category:hover {

  background: #117bb8;

}

.entry-thumbnail-category:hover:before {

  border-top: 6px solid #0d5c89;

}

.entry-thumbnail-category a {

  color: white;

  text-decoration: none;

}

.entry-thumbnail-category:before {

  content: '';

  font-size: 0px;

  line-height: 0%;

  width: 0px;

  border-top: 6px solid #212121;

  border-left: 6px solid transparent;

  position: absolute;

  left: 0px;

  top: 24px;

}



/* Tooltip */	

a.ttip, a.tooldown{display:inline-block;}

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; }

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

.tipsy-arrow-n { border-bottom-color: #000; }

.tipsy-arrow-s { border-top-color: #000; }

.tipsy-arrow-e { border-left-color: #000; }

.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }





/*  entry : author block

/* ------------------------------------ */

.entry-author-block { background:#f7f7f7; padding:20px 20px 0 20px;  }

.entry-author-avatar { float: left; overflow: hidden; margin-bottom: 8px; }

.entry-author-avatar img { display: block; width: 80px; height: auto; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }

.entry-author-block p, .entry-author-block h2 { margin-left: 100px; margin-bottom: 0px; }

div.author-social { margin-left: 100px; margin-bottom: 8px; }

.entry-author-block h2.entry-author-name {clear: none; color: #444; font-size: 16px; font-weight: 600; margin:0px;  padding:0px; }

.entry-author-block p.entry-author-description { color: #555; font-weight: 300; }



/* Buttons

----------------------------------------------*/

input,

textarea {

  font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 100%;

}

input[type="button"],

input[type="reset"],

input[type="submit"],

.button-primary,

a.button-primary,

.wpm-button-primary,

a.wpm-button-primary {

  display: inline-block;

  background: #117bb8;

  color: #fff!important;

  text-decoration: none;

  padding: 10px;

  border: none;

  font-weight: 300;

  cursor: pointer;

  font-size: 100%;

}

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

.button-primary:hover,

a.button-primary:hover,

.wpm-button-primary:hover,

a.wpm-button-primary:hover,

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

.button-primary:focus,

a.button-primary:focus,

.wpm-button-primary:focus,

a.wpm-button-primary:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active,

.button-primary:active,

a.button-primary:active,

.wpm-button-primary:active,

a.wpm-button-primary:active {

  background: #3a3a3a;

}





/* Related Post CSS

----------------------------------------------*/

.single .site-content .related-content {

  overflow: hidden;

}

.related-content-title {

  font-size: 24px;

  margin-bottom: 0px;

  color:#000;

}

.single .site-content .related-content article {

  float: left;

  width: 220px;

  margin: 0 0 0 0px;

  padding: 20px 0;

  border: none;

  min-height: inherit;

}

.single .site-content .related-content .entry-title {

  font-size: 13px;

  line-height: 18px;

  margin: -4px 0 0 0;

  padding: 0;

  clear: none;

  font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

}

.single .site-content .related-content .entry-thumbnail,

.single .site-content .related-content .entry-thumbnail img,

.widget .entry-thumbnail img {

  float: left;

  max-width: 100%;

  height: auto;

  border-radius:99%;

}

.widget .entry-thumbnail {

  float: left;

  width: 20%;

  height: auto;

  margin-left:10px;

}



.single .site-content .related-content .has-post-thumbnail .entry-title {

  margin-left: 60px;

}



/* Navigation

----------------------------------------------*/

.post-navigation {

  padding: 15px;

  background: #f7f7f7;

}

.navigation-paging,

.navigation-post {

  padding: 15px;

  background: #f7f7f7;

}

.nav-previous { float:left; }

.nav-next { float:right; }



/* Comments

----------------------------------------------*/

.comments-area {

  margin-top: 20px;

}

.comments-area .comments-title {

  font-size: 24px;

  line-height: 28px;

  color:#000;

}

.comments-area .comment-list {

  list-style: none;

  padding: 0;

  margin: 40px 0 0 0;

}

.comments-area ul.children {

  list-style: none;

  padding-left: 56px;

  margin: 0;

}

.comments-area article {

  margin: 0;

  padding: 20px 0 32px 0;

  /* added 12 due to avatar top: 12 */



  border-top: solid 1px #dddddd;

  border-bottom: none;

}

.comments-area .comment-content h1 {

  font-size: 16px;

}

.comments-area .comment-content h2,

.comments-area .comment-content h3,

.comments-area .comment-content h4,

.comments-area .comment-content h5,

.comments-area .comment-content h6 {

  font-size: 13px;

}

.comments-area .comment-content h1,

.comments-area .comment-content h2,

.comments-area .comment-content h3,

.comments-area .comment-content h4,

.comments-area .comment-content h5 {

  margin: 20px 0;

}

.comments-area .comment-content blockquote {

  background: none;

}

.comments-area .comment-content,

.comments-area .reply,

.comments-area li.comment #respond {

  margin-left: 56px;

}

.comments-area footer {

  margin-bottom: 20px;

}

.comments-area footer .comment-author,

.comments-area footer .comment-meta {

  display: inline-block;

}

.comments-area footer cite {

  font-style: normal;

  color:#000;

}

.comments-area footer .says {

  display: none;

}

.comments-area footer .comment-author {

  font-size: 20px;

  line-height: 28px;

}

.comments-area footer .comment-author a {

  text-decoration: none;

  color: #3a3a3a;

}

.comments-area footer .comment-author a:hover {

  color: #117bb8;

}

.comments-area footer .comment-author .avatar {

  position: relative;

  top: 12px;

  margin-right: 10px;

  border-radius: 50%;

}

.comments-area footer .comment-meta {

  margin-left: 4px;

}

.comments-area footer .comment-meta,

.comments-area footer .comment-meta a {

  color: #aaaaaa;

  text-decoration: none;

  font-size: 12px;

}

.comments-area footer .comment-meta:hover,

.comments-area footer .comment-meta a:hover {

  color: #117bb8;

}

.comments-area #respond {

  border-top: solid 1px #dddddd;

  padding-top: 40px;

}

.comments-area #reply-title {

  font-size: 24px;

  line-height: 28px;

  margin-bottom:25px;

  color:#000;

}

#commentform label {

  display: block;

}

#commentform label .required {

  color: red;

}

#disqus_thread {

  margin-top: 40px;

  margin-left: 40px;

}





/* Widget

----------------------------------------------*/

.footer-sidebar-container { background:#100D0A; border-top: 8px solid #138BCF; margin-top:20px; }

#footer-sidebar .widget-title {

  background:none;

  font-size: 18px;

  margin-bottom: 0px;

  color:#fff;

  padding:5px 0px;

}

#footer-sidebar .widget-title a {

  color: #fff;

}

#footer-sidebar .widget-title a:hover {

  color: #117bb8;

}

#footer-sidebar {

  

  clear: both;

  width:1100px;

  margin:auto;

}

#footer-sidebar .footer-column {

  width: 33.33%;

  float: left; 

}

#footer-sidebar .widget {

    margin: 20px;

}

#footer-sidebar .widget ul li {

    border-bottom: 1px solid #222;

}

#footer-sidebar .widget ul li:hover {

    border-color: #117BB8;

}

#footer-sidebar .widget ul li a {

    color: #ccc;

}

#footer-sidebar .widget ul li a:hover {

    color: #fff;

}

.widget-area {

    padding-top: 0px;

}

.widget-area .widget {

  margin-bottom: 25px;

}

.widget-area .widget ul {

  list-style: none;

  margin-left: 0;

  margin-bottom: 0;

}

.widget-area .widget ul li {

    display: block;

    border-bottom: 1px solid #efefef;

    padding: 12px 0px 12px 0px;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}

.widget-area .widget ul li:hover {

    border-color: #117BB8;

}

.widget-area .widget ul li a {

    color: #000;

}

.widget-area .widget ul li a:hover {

    color: #117BB8;

}

.widget-area .widget ul li a time {

    color: #888888;

}

.widget-area .widget ul li strong a {

    color: #888;

}

.widget-area .widget-title {

  font-size: 18px;

  margin-bottom: 20px;

  background:#100D0A;

  color:#fff;

  padding:5px 10px;

}

.widget-area .widget-title a {

  color: #fff;

}

.widget-area .widget-title a:hover {

  color: #117bb8;

}

.widget-area .widget_recent_entries .post-date {

  color: #aaaaaa;

}

.widget-area .widget_twitter a {

  color: #3a3a3a;

  text-decoration: none;

}

.widget-area .widget_twitter a:hover {

  color: #117bb8;

}

.widget-area .widget_twitter .timesince {

  color: #aaaaaa;

}

.widget-area .widget_twitter .tweets li {

  padding: 20px 0;

  border-bottom: solid 1px #f7f7f7;

}

.widget-area .widget_twitter .tweets li:last-child {

  border-bottom: none;

}

.widget-area .widget_categories ul.children,

.widget-area .widget_pages ul.children {

  margin-left: 1.5em;

}

.widget-area .widget_categories ul.children li,

.widget-area .widget_pages ul.children li {

  padding-bottom: 0;

  padding-top: 8px;

}

.widget-area .widget_nav_menu ul.sub-menu {

  margin-left: 1.5em;

}

.widget-area .widget_nav_menu ul.sub-menu li {

  padding-bottom: 0;

  padding-top: 8px;

}



/*sidebar slider*/



#secondary .flexslider {overflow:hidden; position:relative;zoom: 1; width: 100%;background: #000 url('../images/black-loader.gif') no-repeat 50% 48%;}



#secondary .flexslider { height:172px; clear: both;}

#secondary .flexslider .slides > li {height:172px; padding:0px;}

#secondary .slider-caption {width: 100%;padding: 0;bottom: 0;}

#secondary .slider-caption h2 {padding:3px 10px; line-height: 20px;}

#sidebar .slider-caption h2 a{font-size: 18px;}



#secondary .slider-caption{position: absolute;width: 100%;padding: 5px 0;background: #000;right: 0;bottom: 0px;color:#FFF;opacity:0.8;}

#secondary .slider-caption h2 a, .slider-caption h2, .full-width .content .slider-caption h2 {	color:#FFF; font-size: 14px;}

#secondary .slider-caption h2, .slider-caption p{padding: 0 10px;}



ul.flex-direction-nav li { padding:0px!important; border-bottom:none!important; min-width:inherit!important; }





/* ------------------------------------------------------------------------- *

/* Social Icon Widget 

/* ------------------------------------------------------------------------- */

.social-icons-widget .social-icons.icon_32 [class^="fa-"]:before,

.social-icons-widget .social-icons.icon_32 [class*=" fa-"]:before {

    font-style: normal;

    font-weight: normal;

    speak: none;

    width:32px;

    height:32px;

    display: inline-block;

    text-decoration: inherit;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 32px;

    font-size:18px;

	-webkit-font-smoothing: antialiased;

	-o-transform: scale(1);

	text-rendering: optimizeLegibility;

	text-shadow: none;

}

.social-icons {

    text-align: center;

}

.social-icons a {

    margin: 2px;

    position: relative;

}

a.ttip, a.tooldown {

    display: inline-block;

}

.social-icons-widget .social-icons [class^="fa-"]:before, 

.social-icons-widget .social-icons [class*=" fa-"]:before {

    border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

    color:#FFF;



}

.social-icons-widget .social-icons.icon_24 [class^="fa-"]:before, 

.social-icons-widget .social-icons.icon_24 [class*=" fa-"]:before {

    width:24px;

    height:24px;

    line-height: 24px;

    font-size:14px;

	display: inline-block;

}



.social-icons-widget .fa-rss:before { background:#f8bc2e; }

.social-icons-widget .fa-facebook:before { background:#39599f; }

.social-icons-widget .fa-twitter:before { background:#45b0e3; }

.social-icons-widget .fa-google-plus:before { background:#fa0101; }

.social-icons-widget .fa-pinterest:before { background:#f42424; }

.social-icons-widget .fa-linkedin:before { background:#65b7d2; }

.social-icons-widget .fa-youtube:before { background:#cc181e;  }

.social-icons-widget .fa-flickr:before { background:#ff0084; }

.social-icons-widget .fa-dribbble:before { background:#d875a2; }

.social-icons-widget .fa-instagram:before { background:#517fa4; }





.social-icons-widget .fa-delicious:before { background:#2567ee; }

.social-icons-widget .fa-stumbleupon:before { background:#f42424; }

.social-icons-widget .fa-fivehundredpx:before { background:#00adf1 }

.social-icons-widget .fa-foursquare:before { background:#0d9ed1  }

.social-icons-widget .fa-grooveshark:before { background:#248fd3 }

.social-icons-widget .fa-forrst:before { background:#297e09 }

.social-icons-widget .fa-digg:before { background:#b2b2b2 }

.social-icons-widget .fa-reddit:before { background:#ff915c }

.social-icons-widget .fa-blogger:before { background:#f39d38 }

.social-icons-widget .fa-viadeo:before { background:#f97618 }

.social-icons-widget .fa-vimeo:before { background:#3fbfce }

.social-icons-widget .fa-myspace:before { background:#487ccd }

.social-icons-widget .fa-googleplay:before { background:#a0b532 }

.social-icons-widget .fa-soundcloud:before { background:#F76700  }

.social-icons-widget .fa-yelp:before { background:#c1230d }

.social-icons-widget .fa-github:before { background:#666 }

.social-icons-widget .fa-xing:before { background:#00605e }

.social-icons-widget .fa-dropbox:before { background:#459ce6 }

.social-icons-widget .fa-tumblr:before { background:#385a75 }

.social-icons-widget .fa-apple:before { background:#7e878b }

.social-icons-widget .fa-skype:before { background:#00c6ff }

.social-icons-widget .fa-vkontakte:before { background:#336699 }

.social-icons-widget .fa-friendfeed:before { background:#93b4dd }

.social-icons-widget .fa-deviantart:before { background:#5d6f6d }

.social-icons-widget .fa-lastfm:before { background:#f54a3d }

.social-icons-widget .fa-spotify:before { background:#7fb718 }

.social-icons-widget .fa-evernote:before { background:#1c8328 }

.social-icons-widget .fa-paypal:before { background:#34aad2 }

.social-icons-widget .fa-picasa:before { background:#9d48a1 }

.social-icons-widget .fa-behance:before { background:#1769ff  }

.social-icons-widget .fa-wordpress:before { background:#2071ad }

.social-icons-widget .fa-share:before { background:#55ac60 }



/* ------------------------------------------------------------------------- *

/* Social Icon Header 

/* ------------------------------------------------------------------------- */

#social-icons .social-icons { text-align:right; }

#social-icons .social-icons i { font-size:24px; margin:0 5px; }

#social-icons .social-icons i.fa-rss { color: #F8BC2E; }

#social-icons .social-icons i.fa-facebook { color: #3B5998; }

#social-icons .social-icons i.fa-twitter { color: #33CCFF; }

#social-icons .social-icons i.fa-google-plus { color: #DD4B39; }

#social-icons .social-icons i.fa-pinterest { color: #C8232C; }

#social-icons .social-icons i.fa-youtube { color: #C4302B; }

#social-icons .social-icons i.fa-linkedin { color: #0E76A8; }

#social-icons .social-icons i.fa-dribbble { color: #D875A2; }

#social-icons .social-icons i.fa-flickr { color: #FF0084; }

#social-icons .social-icons i.fa-instagram { color: #3F729B; }



/* ------------------------------------------------------------------------- *

/* Tabbed Widget 

/* ------------------------------------------------------------------------- */

#tabbed-widget .widget-top{

	background: #100D0A;

	height: 44px;

	padding: 8px 0 0 0;

}

	.tabs-wrap, .cat-tabs-wrap{clear:both; display:none;}

	.tabs-wrap#tab1, .cat-tabs-wrap.cat-tabs-wrap1{display:block;}

	#tabbed-widget  ul.tabs li {

		float: left;

		position: relative;

		margin-left: 8px;

		margin-bottom: 0px;

		line-height:30px;

		padding:0px;

		background:transparent;

		width: auto;

		min-width: inherit;

		border-bottom: 0px;

	}

		#tabbed-widget  ul.tabs li a {

			display: inline-block;

			text-align: center;

			color: #fff;

			padding:5px 9px 1px;

			line-height:30px;

			outline:none;

		}

		#tabbed-widget ul.tabs li a:hover {color: #f7f7f7;}

		#tabbed-widget ul.tabs li.active a  {

			-webkit-border-top-left-radius: 2px;

			-webkit-border-top-right-radius: 2px;

			-moz-border-radius-topleft: 2px;

			-moz-border-radius-topright: 2px;

			border-top-left-radius: 2px;

			border-top-right-radius: 2px;

			background:#FFF;

			color:#100D0A;

		}

	#tabbed-widget  .tabs-wrap .tagcloud { margin-top:15px; }

	#tabbed-widget  .tabs-wrap .tagcloud a{

		padding:6px 8px;

		border: 1px solid #e9e9e9;

		background: #F7F7F7;

		text-shadow: 0 1px 0 white;

		-webkit-transition-duration: .3s;

		-moz-transition-duration: .3s;

		display:inline-block;

		margin: 0px 0px 3px 0px;

	}

		#tabbed-widget  .tabs-wrap.tagcloud a:hover{background:#ededed;}

		.entry-detail { overflow:hidden; width:auto; }

		.entry-detail span { font-size:12px; }



/*--------------------------------------------*/

/* Widget Feed Burner

----------------------------------------------*/

.widget-feedburner-counter p { padding-top:0px; }

.widget-feedburner .feedburner-email{

	border-color: #ccc;

	background: #F9F9F9;

	color: #666;

	font: 12px Tahoma;

	padding: 9px 5px;

	width: 213px;

	font-size:13px;

}



/*--------------------------------------------*/

/* Widget Search

----------------------------------------------*/

.search-widget input {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #DDDDDD;

    clear: both;

    color: #999999;

    padding: 10px !important;

    width: 100%;

}



/*--------------------------------------------*/

/* Flickr Widget

----------------------------------------------*/

.flickr-widget .flickr_badge_image {float:left;margin:0 2.9px 2.9px 2.9px;}



	.flickr-widget .flickr_badge_image img{

		opacity:1;

		width:55px;

		height:55px;

		border-radius: 50%;

	}

	.flickr-widget .flickr_badge_image a:hover img{opacity:0.6;}



/*--------------------------------------------*/

/* News in Picture Widget

----------------------------------------------*/	

.widget.news-pic .entry-thumbnail { margin:0 5.4px 2.9px 5.4px; }



/*--------------------------------------------*/

/* Counter Widget

----------------------------------------------*/

#sidebar .widget-counter{

	margin-bottom:20px;

	overflow:hidden;

	background: white;

	border-radius: 1px;

	-moz-border-radius: 1px;

	-webkit-border-radius: 1px;

	box-shadow: 0 1px 3px 0 #B5B5B5;

	-moz-box-shadow: 0 1px 3px 0 #b5b5b5;

	-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;

	clear: both;

	border: 1px solid #DDD;

	border-bottom:0 none;

}

.widget-counter.col1 li{width:100%;border:0 none !important;}

.widget-counter.col2 li, .widget-counter.col4 li{width: 153px;border-width:0 0 1px 0 !important;}

.widget-counter.col2 li:nth-child(2n+2) , .widget-counter.col4 li:nth-child(2n+2){border-left:1px solid #efefef !important;}

.widget-counter li{

	line-height:15px;

	float:left;

	width:101px;

	padding:7px 0!important;

	border-bottom:1px solid #efefef;

	display:inline;

	-moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear;

}

.widget-counter li:hover{border-color:#efefef!important;}

.widget-counter li:nth-child(3n-1) { border-right:1px solid #efefef; border-left:1px solid #efefef;}

.widget-counter li a{display:block;text-align:center;}

.widget-counter li a strong{opacity:.6;display:block; height:51px; margin-bottom:5px;

	-webkit-transition: all ease-in-out 0.2s;

	-moz-transition: all ease-in-out 0.2s;

	-o-transition: all ease-in-out 0.2s;

	transition: all ease-in-out 0.2s;

	font-size: 28px;

	margin: 8px auto;

	width: 50px;

	color: #FFF;

	height: 50px;

	display: block;

	text-align: center;

	background: #444;

	-webkit-border-radius: 50px;

	moz-border-radius: 50px;

	border-radius: 50px;

}

.widget-counter li a strong:before{height: 50px;width: 50px;font-size: 26px;line-height: 50px;;}

.widget-counter li a:hover strong{opacity:1;}

.widget-counter li:hover{	background-color:#F8F8F8;}

.widget-counter li:hover a{text-decoration: none;}

.widget-counter li.rss-subscribers a:hover strong{ background: #f8bc2e; }

.rss-subscribers span{font-size: 14pt;display: inline-block;}

.widget-counter li.facebook-fans a:hover strong {background: #39599f;}

.widget-counter li.twitter-followers a:hover strong{ background: #45b0e3;}

.widget-counter li.youtube-subs a:hover strong{ background: #cc181e; }

.widget-counter li.vimeo-subs a:hover strong{ background: #3fbfce; }

.widget-counter li.dribbble-followers a:hover strong{ background: #d875a2;}

.widget-counter li.soundcloud-followers a:hover strong{ background: #F76700;}

.widget-counter li.behance-followers a:hover strong{ background: #1769ff;}

.widget-counter li.instagram-followers a:hover strong{ background: #517fa4;}

.widget-counter li span{display:block;font-size:18px;}

.widget-counter li a small{color:#777;}



/*--------------------------------------------*/

/* Twitter Widget

----------------------------------------------*/

#twitter-widget li:before{ content: '\f099'; font-family: FontAwesome; font-size: 24px; }

#twitter-widget ul{margin:0px ;}

#twitter-widget li{

	background: transparent;;

	border-bottom:1px solid #f2f2f2;

	padding:10px 10px 10px 30px;

}

#twitter-widget li:before{

	float:left;

	margin-left: -30px;

	margin-top: -5px;

	color: #45b0e3;

}

#twitter-widget li:last-child{border-bottom:0 none;}

	#twitter-widget .tweet_list .tweet_avatar img{

		padding:2px ;

		margin-left:5px;

		float: right;

		background:#FFF;

		border:1px solid #d6d6d6;

	}

.twitter-timestamp{font-style: italic;color: #888;font-size: 10px;float: right;clear: both;}

		

/*--------------------------------------------*/

/* Jetpack Infinite Scroll

----------------------------------------------*/

#infinite-footer,

#infinite-footer a {

  color: #666;

}

#infinite-footer a {

  text-decoration: underline;

}

#infinite-footer .container {

  padding: 8px 40px;

  border-color: #ddd;

  background: rgba(255, 255, 255, 0.9);

}



/*--------------------------------------------------------------

Nivo Slider

--------------------------------------------------------------*/

.slider-parent {

  position: relative;

}

.slider-wrapper {

  width: 1100px;

  border-top: solid 4px #000;

  border-bottom: solid 4px #000;

}

.nivo-caption {

  max-width: 550px;

  min-width: 200px;

  overflow: hidden;

  bottom: 15px;

  left: 15px;

  font-family: Roboto, Arial, sans-serif;

  font-weight: lighter;

}

.nivo-caption a {

  text-decoration: none;

}

.nivo-caption a:hover {

  text-decoration: underline;

}

.nivo-html-caption {

  display: none;

}

div.slide-title {

  font-size: 36px;

  display: block;

}

/* ------------------------------------------------------------------------- *

 *  Flexslider

/* ------------------------------------------------------------------------- */



/*  flexslider : featured

/* ------------------------------------ */

.hr.featured { margin-top: 20px; margin-bottom: 30px; }

header.slider-header { margin-bottom: 20px; } 

.featured { margin-bottom: 0px; }

.featured .entry-thumbnail { margin-bottom: 0; margin-right: 0!important; width:auto!important; }

.featured .entry-thumbnail a { display: block; }

.featured .entry-title { font-size: 20px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; z-index: 9; padding: 10px 50px 10px 20px; 

text-shadow: 0 1px 0 rgba(0,0,0,0.7);

box-shadow: 0 -1px 0 rgba(255,255,255,0.07), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.3), inset 0 10px 10px rgba(0,0,0,0.1); }

.featured .entry-title a { color: #fff; }

.featured .entry-title a:hover { color: #fff; text-decoration: underline; } 



/*  flexslider : comments

/* ------------------------------------ */

.entry-comments { background: #83ad02; font-size: 13px; line-height: 20px; color: #fff; display: block; padding: 0 7px; position: relative; position: absolute; bottom: 10px; right: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); z-index: 10;

-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

.entry-comments:hover { color: #fff; }

.entry-comments i { position: relative; top: -1px; margin-right: 2px; }



/*  flexslider : resets

/* ------------------------------------ */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  { outline: none; }

.slides,

.flex-control-nav,

.flex-direction-nav { margin: 0; padding: 0; list-style: none; } 



/*  flexslider : necessary styles

/* ------------------------------------ */

.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

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

html[xmlns] .slides { display: block; } 

* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }



/*  flexslider : theme

/* ------------------------------------ */

.flex-container { position: relative; overflow: hidden; }

.flexslider { position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.flexslider .slides > li { overflow: hidden; margin:0px; }

.flexslider .slides img { height: auto; margin: 0 auto; }

.carousel li { margin-right: 5px; }



/*  flexslider : caption

/* ------------------------------------ */

.flex-caption { background: rgba(0,0,0,0.5); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px;

-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 

-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);

box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); }



/*  flexslider : direction nav

/* ------------------------------------ */

.flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 9; }

.flex-direction-nav li { float: left; margin-left: 4px; }

.flex-direction-nav a { background: rgba(0,0,0,0.7);  position: relative; width: 43px; height: 43px; margin: 0 0 0; display: block; cursor: pointer; text-indent: 0; opacity: 0.8; -webkit-transition: all .3s ease;

-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;

box-shadow: inset 0 1px 0 rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);  }

.flex-direction-nav i { font-size: 24px; color: #fff; position: absolute; left: 11px; top: 10px; text-shadow: 0 -1px 0 rgba(0,0,0,0.9);

transition:all .2s ease; -o-transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; }

.flex-direction-nav .flex-next i { left: 14px; }

.flex-direction-nav .flex-prev {  }

.flexslider:hover .flex-next,

.flexslider:hover .flex-prev { opacity: 0.8; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }



/*  flexslider : control nav

/* ------------------------------------ */

.flex-control-nav { width: 100%; text-align: center; margin-top: 7px; }

.flex-control-nav li { font-size: 0; margin: 0 5px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { background: rgba(0,0,0,0.15); width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; 

-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;

-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1);

-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1);

box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.1); }

.flex-control-paging li a:hover { background: rgba(0,0,0,0.2); }

.flex-control-paging li a.flex-active { background: rgba(0,0,0,0.3); cursor: default; }



.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }



/*  common : thumb icon

/* ------------------------------------ */

.thumb-icon { background: rgba(0,0,0,0.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.7); text-align: center;  z-index: 12; display: block; width: 38px; height: 32px; position: absolute; top: 4px; left: 4px;

-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;

-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 0 2px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1);

-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 0 2px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1);

box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), inset 0 2px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1); }

.thumb-icon i { font-size: 18px; padding: 7px 0; }

.thumb-icon.small { width: 28px; height: 24px; }

.thumb-icon.small i { font-size: 14px; padding: 5px 0; }



/* ------------------------------------------------------------------------- *

 *  WP-PageNavi Support

/* ------------------------------------------------------------------------- */



#nav-below .wp-pagenavi {

  clear: none;

}

#nav-below .wp-pagenavi .pages {

  padding-left: 0;

}

#nav-below .wp-pagenavi a,

#nav-below .wp-pagenavi span {

  text-decoration: none;

  border: none;

  text-align: center;

  padding: 5px 10px;

  margin: 0;

}

#nav-below .wp-pagenavi .current {

  background: #117bb8;

  font-weight: normal;

  color: white;

}

#nav-below .wp-pagenavi a:hover {

  background: #fcfcfc;

}



/* ------------------------------------------------------------------------- *

 *  Template: Sitemap

/* ------------------------------------------------------------------------- */

.sitemap { padding-top: 30px; color: #999; }

.sitemap .heading { margin-bottom: 10px; }

.sitemap ul { margin-bottom: 14px; margin-left:0px; }

.sitemap li { border-left: 4px solid #eee; padding-left: 20px; display: block; padding-top: 6px; padding-bottom: 6px; }

.sitemap li li li { padding-top: 3px; padding-bottom: 3px; }

.sitemap ul ul { margin-top: 10px; }

.sitemap ul ul ul {  }



.entry-content code, .entry-content pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }

.entry-content pre { background: url(../images/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }

.entry-content code { background: #eee; padding: 0 3px; }



		



/* ------------------------------------------------------------------------- *

/* Share buttons 

/* ------------------------------------------------------------------------- */



.shareon {float:left; padding-right:10px; font-weight: 700; color: #555;}

.share-buttons {

  overflow: hidden;

  margin-top: 2em;

  padding: 20px 0px 0 0;

  width: 100%;

  border-top:1px dashed #e9e9e9;

  text-align: center;

  line-height: 44px;

  font-size: 20px;

}



/*/ Share buttons */



.hs-icon {

	display: inline-block;

	font-size: 26px;

	cursor: pointer;

	margin: 1px;

	width: 45px;

	height: 45px;

	line-height:48px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color:#117bb8;

}



.hs-icon:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

	top: 0;

	left: 0;

	padding: 0;

	box-shadow: 0 0 0 1px #d1d1d1;

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

	-webkit-transform: scale(.9);

	-moz-transition: -moz-transform 0.2s, opacity 0.2s;

	-moz-transform: scale(.9);

	-ms-transform: scale(.9);

	transition: transform 0.2s, opacity 0.2s;

	transform: scale(.9);

	opacity: 80;

}

.hs-icon:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}





/* Media Queries */

@media (max-width: 1080px) {

  body { overflow-x: hidden; }

  .header-wrapper { width:960px; }

  #page { width: 960px; }

  .container {

	width: 100%; margin: auto; }

  .featured-content-secondary {

    padding: 0px 20px 0 20px; margin: -1px -25px 0 -25px;  }

  .featured-content-secondary article {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .featured-content-secondary .entry-thumbnail {

    float: left; margin-bottom: 0; }

  .featured-content-secondary .has-post-thumbnail .entry-header,

  .featured-content-secondary .has-post-thumbnail .entry-summary {

    margin-left: 240px; }

  .featured-content-secondary .has-post-thumbnail .entry-header,

  .featured-content-secondary .has-post-thumbnail .entry-summary { 

    margin-left: 250px!important; }

  .featured-content-secondary .has-post-thumbnail .entry-title {

    clear: none;  }

  .single .site-content .related-content article {

    width: 200px; }

  #footer-sidebar { width: 100%; }

}

@media (max-width: 1020px) {

  body { overflow-x: hidden; }

  .header-wrapper { width:900px; }	

  #page {

    width: 900px;

  }

  .container {

	width: 100%;

	margin: auto;

  }

  #primary {

    width: 620px;

  }



  .single .site-content .related-content article {

    width: 180px;

  }

}

@media (max-width: 960px) {

  body { overflow-x: hidden; }

  

  .header-wrapper { width:840px; }

  #page {

    width: 840px;

  }

  .container {

	width: 100%;

	margin: auto;

  }

  #primary {

    width: 560px;

  }



  .single .site-content .related-content article {

    width: 160px;

  }

}

@media (max-width: 900px) {

  body { overflow-x: hidden; }

  header.site-header { text-align:center; background:#fff; }



  .site-branding { float: none; margin-left: 0px; }

  #social-icons { float: none; margin-top: 12px; }

  .header-wrapper { width:87%; }

  #page {

    width: 87%;

  }

  .container {

	width: 100%;

	margin: auto;

  }

  #primary {

    width: 100%;

    margin-right: 0;

  }

  #secondary {

    width: 100%;

    margin-left: 0;

  }



  .featured-content .has-post-thumbnail .entry-thumbnail { width: 300px; }

  .featured-content .has-post-thumbnail .entry-header,

  .featured-content .has-post-thumbnail .entry-summary {

    margin-left: 260px;

  }

  .featured-content-secondary .has-post-thumbnail .entry-header,

  .featured-content-secondary .has-post-thumbnail .entry-summary { 

    margin-left: 250px!important;

  }

  .widget-area .widget {

    margin-left: 0px;

  }

  .comments-area {

    padding-right: 40px;

  }

  #disqus_thread {

    margin-right: 40px;

  }

  #colophon .site-info, #colophon #footertext { float: none; text-align:center; padding:0 10px; }

  #footer-sidebar { width: 100%; }

  #footer-sidebar .footer-column { float: none; width: 100%; }

}

@media (max-width: 700px) {

  body { overflow-x: hidden; }

  header.site-header { text-align:center; }

  header .site-title a { font-size: 40px; }

  .site-branding { float: none; margin-left: 0px; }

  #social-icons { float: none; margin-top: 12px; }

  .main-navigation { width: 100%; }

  .header-wrapper { width:95%; }

  #page { width: 95%; }

  .container { width: 100%; margin: auto; }

  #primary { width: 100%; float: none; }

  #secondary { width: 100%; float: none; }

  

  .featured-content .has-post-thumbnail .entry-thumbnail,

  .featured-content-secondary .has-post-thumbnail .entry-thumbnail,

  .has-post-thumbnail .entry-thumbnail {

    float: left;

    display: block;

    width: 240px!important;

  }

  .featured .entry-thumbnail {

    margin-bottom: 0;

    width: auto !important;

}

  .featured-content .has-post-thumbnail .entry-header,

  .featured-content .has-post-thumbnail .entry-summary,

  .blog .site-content .has-post-thumbnail .entry-header,

  .blog .site-content .has-post-thumbnail .entry-summary,

  .blog .site-content .has-post-thumbnail .entry-meta,

  .archive .site-content .has-post-thumbnail .entry-header,

  .archive .site-content .has-post-thumbnail .entry-summary,

  .archive .site-content .has-post-thumbnail .entry-meta,

  .search .site-content .has-post-thumbnail .entry-header,

  .search .site-content .has-post-thumbnail .entry-summary,

  .search .site-content .has-post-thumbnail .entry-meta {

    margin-left: 260px;

  }

  .featured-content-secondary .has-post-thumbnail .entry-header,

  .featured-content-secondary .has-post-thumbnail .entry-summary { 

    margin-left: 260px!important;

  }

  .single .site-content .entry-title,

  .site-content .entry-content h1,

  .site-content .comment-content h1 {

    font-size: 28px;

    line-height: 38px;

  }

  .single .site-content .related-content {

    padding-bottom: 20px;

    padding-left: 40px;

    padding-right: 40px;

  }

  .single .site-content .related-content .related-content-title {

    margin-left: 0;

  }

  .single .site-content .related-content article {

    width: 100%;

    padding: 20px 0 0 0;

    margin: 0;

  }

  .single .site-content .has-post-thumbnail .entry-thumbnail {

    width: 50px;

    margin-bottom: 0;

  }

  #colophon { padding: 10px 0; width: 100%; margin: auto; }

  #colophon .site-info, #colophon #footertext { float: none; text-align:center; padding:0 10px; }

  

  div.slide-title {

    font-size: 18px;

    display: block;

  }

  div.slide-description {

    font-size: 12px;

  }

  #social-icons .social-icons {

    text-align: center;

  }

  .featured .entry-title { font-size: 22px; }

  #footer-sidebar { width: 100%; }

  #footer-sidebar .footer-column { float: none; width: 100%; }

}



@media (max-width: 600px) {

  body { overflow-x: hidden; }

  header.site-header { text-align:center; }

  header .site-title a { font-size: 1em; }

  .site-content .entry-title { font-size: 16px; line-height: auto; }

  .site-branding { float: none; margin-left: 0px; }

  #social-icons { float: none; margin-top: 12px; }

  header #social-icons img { width: 38px; }

  .main-navigation { width: 100%; }

  .header-wrapper { width:95%; }

  #page { width: 95%; }

  .container { width: 100%; margin: auto; }

  #primary { width: 100%; float: none; }

  #secondary { width: 100%; float: none; }

  .featured { margin-bottom: 0px; }

  .featured-content .has-post-thumbnail .entry-thumbnail,

  .featured-content-secondary .has-post-thumbnail .entry-thumbnail,

  .has-post-thumbnail .entry-thumbnail {

    float: none!important;

    display: block;

    width: 100%!important;

    margin-bottom: 0px;

  }

  .featured-content .has-post-thumbnail .entry-header,

  .featured-content .has-post-thumbnail .entry-summary,

  .featured-content-secondary .has-post-thumbnail .entry-header,

  .featured-content-secondary .has-post-thumbnail .entry-summary,

  .blog .site-content .has-post-thumbnail .entry-header,

  .blog .site-content .has-post-thumbnail .entry-summary,

  .blog .site-content .has-post-thumbnail .entry-meta,

  .archive .site-content .has-post-thumbnail .entry-header,

  .archive .site-content .has-post-thumbnail .entry-summary,

  .archive .site-content .has-post-thumbnail .entry-meta,

  .search .site-content .has-post-thumbnail .entry-header,

  .search .site-content .has-post-thumbnail .entry-summary,

  .search .site-content .has-post-thumbnail .entry-meta {

    margin-left: 0px!important;

	float: none;

	width: 100%;

  }

  #colophon .site-info, #colophon #footertext { float: none; text-align:center; padding:0 10px; }

  

  div.slide-title {

    font-size: 12px;

    display: block;

  }

  div.slide-description {

    display: none;

  }

  .featured .entry-title { background: #444; font-size: 16px; letter-spacing: 0; padding-left: 15px; display: block; position: static; }

  #footer-sidebar { width: 100%; }

  #footer-sidebar .footer-column { float: none; width: 100%; }

}