/*
Theme Name: Trendnet
Description: Multi-Autor blog Theme
Version: 1.0
Author: Andri Heidberg
Tags: template, blog, mulit-author, html5

	Trendnet v1.0
*/


/* == BASICS == */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
@import url(http://fonts.googleapis.com/css?family=Dosis:200,300);

header, footer, section, article, aside, nav, figure { display: block; }
ul, figure { margin: 0; padding: 0; }

* { -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;                                                        
    box-sizing: border-box; }

html { }

body { margin: 0; background: #f2f2f2; background: url(images/gray-leather.png); padding: 0; font-size: 14px; line-height: 1.5; color: #3a3a3a;
       font-family: "Open Sans", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; }
       
.wrapper { width: 1156px; margin: 0 auto; padding: 0 158px; }
.inner-wrap { width: 840px; margin: 0 auto; position: relative; }      

.clearfix { zoom: 1; }
.clearfix:before, 
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; }
.clearfix::after { clear: both; }

.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

p a { border-bottom: 1px solid transparent; }
p a:hover, p a:active { border-bottom: 1px dotted #cecece; }
p a.fancybox, p a.fancybox:hover, p a.fancybox:active { border: none;  } /* No borders from image links */
p a[rel="attachment"] { border: none; }

h1 { margin: 0; font-size: 32px; font-family: "Playfair Display"; font-weight: normal; }
h2 { margin: 0; font-size: 18px; font-family: "Playfair Display"; font-weight: normal; }
h3 { margin: 0; }
h4 { margin: 0; }
h5 { margin: 0; }             

/* == LINKS == */

a { text-decoration: none; color: #FF9A82; 
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out; }
        
a:hover, a:active {	}

/* == HEADER == */

#ad-left { position: fixed; width: 0; top: 37px; margin-left: -20px; }
#ad-left img { float: right; } 
#ad-right { position: fixed; width: 0; top: 37px; margin-left: 859px; }
#ad-top { width: 878px; margin-top: 37px; margin-left: -19px; overflow: hidden; }
#ad-top img { width: 878px; }
.ad img { border: none; }

#ad-right,#ad-left,#ad-top,#ad-middle { line-height: 0; }
#ad-right,#ad-left { width: 160px; height: 600px; }
#ad-left { margin-left: -179px; }
#ad-top { }
#ad-right p,#ad-left p,#ad-top p {  }

#ad-middle { max-height: 160px; width: 100%; float: left; clear: both; margin: 15px 0; }
#ad-middle img { width: 100%; max-width: 100%; }
#ad-post, #ad-postlist { max-height: 120px; line-height: 0; position: relative; margin-bottom: 40px; text-align:center; }
#ad-post {  margin: 15px 0; }

#front-wrap #ad-left { top: 2px; }
#front-wrap #ad-right { top: 2px; }
#front-wrap #ad-top { margin-top: 2px; }

#maintenanceText { text-align: center; color: #ababab; text-shadow: 0 1px 1px white; text-transform: uppercase; max-width: 600px; margin: 0 auto; margin-top: 40px;}
#maintenanceText h2 { font-size: 24px }
.trendnet-splash { margin-top: 200px; }
.trendnet-splash header { text-align: center; }
.trendnet-splash .logo { background: url(images/trendnet_big.png) no-repeat; text-indent: -9999px; width: 613px; height: 117px; margin: 0 auto; }

#front-head { width: 100%; margin: 30px 0 25px; position: relative; }
#front-head h1#cLogo { width: 615px; height: 116px; margin: 0 auto; margin-left: 120px; background-image: url(images/trendnet_logo.png);  
                             font-size: 90px; text-indent: -9999px; color: #ACACAC; text-transform: uppercase; text-shadow: 2px 2px 2px white; }

#front-head .fb-like { position: absolute; bottom: -19px; right: 0px; float: right; }

#author-head { line-height: 0; margin-top: 36px; position: relative; box-shadow: 0px 0px 20px -2px #CECECE; }
#author-head h1 { position: absolute; right: 170px; bottom: 10px; z-index: -1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-style: italic; color: #ccc; text-shadow: 0 1px 1px white; font-size: 36px; }                                                          

#top-bar { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 36px; background: black; border-top: 3px solid #ffb2a4; text-align: center; box-shadow: 0px 2px 10px #666; }
#top-bar nav.author-top-nav { position: relative; font-size: 12px; margin: 0 auto; width: 1100px; }
.top-logo { position: absolute; left: 90px; top: -1px; }
.top-logo:hover { }
.top-logo h1 { width: 40px; height: 40px; text-indent: -9999px; background: url(images/t_logo.png) no-repeat; background-size: 100%; 
               transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; }                             
.top-logo:hover h1 { width: 50px; height: 50px; }

nav.author-nav, nav.author-top-nav { font-size: 13px; position: relative; }
nav.author-top-nav { padding-left: 50px; }
nav.author-nav { clear: both; background: white; box-shadow: 0 -1px 15px -2px #CECECE; border-bottom: 3px solid #fd8b79; }
/*nav.author-nav { width: 100%; display: table; clear: both; background: white; box-shadow: 0 -4px 15px -2px #CECECE; border-bottom: 3px solid #fd8b79; }*/

nav.author-nav a { width: 20%; float: left; text-align: center; line-height: 46px; background: white; border-right: 1px solid #F2F2F2; 
color: #aaa; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out;  -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;}
/*
nav.author-nav a { display: table-cell; padding: 0 9px;  text-align: center; line-height: 46px; background: white; border-right: 1px solid #F2F2F2; 
color: #aaa; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out;  -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;}
*/

nav.author-nav a:nth-child(1) { border-bottom: 1px solid #F2F2F2; }
nav.author-nav a:nth-child(2) { border-bottom: 1px solid #F2F2F2; }
nav.author-nav a:nth-child(3) { border-bottom: 1px solid #F2F2F2; }
nav.author-nav a:nth-child(4) { border-bottom: 1px solid #F2F2F2; }
nav.author-nav a:nth-child(5) { border-bottom: 1px solid #F2F2F2; }
nav.author-nav a:nth-child(6) { clear: both; }
nav.author-nav a.last-item { border-right: 1px solid #F2F2F2; }
nav.author-top-nav a.nav-link { padding: 8px; background: black; line-height: 33px; color: #EEE; }              

nav.author-nav a:hover, 
nav.author-top-nav a.nav-link:hover {
background: rgb(255,178,164); background: url(images/nav-peach-bg.png) repeat-x; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,178,164,1) 0%, rgba(253,139,121,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,178,164,1)), color-stop(100%,rgba(253,139,121,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb2a4', endColorstr='#fd8b79',GradientType=0 ); /* IE6-9 */  }

nav.author-nav a:hover, nav.author-top-nav a.nav-link:hover { color: white; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }

#page-footer { clear: both; float: left; width: 100%; font-size: 14px; margin: 50px 0 10px; color: #b4b4b4; text-shadow: 0 1px 0 white;  }
#page-footer a, 
#page-footer a:active, 
#page-footer a:visited { color: #bbb; }
#page-footer a:hover { color: #888; }                       
  #social-buttons { display: table; margin: 0 auto; margin-bottom: 30px; }
  #social-buttons ul li { float: left; padding: 0 30px; list-style: none; display: inline; }                  
  #social-buttons li a { display: block; text-indent: -9999px; width: 100px; height: 100px; background: url(images/social-sprite.png); transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
  #social-buttons li a:hover { border: none; }
  #social-buttons li a#facebook-btn { background-position: 0 100px; }
  #social-buttons li a#facebook-btn:hover { background-position: 0 0; } 
  #social-buttons li a#twitter-btn { background-position: -100px 100px; }  
  #social-buttons li a#twitter-btn:hover { background-position: -100px 0; }
  #social-buttons li a#bloglovin-btn { background-position: -200px 100px; }  
  #social-buttons li a#bloglovin-btn:hover { background-position: -200px 0; }
  #social-buttons li a#pinterest-btn { background-position: -300px 100px; }  
  #social-buttons li a#pinterest-btn:hover { background-position: -300px 0; }
  #social-buttons li a#instagram-btn { background-position: -400px 100px; }  
  #social-buttons li a#instagram-btn:hover { background-position: -400px 0; }

  nav.secondary-nav { clear: both; float: right; }
  nav.secondary-nav ul li { margin-left: 20px; list-style: none; display: inline; }
  nav.secondary-nav ul li a { border-bottom: 1px dotted transparent; }
  nav.secondary-nav ul li a:hover { border-bottom: 1px dotted #ccc; }
  #copyright { float: left; }

/* == Front Page == */

.first-lead-post { width: 420px; height: 420px; background: white; }
#fresh-posts ul li { width: 210px; height: 210px; background: white; }

.post-tile { float: left; list-style: none; position: relative; overflow: hidden; }
.post-tile figure { background: black; line-height: 0; }
.post-tile figure:hover img { zoom: 1; filter: alpha(opacity=35); opacity: 0.35; }
.post-tile img { border: none; width: 100%; height: auto; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }  
.post-tile:hover .post-author { display: block; }
#fresh-posts .post-tile:before,
#fresh-posts .post-tile:after { background-color: #333; background-color: rgba(255, 255, 255, 0.2); content: ""; display: block; position: absolute; right: -1px; z-index: 2 }
#fresh-posts .post-tile:before { width: 100%; height: 2px; left: 0; top: -1px; }
#fresh-posts .post-tile:after  { width: 2px; height: 100%; top: 1px; bottom: 1px; }

.post-tile figcaption { position: absolute; bottom: 2.5%; left: 1px; padding-left: 2px; max-width: 90%; z-index: 10; border-left: 3px solid #ff9a82;  }
.first-lead-post figcaption { bottom: 10px; }
.post-tile figcaption h1, 
.post-tile figcaption h2 { line-height: 1.33; padding: 0 3px; display: inline; background: black; background: rgba(0,0,0,0.65); font-family: 'Dosis', Helvetica, Arial, sans-serif; color: white; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; }
.post-tile figcaption h2 { font-size: 18px; font-weight: 300; }
.post-tile figcaption h1 { font-size: 36px; font-weight: 200; }

.third-block-posts, 
.fourth-block-posts { width: 100%; }

.second-block-posts ul li { width: 50%;  } 
.third-block-posts ul li, 
.fourth-block-posts ul li { width: 25%; }

.first-lead-post, .second-block-posts { width: 50%; float: left; }

.post-author { position: absolute; top: 5px; right: 5px; display: none; padding: 2px 8px; color: white; background: black; background: rgba(0,0,0,0.7); z-index:10; font-size: 14px; font-style: italic; border-radius: 4px; }
.post-content { position: absolute; display: none; top: 25px; left: 20px; color: white; }
             
.mini-post:hover { box-shadow: 0 0 20px #999; z-index:2; }

#trend-radar { width: 407px; height: 194px; float: left; position: relative; margin-bottom: 1px; background: #222; border: 6px solid white; box-shadow: 0 0 20px #ccc; }
#trend-radar h2 { display: inline; background: #ff9a82; color: white; position: absolute; top: 10px; left: 10px; padding: 0 8px; box-shadow: 1px 1px 4px 0px black; font-size: 22px; } 


/* Popular posts */
h2.box-title { position: absolute; top: -42px; left: 5px; color: white; font-size: 32px; text-transform: uppercase; text-shadow: 0px 0px 10px #999; }

.horiz-block { width: 100%; position: relative; float: left; margin-top: 70px; border-top: 5px solid #ff9a82; box-shadow: 0px 0px 20px 0px #777; background: black; }
.horiz-block ul li { border: 6px solid black;  box-shadow: 0 0 2px #535050; margin-right: 0; }
.horiz-block .post-author { background: black; color: white; }
#popular-posts ul li { width: 20%; height: 168px; }
#popular-posts .post-author { font-size: 12px; padding: 1px 4px; }
#popular-posts figcaption h2 { font-size: 16px; }

#insta-carousel #insta-logo { position: absolute; left: 682px; top: -37px; z-index: 10; }
#insta-carousel ul li { float: left; width: 132px; height: 132px; list-style: none; position: relative; line-height: 0; background: black; overflow: hidden; }
#insta-carousel ul li figcaption { border: none; max-width: 100%; bottom: 1px; left: 2px; padding-left: 0; }
#insta-carousel ul li figcaption h2 { border-radius: 3px; text-transform: lowercase; }
#insta-carousel ul li figcaption h2:first-letter { color: #ff9a82; }
#insta-carousel ul li figcaption h2:before { content: '@'; color: #ff9a82; }

#insta-carousel ul li { width: 156px; height: 156px; }
#insta-carousel ul li.last-box { background: #222; color: #ccc; font-size: 17px; text-align: center; padding-top: 50px; text-transform: uppercase; line-height: 24px; }
#insta-carousel ul li.last-box:hover { background: #333; } 
#insta-carousel ul li.last-box a { color: white; padding: 45px 0; }

                       
#game-logo { position: absolute; left: 50%; top: -50px; margin-left: -45px; z-index: 20; }
.ig-footer { color: white; margin-top: 10px; }
.ig-text { width: 620px; float: left; text-transform: uppercase; }
.ig-text h2 { font-size: 23px; line-height: 28px; }
.ig-text h2 span { color: #FF9A82; }
.ig-footer span a { float: right; border-radius: 5px; color: white; padding: 0 10px; line-height: 50px; margin-top: 5px; font-size: 13px; text-transform: uppercase; 
background: rgb(255,178,164); background: url(images/nav-peach-bg.png) repeat-x; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,178,164,1) 0%, rgba(253,139,121,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,178,164,1)), color-stop(100%,rgba(253,139,121,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb2a4', endColorstr='#fd8b79',GradientType=0 ); /* IE6-9 */  }

.es-carousel-wrapper{	padding: 20px 29px 20px 30px;	position:relative; }
.es-carousel { overflow: hidden; padding: 1px; }

#insta-carousel.insta-special .ig-footer span a { margin-top: 25px; }
#insta-carousel.insta-special .ig-text h2 { font-size: 32px; line-height: 32px; }
#insta-carousel.visible-10 .es-carousel { }
.es-nav span { position: absolute; top: 50%; left: 7px; background: transparent url(images/slider-nav.png) no-repeat top left; 
               width: 14px; height: 26px; margin-top: -43px; text-indent: -9000px; cursor: pointer; opacity: 0.8; }
.es-nav span.es-nav-next{	right: 7px; left: auto;	background-position: top right; }
.es-nav span:hover{	opacity:1.0; }

#fancybox-title-over h3 span { color: #ff9a82; }

/* Blog pages */
section.main { float: left; position: relative; width: 660px; margin: 0; padding: 70px 0px 0px; }
.post-one, article.post-single { margin-top: -30px; }
.sub-page { padding: 40px 0px 0px !important; }

/* Page bar */
#page-bar { width: 860px; height: 40px; padding-left: 20px; position: absolute; z-index: 2; left: -10px; top: 0; line-height: 40px; box-shadow: 0 3px 9px 0px #ccc; 
            background: #ff9a82; background: url(images/nav-peach-bg.png);  
            background-image: linear-gradient(bottom, rgb(255,155,130) 56%, rgb(252,186,171) 89%);
            background-image: -o-linear-gradient(bottom, rgb(255,155,130) 56%, rgb(252,186,171) 89%);
            background-image: -moz-linear-gradient(bottom, rgb(255,155,130) 56%, rgb(252,186,171) 89%);
            background-image: -webkit-linear-gradient(bottom, rgb(255,155,130) 56%, rgb(252,186,171) 89%);
            background-image: -ms-linear-gradient(bottom, rgb(255,155,130) 56%, rgb(252,186,171) 89%);
            background-image: -webkit-gradient( linear,	left bottom,	left top,	color-stop(0.56, rgb(255,155,130)),	color-stop(0.89, rgb(252,186,171)));}
#page-bar span { float: left; color: white; margin-left: 25px; }
#page-bar span p { margin: 8px 0 0; line-height: 30px; font-style: italic; text-shadow: 0 1px 1px #FDB1A7; }
#page-bar a { color: white; }

#page-bar ul { width: 180px; float: right; text-align: center; list-style-type: none; }
#page-bar ul li { display: inline; padding: 0px 10px; margin-right: 1px; }
#page-bar ul li a { font-size: 14px; color: white; text-transform: uppercase; border-bottom: 1px solid transparent; }
#page-bar a:hover { text-shadow: 0 -1px 7px white; }

/* Sidebar */           
aside { float: right; clear:both; width: 170px; margin: 40px 0 15px; text-align: right; }
aside ul { list-style-type: none; }
aside > ul > li { padding: 10px 0px 10px 10px; }
aside ul li h2, #instagram_widget_title { display: inline; line-height: 25px; color: #FF9A82; text-shadow: 0px 2px 1px white; font-size: 16px; }
aside ul ul { margin-top: 5px; list-style-type: none; font-size: 12px; }
aside ul ul li, .textwidget { color: #888; font-size: 12px; text-shadow: 0px 1px 1px white; }
aside ul ul li a { color: #888; border-bottom: 1px dotted transparent; padding: 0 3px; }
aside ul ul li a:hover { background: white; color: #333; border-bottom: 1px dotted #F98E86; }
aside ul ul#instagram_widget li a { border: none; }
aside ul ul#instagram_widget li a:hover { background: none; border: none; }
aside .author-bio {  margin-top: 0px; line-height: 24px; font-style: italic; color: #AAA; text-align: center; text-shadow: 0 1px 0 white; }
instagram_widget li img { }

.widget_search input#s { width: 70%; margin: 0; float: left; border: none; padding: 3px; }
.widget_search input[type='submit'] { margin: 0; float: right; width: 30%; border-radius: 0; background: #FF9A82; 
      border: none; padding: 3px; color: white; text-transform: uppercase; font-size: 10px; line-height: 16px; }
      
#rss-2 { padding-right: 0; }
#rss-2 li { padding: 5px 0; border-bottom: 1px solid #CCC; }      

/* Article */

.post { position: relative; padding: 30px 20px 20px; margin-bottom: 40px; background: white; box-shadow: 0px 0px 20px -2px #CECECE; -webkit-box-shadow: 0px 0px 20px -2px #CECECE;  }
.post img { max-width: 100%; height: auto; }
.post iframe { max-width: 100%; }
.post iframe.fb_ltr { max-width: none; }
.post a { margin-left: 0 !important; }
.post p { font-size: 14px; }
.post > div { margin: 1em auto; }
.post header { margin-bottom: 15px; }
.post h1, .page article h1 { width: 100%; line-height: 1; padding: 10px 0; text-align: center; color: #AAA;  text-align:center; font-size: 58px; text-transform: uppercase;}
.post h1 a { color: #AAA; }
.post h1 a:hover { color: #FFC4B6; }
.post ul.post-meta { position: relative; padding: 0 5px; line-height: 25px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }
.post ul.post-meta li { position: relative; margin-left: 20px; font-size: 10px; color: #999; text-transform: uppercase; display: inline-block; list-style: none; }
.post ul.post-meta li a { color: #999; }
.post ul.post-meta li a:hover { color: #555; }
.post ul.post-meta li.post-tags:before,
.post ul.post-meta li.post-date:before,
.post ul.post-meta li.post-comments:before { content: ""; position: absolute; width: 20px; height: 20px; left: -20px; bottom: 0px; background: url(images/post-sprite.png) no-repeat; }                                                        
.post ul.post-meta li.post-tags li:before { background: none; }
.post ul.post-meta li.post-tags li { margin: 0; }
.post ul.post-meta li.post-tags ul { max-width: 234px; height: 24px; position: relative; z-index: 10; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; }
.post ul.post-meta li.post-tags ul:hover { overflow: visible; }

  
.post ul.post-meta li.post-date { position: absolute; left: 270px; font-size: 11px; }
.post ul.post-meta li.post-tags { float: left; }
.post ul.post-meta li.post-comments { float: right; }
.post ul.post-meta li.post-date:before { background-position: -20px 0; }
.post ul.post-meta li.post-comments:before { background-position: -40px 0; }
.post ul.post-meta li.post-comments a:hover li.post-comments:before { background-position: -40px -20px; }

.post embed { max-width: 620px; }

.post footer { margin-top: 35px; }
.post .fb-like { float: left; }
 
.post .post-comment-2nd { float: right; position: relative; margin: 0 20px; }
.post .post-comment-2nd a { color: #aaa; font-size: 11px; text-transform: uppercase; }
.post .post-comment-2nd a:hover { color: #555; }
.post .post-comment-2nd a:before { content: ""; position: absolute; width: 20px; height: 20px; left: -20px; bottom: 0px; background: url(images/post-sprite.png) -40px 0 no-repeat; }
.post .post-comment-2nd:hover a:before { background-position: -40px -20px; }
.post .iRecommendThis { float: right; margin-right: 8px; }
.post .iRecommendThis .recommendThis { font-weight: normal !important; font-size: 12px; color: #aaa !important; line-height: 22px; background: url(images/post-sprite.png) -60px 0 no-repeat !important; 
                                       transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;}
.post .iRecommendThis .recommendThis:hover,
.post .iRecommendThis .recommendThis:active { background-position: -110px 0 !important; }
.post .iRecommendThis .recommendThis.active { color: #aaa !important; }

.post-single { padding-bottom: 0; }
       
/* == Author specifc == */

.svartahvitu article.post, .svartahvitu article.post p { font-size: 13px; }
#author-head.svartahvitu { background: white; padding: 20px 0; }

/* == PAGES == */

#page-header { margin-top: 20px; line-height: 0; box-shadow: 0px 0px 20px -2px #CECECE; }
.sub-page article, .single-page article { background: white; padding: 20px; box-shadow: 0px 0px 20px -2px #CECECE; }
.sub-page article p, .single-page article p { line-height: 2; }

.page .page-navigation { margin-top: 20px; }
.main .page-navigation { margin-top: -25px; }

.tags {  }
.tags a { margin-right: 5px; padding: 2px 5px; background-color: #FFB2A4; 
          color: white; font-size: 10px; text-transform: uppercase; 
          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.tags a:hover { background: #FCD0C9; }                   


/* == Page Navigation == */

.page-navigation { margin-top: 20px; font-size: 18px; color: #CECECE;  }
.main .page-navigation { margin-top: -40px; color: white; text-align: center; }

.page-navigation .pages { display: none; font-size: 32px; color: white; text-shadow: -1px 1px 2px #CDC; margin-right: 100px; }
.page-navigation .page-links { padding-top: 10px; }
.page-navigation a.page-numbers { margin: 0 6px; color: white; text-shadow: 0px 1px 2px #DBDBDB; }
.page-navigation a.page-numbers:hover { color: #CECECE; text-shadow: 0px 1px 2px #fff; }
.page-navigation .current { color: #CECECE; border-radius: 50%; background: white; padding: 0 7px; }
.page-navigation a.prev, 
.page-navigation a.next { text-transform: uppercase; }
.page-navigation a.prev:after { content: ' |'; }
.page-navigation a.next:before { content: '| '; }

/* == Comments == */                                  
.comments-wrapper { float: left; clear: both; width: 500px; }
#discussion { position: relative; padding-bottom: 20px; }
h3.comment-count { text-indent: 30px; }
h2.comment-head { background: lightgray; padding: 8px; margin-bottom: 0; text-indent: 20px; color: white; text-shadow: 0 0 7px #CCC; background-image: initial; width: 661px; position: relative; font-family: "Open Sans", Helvetica, Arial, sans-serif; }		

.commentlist li.comment, li.pingback { position: relative; list-style: none; clear: both; margin: 30px; }
.commentlist li article.comment { position: relative; background: #F8F8F8; padding: 20px; }
.commentlist .comment-author { float: left; }
.commentlist .comment-author img { float: left; margin: 0; border-radius: 50%; }
.commentlist .comment-author h3 a { border-bottom: 1px dotted #ccc; }
.commentlist .comment-author h3 a:hover { border-bottom: 1px solid #ccc; color: #ccc; }
.commentlist .comment-author-meta { float: left; margin-left: 15px; }
.commentlist .comment-datetime { font-size: 12px; }
.commentlist .comment-text { clear: both; float: left; width: 100%; padding: 0 2.5%; word-wrap: break-word; }
.commentlist .comment-text p { line-height: 1.5; }
.commentlist .reply { float: right; clear: both; position: relative; bottom: -8px; right: 0px; font-size: 12px; text-transform: uppercase; }
.commentlist .reply a { border-bottom: 1px solid transparent; color: #ccc }
.commentlist .reply a:hover { border-bottom: 1px solid #aaa; color: #aaa; }
.commentlist .children { margin-left: 60px; }
.commentlist .children li { margin-right: 0; } 
               
#respond { position: relative; clear: both; width: 660px; margin-left: -20px; }
#respond .user-name { margin-bottom: 5px; }
#respond .user-name h3 { display: inline; }
#respond #log-out { color: #CCC; font-size: 11px; text-transform: uppercase; }                                                                            
#respond #log-out:hover { color: #AAA; border-bottom: 1px dotted #AAA; }

.commentlist #respond { width: 100%; margin: 0; }
.commentlist #respond h2.comment-head { width: 100%; }
.commentlist #respond #cancel-comment-reply-link { position: absolute; right: 13px; top: -31px; background: #CCC;
border-radius: 5px; padding: 2px 5px; color: white; color: white; text-transform: uppercase; font-size: 10px; font-family: helvetica; }

#commentform { clear: both; position: relative; background: #F8F8F8; padding: 25px; }
.infoput, textarea#comment { padding: 8px; outline: medium none; border: 1px solid #DDD; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #BBB;
 border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: all 0.2s ease-out 0s; }
.infoput { width: 60%; margin-bottom: 16px; }
.infoput:focus, textarea#comment:focus { border: 1px solid #FDD0C7; color: #676767; box-shadow: 0 0 4px rgba(255, 168, 136, .5); } 
#comment { margin-top: 2px; width: 100%; height: 130px; max-height: 300px; max-width: 100%; }
#submit { float: right; margin-top: 15px; position: relative; background: #FF9A82; padding: 7px 14px; color: white; font-weight: bold; cursor: pointer;
          border: none; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; 
          border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -webkit-transition: all 0.2s ease-out 0s; }
#submit:hover { color: #FCFCFC; background: #444; }

#gasp_p { clear: none !important; font-size: 12px; color: #888; }         

/* == SEARCH == */

form.search-form { margin-top: 20px; }
/*
.search-form label[for=s] { display: none; }

.search-form input#s { padding: 6px 10px; background: #222; border: none; color: #777; }
.search-form input#s:focus { outline: none; -webkit-appearance: none; }  
.search-form input[type=submit] { padding: 5px 20px; border: none; background: #FF914C; color: white; font-weight: bold; }
.search-form input[type=submit]:hover { }
*/
                   
/* == ARCHIVES AND CATEGORIES BROWSING */
.archive .page > h1, .search .page > h1 { width: 100%; margin-top: 20px; text-align: center; font-size: 52px; color: white; position: relative; z-index: 2; box-shadow: 0px 0px 20px -2px #CECECE;
    background: rgb(255,178,164);  
    background: url(images/nav-peach-bg.png) repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,178,164,1) 0%, rgba(253,139,121,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,178,164,1)), color-stop(100%,rgba(253,139,121,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,178,164,1) 0%,rgba(253,139,121,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb2a4', endColorstr='#fd8b79',GradientType=0 ); /* IE6-9 */  }

.archive article { }
.archive .page-navigation { margin-top: -40px; text-align: center; }
.archive .post ul.post-meta li.post-date { left: 350px; }
.search .s-post-date { text-transform: uppercase; color: #AAA; font-size: 12px; }
.search article li img { height: 100px !important; width: auto !important; }

/* == IMAGES == */
.size-full    { margin: 10px auto 10px auto; border: none; }
.size-large   { margin: 10px auto 10px auto; border: none; max-width: 620px; height: auto; }
.size-medium  { margin: 10px 0; border: none; }

/* == Gallery Items */
.attachment-thumbnail { margin: 0; border: none !important; }
.attachment-medium { margin: 0; border: none !important; }
.attachment-large { margin: 0; border: none !important; }
.attachment-product-thumb { margin: 0 2px 0 0; border: none !important; }
.gallery-columns-1 dl.gallery-item { margin-top: 0 !important; margin-bottom: 0 !important; }

/* DEFAULT FOR WORDPRESS IMAGE HANDLING */
img.alignright    { float:right; margin:0; }
img.alignleft     { float:left; margin:0; }
img.aligncenter   { display: block; margin-left: auto; margin-right: auto; }
a img.alignright  { float:right; margin:0;}
a img.alignleft   { float:left; margin:0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignnone.size-medium { max-width: 50%; float: left; }                  

/* == FILE GALLERY == */
.gallery.default { margin: auto; overflow: hidden; }
.gallery.default .gallery-item { float: left; text-align: center; margin: 10px 0 0 0; padding: 0; }
.gallery.default .gallery-caption { margin-left: 0; }
.gallery.default .gallery-startcol { clear: left; }

/* columns */
.gallery.columns_1 .gallery-item { width: 100%; }
.gallery.columns_2 .gallery-item { width: 50%; }
.gallery.columns_3 { width: 500px; }
.gallery.columns_3 .gallery-item { width: 33.3%; }
.gallery.columns_4 .gallery-item { width: 25%; }
.gallery.columns_5 .gallery-item { width: 20%; }
.gallery.columns_6 .gallery-item { width: 16.5%; }
.gallery.columns_7 .gallery-item { width: 14.3%; }
.gallery.columns_8 .gallery-item { width: 12.5%; }
.gallery.columns_9 .gallery-item { width: 11.1%; }

/* IE SPECIFICS */
.ie .post header ul { height: 25px; }
.ie .post footer { height: 20px; }
.ie #page-footer { clear: both; float: left; }
.ie #social-buttons { height: 100px; }
#author-head img { border: none; }
article.post img { border: none; }

.ie #comment-form label, .ie9 #comment-form label { position: relative; left: 0; top: 0; clear: both; float: left; font-size: 13px; color: #AAA; }
.ie #comment-form input, .ie9 #comment-form input { clear: both; float: left; }
.ie #comment-form textarea, .ie9 #comment-form textarea { clear: both; float: left; }
.ie #submit, .ie9 #submit { clear: both; float: right !important; }

.ie form.clearfix { display: inline-block; width: 100%; }

/* Displet Pop */
#displetpop .popup { width: 840px !important; box-shadow: 0px 0px 10px 0px #111; padding: 20px 40px 30px; }
#displetpop .textwidget { position: relative; font-size: 15px; color: #999;}
#displetpop .tit { display: color: #aaa !important; padding: 5px 0 15px !important; text-align: left !important; 
margin-bottom: 0px !important; font-size: 30px !important; text-transform: uppercase; 
font-family: 'Playfair Display', sans-serif !important; line-height: 22px !important; margin-left: 10px; }
#displetpop .tit img { position: relative; left: -35px; top: 14px; }

#displetpop .close{	position: absolute; top: 10px; right: 10px; width: 26px; height: 26px; line-height: 26px; text-indent: -9999px;
				            background: url(http://trendnet.is/wp-content/plugins/displet-pop/images/default/close.png) 0px 0px no-repeat; }
#displetpop .close a{ display: block; }
.vfb-submit, .wpcf7-submit  { border: none;
color: #FFF;
padding: 0 40px !important;
line-height: 36px;
font-size: 20px;
background: #ff9a84;
float: right;
text-shadow: none; }

.vfb-submit:hover, .wpcf7-submit:hover { background: #FCB6A6; }

.wpcf7 .form-title { color: #999; padding: 5px 0 0 !important; font-size: 32px !important; line-height: 46px !important; font-weight: 300; margin-bottom: 15px; }
.wpcf7 .form-desc { margin: 0; font-size: 16px; font-weight: 300; font-family: "Open Sans"; color: #999;}
.wpcf7 .form-lbl { font-size: 16px; line-height: 28px; }

.wpcf7-textarea {width: 100%; max-width: 100%; height: 150px; }
.wpcf7-select { width: 396px; }
.wpcf7-text, .wpcf7-textarea, .wpcf7-select { 
  padding: 8px;
  outline: medium none;
  border: 1px solid #DDD;
  font-size: 16px;
  font-family: inherit;
  color: #8D8D8D;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transition: all 0.2s ease-out 0s;
  margin: 0; } 

  
.wpcf7 .form-thx { font-size: 24px; }
.wpcf7-mail-sent-ok { border: none !important; }
.wpcf7-response-output { border-width: 1px !important; margin: 2em 0em 1em !important; text-align: center; padding: 20px 10px !important; }
.wpcf7-response-output p { text-align: center; margin: 0; font-size: 16px; font-weight: 300; color: #666; }
.wpcf7-not-valid-tip { left: 10px !important; top: 0px !important; border: none !important; color: #F00; line-height: 18px; background: none !important; }
.wpcf7 .your-message .wpcf7-not-valid-tip { top: -125px !important; }
.wpcf7-mail-sent-ok { padding: 0px 10px !important; }