/*  
Theme Name: Pangea STF
Theme URI: http://www.noscope.com/pangea/
Description: Pangaea (Greek for "all lands") is the supercontinent that existed during the Mesozoic era, before the process of plate tectonics separated the component continents.
Version: 3.0
Author: Joen Asmussen & Peter Holm
Author URI: http://www.noscope.com/
*/


/* CSS Reset, Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}




html{
	height: 100%; margin-bottom: .09em;
	}

body {
	background: #FBFBFB;
	color: #333;
	font: 85%/1.8em Georgia, "Times New Roman", Times, serif;
/*	font: 80%/1.6em Arial, Helvetica, sans-serif;*/
	}

a:link, a:active {
	text-decoration: none;
	color: #00b0eb;
	border-bottom: 1px dotted #00b0eb;
	}
a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #008BB9;
	color: #008BB9;
	}
a:hover {
	text-decoration: none;
	border-bottom: 1px solid #33CCFF;
	color: #33CCFF;
	}

label:hover {
	color: #000000;
	}


/* Layout */
#header {
	background: #F0F0F0;
	border-top: 5px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	padding: 30px 0 0 25px;
	margin: 0 0 15px 0;
	}
#nav ul {
	/*text-transform: lowercase;*/
	}
#header a {
	border-bottom: none;
	}
#body {
	position: relative;
	}
#nav, #body, #secondary-body, #footer {
	clear: both;
	position: relative;
/*	width: 966px;*/
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}
#footer {
	padding-top: 50px;
	height: 100px;
	text-align: center;
/*	text-transform: lowercase;*/
	font-size: 75%;
	}
#footer a {
	color: #ccc;
	border-bottom: 0;
	text-decoration: underline;
	}
#main, #secondary-main {
	float: left;
	position: relative;
/*	width: 640px;*/
	width: 65%;
	text-align: justify;
	}
#main .inner, #secondary-main .inner {
	padding-right: 10px;
	}
#sidebar, #secondary-sidebar {
	position: relative;
/*	width: 326px;*/
	width: 35%;
	float: right;
	padding-bottom: 40px;
	}
#secondary {
	clear: both;
	background: #F0F0F0;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	padding: 20px 0;
	}
#subpages ul ul {
	padding-left: 15px;
	}
#subpages ul ul {
	margin-left: 0;
	}
#subpages ul li {
	margin-top: 5px;
	}
#subpages ul li.page_item a, #subpages ul li.current_page_item li a {
	color: #000;
	border-bottom: 1px dotted #000;
	}
#subpages ul li.current_page_item a {
	color: #666;
	border: 0;
	}
	
	
	

/* Logo */
h1 a {
	display: block;
	text-indent: -9999px;
	border: 0;
	background-repeat: no-repeat;
	background-position: 0px;
	background-image: url(images/h1_stf_logo_pangea.gif);
	width: 415px;
	height: 75px;
	clear: none;
	float: left;
	padding-top: -30px;
	margin-top: -30px;
	margin-left: -130px;	
	margin-right: 40px;
	
	/*	color: #666666 !important;
	display: block;
	float: left;
	font-size: 190%;
	text-decoration: none;
	margin: 16px 20px 0 0;*/
	}


/* Navigation */
#nav {
	line-height: 1.2em;
	height: 45px;
	}
#nav ul li a {
	position: relative;
	z-index: 1;
	top: 1px;
	color: #666;
	display: block;
	float: left;
	padding: 11px 14px 0 12px;
	height: 26px;
	margin: 7px 2px 0 0;
	text-decoration: none;
	border-left: 1px solid #e0e0e0;
	background: #f6f6f6 url(images/navtab_corner_inactive.gif) no-repeat right top;
	}
#nav ul li.current_page_item a, #nav ul li.current_page_parent a, #nav ul li.current_page_ancestor a, #nav ul li.current_page_parent a, #nav ul li.current a, #nav ul li.currentparent a, #nav ul li a:hover {
	height: 27px;
	color: #181818;
	border-left: 1px solid #d0d0d0;
	background: #fbfbfb url(images/navtab_corner_active.gif) no-repeat right top;
	}

