/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* /RESET */

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #d70860;
    font-size: 10px;
    color: #FFFFFF;
}

a img{
    border: none;
}


body {
    background-image: url('../images/scarlet-creative-bg.gif');
    background-repeat: no-repeat;
    background-position: center 16px;
}

body#splash-page { background-image: none; }

body#portfolio-page {
    background-image: url('../images/scarlet-creative-bg-top.gif');
    background-repeat: no-repeat;
    background-position: center 16px;
}

body#portfolio-page #wrapper {
    background-image: url('../images/scarlet-creative-bg-bottom.gif');
    background-repeat: no-repeat;
    background-position: center bottom;
}

#container {
    height: 650px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 45px;
    background-color: #FFFFFF;
}

#portfolio-page #container {
    min-height: 650px;
	height: auto !important;
	height: 650px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 45px;
    background-color: #FFFFFF;
}

div.clear { clear: both; }

#admin-page{
    background-image: url('../images/scarlet-creative-bg.gif');
    background-repeat: no-repeat;
    background-position: center 16px;
}

#splash-page #container {
    background-image: url('../images/scarlet-splash-bg.gif');
    background-repeat: no-repeat;
    height: 650px;
    width: 995px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    margin-top: 20px;
	background-color: #d70860;
}

#splash-page #container #splash {
    background-color: #d70860;
    border: 1px solid #f53b8c;
    height: 500px;
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 36px;
    text-align: center;
}

#splash-page #container #splash #scarlet-logo{
    margin-top: 200px;
}

#splash-page #container #splash a{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#header-logo{
    margin: 0px 0px 34px 56px;
    padding-top: 59px;
    float: left;
}

#navigation{
    float: left;
    margin-left: 56px;
    margin-top: 80px;
}

#biography {
    clear: both;
    font-family: Verdana;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #7d7d7d;
}

#biography p{
    margin-bottom: 5px;
}

#biography p a{
    color: #7d7d7d;
}
    
#biography-pic{
    float: left;
}

#navigation ul,
#portfolio-subnav ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

#navigation ul li{
    float: left;
    padding-right: 10px;
}

#navigation ul li a,
#portfolio-subnav ul li a{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #7d7d7d;
    text-transform: uppercase;
    text-decoration: none;
}

#navigation ul li a.current,
#portfolio-subnav ul li a.current{
    color: #9c2451;
}

#portfolio-subnav,
#biography-content{
    clear: both;
    float: left;
    width: 246px;
    margin-left: 67px;
    /*dbug
    border: 1px solid #FFFF00;
    */
}

#biography-content{
    width: 226px;
    margin-right: 20px;
}

#admin-page #container{
    height: 650px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 45px;
    border: 1px solid #FFFFFF;
    background-color: #d70860;
    overflow: auto;
}

#gallery{
    float: left;
    width: 452px;
    /*dbug
    border: 1px solid #ff0000;
    */
}

.gallery-thumb{
    float: left;
    padding-right: 7px;
    padding-bottom: 7px;
}

#copyright{
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 960px;
    text-align: right;
    font-family: Verdana;
    font-size: 1.1em;
    color: #FFFFFF;
}

#login-form{
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    width: 240px;
}

#login-form input{
    padding: 2px;
    margin: 2px;
}

#login-fieldset{
    width: 200px;
    border: 1px solid #FFFFFF;
    padding: 20px;
}

#welcome-statement{
    margin: 20px;
}

#welcome-statement a{
    color: #ffffff;
    text-decoration: none;
}

#admin-navigation{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 200px;
}

#admin-navigation ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

#admin-navigation ul li ul{
    margin-left: 20px;
}

#admin-navigation ul li a{
    color: #FFFFFF;
    text-decoration: none;
}

#admin-navigation ul li a:hover{
    text-decoration: underline;
}

#admin-navigation ul li a.current{
    font-weight: bold;
    text-decoration: underline;
}

#content-form{
    float: left;
    width: 500px;
}

.admin-gallery-thumb{
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.admin-gallery-thumb a img{
    filter:alpha(opacity=30);
    /* CSS3 standard */
    opacity: 0.3;
}

.admin-gallery-thumb a:hover img,
.admin-gallery-thumb a.current img{
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity: 1;

}

#gallery-form fieldset{
    width: 300px;
    border: 1px solid #FFFFFF;
    padding: 20px;
    margin-bottom: 10px;

}

.hide{
    display: none;
}
/*
a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}
*/
code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 1.2em;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}