/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        background-image: url(http://www.niklasroy.com/images/41.png);
background-attachment: fixed;
        font-size: 12px;
        line-height: 18px;
}

small, .small {
	font-size: 8px;
}

blockquote{
 font-style:italic;
 color:#000;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #000 solid;
}

a img {
	border:none;
}

h1 a, h2 a, h3 a {
	border: none;
}

#site-name a {
	border: none;
}

#sidebar-2 a, #sidebar-1 a {
	color: #c00;
	border: none;
}



#about {
        width: 300px;
        position:absolute;
        left:600px;
        top:240px;
        padding: 5px;
        margin-right:0px;
        margin-left:0px;
        margin-top:0px;
        background-color:#ffffff; 
}

#head_about {
        width: 300px;
        height: 160px;
        position:absolute;
        left:600px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_about img{
        position:relative;
        top:20px;
        z-index:1; 
}

#head_newsfeed img{
        position:relative;
        top:20px;
        z-index:1; 
}

.hfeed {
width: 550px;
}



#niklas {
        text-align:right;
        float:right;
        padding-left:0px;
}

#spacere {
        width: 1px;
        height:1px;
        position:absolute;
        left:1155px;   
}


#illustration {
        margin-top:10px;
	margin-bottom:10px;

}


/* --------------- logo top ----------------------- */

#head {
  display: block;
  width: 794px;
  height: 164px;   
  background-image: url(http://www.niklasroy.com/images/72.gif);
}

#head a img
{
  display: block;
  width: 794px;
  height: 164px; 
}

#head a:hover img
{
visibility:hidden;
}




/* ------------- projects --------------- */

#head_projects {
        width: 300px;
        height: 120px;
        position:relative;
        left:600px;
        top:226px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_projects img{
        position:relative;
        top:20px;
        z-index:1; 
}

#projects {
        width: 300px;
        position:relative;
        left:600px;
        top:210px;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff; 
}

.headline{
        position:relative;
        top:0px;
        left:0px;
        width:290px;
        z-index:56; 
        padding: 5px;
        background-color:#0af;
        color:#fff;
        font-family: Georgia, Times, serif;
        font-size: 20px;
        line-height: 18px;
        text-decoration:none;
        font-style:italic;
        margin-bottom:5px;
}


.info_box{
        position:relative;
        width:300px;
        height:178px; 
        margin-top:0px;
        margin-bottom:5px;
}

a.info{
        position:absolute; 
        z-index:54; 
        background-color:#ccc;
        color:#000;
        text-decoration:none;
        border:none;
        font-size: 11px;
        line-height: 16px;
}

a.info h1{
        position:absolute;
        top:0px;
        left:0px;
        width:290px;
        z-index:56; 
        padding: 5px;
        background-color:#0af;
        color:#fff;
        font-family: Georgia, Times, serif;
        font-size: 18px;
        line-height: 18px;
        text-decoration:none;
        font-style:italic;
        font-weight:normal;
        letter-spacing: 0.03em;
        cursor:pointer;
}

a.info:hover h1{
        background-color:#00f;
}

a.info img{
        position:absolute;
        top:40px;
        left:0px;
}

a.info:hover{       
        position:absolute; 
        z-index:55; 
        background-color:#fff;
        border:none;
}

a.info span{
        display: none;
}

a.info:hover span{ 
        position:absolute;
        top:28px; left:0px; 
        width:290px;
        display: block;
        padding: 5px;
        padding-top:15px;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.5);
        color:#fff;
        cursor:pointer;
}


/* ------------- workshops --------------- */

#head_workshops {
        width: 300px;
        height: 120px;
        position:relative;
        left:600px;
        top:200px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_workshops img{
        position:relative;
        top:20px;
        z-index:1;
}

#workshops {
        position:relative;
        width: 300px;
        left:600px;
        top:184px;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff; 
}

#workshops .info_box a.info h1{background-color:#f3f;}

#workshops .info_box a.info:hover h1{background-color:#d0a;}



/* ------------- oldstuff --------------- */

#head_oldstuff {
        width: 300px;
        height: 120px;
        position:relative;
        left:600px;
        top:174px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_oldstuff img{
        position:relative;
        top:20px;
        z-index:1;
}

#oldstuff {
        position:relative;
        width: 300px;
        left:600px;
        top:158px;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff; 
}

#oldstuff .info_box a.info h1{background-color:#dd0;}

#oldstuff .info_box a.info:hover h1{background-color:#cc0;}

/* ------------- shows + awards --------------- */

#head_shows_awards {
        width: 400px;
        height: 120px;
        position:absolute;
        left:920px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_shows_awards img{
        position:relative;
        top:20px;
        z-index:1;
}

#shows_awards {
        position:absolute;
        width: 400px;
        left:920px;
        top:240px;
        margin:0px;
        margin-right:100px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff; 
}



/* --------------- newsfeed ----------------------- */

#head_newsfeed {
        width: 550px;
        position:absolute;
        left:30px;
        top:120px;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}

#head_newsfeed img{
        position:relative;
        top:20px;
        z-index:1; 
}

#content {
        width: 550px;
        position:absolute;
        left:30px;
        top:226px;
        padding: 5px;        
        background-color:#fff;
}

.static-title {
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#fa0;
        color:#fff;
        font-family: Georgia, Times, serif;
        font-size: 26px;
        line-height: 30px;
        text-decoration:none;
        font-style: italic;
        font-weight:normal;
        color:#fff;
        letter-spacing: 0.03em;
}

.entry-title a {
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#fa0;
        color:#fff;
        font-family: Georgia, Times, serif;
        font-size: 26px;
        line-height: 30px;
        text-decoration:none;
        font-style: italic;
        font-weight:normal;
        color:#fff;
        letter-spacing: 0.03em;
}



.entry-title a:hover{
        background-color:#f50;
}


.published{
	font-size: 10px;
        line-height:5px;
        font-weight:bold;
        color:#555;
        margin:0px;
}

.entry-content{
        width: 550px;
        margin:0px;
}

div.divider {
        display: block;
        margin:0px;
        width:550px;
        height:30px;
}

#divider_u {

        display: block;
        width:550px;
        height:40px;
        margin:0px;
        background-color:#fa0;
}
/* --------------- single article ----------------------- */

#head_article{
        display: block;
        position:absolute;
        left:30px;
        width:560px;
        height:70px;
background-image: url(http://www.niklasroy.com/images/76.gif);
}