/* Search box */
#nav fieldset {
	width: 170px;
	border: 0;
	float: right;
	margin: 4px 0 0 0;
	padding: 0 20px 0 0;
	}

#nav fieldset label {
	text-transform: lowercase;
	font-size: 85%;
	}
#nav fieldset .inputbox {
	width: 100%;
	font-size: 90%;
	}
#nav fieldset input {
	padding: 0;
	}
#nav fieldset .pushbutton {
	display: none;
	}
#hire-us a {
	margin-top: 30px;
	text-indent: -9999px;
	display:block;
	background-image: url(http://spacetimefoam.dk/images/hire-us.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 170px;
	width: 125px;
	list-style: none;
	border: none;
	text-decoration: none;
}
#hire-us-contact {
	list-style: none;
}
#hire-us-contact a  {
	margin-top: 10px;
	text-indent: -9999px;
	display:block;
	background-image: url(http://spacetimefoam.dk/images/hire-us-contact.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 31px;
	width: 125px;
}
#hire-us-contact  a:hover {
	background-image: url(http://spacetimefoam.dk/images/hire-us-contact-ovr.gif);
}
#hire-us-contact  a, a:hover {
	border: none;
	text-decoration: none;

}


/* Boxes */
.box, .box-secondary, .box-dark, .box-blank {
	padding: .5em 1em;
	margin: 0 0 .75em 0;
	}

/* Bordered white box */
.box {
	background-color: #FFFFFF;
	border: 1px solid #d1d1d1;
	border-bottom: 4px solid #d1d1d1;
	position: relative;
	padding: 0px 15px 10px 15px;
	}
.box::before {
	content: "";
	background: transparent url('images/box_corner.gif') no-repeat top right;
	display: block;
	height: 11px;
	margin: -1px -16px 0 0;
	}
.box>* {
	position: relative;
	top: -3px;
	}
#secondary .box::before {
	content: "";
	background: transparent url('images/box_corner_secondary.gif') no-repeat top right;
	}
.box-dark .box::before {
	background: transparent url('images/box_corner_dark_secondary.gif') no-repeat top right !important;
	}

#secondary .box-dark {
	background: #545454 url(images/box_dark_corner_secondary.gif) no-repeat right top;
	}

/* Dark Box */
.box-dark {
	background: #545454 url(images/box_dark_corner.gif) no-repeat right top;
	color: #fbfbfb;
	}
.box-dark h2, .box-dark h3 {
	color: #fbfbfb !important;
	}
.box-dark .box p, .box-dark .box li, .box-dark .box #comment-preview {
	color: #666666;
	}
.box-dark .box h3 {
	color: #000 !important;
	}


/* Headers */
h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 120%;
	color: #990000;
	margin: 0 0 0.8em 0;
	}

h2 {
	font-size: 135%;
	}
#sidebar h2 {
	font-size: 100%;
	}
h2 a, h3 a, h4 a {
	color: #000 !important;
	text-decoration: none !important;
	border-bottom: none !important;
	}
h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none !important;
	border-bottom: 1px dotted #000 !important;
	}



.post h2, .aside h2 {
	margin: .5em 0 0 0;
	}
.page h2 {
	margin: .5em 0;
	}
.meta {
	margin: 0 0 .5em 0 !important;
	display: block;
	}
small.tags, small.time {
	font-size: 80%;
	line-height: 1.5em;
	color: #99bdca !important;
	}
small.tags {
	text-transform: lowercase;
	background: url(images/icon_tag.gif) no-repeat left center;
	padding-left: 16px;
	}
small.tags a {
	color: #000 !important;
	border: 0 !important;
	text-decoration: none;
	}
small.tags a:hover {
	text-decoration: underline;
	}
small.time {
	padding-right: 1em;
	}
