/*



Theme Name:Klippfast

Version: 1.96

 

Description: Clean subtle and generous with whitespace. Easy to modify the appearance using plain css. A good basic template.

Tags: white, gray, two-columns, fixed-width 

Author: liight graphic design / Martin Englund - cloud creations

 

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html





*a lot of the non css code originated from the wonderful, Blass theme http://1000ff.de/wordpress-theme-blass-english-version/



*/



/* header

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



 @font-face { font-family: "Vitesse-Medium"; src: url("fonts/Vitesse-Medium.otf");  }

 @font-face { font-family: "Vitesse-Black"; src: url("fonts/Vitesse-Black.otf");  }

 @font-face { font-family: "Vitesse-Book"; src: url("fonts/Vitesse-Book.otf");  }

 @font-face { font-family: "Vitesse-Light"; src: url("fonts/Vitesse-Light.otf");  }

 @font-face { font-family: "Vitesse-Thin"; src: url("fonts/Vitesse-Thin.otf");  }

  @font-face { font-family: "Vitesse-Bold"; src: url("fonts/Vitesse-Bold.otf");  }

  

  /* @font-face { font-family: "Vitesse-Medium"; src: url("fonts/Vitesse-Medium.eot");  }

 @font-face { font-family: "Vitesse-Black"; src: url("fonts/Vitesse-Black.eot");  }

 @font-face { font-family: "Vitesse-Book"; src: url("fonts/Vitesse-Book.eot");  }

 @font-face { font-family: "Vitesse-Light"; src: url("fonts/Vitesse-Light.eot");  }

 @font-face { font-family: "Vitesse-Thin"; src: url("fonts/Vitesse-Thin.eot");  }

  @font-face { font-family: "Vitesse-Bold"; src: url("fonts/Vitesse-Bold.eot");  }

  

 */

            

             



#header       {  

    

    background: #6d6b6b url(images/greenslice.png) bottom right no-repeat;

    padding: 18px 34px 18px 34px ;

    padding: 13px 34px 17px 30px;

 

} 

 

 

#header h1    {  

/*border:1px solid #CCC;display: inline-block;*/

height: 94px;



background: transparent url(images/klippfastlogo.png)   no-repeat 0px 21px;



text-indent: -999999px; 

}

 #header h1 a  {  



 color: #bed63a; 

 font-size: 92px; 

 font-family: Vitesse-Black;

 font-weight: bold; 

 text-transform: uppercase; 

 letter-spacing: 1px ;

 margin:0;padding:0;

 } 

 



#header h1 a:hover  {  

 

 text-decoration: none } 

  



#nav       {  

  height: 33px;

    padding-left: 26px;

    padding-top: 17px;

    width: 930px;



} 

 



#nav li      {  

    border-left:1px solid #FFF;

 list-style: none; 

 margin-bottom: 0px; 

 float: left } 

 

 

#nav li a       {  

 color: #000; 

 font-size: 110%; 

 text-transform: uppercase; 

 letter-spacing: 1px; 

 padding: 17px 15px 16px 10px ;

 font-family: Vitesse-Bold;

 

} 

 



#nav li a:hover   {  

 text-decoration: none; 

 

   } 

 



.social   {  

 padding-top: 7px; 

 float: right } 

 



#tagline   {  

 color: #FFF; 

  font-family: Vitesse-Book;

  font-weight: 100;

 font-size: 30px; 

   } 

 



#slideshow   {  

 background-image: url(images/banner-by-emerson-ringrose.jpg); 

 background-repeat: no-repeat; 

 display: block; 

 z-index: 99; 

 width: 960px; 

 height: 273px } 

 





