/*
# Theme Name: Smederij oostergetel
# Theme URI: http://www.sjoerdoudman.nl/wordpress/ 
# Description: A basic portfolio theme 
# Author: Sjoerd Oudman
# Author URI: http://www.sjoerdoudman.nl 
# Version: 1.0 
# . 
# General comments/License Statement if any. 
.
*/

body {
margin:0px;
background-image:url(images/bgcolor.jpg);
color:#FFFFFF;
}



/* text styles */

body, input, textarea { font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif; }

a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

h1 {
font-size:20px;
color:#FFFFFF;
line-height:20px;
}
h2 {
font-size:30px;
margin-top:0px;
letter-spacing:1px;
}
h3 {
font-weight:200;
font-size:13px;
margin-top:20px;
}

.login  {
color:#7b1315;
}

.login a {
top:10px;
color:#7b1315;
}

li.categories {
color:#FFFFFF;
}  /* outermost list item */
 
li.cat-item {
margin-left:-14px;
margin-top:14px;
list-style-image:none;
list-style-type:none;
line-height:20px;
color:#FFFFFF;
}

 ul.children { 
color:#FFFFFF;
}



/* end of text styles */


/* basic structure */

#wrapper {

padding-left:20px;
width:770px;
height:100%;
margin:0px auto;

}

#header {

width:750px;
height:151px;
background-image:url(images/index_01.gif);
margin:0px;
}

#first {
background-image:url(images/link1.jpg);
width:59px;
height:26px;
border:none;
float:right;
cursor:pointer;
}

#first:hover {
background-image:url(images/link1_rollover.jpg);
}

#second {
background-image:url(images/link2.jpg);
width:59px;
height:26px;
border:none;
float:right;
cursor:pointer;
}

#second:hover {
background-image:url(images/link2_rollover.jpg);
}

#third {
background-image:url(images/link3.jpg);
width:76px;
height:26px;
border:none;
float:right;
cursor:pointer;
}

#third:hover {
background-image:url(images/link3_rollover.jpg);
}


#empty {
background-image:url(images/empty.jpg);
width:19px;
height:26px;
border:none;
float:right;
}

#links {

width:260px;
height:26px;
text-align:right;
word-spacing:0px;
margin-top:90px;
float:right;
}

#footer {
width:750px;
height:58px;
margin:0px;
}

#admin {
width:auto;
height:auto;
top:20px;
}

#colofon {
width:75px;
height:27px;
margin-top:10px;
float:right;
background-image:url(images/colofon.png);
}

#colofon:hover {
background-image:url(images/colofon_rollover.png);
}

#line {
background-image:url(images/line.gif);
background-repeat:no-repeat;
margin-top:20px;
float:left;
width:750px;
height:8px;
border:none;
}

#bottomlinks {

width:298px;
height:27px;
text-align:right;
word-spacing:0px;
margin-top:7px;
float:right;
}

#links a img {

margin:0px;
border:none;

}

.handje {
cursor:pointer;
}

/* end of basic structure */


/* index */

.fuckyou {

width:750px;
height:442px;
margin-bottom:10px;
float:left;
}

.fuckyou img {

width:750px;
height:442px;

}


.photonav{
position:absolute;
top:541px;
margin-left:563px;
width:177px;
height:52px;
	filter:alpha(opacity=70);
 	-moz-opacity:.70;
	opacity:.70;
color:#000000;
background-color:#FFFFFF;
text-align:right;
}

#photonav p {
color:#000000;
position:relative;
float:left;
margin-right:40px;
}

#imagemap{
position:absolute;
top:151px;
width:650px;
height:390px;
margin:0px;
visibility:visible;
}

/*  end of index */

/* portfolio */

.works a img {
border:none;
	filter:alpha(opacity=70);
 	-moz-opacity:.70;
	opacity:.70;
}

.works a:hover img{
border:none;
	filter:alpha(opacity=99);
 	-moz-opacity:.99;
	opacity:.99;
}
.works {

width:764px;
height:442px;
margin-left:0px;
margin-bottom:10px;
}

.worktitle {
margin:0px;
height:40px;
width:177px;
background-image:url(images/werk.png);
}


.image {
position:relative;
float:left;
height:auto;
width:177px;
background-color:#242221;
margin-right:14px;
margin-bottom:14px;
}

/* end of portfolio */

/* rounded divs */

.content {
height:210px;
width:157px;
}

.content p {
position:relative;
width:157px;
float:left;
margin-top:25px;
margin-left:10px;
font-weight:bold;
}

.content img {
position:relative;
left:8px;
top:10px;
height:130px;
width:152px;
}

.title {
position:relative;
width:157px;
height:auto;
left:12px;
font-weight:bold;
}

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
/* end of rounded divs */

/* single post */

.workdescription{
position:relative;
top:0px;
width:750px;
height:400px;
margin-top:-15px;
margin-right:14px;
margin-bottom:24px;
line-height:21px;
}

.workdescription img{
position:absolute;
top:0px;
width:539px;
height:430px;
background-color:#242221;
margin-right:14px;
margin-bottom:14px;
}

.workdescription h1 {
position:relative;
top:14px;
width:177px;
left:573px;
}

.workdescription h3 {
position:relative;
width:177px;
left:573px;
}



/* end of rounded individual */

/* contact */



.contact{
background-image:url(images/contact.png);
background-repeat:no-repeat;
position:relative;
left:297px;
float:left;
width:450px;
height:330px;
margin-right:14px;
margin-bottom:14px;

line-height:21px;
}

.contacttext{
margin-top:25px;
position:absolute;
left:204px;
top:0px;
}

/* end of contact */