#large {
	font-size: 150%;
}

/*

	Post Display

*/
.post h3, .page h3 {
	color: #000000;
	margin: 1.5em 0 .5em 0 !important;
	}
.post p {
	margin: 0 0 1.5em 0;
	}
p.intro {
	color: #00B0EB;
	}

a.post-permalink {
	font-size: 85%;
	margin-left: 1em;
	}
.icon {
	border: 0 !important;
	display: inline !important;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	}
	
.entry-links {
	text-align: right;
	}
	

p, h2, h3, h4, .box-focus ul {
	margin: .5em 0;
	}


code, pre, kbd, samp, .code {
	font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
	background-color: #fff;
	}

.post ul {
	margin: 0 0 1.25em 0;
	padding: 0 0 0 2em;
	list-style: square;
	}
.post ol {
	padding: 0 0 0 2em;
	list-style: decimal !important;
	}
.post ol li {
	margin: .5em 0 1em 0;
	list-style: decimal !important;
	}

blockquote, pre, div.code {
	margin: .5em 1.5em;
	}
blockquote {
	background: url(images/icon_quote.gif) no-repeat left top;
	padding: 0 1em 0 3em;
	}
pre, div.code {
	background-color: #FFF;
	border-left: 4px solid #999;
	overflow: auto;
	word-wrap: break-word;	/* For IE */
	padding: 1em;
	}
.code span {
	color: #FF0033;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
#main ol li {
	list-style: decimal outside;
	}
#main ul li {
	list-style: square outside;
	}
#main ul li, #main ol li {
	margin-left: 1em;
	margin-bottom: 1em;
	}


/*

	Decoration

*/
.post a img {
	display: block;
	border: 0;
	}
.post img {
	border: 10px solid #00B0EB;
	}
.gallery img, .attachment img, .bottomnav img {
	border: 10px solid #00B0EB !important;
	}
.attachment img {
	margin: 0 auto;
	}
img.noborder {
	border: 0 !important;
	}
.bottomnav {
	color: #000000;
	width: 50%;
	margin: 0 auto 2em auto;
	font-size: 80%;
	}
.bottomnav ul li {
	list-style: none !important;
	margin: 0 !important;
	}
.bottomnav a {
	color: #000;
	border-bottom: 1px dotted #000;
	}
.bottomnav a:visited {
	color: #999;
	border-bottom: 1px dotted #999;
	}
.bottomnav a:hover {
	border-bottom: 1px solid #000;
	}



/* 

	Columns

*/
.col1 {
	position: relative;
	float: left;
	width: 50%;
	}
.col2 {
	position: relative;
	float: right;
	width: 50%;
	}
.col1 .post, .col2 .post {
	padding: .5em 1em;
	}
.prev {
	float: left;
	width: 30%;
	}
.next {
	text-align: right;
	float: right;
	width: 30%;
	}
.pages {
	text-align: center;
	width: 20%;
	margin: 0 auto;
	}

	


/*

	Sidebar
	
*/
#sidebar .inner li {
	margin: 0 1em .75em 1em;
	}
#sidebar .inner li ul li {
	margin: 0 0 0 .5em;
	}
#sidebar .inner li ul.list li {
	list-style-type: square;
	margin: 0 0 0 1em;
	}



.feedicon {
	position: absolute;
	right: 1em;
	top: .5em;
	}
#sidebar li.box-focus .feedicon {
	top: 1.5em;
	}
#sidebar li {
	position: relative;
	}
#categorylist a {
	border: none;
	}
#main .feedicon {
	top: .75em;
	}





/* Post Tables */
.post table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
	}
.post table th, .post table td {
	text-align: left;
	padding: 1em;
/*	border: 1px solid #F0F0F0;*/
	}
.post table th {
/*	border: 1px solid #F0F0F0;*/
	}

strike {
	color: #999999;
	}

strike:hover {
	text-decoration: none;
	}





