/*
-----------------------------------------------
Portfolio 2005 Stylesheet
Author:   Patricia Carvalho
Version:  July 2005
----------------------------------------------- */


BODY { background-color: #ffffff; margin: 0 0 0 0; }
BODY, TABLE, TR, TD {font-family: Helvetica, Arial, san-serif}



/* Header
----------------------------------------------- */

#logo { margin-right: 4px; margin-top: 20px}
#header { position:fixed; top:0px; bottom: 0px; height:90px; z-index:1}
#header { color: #CBCFCF; margin-top: 0px; margin-left: 20px}
#header A { text-decoration: none}
.bkg-stripes { background-image: url(img/stripes.gif) }


/* Structure 
----------------------------------------------- */

#content { position: relative; margin-top: 90px; height: 440px;}

#home #content { background-color: #314141}
#contact #content { background-color: #E61F70; padding-left: 30px }
#contact #content .frame { border-left: 1px solid #e9367f; border-right: 1px solid #e9367f; padding: 30px }
#work #content { padding-left: 30px}
#work #content .sample {background-color: #314141; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 0; height: 440px; background-image: url(img/loading.gif); background-position: 0 0; background-repeat: no-repeat}
#work #content .sample IMG {vertical-align: top}
#contact #content UL {margin: 0; padding: 0}
#contact #content UL LI {list-style: none; }
#contact #content UL LI A {font-size: 12px}

.frame { border-left: 1px solid #CBCFCF; border-right: 1px solid #CBCFCF; }

.caption-bkg {height: 54px; background-image: url(img/bkg_caption.gif); background-repeat: no-repeat; background-position: 8px 0; padding: 0px; border-top: 1px solid #ffffff }
.caption {padding: 4px 10px; color: #819393; font-size: 10px; width: 410px;  }
.caption A {color: #819393;}
.caption H1 {font-size: 16px; color: #819393; padding-left: 0; font-weight: normal; line-height: 0px; padding-top: 10px  }
.caption H1 STRONG {color: #ffffff; font-weight: normal}
#intro { margin: 30px; color: #ffffff; font-size: 46px; font-weight: lighter; line-height: 140% }
#intro A {background-color: #E61F70; color: #ffffff; padding: 5px 3px; text-decoration: none}
#intro I {font-style: normal; color: #878E8F}
#intro A:HOVER {background-color: #98CB16}
#text {padding-left: 20px; font-size: 11px; line-height: 17px; width: 340px; color: #ffffff; font-size: 12px; line-height: 16px; width: 260px }

#left-text {padding-left: 20px; font-size: 11px; line-height: 17px; width: 340px; color: #ffffff; font-size: 12px; line-height: 16px; width: 260px }
#left-text STRONG {color: #ffffff; font-size: 17px; font-weight: normal; line-height: 24px}
#contact #left-text, #contact #left-text A {color: #f5b7d6;}
#left-text A {color: #ffffff; text-decoration: none; font-size: 16px}
#left-text BR {line-height: 10px;}

.separator {width: 300px; background-color: #a5b7c3; empty-cells: show }
.separator2 {width: 1px; background-color: #ffffff; background-image: url(img/dots.gif); background-repeat: repeat-y; background-position: 0 0; empty-cells: show }
.view {padding-top: 35px; float: right; vertical-align: bottom;}

EM { color: #ffffff; font-weight: normal; font-style: normal}

/* Navigation
----------------------------------------------- */

#small-menu {color: #B9BFBF; font-size: 11px; text-align: right; margin-top: 3px}
#small-menu A {color: #314141; padding: 3px 3px 1px 3px; background-color: #ffffff}

#main-menu {color: #B9BFBF; font-size: 14px; text-align: right; text-transform: uppercase;}
#main-menu A {color: #E61F70; padding: 3px 3px 1px 3px; background-color: #ffffff}

#main-menu A:HOVER , #small-menu A:HOVER { padding: 3px 3px 1px 3px; background-color: #E6EBEB}

#footer {color: #314141; font-size: 11px; text-align: left; margin: 10px}
#footer A {color: #E61F70}
#stats IMG {width: 9px; height: 9px; border: 0; margin-left: 10px}


/* Search
----------------------------------------------- */



/* Headings
----------------------------------------------- */

#left H1 {color: #ffffff; font-size: 46px; font-weight: lighter; line-height: 46px; border-left: 1px solid #ffffff; padding-left: 15px; padding-top: 40px; width: 340px;}
/* Lists
----------------------------------------------- */


/* Forms
----------------------------------------------- */

INPUT.field {background-color: #ffffff; border: 0; color: #314141; padding: 2px 4px; margin-right: 3px; font-family: Helvetica, Arial, san-serif; height: 20px; padding-top: 4px; width: 200px}

INPUT.ok-button {height: 20px; }

/* Links
----------------------------------------------- */



/* Misc
----------------------------------------------- */
.pink {color: #f07bab; font-size: 12px; line-height: 6px}
.small {font-size: 11px;}