/* main

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



* {  

 padding:0; 

 margin:0; 

 } 

 





body     {  



    font-size: 82%; 

 font-family: "Lucida Sans Unicode", verdana, geneva, sans-serif; 

 background-color: #3f3f3f;

 

 

 margin: 0 } 

 



a    {  

 color: #636e75; 

 text-decoration: none } 

 



a:hover      {  

 color: #525d64; 

 text-decoration: underline } 

 



a:visited      {  

 color: #525d64 } 

 



p  {  

 line-height: 150%; 

 margin-bottom: 30px } 

 



img  {  

 border: solid 0 #fff } 

 



#wrapper   {  

 background-color: #bed63a;

 margin-right: auto; 

 margin-left: auto; 

 position: relative; 

 width: 960px; 

 border-style: solid; 

 border-width: 0; 

 border-color: #cfd4d9 } 

 





#content .date      {  

 background-color: #b9bec3; 

 text-align: center; 

 margin-bottom: 30px; 

 margin-left: 15px; 

 padding-top: 6px; 

 width: 52px; 

 height: 46px; 

 float: right; 

 -moz-border-radius: 7px; 

 -webkit-border-radius: 7px; 

 border-radius: 7px } 

 



.dateday  {  

 font-size: 70% } 

 



.date small   {  

 color: #fff; 

 font-size: 170%; 

 font-family: verdana, geneva, sans-serif; 

 font-weight: bold; 

 line-height: 100% } 

 



#content {

    margin-top: 20px;

    overflow: hidden;

    padding-left: 50px;

    width: 590px;

} 

 



#content h1    {  

 color: #59554d; 

 font-size: 210%; 

 font-family: Georgia; 

 font-weight: lighter; 

 letter-spacing: 1px; 

 margin-bottom: 10px } 

 



#content h2    {  

 color: #59554d; 

 font-size: 210%; 

 font-family: Georgia; 

 font-weight: lighter; 

 letter-spacing: 1px; 

 margin-bottom: 30px } 

 



#content h2  a  {  

 color: #59554d; 

 } 

 



#content h2  a:hover   {  

 color: #1e2930; 

 text-decoration: none } 

 



#content h3   {  

 font-weight: lighter; 

 margin-bottom: 30px } 

 



.info    {  

 display: block; 

 margin-bottom: 60px; 

 padding: 5px 15px; 

 clear: both; 

 -moz-border-radius: 2px; 

 -webkit-border-radius: 2px; 

 border-radius: 2px  } 

 





.attachment-post-thumbnail  {  

 margin-bottom: 20px; 

 padding: 15px 15px 20px; 

 border: solid 1px #dae3d7 } 

 





.commentlist  {  

 font-size: 120%; 

 line-height: 120% } 

 



label   {  

 color: #8b98a0; 

 font-size: 90%; 

 } 

 

 

input  {  

 padding: 5px 15px } 

 



textarea  {  

 padding: 5px 15px } 

 



li.current_page_item a   {  

color:#FFF;

} 

 



.link-pages {  

 clear:both; 

 } 

 





.wp-caption    {  

 text-align: center; 

 margin: 15px; 

 padding: 8px; 

 border: solid 1px #cbd6dd; 

 max-width:520px; 

} 

 



.wp-caption-text     {  

 font-size: 80%; 

 text-align: center; 

 letter-spacing: 1px; 

 padding-top: 8px; 

 padding-right: 8px; 

 padding-left: 8px } 

 



.sticky  {  

 background-image: url(images/sticky-pin.png); 

 background-repeat: no-repeat; 

 background-position: 480px 0 } 

 



.gallery .gallery-caption {  

	color: #cbd6dd; 

	font-size: 90%; 

	margin: 0 0 12px; 

 } 

 



.bypostauthor {  

} 

 



.alignright    {  

 margin-left: 30px; 

 float: right } 

 



.alignleft    {  

 margin-right: 30px; 

 float: left } 

 



.aligncenter   {  

 margin-right: auto; 

 margin-left: auto; 

 display: block; 

 } 

 





.more-link   {  

 font-weight: bold; 

 display: block; 

 padding-top: 15px } 

 



.gallery {  

 clear:both; 

 display:block; 

 } 

 



blockquote  {  

 margin-top: 15px; 

 margin-right: 15px; 

 margin-bottom: 15px; 

 padding: 15px 20px; 

 border: solid 1px #cbd6dd } 

 



#wp-calendar {  

 width:100%; 

 } 

 



#wp-calendar td  {  

 text-align: center } 

 



.pagelink a {  

 padding: 5px; 

} 

 



#content .wp-caption img {  

max-width:500px; 

} 

 



#content img {  

max-width:565px; 

} 

 





#content table {  

 max-width:565px; 

 } 

 



#content ul  {  

 list-style-type: circle; 

 list-style-position: outside; 

 margin-bottom: 5px; 

 padding-top: 10px; 

 padding-bottom: 10px } 

 



#content ol  {  

 list-style-position: inside; 

 margin-top: 5px; 

 margin-bottom: 5px; 

 padding-top: 10px; 

 padding-bottom: 10px } 

 



#content li  {  

 list-style-position: inside; 

 margin-left: 15; 

 } 

 



.foothold p  {  

 color: #fff; 

 clear: both } 

 



.foothold    {  

 clear: both } 

 





table  {  

 margin-top: 5px; 

 margin-bottom: 15px; 

 border: solid 0 #fff; 

 border-collapse: collapse; 

 border-spacing: 0 } 

 



td {  

 padding: 2px 5px } 

 



tr {  

} 

 



th {  

} 

 



ins {  

 color: #000; 

} 

 



del  {  

 color: #949494; 

 text-decoration: line-through } 

 



dl  {  

 font-weight: bold } 

 



dt {  

margin-left: 5px} 

 



ul  {  

 margin-left: 5px } 

 



ol  {  

 margin-left: 5px } 

 



li  {  

 margin-left: 5px } 

 







/* threaded comments

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



.comment-author .fn {  

margin-left:10px; 

} 

 



.commentoff {  

display:none; 

} 

 



.says {  

 display:none; 

 } 

 



.reply  {  

 font-size: 90%; 

 margin-bottom: 30px; 

 padding-left: 48px } 

 



#comment-top p    {  

 color: #1c1c1c; 

 margin-top: 30px; 

 padding-left: 48px } 

 



#comment-top .navigation   {  

 margin-top: 15px; 

 padding: 7px 10px 7px 15px; 

 -moz-border-radius: 2px; 

 -webkit-border-radius: 2px; 

 border-radius: 2px  } 

 



#comment-top li {  

 list-style: none; 

 list-style-image: none; 

 } 

 



.comment-meta a   {  

  

 font-size: 80%; 

 padding-left: 48px } 

 



#comment-top textarea {  

 display: block; 

 } 

 



#comment-top input {  

 display: block; 

 } 

 



.nocomments{  

 display:none; 

 } 

 



.comment-body    {  

 -moz-border-radius: 2px; 

 -webkit-border-radius: 2px; 

 border-radius: 2px; 

 margin-top: 15px; 

 margin-bottom: 15px; 

 padding: 20px 15px } 

 



#content #comment-top ul  {  

 margin: 0; 

 padding: 0 } 

 





li.comment ul.children li.depth-2  {  

 margin-top: 0; 

 margin-right: 0; 

 margin-left: 15px } 

 



li.comment ul.children li.depth-3  {  

 margin-top: 0; 

 margin-right: 0; 

 margin-left: 15px } 

 



li.comment ul.children li.depth-4  {  

 margin-top: 0; 

 margin-right: 0; 

 margin-left: 15px } 

 



li.comment ul.children li.depth-5  {  

 margin-top: 0; 

 margin-right: 0; 

 margin-left: 15px } 

 





/* sidebar

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



#sidebar          {  

 font-size: 90%; 

 line-height: 150%; 

 margin-top: 60px; 

 margin-bottom: 30px; 

 margin-left: 30px; 

 padding-right: 30px; 

 padding-left: 40px; 

 width: 210px; 

 float: right; 

 border-left: 1px solid #cfd4d9; 

 } 

 

 

#sidebar h2     {  

 color: #59554d; 

 font-size: 170%; 

 font-family: Georgia; 

 font-weight: lighter; 

 letter-spacing: 1px; 

 margin-top: 30px; 

 margin-bottom: 30px } 

 



#sidebar h2 a  {  

 color: #59554d; 

 text-decoration: none } 

 



#sidebar h2 a:hover  {  

 color: #322e26; 

 text-decoration: none } 

 



#sidebar ul    {

    margin:0;

}  



#sidebar li {  

 list-style: none ; 

 margin: 10px 0px ;} 

 



.sidetoptxt   {  

 color: #aaafb4; 

 font-size: 110%; 

 font-style: italic } 

 







/* footer

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



#footer    {  

    border-top:1px solid #222;

   

    clear:both ;

    padding:20px 0;

    margin:10px 30px;



} 

 

#footer  .widget   {  

float:left;width:200px;

}

#footer  .widget-title   {  

display:none

} 

 



#footer ul  {  

 margin-top: 15px; 

 clear: both } 

 



#footer-menu  {  

 padding-top: 15px } 

 



#footer p  {  

 color: #333;

 font-size: 0.8em;

} 

 



#footer a  {  

 color: #fff } 

 



#footer li  {  

 list-style: none; 

 float: left } 

 



#footer li a     {  

 color: #414c53; 

 margin-top: 10px; 

 padding-right: 15px; 

 padding-left: 15px; 

 border-right: 1px solid #fff; 

 border-left: 1px solid #fff } 

 



#footer li.current_page_item a   {  

 color: #1e2930; 

 background-image: none !important } 

 

.toppbild {

    width:100%;display:block;

    

}