/* Moderation Message */
.notice {
	clear: both;
	padding: 1em 1em 1em 3.5em;
	margin: 4em 0 .5em 0;
	border-top: 1px solid #FFFCB7;
	border-bottom: 1px solid #FFFCB7; 
	background: #FFFFF4 url(images/icon_warning.gif) no-repeat 1.5em 1.4em;
	}
.notice p, .notice h4 {
	margin: 0 0 .5em 0 !important;
	}


/* 

	Forms

*/
#mailform textarea {
	width: 100%;
	margin: 0;
	}
#mailform label {
	margin-top: 1em;
	display: block;
	width: 200px;
	}
#mailform br {
	margin: 0;
	height: 0;
	padding: 0;
	line-height: 1em;
	}
#contactsubmit {
	margin-top: 1em;
	padding: .5em 1em;
	cursor: pointer;
	}


/*

	Postloop

*/
.asides {
	margin: 0 0 5em 0 !important;
	}
.post {
	position: relative;
	padding: 0 1em;
	margin-bottom: 5em;
	}
#main .box-focus .post {
	padding: 0;
	margin: 0 !important;
	}
#main .box-focus {
	margin-bottom: 5em;
	}


/*

	Asides

*/
.aside {
	padding: 0;
	margin: .5em 1em 3.4em 1em !important;
	}
.aside small.tags {
	margin: 0 0 .5em 0;
	}
.aside small.time {
	margin: 0 0 .5em 0;
	}
.aside h2 a {
	color:#000 !important;
	font-size: 85%;
	display: inline !important;
	margin-right: 1em !important;
	}
.aside p {
	padding: 0 2em;
	}
.aside p, .aside pre, .aside blockquote {
	margin: 0 0 1.5em 0;
	}
.aside blockquote {
	padding: 0 0 0 1.5em;
	}
.aside pre, .aside kbd, .aside blockquote {
	margin: .5em 2em;
	}
.aside h3 {
	margin: 1.6em 0 0.8em 0;
	}
.aside ul {
	margin: .8em 1.3em;
	}
.aside ol {
	margin: .8em 2em;
	}
.aside object, .aside embed {
	margin: 0 1em;
	}

a.aside-permalink:link, a.aside-permalink:visited {
	text-decoration: none !important;
	}


/* 

	Comments

*/
#commentlist li {
	position: relative;
	margin-bottom: 70px;
	}

#leavecomment {
	margin-top: 100px;
	}

#commentlist li p, #comment-preview p {
	margin: 1.5em 0;
	}
.box-dark .pushbutton-wide {
	margin: .5em 0;
	}

.comment-body ul, #comment-preview ul {
	padding: 0 0 0 2em;
	list-style: square !important;
	}
.comment-body ol, #comment-preview ol {
	padding: 0 0 0 2em;
	list-style: decimal !important;
	}
.comment-body ol li, #comment-preview ol li {
	margin: .5em 0 1em 0 !important;
	list-style: decimal !important;
	}

#comments {
	position: relative;
	}
.addcomment {
	margin-right: 1em;
	position: absolute;
	right: 0;
	font-size: 65%;
	}
.addcomment a {
	color: #000;
	border-bottom: 1px dotted #000;
	}
.addcomment a:hover {
	border-bottom: 1px solid #000;
	}
.comment-header {
	color: #99bdca;
	padding: 17px 0 0 27px;
	position: absolute;
	z-index: 1;
	margin-top: -1px !important;
	background: url(images/comment_bubble.gif) no-repeat 30px top;
	}
img.avatar {
	float: left;
	margin-right: 10px;
	}
.comment-header p {
	position: absolute;
	top: 0px;
	left: 67px;
	width: 510px;
	margin: 0;
	}
.comment-header strong {
	font-weight: normal;
	color: #000;
	}
a.comment-permalink {
	font-size: 75%;
	margin-left: 10px;
	}

.comment-body {
	position: relative;
	border-bottom-width: 1px;
	margin-bottom: 0;
	}
