/*
Theme Name:		Subdisc V6
Theme URI:		http://subdisc.com
Description:	blog
Version:		6.0
Author:			Marcus Eriksson
Author URI:		http://subdisc.com/
*/

body
{
	background-color: #fff;
	font-family: Arial;
	font-size: 11px;
	word-spacing:1px; 
	line-height:1.5;
	text-align: left;
	font-style: normal;
	color: #888;
	margin: 0px;
	padding-top: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	border:0px; 
	border-bottom: 0px; 
	list-style: none; 
	list-style-type: none; 
	vertical-align:top;
	margin-bottom:0px;
	padding-bottom:0px;
}
embed {
	border: 0px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	border:0px; 
	border-bottom: 0px; 
	list-style: none; 
	list-style-type: none; 
	vertical-align:top;
}
object {
	padding-bottom: 30px;
	}

.post {
	position: relative;
	visibility: visible;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
}


.bignav {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	z-index: 10;
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

h0, h0 a {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: #333;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue';
	font-size: 11px;
	background-color: none;
	text-decoration: none;
}

li.current-cat a, li.current-cat a:hover { 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-weight: normal;
	cursor: default;
	color: #fff; text-decoration: none; background-color: #333;
	font-size: 11px;
}

h2, li.h2 a, h2 a {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #888;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

h3, li.h3 a, h3 a {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #bbb;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
h4, li.h4 a, h4 a {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-family: Helvetica, 'Helvetica Neue', Arial, Verdana;
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 21px;
	text-decoration: none;
}

.post-plus {position:absolute; overflow: hidden; margin-top: -15px; margin-left: -15px; margin-right: -50%; margin-bottom: -50%; top:50%; left:50%; width:145px; height:145px; display: block; background:url('img/plus.gif'); background-repeat: no-repeat; z-index: 99;}
.post-mask {position:absolute; overflow: hidden; padding-right: 0px; top:0px; left:0px; background: none; width:145px; height:145px; display: none; z-index: 98;}
.three-img:hover .post-mask {display: block; overflow: hidden; background:url('img/monster-over.png'); background-repeat: repeat; }

.logo-mask {position:absolute; overflow: hidden; padding-right: 0px; top:20px; left:0px; background: none; width:145px; height:132px; display: none; z-index: 98;}
.logo-img:hover .logo-mask {display: block; background:url('img/logo-me2-over.gif'); background-repeat: no-repeat; }

i { font-style: italic; color: #aaa; }

a { text-decoration: underline;}

h2 a:hover, li.h2 a:hover, three-img a:hover, li.current_page_item a:hover, h0 a:hover { color: #fff; text-decoration: none; background-color: #333; }

* { list-style: none; list-style-type: none; }

ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }

li { list-style: none; list-style-type: none; margin: 0px; padding: 0px;  }

.bg1 {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 120px;
	background-color:none;
	z-index:1;
}


.bg2 {
	position: fixed;
	top: 0px;
	left: 120px;
	height: 100%;
	width: 120px;
	background-color:none;
	z-index:1;
}

input {
	background-color: #ddd;
	border: 0px;
	color: #333;
	height: 20px;
	width: 295px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: Arial;
	font-size: 11px;
}
textarea {
	border: 0px;
	color: #333;
	background-color: #ddd;
	width: 297px;
	margin-bottom: 10px;
	height: 100px;
	resize: none;
	padding-left: 3px;
	padding-top: 3px;
	font-family: Arial;
	font-size: 11px;
}

.comments {
	position: relative;
	float: left;
	max-width: 300px;
	padding: 20px 15px 20px 0px;
}
.comment {

	margin: 10px 0px 10px 0px;
}

	
.test a, .test a:hover .test h0 a, .test h0 a:hover {
	cursor: default;
	font-weight: normal;
	cursor: default;
	color: #fff; text-decoration: none; background-color: #333;
	font-size: 11px;
	}

p { 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	border:0px; 
	border-bottom: 0px; 
	list-style: none; 
	list-style-type: none; 
	vertical-align:top;
	margin-bottom:0px;
	padding-bottom:0px;
}



#logo {
padding-bottom: 20px;
}
.navgrid
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;

}
.nav { 
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 145px;
	z-index: 12;
	float: left;
	text-align: left;
	padding: 0px 20px 20px 20px;
	width: 125px;
	margin-bottom: 20px; 
}
.nav2 { 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 12;
	float: left;
	text-align: left;
	padding: 0px 20px 20px 0px;
	width: 145px;
	height: 100%;
}
#footer { 
	position: fixed;
	bottom: 0px;
	left: 20px;
	z-index: 12;
	text-align: left;
	float: left;
	width: 145px;
	border-top: 1px solid #bbb;
	background-color: #fff;
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 20px 0px;
}
#banner {
	position: fixed;
	top: 23px;
	left: 220px;
	z-index: 1;
	float: left;
}
#container
{
	position: relative;
	float: left;
}
.grid
{
	position: absolute;
	top: 0px;
	left: 20px;
}

