*, html {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
font-family:"Times New Roman",Georgia,Serif;
color:#535353;
}
body{
background-image:url('images/footer-background.gif');
background-position:bottom;
background-repeat:repeat-x;
}

a{
color:#39B8FF;
}

.spacer{
clear:both;
border-bottom:1px dotted #9CDBFF;
height:0px;
margin-bottom:10px;
}
.spacer-var{
clear:both;
height:0px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#39B8FF;
font-size:20px;
font-weight:bold;
margin:35px 0 20px 0;
}
h3, h3 a{
text-decoration:none;
font-weight:normal;
font-size:18px;
color:#39B8FF;
margin-bottom:25px;
}


/*--------- HEADER -----------*/

#header {
width:920px;
margin:0 auto;
}
#logo{
float:left;
}
#bars{
float:left;
margin-left:10px;
}
#menu{
float:right;
}
#menu-list li{
float:left;
overflow:hidden;
}
#menu-list li.separation{
width:1px;
}
#menu-list li img{
margin-right:5px;
}
#menu-list li a{
font-family:Arial, Helvetica, sans-serif;
display:block;
width:123px;
text-decoration:none;
font-size:18px;
font-weight:bold;
border-bottom:5px solid #FFFFFF;
}
#menu-list li a:hover {
color:#F21E7B;
background-color:#FFE3FF;
border-bottom:5px solid #F21E7B;
}
#menu-list li.portfolio a{
color:#F21E7B;
border-bottom:5px solid #F21E7B;
}




/*--------- CONTENT -----------*/

#content {
width:920px;
margin:0 auto;
}
#content .spacer{
height:10px
}
#content .pre-text p{
font-size:22px;
line-height: 30px;
margin-bottom:60px;
}
#content-project{
width:970px;
/*background-color:#fffff0;*/
margin:0 auto;
background-image:url('images/project-brackground.gif');
background-repeat:repeat-y;
}
#content-project a{
display:block;
text-decoration:none;
}
#content-project a:visited{
color:#FFFFFF;
}
#content-project a:active{
color:#FFFFFF;
}
#content-project .project{
float:left;
width:275px;
margin:0 23px 0 25px;
border-bottom:5px solid #FFFFFF;
margin-bottom:10px;
}
#content-project .project:hover{
background-color:#FFE3FF;
border-bottom:5px solid #F21E7B;
}
#content-project .project:hover img{
border:5px solid #FFE3FF;
}
#content-project .project:hover h3{
color:#F21E7B;
}
#content-project .project img{
border:5px solid #E3EBFF;
margin-bottom:30px;
}
#content-project .project .postmetadata, #content-project .project .postmetadata a{
text-decoration:none;
font-size:12px;
color:#535353;
margin-bottom:50px;
}

#top{
width:920px;
margin:0 auto;
text-align:right;
}
#top a{
text-decoration:none;
}
#top a:hover{
color:#F21E7B;
border-bottom:1px dotted #F21E7B;
}
#next{
width:920px;
margin:0 auto;
text-align:center;
font-size:24px;
}
#next a{
text-decoration:none;
}
#next a:hover{
color:#F21E7B;
border-bottom:1px dotted #F21E7B;
}


#content #navigation a{
text-decoration:none;
font-size:12px;
}
#content #navigation a:hover{
border-bottom:1px dotted #F21E7B;
color:#F21E7B;
}
#content #navigation .align{
float:left;
margin-right:30px;
color:#39B8FF;
}
#content #navigation .align:hover{
color:#F21E7B;
}

#content #description{
float:left;
width:415px;
margin-right:20px;
}
#content #description .pre-text p{
font-size:18px;
line-height: 22px;
margin-bottom:30px;
}
#content .pre-text p a{
text-decoration:none;
color:#535353;
}
#content .pre-text p:hover a{
color:#F21E7B;
border-bottom:1px dotted #F21E7B;
}
#content #description a{
text-decoration:none;
}
#content #description a:hover{
color:#F21E7B;
border-bottom:1px dotted #F21E7B;
}
#content #pictures{
width:483px;
float:left;
margin-top:35px;
}
#content #pictures #main{
border-left:1px dotted #39B8FF;
margin-bottom:50px;
padding-left:23px;
}
#content #pictures #gallery{
border-left:1px dotted #39B8FF;
padding-left:23px;
}
#content #pictures #gallery h3{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}
#content #pictures #gallery img{
margin:0 3px 0 0;
border-bottom:3px #FFFFFF solid;
}
#content #pictures #gallery img:hover{
border-bottom:3px #F21E7B solid;
}


/*--------- FOOTER -----------*/

#footer{
width:100%;
font-size:12px;
padding-bottom:270px;
background-image:url('images/footer-background.jpg');
background-position:bottom center;
background-repeat:no-repeat;
}
#footer-content{
width:920px;
margin:0 auto;
}
#footer-content p, #footer-content a, #footer-content p strong{
color:#898989;
text-decoration:none;
}
#footer-content .spacer{
margin:50px 0 30px 0;
}
#mini-logo, #copyright, #contact{
float:left;
}
#copyright{
margin-left:200px;
}
#contact{
margin-left:100px;
}