@import "reset.css";
@import "typography.css";
@import "grid.css";
@import "jquery.fancybox.css";

/*-----------------------------------------------
Main CSS Style template

Author: Formlab
Site: www.formlab.nl
----------------------------------------------- */
body {background:#181818 url(../img/zaum_and_brown_bg.gif) no-repeat fixed center top;}



.left {
	float:left;
}

.right {
	float:right;
}

.mag-holder {
	float:right;
	display:block;
	margin-top:0px;
	}
.logo {
	
	float:right;
	display:block;
	margin-right:25px;

	
	}
	
.subscribe {
	float:right;
	display:block;
	width:100px;
	}

.border {
	border:1px solid #333;
	}
	
#issue {
	background-color:#df003b;
	padding:0px;
	height:25px;
}

#issue ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#issue ul li {
	float:left;
	padding:0px;
}

#issue ul li a {
	background:url(../img/nav_bg.gif);
	background-repeat:no-repeat;
	display:block;
	height:25px;
	border-width:0 0px 0 1px;
	border-style:solid;
	border-color:#c3000e;
	}

#issue ul li a:hover {color:#000;}

#issue ul li#nav_formlab a {
	background-position:0 0px;
	width:22px;
	text-indent:-9999px;
}

#issue ul li#nav_formlab a:hover {
	background-position:0 -25px;
}

#issue ul li#nav_next a:hover{
	background-position:-159px -25px;
}

#issue ul li#nav_next a{
	background-position:-159px 0px;
	width:22px;
	text-indent:-9999px;
 }

#issue ul li#nav_breadcrumb {
	color:#000;
	font-size:13px;
	line-height:1.9;
	padding:0 6px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#c3000e;
}



#issue ul li#nav_mood {
	color:#fff;
	font-size:13px;
	line-height:1.9;
	padding:0 6px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#c3000e;
}

#issue ul li#nav_page {
	color:#fff;
	font-size:13px;
	line-height:1.9;
	padding:0 6px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#c3000e;
}

#issue ul li#nav_issue {
	color:#fff;
	font-size:13px;
	line-height:1.9;
	padding:0 6px;
	border-width:0 0px 0 1px;
	border-style:solid;
	border-color:#c3000e;
}

div#branding ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
li#nav_subscribe a {
	background:none !important;
	color:#fff;
	font-size:13px;
	line-height:1.9;
	padding:0 6px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#c3000e;
	width:115px;
	text-align:center;
}
	
 #issue ul li#nav_about a:hover {background-position:-38px -25px;}
 #branding ul li#nav_info a:hover {background-position:-19px -25px;}
  
  #issue ul li#nav_home {
	background:url(../img/nav_bg.gif);
	background-position:-60px 0px;
	width:100px;
	height:25px;
	text-indent:-9999px;
	border-width:0 0px 0 1px;
	border-style:solid;
	border-color:#c3000e;
 }
 
   #branding ul li#nav_info a{
	background-position:-19px 0px;
	width:22px;
	text-indent:-9999px;
 }
 
    #issue ul li#nav_about a{
	background-position:-38px 0px;
	width:22px;
	text-indent:-9999px;
 }
 

#top-nav {
background:#000000;
display:block;
font-size:100%;
height:75px;
left:0;
margin:0;
padding:10px;
position:fixed;
top:0;
width:100%;
z-index:99999;
}

#about {display:none;}
#subscribe {display:none;}
.float { display:block; float:left; padding-right:15px; margin:10px 0px 20px;}
.top-space {margin-top:10px;}
div.img-title {margin:10px 0px 5px;}

ul#issue-nav { position:relative; display:block; left:15px;  list-style-position:outside;  list-style-image: url(../img/bullet.gif); padding-right:20px;}
ul#issue-nav li {margin-bottom:1px;	}
ul#issue-nav li a {text-transform:lowercase; font-size:13px;  color:#ccc;}
ul#issue-nav li a:hover {color:#fff;}

 ul#issue-nav li a {
	display:block;
	height:25px;
	border-width:0 0px 0 1px;
	}