#post-container
{
	position: relative;
	float: left;
	z-index: 10;
	clear: both;
	padding-top: 0px;
	padding-left: 310px;
	text-align: left;
	vertical-align:top;
}

#post-container2
{
	position: relative;
	float: left;
	z-index: 10;
	padding-top: 20px;
	padding-left: 220px;
	text-align: left;
	vertical-align:top;
	width: 660px;
}
.three img {
	border: 0px;
	padding: 0px 0px 20px 0px; 
	margin: 0px 0px 20px 0px; 
	border:0px; 
	border-bottom: 0px; 
	list-style: none; 
	list-style-type: none; 
	vertical-align:top;
}
#jqpageflow-block { 
	position: fixed; 
	width: 40px;
	height: 30px;
	display: block;
	padding-top: 15px;
	padding-left: 24px;
	bottom: 55px; 
	left: 55px; 
	display: none;
	background-image:url('http://cs.marcus-eriksson.com/wp-content/themes/subgrid/round.png'); 
	background-repeat: no-repeat; 
	background-position: center center;
}
#popload { 
	position: absolute; 
	width: 40px;
	height: 30px;
	display: block;
	padding: 20px 20px 20px 20px;
	margin-top: 15px;
	bottom: 50%;
	right: 50%;
	z-index:777;
	background-image:url('http://cs.marcus-eriksson.com/wp-content/themes/subgrid/round.png'); 
	background-repeat: no-repeat; 
	background-position: center center;
}
.navigation { position: absolute; bottom: 0px; margin-bottom: -300px; background: #1a1a1a; height: 100px; width: 100px; }

.one {
	position: absolute;
	left: 0px;
	width: 90px;
	float: left;
	padding-right:10px;
}
.two {
	position: absolute;
	text-align: left;
	left: 970px;
	width: 125px;
	float: left;
	padding: 0px 0px 20px 20px;
	border-left: 1px solid #bbb;
	margin-left: 20px;
	height: 100%;
	top: 20px;
}
.two-float {
	position: relative;
	text-align: left;
	width: 100px;
	float: left;
	padding: 0px 20px 20px 20px;
	background-image:url('http://subdisc.com/images/lines/ln2.png');
	background-repeat: repeat;
	border-left: 1px solid #bbb;
	margin-left: 20px;
	height: 100%;
}
.index-title {
	position: absolute;
	text-align: left;
	top: 20px;
	left: 200px;
	width: 100px;
	float: left;
	padding: 0px 20px 20px 20px;
	background-image:url('http://subdisc.com/images/lines/ln2.png');
	background-repeat: repeat;
	border-left: 1px solid #bbb;
	margin-left: 20px;
}

.twoNoDash {
	position: absolute;
	text-align: left;
	left: 860px;
	width: 100px;
	float: left;
	padding: 0px 20px 20px 20px;
	background-image:url('http://subdisc.com/images/lines/ln2.png');
	background-repeat: repeat;
	border-left: 1px solid #bbb;
	margin-left: 20px;
}
.twoNoDash1 {
	position: absolute;
	text-align: left;
	left: 860px;
	width: 100px;
	float: left;
	padding: 0px 20px 20px 20px;
	background-image:url('http://subdisc.com/images/lines/ln2.png');
	background-repeat: repeat;
	border-left: 1px solid #bbb;
	margin-left: 20px;
}
.three, .three-img {
	position: relative;
	float: left;
	margin-left: 20px;
	padding: 0px 0px 20px 0px;
	width: 145px;
}
.threeTop {
	position: relative;
	float: left;
	width: 145px;
	border-top: 1px solid #bbb;
	background-color: #fff;
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	color: #777;
}
.threeTop2 {
	position: relative;
	float: left;
	width: 145px;
	border-top: 5px solid #333;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #777;
	height: 90px;
	line-height: 8em;
	
}
.threeTop a {
	color: #333;
}
#text {
padding-top: 10px;
padding-bottom: 20px;
}
.four {
	position: relative;
	float: left;
	margin-left: 20px;
	padding: 0px 0px 0px 0px;
	width: 640px;
}
.five {
	position: fixed;
	top: 0px;
	left: 280px;
	z-index: 77777799;
	width: 610px;

	float: left;
	padding:15px;
	background-image:url('http://subdisc.com/images/lines/ln1.png');
	background-repeat: repeat;
}
.pageText {
	font-family: Georgia, 'Times New Roman', Helvetica Neue, Arial;
	color: #333;
	font-size: 19px;
	line-height: 29px;
	font-weight: normal;
	font-style: italic;
	width: 475px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.corners { position: absolute; }

#info {
	position: relative;
	padding-top: 20px;
	padding-right:10px;
	width: 100px;
	z-index: 1;
	float: left;
}