.comment-body small {
	display: block;
	position: absolute;
	top: auto !important;
	right: 10px;
	bottom: 10px;
	width: 35px;
	}
a.comment-permalink {
	color: #99bdca;
	text-decoration: none;
	border-bottom: 1px dotted #DFEBEE;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	}
a.comment-permalink:hover {
	text-decoration: none;
	border-bottom: 1px solid #99bdca;
	}
a.quote {
	display: block;
	width: 12px;
	height: 12px;
	border: 0;
	text-indent: -9999px;
	background: url(images/icon_quote_comment.gif) no-repeat;
	}
a.quote:hover {
	background: url(images/icon_quote_comment_over.gif) no-repeat;
	}
a.quote:focus {
	-moz-outline-style: none;
	}

.edit a {
	margin: 0;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	text-decoration: none;
	display: block;
	width: 12px;
	height: 12px;
	border: 0 !important;
	text-indent: -9999px;
	background: url(images/icon_edit.gif) no-repeat;
	}
.edit a:hover {
	background: url(images/icon_edit_over.gif) no-repeat;
	}
.edit a:focus {
	-moz-outline-style: none;
	}
#trackbacklist {
	position: relative;
	}
.prefs {
	font-size: 85%;
	margin-bottom: .5em;
	}
.prefs p {
	clear: none !important;
	float: left;
	margin: 0;
	}


input, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	padding: 4px;
	}

.commentbox {
	width: 60%;
	float: left;
	margin-bottom: 1em;
	}
.pushbutton-wide {
	padding: .5em 2em;
	}
#comment {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Mozilla: Change Box Model Behaviour */
	}

#tags-allowed {
	clear: both;
	margin: 1em 0;
	}
#tags-allowed .close a {
	right: 0;
	top: .5em;
	position: absolute;
	z-index: 10;
	padding: 2px;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url(images/icon_close.gif) no-repeat center center;
	border: 0;
	}
#tags-allowed .close a:hover {
	background: url(images/icon_close_over.gif) no-repeat center center;
	}







/*

	Layout

*/
table#wp-calendar {
	width: 100%;
	text-align: center;
	}
table#wp-calendar caption {
	font-size: 120%;
	text-align: left;
	color: #000;
	}
table#wp-calendar thead {
	font-size: 85%;
	color: #000;
	font-weight: normal !important;
	}
table#wp-calendar a {
	border: 0;
	display: block;
	background: #EAFAFF;
	}
table#wp-calendar a:hover {
	background: #FFF;
	}



/*

Simple

*/
#sidebar li {
	margin-left: 0;
	padding-left: 0;
	}
#sidebar h4 {
	margin-top: 1em;
	color: #000;
	}
#sidebar p.intro {
	color: #666666 !important;
	}
#sidebar .icon-large {
	display: none !important;
	}

#sidebar .inner, #secondary-sidebar .inner {
	padding-left: 1em;
	}
#sidebar .box-focus, #sidebar li {
	background: 0;
	padding: 0 !important;
	margin: 0 !important;
	}
#body img {
	border: 0;
	}
	



/* Asides */
.aside p {
	padding: 0;
	}
.aside h3 {
	margin: 1.6em 0 0.8em 0;
	}
.aside ul {
	margin: 0 0 1.25em 0;
	}
.aside ol {
	margin: .8em 2em;
	}
.aside object, .aside embed {
	margin: 0;
	}
.aside pre, .aside blockquote {
	margin: .5em 1.5em;
	}
.aside blockquote {
	padding: 0 1em 0 3em;
	}
.aside pre, .aside kbd, .aside blockquote {
	margin: .5em 2em;
	}


/* Various */
abbr {
	cursor: help; 
	border-bottom: 1px dotted;
	}





/* Wordpress aligns and captions */
.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	margin-left: 10px;
	}
.aligncenter {
	margin: 0 auto;
	display: block;
	}









/* 

	Opera Fixes
	
*/
@media all and (min-width: 0px){ 

}