/* Eric Meyer's reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""}
/* YUI Font CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
Px    %
10    77
11    85
12    93
13    100
14    108
15    116
16    123.1
17    131
18    138.5
19    146.5
20    153.9
21    161.6
22    167
23    174
24    182
25    189
26    197
*/
body {
    font:13px/1.231 Verdana, Arial, Helvetica, sans-serif;*font-size:small;font:x-small;background-color: #999;
}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
}
a {
    text-decoration: none;
}
a:hover {
    color: #ff6;
}
a:vlink {
    color: #03c;
}

ul {
    padding-bottom: 1em;
}

/* home page */
body#homepage {
    background-image: url(../images/homepage-body-bg.gif);
    background-repeat: no-repeat;
    background-position: center 10px;
    text-align: center;
}
body#homepage h1 {
    text-indent: -9999px;
}
body#homepage ul {
    padding-top: 150px;
}
body#homepage li {
    width: 185px;
    margin-left: auto;
    margin-right: auto;
    font-size: 200%;
    line-height: 1.5;
    margin-bottom: 20px;
}
body#homepage li a {
    color: #03c;
    text-decoration: none;
    background-color: #ccc;
    display:block;
    width: 100%;
    border: solid 3px #000;
}
body#homepage li a:hover {
    color: #ff6;
    background-color: #03c;
}

/* main layout for content pages */
div#layout-all {
    border: 2px solid #666;
    overflow: auto;
    width: 90%;
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto;
}
div#layout-all div#container-title {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 2px solid #666;
}
div#layout-all div#container-title h1 {
    font-weight: bold;
    font-size: 140%;
}

.portfolio div#container-title h1, 
.portfolio div#container-title h2 {
    float: right;
    clear: right;
}
.portfolio object {
    float: left;
}
.portfolio div#container-title h1.left {
    float: left;
}
div#layout-all div#container-content {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}
div#layout-all div#container-content h2 {
    font-weight: bold;
    background-image: url(../images/h2-bgslice.gif);
    background-repeat: repeat-y;
    margin-top: .4em;
    margin-bottom: .4em;
}
div#container-content p {
    font-size: 90%;
    padding-bottom: 1em;
}
div#layout-all div#container-content blockquote {
    font-size: 100%;
}
div#layout-all div#container-content blockquote a { font-style: normal; }
div#layout-all div#container-bottomnav {
    border-top: 2px solid #666;
}
div#layout-all div#container-bottomnav ul li {
    border-right: 1px solid #666;
    float: left;
    font-size: 85%;
    line-height: 2.1;
    padding-left: 10px;
    padding-right: 10px;
    text-transform:  lowercase;
    height: 25px;
}
div#layout-all div#container-bottomnav ul li img {
    position: relative;
    top: 5px;
}
div#layout-all div#container-bottomnav ul li a {
    text-decoration: none;
    color: #03c;
}
div#layout-all div#container-bottomnav ul li a:hover {
    color: #ff6;
}
div#layout-all div#container-bottomnav ul li a:vlink {
    color: #03c;
}
div#layout-all blockquote {
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 85%;
    font-style: italic;
    padding-bottom: 1em;
}

.bold {
    font-weight: bold;
}