/* 
Site:       PelusaDesign.com
Author:     Dustin Coffey
Since:      September 2009
Date:       November 2009 
*/

/*
about every 2 weeks or so I look at my css and cringe. then do it again.
*/
/*******************************
Elements
*******************************/
html{font-family:Arial, Helvetica, Sans Serif;}
body {
    background:transparent url(../images/background.png) repeat-x; 
    height:1009px;
}
h1 {
    background:transparent url(../images/pelusadesign.png) no-repeat;
    behavior: url("iepngfix.htc");
    float:left;
    height:160px;
    margin:32px 0 0 14px;
    text-indent:-9999px;
    width:520px;
}
h1 a {display:block; height:160px; width:520px;}
h2 {height:49px; padding:0 0 20px; text-indent:-9999px; width:333px;}
h3 {}
a {color:#C4D2F0; text-decoration:underline;}
a:hover {cursor:pointer;}
/*******************************
Nifty Classes
*******************************/
.clear {clear:both;}
.floatleft {float:left; margin-left:5%;}
.floatright {float:right; margin-right:5%;}
.twocolumn {width:45%;}
.wrap {margin:0 auto; width:900px;}

#header {
    background:transparent url(../images/swoosh.png) no-repeat center -8px; 
    height:541px;
    width:100%;
}

/*******************************
Menu
*******************************/
ul#menu {float:right; margin:46px 0 0;}
ul#menu li {}
ul#menu li a {
    display:block;
    height:47px;
    text-indent:-9999px;
    width:184px;
}
ul#menu li a:hover {}

li a.about {
    background:transparent url(../images/about.png) no-repeat; 
    behavior: url("iepngfix.htc");
}
/*
li a.about:hover {
    background:transparent url(../images/about_hover.png) no-repeat;
    behavior: url("iepngfix.htc");
}
*/
li a.portfolio {
    background:transparent url(../images/portfolio.png) no-repeat; 
    behavior: url("iepngfix.htc");
}
/*
li a.portfolio:hover {
    background:transparent url(../images/portfolio_hover.png) no-repeat;
    behavior: url("iepngfix.htc");
}
*/
li a.contact {
    background:transparent url(../images/contact.png) no-repeat; 
    behavior: url("iepngfix.htc");
}
/*
li a.contact:hover {
    background:transparent url(../images/contact_hover.png) no-repeat;
    behavior: url("iepngfix.htc");
}
*/
/*******************************
Container
*******************************/
#container {
    background:transparent url(../images/container_shadow.png) no-repeat;
    behavior: url("iepngfix.htc");
    color:#C4D2F0;
    font-size:16px;
    -moz-border-radius:6px; 
    height:793px;
    margin:-326px auto 0;
    width:910px;
}

/*******************************
Content Area
*******************************/
#content {float:left; padding:35px 30px 0 30px; width:71%;} 
#content p {line-height:21.2px;}

/*******************************
Pages
*******************************/
#about h2 {
    background:transparent url(../images/about_header.png) no-repeat 0 0; 
    behavior: url("iepngfix.htc");
    width:106px;
}
#portfolio h2 {
    background:transparent url(../images/portfolio_header.png) no-repeat; 
    behavior: url("iepngfix.htc");
    padding-bottom:12px;
}


.showcase {
    background:transparent url(../images/portfolio/showcase.png); 
    behavior: url("iepngfix.htc");
    height:176px;
    position:relative;
    width:776px;
}
#content .showcase img {float:left; margin:14px 0 0 14px;}
#content .showcase div {float:left; font-size:12px; padding:18px 0 0 20px;}
#content .showcase div h4 {font-size:16px; margin-bottom:16px;}
#content .showcase h4 em {}
#content .showcase div p {line-height:16px; width:468px;}
#content .showcase div span {}
#content .showcase div ul {bottom:13px; position:absolute; right:16px;}
#content .showcase div ul li {display:inline;}


#contact h2 {
    background:transparent url(../images/contact_header.png) no-repeat; 
    behavior: url("iepngfix.htc");
}

/*******************************
Sidebar
*******************************/
#sidebar {
    float:left;
    margin:52px 0 0 0;
    width:20%;
}


/*******************************
Forms
*******************************/
#contact div span {cursor:pointer; font-weight:bold;}
form {}
fieldset {}
legend {}
label {display:block; font-size:14px; line-height:24px; width:20%;}
input, select, textarea {
    background-color:#E0E5EF;
    border:1px solid #6F6F6F; 
    border-radius:.2em;
    color:#323232;
    font-size:16px;
    -moz-border-radius:.2em;
    width:234px;
}
input[type="submit"] {width:100px;}


/*******************************
Footer
*******************************/
#footer {
    background:transparent url(../images/footer.png) no-repeat center bottom; 
    behavior: url("iepngfix.htc");
    height:85px;
    margin:-85px auto 0;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1;
}
#footer p {color:#C7D6FF; padding-top:46px;}