root { 
display: block;
}


body#portfolio {
    padding:0;
    margin:0;
    font-family:verdana;
    font-size:11px;
    background-color:#ffffff;
    height:100%;
}


a:link {
    color:#006699;
    text-decoration: none;
}


a:visited {
    color:#87AFC7;
    text-decoration: none;
}

a:hover {
    color:#F6358A;
    text-decoration: none;
}



.header {
    position:absolute;
    top:27px;
    left:58px;
}


.header h1 {
    font-size:21px;
    font-weight:normal;
    color:#aaaaaa;
}


/* --------------------------------------------------
------below change the main menus settings ----------
-----------------------------------------------------

top:90px;

----------------------------------------------------- */

.menu {
    position:absolute;
    top:90px;
    left:59px;
    width:70px;
}


.submenu {
    position:absolute;
    top:90px;
    left:154px;
}


.item, .selected_item {
    width:100%;
    height:18px;
}


.item a {
    display:block;
}


.selected_item {
	color:#ffffff;
			height:15px;
			background-color:#00CCCC;}
/* ff3399 */
.spacer {
    height:20px;
}


.main {
    position:absolute;
    top:90px;
    left:249px;
    width:600px;
}


.date {
    font-size:10px;
    color:#aaaaaa;
}


.post {
    width:100%;
}

.post h2 {
    font-size:16px;
    color:#4d4d4d;
    font-weight:normal;
    padding:0px;
    margin:3px 0px 2px 0px;
}


.post div.body {
    font-size:12px;
    color:#4d4d4d;
    width:100%;
}


.post div.body p {
    margin:7px 0px 2px 0px;
    padding:0px;
}


.post div.comment_link {
    padding:11px 0px 40px 0px;
}


.post h3 {
    font-weight:normal;
    color:#aaaaaa;
    padding:0px 0px 2px 0px;
    margin:11px 0px 0px 0px;
}


.post p.credentials {
    color:#aaaaaa;
    padding:0px;
    margin:14px 0px 0px 0px;
}


.post div.comment {
    margin:0px;
    padding:0px 0px 0px -1px;
}


.post div.comment_admin {
    margin:0px;
    padding:0px 0px 0px 15px;
    border-left: solid 1px #ff8a00;
}


.post p.comment {
    font-size:12px;
    color:#4d4d4d;
    padding:0px 0px 1px 0px;
    margin:0px 0px 0px 0px;
}


.post form p {
    padding:0px;
    margin:9px 0px 0px -1px;
}


.archive {
    position:absolute;
    top:90px;
    left:879px;
}


.archive h3 {
    font-size:11px;
    font-weight:normal;
    color:#aaaaaa;
    padding:0px;
    margin:0px 0px 6px 0px;
}


.work {
    margin:0px 0px 20px 0px;
}


.annotation {
    margin:0px 0px 14px 0px;
}


.annotation p {
    color:#4d4d4d;
    margin:0px 0px 1px 0px;
    padding:0px;
}


.annotation p em {
    color:#aaaaaa;
    font-style:normal;
}


.disabled {
    color:#aaaaaa;
}


#comment_name, #comment_body, #recaptcha_response_field {
    background-color:#ffffff;
    border:1px solid #606060;
    font-size:12px;
    color:#4d4d4d;
}


#comment_submit {
    background-color:#ffffff;
    border:1px solid #ff8a00;
    color:#4d4d4d;
}


#comment_name {
    width:150px;
}


#comment_body {
    width:300px;
}


#comment_submit {
    width:75px;
}


#recaptcha_widget {
    margin:0px 0px 0px -1px;
}


#recaptcha_widget img {
border:0;
}


#recaptcha_image {
    border:1px solid #cccccc;
    float:left;
}


#recaptcha_buttons {
    padding:5px 0px 5px 320px;
}


#recaptcha_response_field {
    width:300px
}


div.formError, div.recaptcha_only_if_incorrect_sol {
    color:red;
}


.footer {
    margin:50px 0px 30px -2px;
}


.footer a:link, .footer a:hover, .footer a:active, .footer a:visited {
    color:#cccccc;
    text-decoration:none;
}


.footer img {
    margin:2px 10px -2px 0px;
    border:0;
}