/*
Theme Name: Surf The Edge Blog Theme
Theme URI: http://surf-the-edge.com/
Description: Custom theme
Version: 1.0
Author: Artur Ventura
Author URI: http://surf-the-edge.com/
Tags: white, gray
*/
/* variables */
body {
  background: whiteSmoke;
  padding: 0px;
  margin: 0px; 
}
a[rel='me']{
	display:none;
}
#page {
  width: 700px;
  margin: 0 auto; }

.post {
  background: white;
  margin: 0;
  padding: 25px;
  margin: 0;
  border-bottom: 1px solid #DDD; }

.post p {
   }

.theposts{
  padding-top: 60px;
}


.entry {
  font: 15px/22px 'Merriweather', Georgia, serif;
  font-weight: 400;
  color: #555; 
  line-height: 2;
}

h1, h2, h3 {
  font-family: Lato;
  font-size: 18px;
  font-style: bold;
  font-variant: normal;
  font-weight: 300;
  line-height: 22px;
  color: #222; }

.title {
  font: 20px/30px Lato;
  font-weight: 500;
  font-size: 22px;
  margin: 0;
  margin-bottom: 10px;
  line-height: 30px;
  color:rgb(103,103,103);
}

.title a {
  text-decoration: none; }

.title a:visited {
  text-decoration: none; }

.pager li>a, .pager li>span{
  background: none;
  color:#A8A8A8;
  font: 16px/22px Lato;
  font-weight: 300;
}

a {
  color: #0090e2;
  text-decoration: none; }

a:hover {
  color: #003366; }

a:visited:hover {
  color: #003366; }

a:visited {
  text-decoration: none;
  color: #0090e2; }

.postinfo {
  margin-top: 5px;
  font-family: 'Merriweather', Georgia, serif;
  font-size: 12px;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  height: 16px;
  line-height: 16px;
  color: #9E9E9E; }

.hidden-xs-block .head{
  width: 137px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

.postinfo span {
  /*background:$boxBgColor;
  padding: 3px 6px;
  border-bottom: 1px solid darken($boxBgColor,2%);
  text-shadow: 0 1px 0 white;*/ }

#social.comment {
  padding-bottom: 20px; }

.comments {
  font-family: 'Merriweather';
  font-size: 13px;
  margin-top: 40px;
  color: #555;
  width: 500px; }

.comments h1 {
  font-size: 16px;
  margin-bottom: 10px; }

.comment {
  background: white;
  padding: 25px;
  padding-top: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD; 
  width: 500px;
}

.comment div {
  margin: 0;
  padding: 0; }

.pingback {
  font-family: "Merriweather";
  font-size: 13px;
  margin-top: 40px;
  color: #555;
  width: 500px; }

.pingback h1 {
  font-size: 16px;
  margin-bottom: 10px; }

.pingback {
  background: white;
  padding: 25px;
  padding-top: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD; }

.pingback div {
  margin: 0;
  padding: 0; }

.comment-author {
  color: #aaaaaa;
  font-size: 11px;
  margin-bottom: 15px;
  margin-top: 5px;
  padding-bottom: 10px; }

.comment-author span {
  background: #f6f6f6;
  padding: 2px 6px;
  padding-bottom: 1px;
  border-bottom: 1px solid #f1f1f1;
  text-shadow: 0 1px 0 white; }

.avatar {
  border: 1px solid #EEE;
  padding: 1px;
  vertical-align: text-bottom; }

#content div.post {
  margin-bottom: 25px; }

.navigation a {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  text-shadow: 0 1px 0 white; }

blockquote {
  color: #888;
  font-style: italic;
  font-size: 13px;
  line-height: 1.6;
  quotes: none;
  vertical-align: baseline;
  background: transparent; }

hr {
  color: white;
  background: white;
  border: 0px;
  border-top: 1px solid #ccc; }

#respond {
  background: white;
  font-family: "Merriweather";
  font-size: 11px;
  color: #555;
  padding: 25px;
  border-bottom: 1px solid #DDD; 
  width: 500px;
}

a[name="comments"] h1 {
  margin-left: 25px;
  font-size: 20px;
  text-shadow: 0 1px 0 white; }

#respond input[type="text"] {
  border-style: none;
  border: 1px solid #888;
  padding: 7px; }

#respond textarea {
  border-style: none;
  border: 1px solid #888;
  width: 475px;
  height: 200px;
  padding: 7px; }

.h {
  height: 50px; }

#head {
  
   }

#thestuff {
  float: none; }

table.grid td {
  vertical-align: top; }

#head {
  text-align: right; }

#box {
  margin-right: 20px;
  padding-right: 5px;
  margin-left: 20px;
  margin-top: 45px;
  display: box; }

#head img {
  margin-right: 0px;
  margin-top: 10px;
  border: 0 none; }

.id {
color: #ABABAB;
font-family: 'Merriweather';
font-style: italic;
font-size: 15px;
/* text-shadow: 0 1px 0 white; */
font-weight: 200;
 }

.links {
  font-family: Lato;
  margin-top: 5px;
  font-size: 13px;
  text-shadow: 0 1px 0 white; }

.links {
  margin-top: 15px; }

.links ul {
  margin: 0px; }

.links li {
  list-style: none;
  margin-bottom: 3px; }

.logo-typeface {
  font-family: "Ubuntu";
  font-weight: bold;
  color: #444;
  font-size: 24px;
  margin: 0;
  letter-spacing: -0.1ex;
  text-shadow: 0 1px 0 white; }

#footer {
  font-family: 'Merriweather', Georgia, serif;
  border-top: 1px solid #DDD;
  padding-right: 100px;
  padding-top: 10px;
  color: #666;
  font-size: 12px;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
  
div.instagram img{
	margin-top: 1em;
	margin-bottom: 1em;
	width:500px;
	height:500px;
}


#respond form p{

}
	

#content ul {
	list-style: none;
	margin-left: 15px;
	padding-left: 1em;
	text-indent: -1em;
}

#content ul li{
	margin-top:8px;
	margin-bototm:8px;
}
#content ul li:before {
	content: "\00BB \0020";
}