#container2
{
	position: absolute;
	top: 20px;
	left: 120px;
	padding: 0px 0px 0px 0px;
	z-index: 9;
	float: left;
	background-color: #fff;
}
#container3
{
	position: absolute;
	top: 20px;
	left: 120px;
	padding: 0px 0px 0px 0px;
	z-index: 9;
	float: left;
	background-color: #fff;
}



.title {

	font-weight:normal;
	color: #333;
	text-transform: capitalize;
	clear: both;
	
}
.title a {
	color: #222;
}

.clear {
	position: relative;
	clear: both;
	float:left;
}
.divclear {
	position: relative;
	clear: both;
}
.divider {
	position: relative;
	width: 140px;
	float: left;
	border-top: #bbb solid 1px;
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
}

.corner1 {
	position:absolute; 
	left: 0px;
	top: -7px; 
	z-index: 12;

}
.corner2 {
	position:absolute; 
	bottom: 0px;
	right: 0px; 
	z-index: 12;

}
.corner3 {
	position:absolute; 
	right: 0px;
	top: -7px; 
	z-index: 12;

}
.corner4 {
	position:absolute; 
	left: 0px;
	bottom: 0px; 
	z-index: 12;

}
.title-overlay a {
	color: #eee;
	}


.header {
position: absolute;
width: 100px;
height: 140px;
text-align: left;
margin-right: 3px;
top: 0px;
left: 0px;
color: #333;
text-transform: Capitalize;
}

.header2 {
margin-top:1px;
padding: 3px 0px 6px 0px;
color: #333;
font-style:normal;
text-align: left;
text-transform: Capitalize;
background-color: none;

}
.header3 {
position: fixed;
width: 10px;
text-align: left;
top: 20px;
left: 120px;
color: #333;
z-index: 12;
text-transform: Capitalize;

}
.header2 a {
font-style:normal;
color: #888;

}

#container2 img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
#container3 img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	



img { border: 0px; }

.play-icon
{
	color: #aaa;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 15;
}

.play-icon-offset
{
	position: absolute;
	left: -43px;
	top: -37px;
}