/* CSS DOCUMENT */

/*

Colors
#cfdde3 - blue

*/

* {font-family: 'trebuchet ms', sans-serif;}

h1 { font-weight: normal; font-size: 22px; color: #333333; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-family: georgia;}
h2 { font-size: 14px; margin: 0 0 10px 0; padding: 0; font-family: georgia; font-weight: normal;}
h3 { font-size: 13px; margin: 0 0 10px 0; padding: 0; border-bottom: #cccccc 1px dashed;}

p { color: #555555; font-size: 12px; line-height: 18px; padding: 0; margin: 0 0 16px 0;}

ul {}
ol {}
li {}

a {color: #ec008c; text-decoration: none; border-bottom: #ec008c 1px dotted;}
a:hover {text-decoration: none; border-bottom: 0;}


.clear {clear: both;}

body {background: #d1e5e3 url(../images/gradientBackground.gif) center bottom repeat-x fixed; padding: 0; margin: 0;}


div#global {
    position: absolute;
    top: 0;
    left: 200px;
	width: 800px;
	margin: 0;
	padding: 0;
	z-index: 80;
	}


div#title {}
div#title h1 {
    border: 0;
    height: 64px; 
    width: 450px; 
    text-indent: -9999px;
    background: transparent url(/images/title.gif) no-repeat;
    margin: 10px 0px 0px 0px;
}
div#title a {display: block; height: 64px; text-decoration: none; border: 0; outline: 0;}
div#title a:hover {display: block; text-decoration: none; border: 0; outline: 0;}


div#links {
	padding: 0;
	margin: -25px 0 0 0;
	font-size: 10px;
	clear: both;
	text-align: right;
	}

div#links a { 
display: block;
float: right;
color: #333333; 
background: #ffffff; 
text-decoration: none; 
width: auto; 
text-indent: 0px; 
padding: 5px; 
margin: 0 0 0 10px; 
border: 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;


}
div#links a:hover { background: transparent; color: #ec008c; }


div#container {
    clear: both;
	width: 760px;
	padding: 20px 20px 300px 20px;
	margin: 0;
	border-top: #ffffff 1px solid;
	background: #ffffff;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
	}
	

/* CONTENT */
	
	
div#content {
float: left;
width: 500px;
min-height: 400px;
margin: 0 60px 0 0;
}	


body#about div#content {width: 760px;}
body#portfolio div#content {width: 760px;}
body#resume div#content {width: 760px;}

body#about div#content img {float: right; margin: 0 0 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* SIDEBAR */

div.sidebar {
    float: left;
    background: #cfdde3;
    width: 180px;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }


div.sidebar h2 { color: #333333;}
div.sidebar p {font-size: 10px; line-height: 14px; margin: 0; color: #333333;}
div.sidebar ul {margin: 0 0 0 5px; padding: 0; color: #666666;}
div.sidebar ul li {margin: 0 0 5px 10px; padding: 0; list-style-type: square; font-size: 10px; color: #666666;}
div.sidebar ul li:last-child {margin: 0 0 0 10px; }

body#about div.sidebar {display: none;}
body#resume div.sidebar {display: none;}
body#portfolio div.sidebar {display: none;}



/* OTHER PIECES */

div#overlayImage {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 250px;
    padding: 0; 
    margin: 0;
    background: transparent url(/images/flowerBottom.gif) top center no-repeat;
    z-index: 90;
}

div#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 25px;
    padding-left: 200px;
    z-index: 100;
}