/*   
Theme Name: TR12
Theme URI: http://amineftegarie.nl
Description: A very clean minimalist theme, without comments, sidebars, headers, widgets or other features.
Author: Amin Eftegarie
Author URI: http://amineftegarie.nl.
This theme is uncopyrighted, free, and offered as is.
.
*/







.aminslikebutton {
      position: absolute;
      right: 40px;
      top: 160px;
}


.fbicon {
	background-image: url(http://blog.trashness.com/wp-content/themes/tr12/fbicon.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	opacity: 0.4;
	cursor: pointer;
	background-position: 20px 8px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
right: 110px;
top: 122px;
}

.fbicon:hover {
	opacity: 1;
}

.tumblricon {
	background-image: url(http://f.cl.ly/items/3J2I030g033T3V2K3x0q/tumblr.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	opacity: 0.4;
	cursor: pointer;
	background-position: 20px 8px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
right: 5px;
top: 121px;
}

.tumblricon:hover {
	opacity: 1;
}



.igicon {
	background-image: url(http://blog.trashness.com/wp-content/themes/tr12/igicon.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	opacity: 0.4;
	cursor: pointer;
	background-position: 20px 8px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
right: 55px;
top: 122px
	
}


.igicon:hover {
	opacity: 1;
}




/*
@media screen and (max-width: 1050px) {
	

	.gotostore {
	display: none;

	}
	
	.aminslikebutton {
		display: none;
	}
	
	.questionmark {
		display: none;
	}
	
	
	#navlist {
		padding: 0px !important;
	}
	#navlist li a, #pull {
		font-size: 45px !important;
		top: 10px;
	}
	
	
	#navlist li {
		padding: 15px;
	}
	
	.fws {
		display: none;
	}
	
	.logo {
	font-size: 4em !important;
	margin-bottom: 60px;
	
	}
	
	.est2012 {
		display: none;
	}
	
	.searchicon {
		opacity: 1 !important;
		margin: 10px 0px 0px -20px !important;
	}
	
	.fbicon, .igicon {
		display: none;
	}
	
	.post h1 {
		font-size: 45px !important;
		padding-bottom: 20px !important;
		line-height: 42px;
	}
	
	.entry  p {
		font-size: 30px !important;
	}
	
	.post h2 {
		font-size: 3.5em;
		font-weight: 400;
	}
	
	.postmetadata {
		font-size: 2.5em !important;
		font-weight: 100 !important;
		padding: 40px 0px 50px 0px !important;
	}

	
}

*/
























.post h2 {
	text-transform: uppercase;
}
#container {max-width: 900px;width:100%; overflow: hidden; margin: 0 auto;}

.gotostore {
	font-weight: 800;
text-align: center;
position: fixed;
top: 30px;
left: 30px;
-webkit-transform:rotate(340deg);
}

.questionmark {
position: fixed;
right: 10px;
top: 0px;
font-size: 24px;
padding: 25px;
opacity: 0.2;
}

.questionmark:hover {
	cursor: pointer;
	opacity: 1;
}

.questionmark:hover .qminfo {
	display: block;
}

.qminfo {
display: none;
position: absolute;
right: 50px;
font-size: 14px;
line-height: 16px;
top: 30px;
}

body {
	background:#fff; 
	font-family: Helvetica Neue, Helvetica, sans-serif;
	font-size: 18px; 
	line-height: 1.5em; 
	margin:0px;
	font-weight: 200;
}
	
h1 {
	font-size: 1.2em;
	color:#333; 
	line-height:22px; font-weight:normal;
}

.logo {
	font-size: 2.6666667em;
	font-weight: 800;
	text-align: center;
	padding-top: 22px;
}



.est2012 {
font-size: 12px;
font-weight: 200;
letter-spacing: 7px;
top: 17px;
position: relative;
margin-bottom: 55px;
}












#navcontainer{
  background-color:#d4d4d4;
  text-align: center;
  font-family: Courier New;
  text-transform: uppercase;
  margin-top: 59px;
  line-height: 2em;
}

#navlist{
	padding:0;
	margin-bottom:0;
	
}

#navlist li
{
  display: inline-block;
  list-style-type: none;
  padding-top:0;
}
#navlist li a, #pull{
  color:white;
  padding:10px;
  font-size:18px;
  line-height:35px;
  position: relative;
}

