/*
Theme Name: Rough
Theme URI: http://rough.dk
Description: Personal theme
Version: 666
Author: Oskar Rough Mosumgaard
Author URI: http://rough.dk
*/

/*@import "css/reset.css";*/

/* all this sucks and is outdated, nevermind this. */

html { padding: 10px; border: 5px solid blue; }
body { background: #000; font-size: 16px; line-height: 1.5; }

::-moz-selection { background: blue; color:#fff; text-shadow: none; }
::selection { background: blue; color:#fff; text-shadow: none; }


body,
select,
input,
textarea { font-family: 'letter-gothic-std-1', 'letter-gothic-std-2', "Helvetica Neue", Helvetica, sans-serif; color: #fff;}


/* Links */
a, a:active, a:visited 	{ color: #fff; text-decoration: underline;
-webkit-transition: color .2s ease; -webkit-transition: background-color .2s ease;
-moz-transition: color .2s ease; -moz-transition: background-color .2s ease;
-o-transition: color .2s ease; -o-transition: background-color .2s ease;
transition: color .2s ease; transition: background-color .2s ease;
}

a:hover,
header.main nav a:focus,
header.main nav .current_page_item a { color: #fff; background-color: blue;
-webkit-transition: color .2s ease; -webkit-transition: background-color .2s ease;
-moz-transition: color .2s ease; -moz-transition: background-color .2s ease;
-o-transition: color .2s ease; -o-transition: background-color .2s ease;
transition: color .2s ease; transition: background-color .2s ease;
}

a:hover, a:active 		{ outline: none; }


p,
ul,
ol,
h1,
h2,
h3 { margin: 0 0 1em; }

h1, h2,
header.main nav,
h1 form input#s { font-family: "kulturista-web-1","kulturista-web-2", monospace; font-weight: 100; }
h1 { font-size: 42px; line-height: 1.25; margin-bottom: 20px; }
h2 { font-size: 26px; line-height: 1.25; margin-bottom: 20px; }
h3 { font-weight: 700;  }

img,
object,
iframe { max-width: 100%; }


/* HEADER */
#header h1 			{ font-size: 26px; margin: 0; background: none; letter-spacing: 0;}
#header h1 a		{ text-decoration: none; }
#header h2			{ font-size: 20px; font-weight: 300;}


nav						{ margin-bottom: 1.5em; overflow: auto; clear: both;}
article, aside 			{ margin-bottom: 4.5em; }

article					{ position: relative; /*max-width: 41.25em;*/ margin: 0 0 6em; padding: 1.4375em 0 0 22.5em; clear: both; border-top: 1px solid #d5d5d5; }
article header			{ max-width: 21em; float: left; margin-left: -22.5em; }
article header p		{ color: #777; max-width: 90%; font-size: .8125em; line-height: 18px; margin-bottom: 18px;}
article header a		{ color: #444; text-decoration: none;}
article header h2 a		{ color: #fff;}
article > p,
article > ul,
article > ol,
article > blockquote 	{ max-width: 40em; }
article img				{ width: auto!important; height: auto!important; max-width: 100%;}
article footer			{ float: left; width: 100%; margin: 0 1em 1em 0; }

aside ul				{ margin-left: 0;}
aside li				{ list-style: none;}

aside #w1 { position: fixed; top: 1.5em; right: 1.5em;}
aside #w2,
footer.main { font-size: .8125em; line-height: 1.846153846; margin-bottom: 1.846153846em;}
aside #w2 h3	{ line-height: 1.846153846; margin-bottom: 0;}
footer.main h3 { line-height: 1.846153846; margin-bottom: 0;}


footer				{ clear: both; font-size: .75em; line-height: 2; margin-bottom: 2em; min-height: 2em; }
footer a			{ color: #eee;}

footer.main			{ float: left; width: 100%; clear: both; padding-top: 1.84615em; border-top: 1px solid #eee;}
footer.main > ul	{ width: 30%; float: left; margin: 0 0 1.84615em; list-style: none;}

footer #fw1	{ width: 12%;}
footer #fw2	{ width: 14%;}
footer #fw3	{ width: 74%;}
footer #fw4	{}


/* TWEETS */
#tweetblender-4-mc {}
#tweetblender-4-mc .tb_tweet { padding: 0; border-top: 0; min-height: 1px; }
#tweetblender-4-mc .tb_tweet a:link,
#tweetblender-4-mc .tb_tweet a:visited { color: #fff;}
#tweetblender-4-mc .tb_tweet br	{ display: none;}
div.tb_tweetlist { border-bottom: 0;}
div.tb_footer { margin: 0; min-height: 1.846153846em;}

/* GALLERY */
.gallery { float: left; width: 100%;}
.gallery .gallery-item { float: left; margin: 0 1.5em 1.5em 0;}


/* MISC */
.form-allowed-tags	{ display: none;}
nav a[rel=prev] 	{ float: left;}
nav a[rel=next] 	{ float: right;}

/* SEARCH */
#searchform			{ margin: 5px 0 125px;}
.screen-reader-text { display: none;}

/* Inline tag search */
.tag h1,
.search-results h1	{ background: none;}

h1 form .screen-reader-text { display: inline-block;}
h1 form input#s 		{ background: #ff5; border: 0; border-bottom: 2px solid #000;}
.page article h2		{ font-size: 1.25em; margin: 1em 0 0; font-weight: bold;}

/* COMMENTS */
article.comment { padding-left: 0; margin-bottom: 1.5em;}
#reply-title { margin-bottom: 0;}
#respond { clear: both; margin: 6em 0 1.5em; }
#respond p { margin-left: 0;}
.comment-form-comment label { display: none;}
textarea#comment { height: 10.5em; }



/* RESPONSIVE WEBDESIGN */
@media screen and (max-width: 820px) {

	header.main nav { position: static; top: auto; left: auto; margin-top: 1em;}
	article			{ margin-left: 0; padding-left: 0; }
	article header 	{ float: none; max-width: none; margin-left: 0; margin-bottom: 2em;}
	article h2		{ margin-bottom: 0;}
	article p		{ margin-left: 0;}
	article > p img	{ width: 100%; margin-bottom: 1em;}
	aside			{ position: static;}
	#searchform		{ margin: 0 0 1em;}
	footer.main > ul	{ margin-right: 0; margin-left: 0; }
	footer #fw1	{ width: 20%;}
	footer #fw2	{ width: 24%;}
	footer #fw3	{ width: 56%;}
}


@media screen and (max-device-width: 480px), screen and (max-width: 600px) {
body { font-size: .875em; line-height: 1.714285714;}	
}


/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  */
@media screen and (max-device-width: 480px) {
  #footer > ul { float: none; width: auto;}
}


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {


}




@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}