/* 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:1560px;
        top:192px;
        padding: 5px;
        margin-right:0px;
        margin-left:0px;
        margin-top:0px;
        background-color:#ffffff; 
}
#head_about {
        width: 300px;
        height: 160px;
        position:absolute;
        left:1560px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}
#head_about img{
        position:relative;
        top:21px;
        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;
  position:absolute;
  top:0px;
  left:0px;
  width: 794px;
  height: 145px;
}
#head a img
{
  display: block;
  position:absolute;
  top:0px;
  left:0px;
  width: 794px;
  height: 145px;

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

#head_projects {
        width: 300px;
        height: 120px;
        position:absolute;
        left:600px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}
#head_projects img{
        position:absolute;
        top:26px;
        z-index:1; 
}
#projects {
        width: 300px;
        position:absolute;
        left:600px;
        top:185px;
        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(128, 128, 128); /* fallback color */
        background: rgba(0, 0, 0, 0.5);
        color:#fff;
        cursor:pointer;
}
/* ------------- workshops --------------- */

#head_workshops {
        width: 300px;
        height: 120px;
        position:absolute;
        left:920px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}
#head_workshops img{
        position:absolute;
        top:26px;
        z-index:1;
}
#workshops {
        position:absolute;
        width: 300px;
        left:920px;
        top:185px;
        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:absolute;
        left:1240px;
        top:120px;
        display: block;
        padding: 5px;        
        background-image: url(http://www.niklasroy.com/images/59.gif);
}
#head_oldstuff img{
        position:relative;
        top:21px;
        z-index:1;
}
#oldstuff {
        position:absolute;
        width: 300px;
        left:1240px;
        top:185px;
        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;}

/* ------------- scrollhand --------------- */

#scrollhand {
        /*width: 300px;*/
        /*height: 120px;*/
        position:absolute;
        left:1551px;
        top:6000px;
        display: block;
}
/* --------------- 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:21px;
        z-index:1; 
}
#content {
        width: 550px;
        position:absolute;
        left:30px;
        top:178px;
        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;
}

/* --------------- contact article ----------------------- */


#content_contact {
        width: 550px;
        position:absolute;
        left:30px;
        top:141px;
        padding: 5px;
        background-color:#fff;
}
/* --------------- single article ----------------------- */


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

#single_head_newsfeed {
        width: 550px;
        position:absolute;
        left:30px;
        top:141px;
        padding: 5px;
        /*background-image: url(http://www.niklasroy.com/images/59.gif);   */
        background-color:#fff;
}
#single_head_newsfeed img{
        position:relative;
        top:0px;
        z-index:1; 
}

.project-title{
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#0af;
        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;}

.project-back a {
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#0af;
        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;
        }
.project-back a:hover{
        background-color:#00f;
}
/*---------------------------*/

.archive-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;}

.archive-back 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;
        }
.archive-back a:hover{
        background-color:#f50;
}



/*---------------------------*/

.workshops-title{
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#f3f;
        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;}

.workshops-back a {
        position:relative;
        top:0px;
        left:0px;
        display: block;
        width:540px;
        padding: 5px;
        margin:0px;
        background-color:#f3f;
        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;
        }
.workshops-back a:hover{
        background-color:#d0a;
}






/*---------------------------*/
#projects_projects {
        width: 300px;
        position:absolute;
        left:600px;
        top:185px;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff;
}

#projects_projects .info_box a.info h1{background-color:#c8c8c8;}
#projects_projects .info_box a.info:hover h1{background-color:#0af;}
#projects_projects .info_box a.info img{opacity:0.3;filter:alpha(opacity=30)}
#projects_projects .info_box a.info:hover img{opacity:1;filter:alpha(opacity=100)}

#workshops_workshops {
        width: 300px;
        position:absolute;
        left:600px;
        top:185px;
        margin:0px;
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 12px;
        background-color:#ffffff;
}

#workshops_workshops .info_box a.info h1{background-color:#c8c8c8;}
#workshops_workshops .info_box a.info:hover h1{background-color:#f3f;}
#workshops_workshops .info_box a.info img{opacity:0.3;filter:alpha(opacity=30)}
#workshops_workshops .info_box a.info:hover img{opacity:1;filter:alpha(opacity=100)}