/* 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:0px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*End of Yahoo Reset*/

/*GLOBAL*/
body {
background: #432f36;
color: #e4ddcb;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px auto;
width: 920px;
line-height: 1.5em;
padding-bottom: 20px;
position: relative;
}

a {
color: #c2dbe2;
}

a:hover {
color: #c2dbe2;
}

a:visited {
color: #99b3bb;
}

p {
padding: 5px 0px;
}



/*HEADER*/
#header {
position: relative;
height: 130px;
background: #c2dbe2;
}

#header h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 3.2em;
color: #236478;
text-indent:-999em;
}

#header h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #236478;
}

.logo {
position: absolute;
bottom: 20px;
left: 35px;
}

/*Navigation*/
#nav {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
bottom: 0px;
right: 50px;
display: inline;
list-style: none;
}

#nav ul {
background: #c2dbe2;
}

#nav ul li {
float:left;
background: #c2dbe2;
font-size: 1.3em;
text-transform: uppercase;
}

#nav ul li a {
float:left;
padding: 15px;
background: #c2dbe2;
color: #5d686b;
font-weight: bold;
text-decoration:none;
}

#nav ul li a:hover {
float:left;
padding: 15px;
background: #432f36;
color: #f4e2b2;
font-weight: bold;
text-decoration:none;
}

#nav ul li a:active {
float:left;
padding: 15px;
background: #432f36;
color: #f4e2b2;
font-weight: bold;
text-decoration:none;
}



/*CONTENT*/
#content {
float: left;
width: 580px;
padding:20px 10px;
}

#content h1 {
font-size: 1.5em;
color: #f4e2b2;
text-transform: uppercase; 
letter-spacing: .2em;
background: #6a5a5d;
border-left:10px solid #c2dbe2;
padding: 10px 15px;
margin-bottom:10px;
margin-left:-10px;
}

#content h2 {
font-size: 1.4em;
color: #f4e2b2;
border-bottom: 1px dashed #666;
margin-top: 25px;
padding-bottom: 3px;
clear: both;
}

#content h3 {
font-size:1.1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 15px;
letter-spacing: 0.1em;
}

#content ul ol {
margin-top: 7px;
}

#content ul li, ol li {
margin-left:5px;
font-weight: normal;
padding-left: 10px;
}

#content ul li {
background: url(/imgs/bullet.gif) no-repeat 0 50%;
}

#content ol li {
list-style: decimal;
list-style-position:inside;
}


#content img {
border: 3px solid #666;
float:left; 
margin: 10px 0px;
}



/*Sublinks*/
div#sublinks {
display: inline;
}

div#sublinks ul {
display: inline;
list-style: none;
}

div#sublinks ul li {
float:left;
margin: 5px;
background: none;
}

div#sublinks ul li a {
float:left;
padding: 5px;
background: #7f6e71;
color: #cddde1;
font-weight:bold;
text-decoration: underline;
border-left: 4px solid #6a5a5d;
border-right: 4px solid #7f6e71;
}

div#sublinks ul li a:hover {
float:left;
padding: 5px;
text-decoration:none;
}

div#sublinks ul li a:visited {
float:left;
padding: 5px;
text-decoration:none;
}

div#sublinks ul li a:active {
float:left;
padding: 5px;
text-decoration:none;
}

div#sublinks ul li a.on {
float:left;
padding: 5px;
text-decoration:none;
background: #6a5a5d;
color: #f4e2b2;
cursor: text;
border-left: 4px solid #c2dbe2;
border-right: 4px solid #6a5a5d;
}

div#sublinks + * {
clear: both;
padding-top:20px;
}


/*SIDEBAR*/
#sidebar {
float: right;
width:270px;
border-left: #666;
margin-bottom:20px;
margin-left:40px;
padding-right: 10px;
line-height: 1.2em;
}

#sidebar h2 {
clear:both;
font-size: 1.3em;
color:#FF9999;
padding: 3px 0px;
margin-top: 20px;
margin-bottom:10px;
border-bottom: 1px solid #666;
}

#sidebar h3 {
font-weight: bold;
margin-top: 10px;
}

#sidebar h4 {
font-size: .8em;
font-weight: bold;
margin-top: 10px;
}

#sidebar p {
font-size: .8em;
}

#sidebar img {
border: 3px solid #666;
float:left; 
margin: 0px 12px 12px 0px;
}

#sidebar ul {
margin-left: 10px;
}

#sidebar ul li {
font-weight: normal;
padding-left: 10px;
background: url(/imgs/bullet.gif) no-repeat 0 50%;
}


/*FOOTER*/
#footer {
clear: both;
padding: 5px 20px;
background:#c2dbe2;
color: #432f36;
}


/*OTHER*/
.subtitle{
text-transform: none;
letter-spacing: inherit;
font-size:.8em;
}

.note {
font-size: .8em;
color: #ccc;
font-style: italic;
}

.pop{
font-weight:bold;
}

.skills {
float: left;
width:25%;
margin-bottom: 30px;
}

.view {
font-size:1.2em;
padding-left: 23px;
background: url(/imgs/arrow.gif) no-repeat 0 50%;
}


/*Forms*/
label {
display: block;
}

input {
width: 400px;
background: #f1f9fc; 
border: 2px solid #c2dbe2;
}

textarea {
width: 400px;
height: 200px;
background: #f1f9fc; 
border: 2px solid #c2dbe2;
}

#send {
width:100px;
background: #F4e2b2; 
border: 2px solid #ccc;
}