.left {float:left; display:block; }
.right {float:right; display:block;}

#about .block p {font-family:Arial, Helvetica, sans-serif;}

.single-block {float:left; display:block; width:190px; padding-right:10px;}
.single-block-last {float:left; display:block; width:170px; padding:0px;}

.single-block-left {float:left; display:block; width:190px; margin-top:10px; margin-right:5px; padding-right:10px;}
.double-block-right {float:left; display:block; }

.double-block-left {float:left; display:block; width:380px; margin-top:10px; margin-right:5px; padding-right:10px;}
.single-block-right {float:left; display:block; }

div.push-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DF003B url(../img/bottom-corner.gif) no-repeat scroll right bottom;
display:block;
margin-bottom:1px;
}

.center {text-align:center;}

.bg-spread {
background:url(../img/issue-01/triwa_bg.jpg) no-repeat;
height:626px;
width:586px;
}

.smallstroke {width:250px;}


.bullet-01 {display:inline-block; background:url(../img/issue-01/bullet_01.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}
.bullet-02 {display:inline-block; background:url(../img/issue-01/bullet_02.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}
.bullet-03 {display:inline-block; background:url(../img/issue-01/bullet_03.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}
.bullet-04 {display:inline-block; background:url(../img/issue-01/bullet_04.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}
.bullet-05 {display:inline-block; background:url(../img/issue-01/bullet_05.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}
.bullet-06 {display:inline-block; background:url(../img/issue-01/bullet_06.gif) top left; width:17px; height:17px; text-indent:-99999px; vertical-align:top; margin:0px 0px 0px; background-position:17px 0px;}

.bullet-A {display:inline-block; background:url(../img/issue-01/bullet_A.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-B {display:inline-block; background:url(../img/issue-01/bullet_B.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-C {display:inline-block; background:url(../img/issue-01/bullet_C.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-D {display:inline-block; background:url(../img/issue-01/bullet_D.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-E {display:inline-block; background:url(../img/issue-01/bullet_E.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-F {display:inline-block; background:url(../img/issue-01/bullet_F.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-G {display:inline-block; background:url(../img/issue-01/bullet_G.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-H {display:inline-block; background:url(../img/issue-01/bullet_H.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}
.bullet-play {display:inline-block; background:url(../img/issue-01/bullet_play.gif) top left; width:18px; height:17px; text-indent:-99999px; vertical-align:top; margin:4px 1px 0px;}



#myController span.jFlowSelected.bullet-01, #myController span.jFlowSelected.bullet-02, #myController span.jFlowSelected.bullet-03, #myController span.jFlowSelected.bullet-04, #myController span.jFlowSelected.bullet-05, #myController span.jFlowSelected.bullet-06 { background-position:0px 0px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; }

.fixed-block {display:block; height:385px;}
.fixed-block-small {display:block; height:300px;}


.top { vertical-align:top;}
.bottom{ vertical-align:bottom;}

.red-border{border-top:1px solid #aa002e; border-bottom:1px solid #aa002e;}

a.prev_article {
	background-image:url(../img/issue-01/artikel_prev.png);
	overflow: auto;
	color:#FFFFFF;
	cursor:pointer;
	left:0;
	text-indent:-100000px;
	top:55%;
	z-index:2000;
	position:fixed;
	height:77px;
	width:44px;
	}
	
a.prev_article:hover {background-position:47px 0px;}

a.next_article {
	background-image:url(../img/issue-01/artikel_next.png);
	overflow: auto;
	color:#FFFFFF;
	cursor:pointer;
	right:0;
	text-indent:-100000px;
	top:55%;
	z-index:2000;
	position:fixed;
	height:77px;
	width:44px;
	}
	
a.next_article:hover {background-position:-47px 0px;}

.polaroid-bg {background:url(../img/issue-01/polaroid_header.jpg) no-repeat; }

img#issue_01 {display:inline !important; float:right;}

a.link:link, a.link:visited { color:#fff;}




