/*
Theme Name: Triton Rugs
Author: Tobias Strand
Author URI: http://strandliv.se/
Description: Wordpress theme for Triton Rugs. 
Version: 1.0
*/

/*
	Consistency fixes
	adopted from http://necolas.github.com/normalize.css/
*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}

html {
	height: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body {
	min-height: 100%; 
	font-size: 100%;
	line-height:1.5em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1,
h2,
h3{
	font-family: 'EB Garamond', serif;
	 /* 28 * 0.0714 = 2,7px */
	letter-spacing: 0.0714em;
	font-variant: small-caps;
	line-height:1.2em;
}

h1{
	font-size:2.6em;
	margin-bottom:20px;
	line-height:1.2em;
}
h2
{
	font-size:2em;
	margin-bottom:0.7em;
}
ol, ul, p{
	margin-bottom:1em;
	font-size: 80%;
	line-height:140%;
}
.readmore p{
	margin-bottom:0;
}
ol, ul{
	list-style:outside circle none;
	margin-left:16px;
}
ol{
	list-style:decimal;
}
	
.puff { 
   position: relative; 
   vertical-align:middle;
   width: 100%; /* for IE 6 */
}

.puff h2 { 
   position: absolute; 
   top: 40%; 
   left: 0; 
   width: 100%;
   font-family: 'Montserrat', sans-serif;
   color:#FFFFFF;
   font-size:2em;
   text-align:center;
   font-variant:normal;
   text-transform:uppercase;
   line-height:1.2em;
   vertical-align:middle;
}
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider p{
	font-family: 'Montserrat', sans-serif;
	color:#FFFFFF;
	font-size:24px;
}
#slider h1{
	font-size:32px;
	font-weight:bold;
	line-height: 90%;
}

sub, sup {
	font-size: 75%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline;
}

	sup {top: -0.5em;}
	sub {bottom: -0.25em;}

pre {
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word;
}

b, strong {font-weight: bold;}
abbr[title] {border-bottom: 1px dotted;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img, img {
	-ms-interpolation-mode: bicubic;
	border: 0;
}

.readmore{
	float:right;
	text-transform:uppercase;
}
.readmore a{
	color:#000000;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}
input, textarea, button, select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

	button,
	html input[type="button"], 
	input[type="reset"], 
	input[type="submit"] {
	    cursor: pointer;
	    -webkit-appearance: button;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	textarea {overflow: auto;}


/*
	These are easy to forget
*/

::selection {
	background: red;
	color: white;
}
::-moz-selection {
	background: red;
	color: white;
}

img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

body {
	-webkit-tap-highlight-color: rgba(255,0,0, 0.62);
}


/*
	Style overrides for IE6-8
	http://jonikorpi.com/leaving-old-IE-behind/
*/

.ie {
	
}

#main, 
#header,
#footer {
	margin: 0 auto;
	padding: 0;
}
#logo{
	text-align: center;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

#menu{
	height:30px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	margin-bottom:15px;
}

hr{
	border:none;
	background-color: #000;
	height: 2px;
	margin-top:-2px;
}

.border-right{
	border-right: 2px solid #000000;
	margin-left:-2px;
}

#main img {
	width: 100%;
	height: auto;
	display:block;
}

#footer{
	border-top: 2px solid #000000;
	clear:both;
	height:200px;
}

.social img{
	width:auto !important;
	float:left;
	margin-right:4px;
	margin-top:15px;
}

#header .social{
	float:right;
	margin-top:-150px;
	visibility: hidden;

}

a {
	color:#999999;
text-decoration:none;
}

a:hover { 
    color: #000000;
}