/* 
    Document   : main.css.css
    Created on : Mar 23, 2009, 11:25:06 PM
    Author     : Anthony Leung <anthony@anexdesign.com>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*---- GLOBAL STYLES ---- */
html, body, img, form {
	margin:0; padding:0; border:0;
	}

html { min-height: 100%; margin-bottom: 0px; height:100%; /* needed for container min-height */}

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #232323;
	height: 100%;
	line-height: 1.6em;
    background-color: #d2dee0;
}

h1, h2, h3{
    font-family: "Century Gothic", Century, "Century Schoolbook";
}

a{ text-decoration: none; outline: none; color: black;}
a:hover{ color: #ed145b; }

.clear{ clear: both; }
.left {float: left; }
.right { float: right; }

#blurb{ display: none;}

/*---- Header ----*/
#header_wrapper { height: 156px; background: url(images/bg_header.gif) repeat-x top;}
#header {  position: relative; width: 1177px; margin: auto auto; height: 100%;
     background: url(images/bg_header.gif) repeat-x top;
    }
#header_pic_l, #header_pic_r, #logo, #nav { position: absolute; height: 100%; }
#header_pic_l {
    top: 0;
    left: 0;
    width: 186px;
    background: url(images/bg_header_l.jpg) no-repeat;
}
#header_pic_r {
    right: 0;
    top: 0;
    width: 138px;
    background: url(images/bg_header_r.jpg) no-repeat;
}
#logo { z-index: 1; top: 60px; left: 186px; height: 60px;}

/*---- Nav ----*/
#nav { z-index: 1; right: 138px; }
#nav ul, #nav li{ margin: 0; padding: 0; list-style: none;}
#nav li{ float: left; }
#nav a { 
    display: block; 
    color: #FFFFFF;
    height: 26px;
    padding: 0 13px;
    padding-top: 130px;
    background: url(images/nav_bar.jpg)  top left no-repeat;
}
#nav a:hover, #nav a.selected {
    background: #b0bfc1 url(images/nav_bar_hover.jpg) top left no-repeat;
    color: #ed145b;
}

/*---- Main Styles ----*/
#wrapper { margin: auto auto;  width: 1177px; position: relative;        
    background: #d2dee0 url(images/bg_body.jpg) center repeat-y;
    }
#main_wrapper { 
    margin: auto auto;
    width: 901px;
    background: url(images/bg_main.jpg) top repeat-x; min-height: 943px;
}

#main_pic_l, #main_pic_r{ position: absolute; width: 137px; }
#main_pic_l {
    top: 0;
    height: 319px;
    background: url(images/bg_mid_l.jpg) no-repeat;
}
#main_pic_r {
    top: 319px; 
    right: 0;
    height: 338px;
    background: url(images/bg_mid_r.jpg) no-repeat;
}

#statement { width: 650px; margin: auto auto; padding: 70px 0 10px 0; text-align: right; }
#statement a{ color: #232323; }
#statement a:hover { color:#ed145b;}
#slideshow {
    margin: auto auto;
}
.pics img {   
    border:  1px solid #fff;
    width:  650px;
    height: 450px;
    top:  0; 
    left: 0 
}

/*---- Galleries ----*/
#subnav, #about { width: 750px; margin: auto; margin-top: 20px; }
#subnav ul, #subnav li{ margin: 0; padding: 0; }
#subnav ul{ background: url(images/bg_subnav.gif) repeat-x; height: 30px; float: left; padding-top: 5px;}
#subnav li { list-style: none; float: left; padding: 0 10px; border-right: 1px solid #ed145b; }
#subnav li.last { border: 0;  }
#subnav a { color: #232323; }
#subnav a:hover, #subnav a.selected { color: #ed145b; }
#about { text-align: right; }

#gallery { width: 750px; margin: auto; margin-top: 10px; }

/*---- Resume ----*/
#resume { width: 750px; margin: auto; }
#resume dt { float: left; }
#resume dt, #resume dd { line-height: 1.8em; }
#resume dd { margin-left: 90px; }

#resume .head { position: relative; border-bottom: 1px solid #232323; margin: 40px 0 0 90px; font-weight: bold; }
#resume .line { position: absolute; border-bottom: 1px solid #ed145b; bottom: -1px;  }


/*---- Artist Statement & About ----*/
#artist_statement .head { position: relative; border-bottom: 1px solid #232323; margin: 40px 0 0 0px; font-weight: bold; }
#artist_statement .line { position: absolute; border-bottom: 1px solid #ed145b; bottom: -1px;  }
#artist_statement #cuttings { position: absolute; left: 90px; bottom: 0; }
#artist_statement #content { padding: 0 150px;}
.sub { font-size: 0.85em;}
#artist_statement #content {  }
#artist_statement #content li { list-style: square; color: #ed145b;}
.black { color: #232323; }


/*---- Contact ----*/
#contact { width: 750px; margin: auto; margin-top: 40px; }
#contact #side { float: left; }
#contact #side img { border: 1px white solid; }
#contact #content { float: right; width: 450px;}
#contact #content p { margin: 0;}
#contact input, #contact textarea { width: 100%; }
#contact input.button { width: auto; }

/*---- Footer ----*/
#footer {
    margin: 40px auto 20px auto;
    height: 70px;
    line-height: 70px;
    background: url(images/footer_flower.gif) 70% 50% no-repeat;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
}
#footer .bar{ color: #ed145b;}
#footer a{ color: #232323; }
#footer a:hover{ color: #ed145b;}