/*
-------------------------------------------------------- 
FL. Online portfolio of Felicia Loykowski
Author: Felicia Loykowski - www.thisisfelicia.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
margin: 0 0 1.5em 0;
padding: 0 0 0 0;
background: #fff url(exports/bg_body.jpg) top repeat-x;
text-align: center;
font-family: "Century Gothic", Verdana, Arial, sans-serif;
min-width: 730px;
}

div#wrap {
margin: 0 auto;
padding: 0 0 0 0;
width: 760px;
background: url(exports/bg_wrap.jpg) left repeat-y;
text-align: left;
}

div#right {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 431px;
background: url(exports/bg_right.jpg) top no-repeat;
float: left;
}

div.fixer {
clear: both;
}

div.center {
text-align: center;
}

.nobottom {
margin-bottom: 0.25em;
}

/* RIGHT
-------------------------------------------------------------*/

div#left {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 319px;
/*background defined on each page*/
float: right;
}

img.logo {
margin: 5px 0 295px 0;
float: right;
width: 299px;
height: 100px;
}

/* WHAT'S NEW
-------------------------------------------------------------*/

div#whatsnew {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 240px;
float: right;
text-align: right;
}

span.date {
color: #211741;
}

div#whatsnew a {
padding: 3px 5px 3px 5px;
color: #f10980;
display: block;
}

div#whatsnew a:hover {
background: #e8ebef;
text-decoration: none;
}

div#whatsnew h1 {
color: #211741;
}

div#whatsnew ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #211741;
font-size: 0.7em;
border-top: 1px dotted #878889;
list-style: none;
}

div#whatsnew ul li {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 1px dotted #878889;
}

/* NAV
-------------------------------------------------------------*/

ul#nav {
margin: 99px 0 0 0;
padding: 0 0 0 0;
height: 40px;
position: relative;
}

ul#nav li {
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 40px;
display: block;
position: absolute;
top: 0;
}

ul#nav li a {
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 40px;
display: block;
}

ul#nav li#home { width: 58px; left: 0px; }
ul#nav li#info { width: 60px; left: 78px; }
ul#nav li#folio { width: 87px; left: 158px; }
ul#nav li#contact { width: 77px; left: 265px; }
/*ul#nav li#links { width: 35px; left: 351px; }*/

ul#nav li#home a { width: 58px; background: url(exports/nav_home.gif) no-repeat; background-position: 0 0; }
ul#nav li#info a { width: 60px; background: url(exports/nav_info.gif) no-repeat; background-position: 0 0; }
ul#nav li#folio a { width: 87px; background: url(exports/nav_folio.gif) no-repeat; background-position: 0 0; }
ul#nav li#contact a { width: 77px; background: url(exports/nav_contact.gif) no-repeat; background-position: 0 0; }
/*ul#nav li#links a { width: 35px; background: url(exports/nav_links.gif) no-repeat; background-position: 0 0px; }*/

ul#nav li#home a:hover { background-position: 0 -40px; }
ul#nav li#info a:hover { background-position: 0 -40px; }
ul#nav li#folio a:hover { background-position: 0 -40px; }
ul#nav li#contact a:hover { background-position: 0 -40px; }
/*ul#nav li#links a:hover { background-position: 0 -40px; }*/

/* CONTENT
-------------------------------------------------------------*/

div#content {
margin: 0 auto;
padding: 160px 0 0 0;
_padding-left: 2em;
width: 387px;
text-align: justify;
min-height: 390px;
}

img {
margin: 0 0 1em 0;
padding: 0 0 0 0;
border: none;
}

img.thumbnail {
margin: 0 4px 4px 0;
border: 1px solid black;
}

a {
color: #0a63d3;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin: 0 0 1em 0;
padding: 0 0 0 0;
color: #211741;
font-size: 0.75em;
}

h1 {
margin: 0 0 0.5em 0;
padding: 0 0 0 0;
color: #fff;
font-size: 1.35em;
}

h2 {
margin: 0 0 0.75em 0;
padding: 0 0 0 0;
color: #211741;
font-size: 1em;
border-bottom: 1px solid #fff;
}

h3 {
margin: 0 0 1em 0;
padding: 0 0 0 0;
color: #211741;
font-size: 0.65em;
text-align: right;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul {
margin: 0 0 1em 2.5em;
padding: 0 0 0 0;
color: #211741;
font-size: 0.75em;
}

ul li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul.links a {
color: #211741;
}

ul.links a:hover {
text-decoration: underline;
}

/* FOOTER
-------------------------------------------------------------*/

div#footer {
/*margin: 0 0 0 309px;*/
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 431px;
background: #fff url(exports/bg_footer.jpg) top no-repeat;
text-align: center;
}

div#footer p {
margin: 0 0 0 0;
padding: 20px 0 0 0;
font-size: 0.7em;
}

/* FORM
-------------------------------------------------------------*/

form {
padding: 0.5em;
margin: 0 0 0 0;
width: 370px;
text-align: left;
font-size: 0.75em;
}

label {
display: block;
margin: 0.25em 0 0.25em 0.5em;
clear: left;
}

label,input {
float: left;
}

input {
margin-left: 1em;
}

.error {
background-color: #72aae8;
}