#navlist li ul li a{
	padding:0 10px 0 10px;
	display:inline-block;
	margin-left:-10px;
	width:100%;
	
	
}

#navlist li ul li {
	width: 100%;
	float:left;
	clear:both;
	padding:0;
}

#navlist li ul {
	visibility: hidden;
	/*float: left;*/
	/*width: 100px;*/
	background-color:#d4d4d4;
	position: absolute;
	display:block;
	padding:0;

}

#navlist li:hover ul {
	visibility: visible;
	position: absolute;
}

.post h1 {
	font-size: 34px;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: 800;
}



#pull{
	display:block;
	padding:0;
}
#pull p{
	margin:0;
	display:inline;
	padding:10px;
}

/*navigation menu hover*/
#navlist li a:hover{
  color:#d4d4d4; 
  background-color:white;
}
#navlist li ul li a:hover{
 background-color:transparent;
}
#navlist li ul li:hover{
	background-color:white;
}
#navlist li ul li:hover a{
	color:#d4d4d4;
}


#pull:hover p{
	color:black;
	background-color:white;
}



.fws {
position: absolute;
background-image: url(http://amineftegarie.nl/temp/redesign/fws.png);
width: 82px;
height: 59px;
right: 50px;
bottom: 45px;
opacity: 0.3;
background-size: cover;
}

a:hover .fws {
	opacity: 1;
	
}


.commentmetadata {
	font-size: 11px;
}

.commentmetadata a {
	color: #dbdbdb !important;
}

.commentmetadata a:hover {
	color: #adadad !important;
}


.aminsfooter {
	font-size: .6em;
	color: gray;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.singlecats {
	color: gray;
	font-size: 0.6em;
	font-weight: 400;
	text-transform: lowercase;
}

.postmetadata {
	font-size: 0.8em;
}

.postmetadata a {
	border: none;
	color: gray !important;
	opacity: 0.5;
}

.postmetadata a:hover {
	opacity: 1;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.CwJGbvg9.dpuf
.entry {
}

h2 {font-size: 1.4em; font-weight:400;}
h3 {font-size: 9pt; color:#000000;}
h4 {font-size: 9pt; color:#000000;}
h5 {font-size: 9pt; color:#000000;}

img{border:none;}
img a{border:none;}
.entry img {border: none !important;height:auto;max-width:100%;}
blockquote{border-left:1px solid #A5ABAB; margin:0px; padding:0 12px 0 12px;}

p {color: gray; line-height: 1.4em; margin:12px 0; text-align: justify; font-family: Courier New, Courier;}

a {text-decoration: none;}
a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #999; text-decoration: none;}

ul{padding: .5em 0em 1em 3.2em;}
li{line-height: 18px; padding: 6px 0 0 0;}

ol{padding: .5em 0em 0em 3.2em;}
li{line-height: 18px; padding: 6px 0 0 0;}


#content {float: right;	max-width:900px; width:100%; overflow: hidden; margin-top: 20px; margin-bottom:24px;}	
.entry a:link {color: black; text-decoration: none; border-bottom: 1px gray dashed;}
.entry a:visited {color: black; text-decoration: none; border-bottom: 1px gray dashed;}
.entry a:hover {color: gray; border-bottom: 1px gray dashed;}

.entry strong {
font-size: 1em;
color: black;
font-family: Helvetica Neue;
font-weight: 800;
}


#footer {margin-left:135px;}	
#footer {background:#fff; clear: both;	width: 100%;}
#footer p{padding:14px 0;margin: 0; color: #666;}
#footer a{color: #666;text-decoration: none;}
#footer a:hover{color: #000000;text-decoration: none;}

.year th{color:#666; font-size: 28px;}
.archive {font-size: 13px;}





















/* ========== AMINS SEARCH BOX ========== */

.aminsearch {
	width: 150px;
	height: 20px;
	font-family: Courier New, Courier;
	font-size: 13px;
    outline-width: 0;
    border: none;
    border-radius: 0px;
    text-indent: 5px;
    color: #bababa;

}

.searchsubmit {
	display: none;
}

.searchbar {
	position: relative;
	float: right;
	display: none;
	right: 50px;
	top: 3px;
}

.searchicon {
	background-image: url(http://blog.trashness.com/wp-content/themes/tr12/searchicon.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	opacity: 0.3;
	cursor: pointer;
	background-position: 20px 8px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
	right: 160px;
	top: 122px;
}

.searchicon:hover {
	opacity: 1
}

.searchicon:hover .searchbar {
	display: block;
}

/*USER SUBMIT*/
#post-27276, #post-27278{
	width:400px;
	margin:auto;
}
#post-27276  fieldset input, #post-27276  fieldset textarea {	border: 1px dashed #D4D4D4;
    color: #808080;
    font-family: Courier New,Courier;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 0;
    outline-width: 0;
    padding: 10px;
    width: 400px;
}
#post-27276 h2, #post-27278 h2{
	color: #000000;
    font-family: Helvetica Neue,Helvetica,Arial;
    font-size: 37px;
    margin: 0;
    margin-top:50px;
    font-weight:bold;	line-height:1.4;
}

#post-27276 p, #post-27278 p{
color: #808080;
    font-family: Courier New,Courier;
    font-size: 15px;
    margin: 0 auto 20px;
    text-align: justify;
    width: 400px;
}#post-27276 div#user-submitted-posts fieldset{	margin:0;margin-left:-15px;}#post-27276  div#user-submitted-posts fieldset input.usp-input{	width:380px;}#user-submitted-post{	background-color: #F7C735;    border: medium none;    color: #FFFFFF;    font-weight: 200;    margin-top: 15px;    padding: 8px;	font-family:sans-serif;	font-size: 35px;    height: 60px;    margin-bottom: 50px;    width: 100%;}#user-submitted-post:hover{	background-color: #000000;    color: #FFFFFF;	cursor:pointer;}

#post-27276  div#user-submitted-posts fieldset .usp-textarea{width:380px;}

#pull{display:none;}
#navlist li.categories ul{display:block;}
#instafeed p{z-index:-1;}
@media screen and (max-width: 1050px) {
	#pull{display:block;}
	#pull p{color:white;}
	#pull:hover p{color:#d4d4d4;}
	#navlist{display:none;}
	#navlist li{display:block;}
	#navlist li:hover ul{visibility:hidden;}
	#navlist li.categories ul{position:relative;display:none;}
	#navlist li ul li{display:block;width:auto;float:none;}
	#navlist li ul li a{width:auto;}
	#navlist li ul li:hover{background:none;}
	#navlist li ul li:hover a{color:white;}
	#navlist li ul li a:hover{background:white;color:#d4d4d4;}
	/*remove some elements on smaller screens*/
	.gotostore,.fws,.questionmark{display:none;}
	.tumblricon{display:none;}
	.igicon{display:none;}
	.searchicon{display:none;}
	.fbicon{display:none;}
	.aminslikebutton{top:122px;}
	.post .postmetadata, .post p, #content h2, .post h1{
		padding: 0 10%;
	}
	.post p img{
		margin-left:-12.5%;
		max-width:125%;
	}
	.entry a img{padding-bottom:5px;margin-bottom:-5px;border-bottom: 1px gray dashed !important;}
	.entry img{padding-bottom:5px;margin-bottom:-5px;border-bottom: 1px gray dashed !important;}
	.entry p:first-child a:first-child{border-bottom:none;}
	/*.entry a:hover,.entry a:link, .entry a:visited{border:none;}*/
	.entry a:visited:first-child{border-bottom:none;}
	#post-27276 h2, #post-27276 p{
		padding:0;
	}
	/*
	
	#instafeed img{box-sizing:border-box;width:25%;padding:16.666667%;}
	#instafeed p{left:9.5% !important;}*/
	#instafeed{display:none;}
	h2.instafeed{display:none;}
}
@media screen and (max-width: 480px) {
	/*#instafeed img{box-sizing:border-box;width:50%;padding:16.666667%;}
	#instafeed p{left:20% !important;}*/
	.post h1{font-size:20px;line-height:20px;}
	.logo{font-size:2.25em;}
	.est2012{font-size:9px;top:9px;margin-bottom:32px;letter-spacing:3px;}
	body{font-size:12px;}
}
@media screen and (max-width: 320px) {
	.post h1{font-size:16px;line-height:16px;}
}

.submitted-header, .submitted{
	display:inline-block;
}
.usp-category{
	display:none;
}
#navlist .categories{position:relative;z-index:3;}