html{
    background: url(imgs/background.jpg) #cfcfcf no-repeat bottom center fixed;
}
body{
    position: relative;
    margin: 0;
    padding: 0;
    
    min-height: 400px;
    font: 13px 'Arial';
    color: #333333;
}

img{
    border: none;
}

a{
    color: #3981b8;
    text-decoration: none;
    outline: none;
}
a:hover{
    color: #4e6272;
}
p{
    margin: 13px 0;
}
#logo{
    position: absolute;
    z-index: 100;
    left: 0;
    top: 34px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 67px;
    background: url(imgs/trans-blue.png) ;
    color: #c1c8ce;
    font: 22px 'HelveticaNeue';
    text-align: right;
}
#logo strong{
    display: block;
    padding-top: 25px;
}
#logo a{
    display: block;
    float: left;
    margin-left: 27px;
}
.inner, .clearfix{
    width: 640px;
    margin: 0 auto;
    padding: 0;
    padding-right: 350px;
text-decoration:lowercase;
}
#nav{
    position: absolute;
    z-index: 100;
    left: 0;
    top: 104px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 41px;
    background: url(imgs/trans-light-blue.png) ;
    text-align: right;
}
#nav a{
    color: #ffffff;
    font: 19px 'HelveticaNeue';
    text-decoration: none;
}
#nav a:hover{
    color: #235b85;
}
#nav ul{
    padding-top: 10px
}
#nav li{
    margin: 0;
    padding: 0;
    display: inline;
    margin-left: 36px;
}
#nav .current a{
    color: #50606e;
}
#page{
    overflow: hidden;
    width: 990px;
    margin: 0 auto;
}
#content{
    float: left;
    width: 592px;
    padding: 0 36px;

    padding-top: 160px;
padding-bottom:20px;
    background: url(imgs/trans.png) ;
}
#intro{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}
#content h2{
    margin: 18px 0;
    font: 37px 'HelveticaNeue';
    color: #4e6272;
text-transform:lowercase;
}
h3{
    margin: 18px 0 12px;
    font: 32px 'HelveticaNeue';
    color: #4e6272;
text-transform:lowercase;
}
#nav a{text-transform:lowercase;}

#posts{
    margin-top: 20px;
    border-top: 1px solid #bdbdbd;
    font-weight: bold;
}
.blue{
    font-weight: bold;
    color: #3981b8;
}
#sidebar{
    float: left;
    width: 185px;
    padding-left: 30px;
    padding-top: 195px;
}

#sidebar ul{
margin-left:0;
padding-left:0;
list-style-type:none;
}
#sidebar h3{
    margin: 50px 0 5px;
}
#footer{
    width: 990px;
    text-indent: 36px;
    padding: 25px 0 35px;
    margin: 0 auto;
    clear: both;

    color: #ffffff;
}
#featured{
    margin-bottom: 20px;
}
#slideshow{
    position: relative;
}
div#slides {
border: 7px solid #778189;
height: 239px;
margin: 0 auto;
width: 574px;
}
img#imageborder{
border: 7px solid #778189;}

div#slides a.thumb {
display:none;
}

div#slides a.default-slide {
display:block;
}

a#previous-slide {
background: url(imgs/control.png) left top no-repeat;
display: block;
position: absolute;
height: 50px;
left: -38px;
top: 100px;
text-indent: -9000px;
width: 40px;
}
a#previous-slide:hover {
background: url(imgs/control.png) left bottom no-repeat;
}
a#next-slide {
position: absolute;
background: url(imgs/control.png) right top no-repeat;
display: block;
right: -38px;
top: 100px;
height: 50px;
text-indent: -9000px;
width: 40px;
}
a#next-slide:hover{
background: url(imgs/control.png) right bottom no-repeat;
}

.lcp_catlist{margin-left:0px; padding-left:0px; list-style-type:none;}


#portfolioWebsites, #portfolioIdentity,  #portfolioPrint, #portfolioIllustration, #portfolioEmail { display: block; margin:0; padding:0; margin-bottom:5px; width: 590px; height: 80px; }
#portfolioWebsites:hover, #portfolioIdentity:hover, #portfolioPrint:hover, #portfolioIllustration:hover, #portfolioEmail:hover{ background-position: 0 -80px;}
#portfolioWebsites span, #portfolioIdentity span, #portfolioPrint span, #portfolioIllustration span, #portfolioEmail span { display: none;}

#portfolioWebsites { background: url("http://irinabecker.com/wp-content/uploads/2010/04/portfolio_website.gif") no-repeat 0 0;}
#portfolioIdentity { background: url("http://irinabecker.com/wp-content/uploads/2010/04/portfolio_identity.gif") no-repeat 0 0;}
#portfolioPrint { background: url("http://irinabecker.com/wp-content/uploads/2010/04/portfolio_print.gif") no-repeat 0 0;}
#portfolioIllustration { background: url("http://irinabecker.com/wp-content/uploads/2010/04/portfolio_illustration.gif") no-repeat 0 0;}
#portfolioEmail { background: url("http://irinabecker.com/wp-content/uploads/2010/04/portfolio_email.gif") no-repeat 0 0;}


ul#filter { float: left; font-size: 16px; list-style-type: none; margin-left: 0; width: 100%; padding-left:10px; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style-type: none; margin-left: 0; width: 574px; padding-left:0;}
ul#portfolio li { 
	
	float: left; 
	margin: 0 10px 10px 0; 
margin-left:0;
	padding: 5px;
	width: 574px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 7px solid #778189; display: block; }