﻿/*
author: amber kelly
author uri: http://www.amberdawnkelly.com
theme name: adk
theme uri: http://www.amberdawnkelly.com
version: 3.0
*/

a, abbr, blockquote, body, center, cite, div, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, p, q, span, textarea, ul{border:0 none; margin:0; outline-style:none; outline-width:0; padding:0; text-decoration:none; vertical-align:baseline}

body{background-color:#f0e4c8; color:#0f6f4c; font-family:Arial,sans-serif; font-size:.7em; font-weight:400; letter-spacing:.1px; line-height:1.75; text-align:justify}

a{color:#92153d}

a:hover{color:#a46d17}

h1{font-family:"Century Gothic",sans-serif; font-size:3em; font-weight:300; line-height:1.2; padding-top:49px; padding-left:30px}

h2, h3{color:#a46d17; font-family:"Century Gothic",sans-serif; font-weight:400; line-height:1.5; margin-bottom:15px; margin-top:15px; text-align:center}

h2{font-size:2.25em}

h3{font-size:1.7em}

#outter-wrapper{background-color:#fff; height:auto; width:960px; margin-left:auto; margin-right:auto}

#header{background-color:#ea7295; background-repeat:repeat-x; border-bottom:1.5px #93193e solid; border-left:1px #93193e solid; border-right:1px #93193e solid; height:97px; padding-left:30px; padding-right:30px}

a:link.logosprite{background-image:url('../images/logo.png'); background-position:0 0; background-repeat:no-repeat; height:97px; display:block; width:134px}

a:visited.logosprite, a:active.logosprite{background-image:url('../images/logo.png'); background-position:0 0; background-repeat:no-repeat; height:97px; display:block; width:134px}

a:hover.logosprite{background-image:url('../images/logo.png'); background-position:-134px 0; background-repeat:no-repeat; display:block; height:97px; padding-top:0; width:134px}

#header ul.navigation{float:right; padding-top:28px}

#header ul.navigation li{border-left:1px solid #93193e; display:inline; float:left; font-size:1.1em; height:100%; margin:0 10px; padding-top:14px}

#header ul.navigation li:first-child{border-left:0}

#header ul.navigation li a{color:#fff; display:block; font-size:1.2em; font-weight:bold; margin-left:20px}

#header ul.navigation li:hover a span, #header ul.navigation li.current a span{color:#92153d}

#header ul.navigation li a span{color:#fee5be; display:block; font-size:.8em; font-weight:normal}

#inner-wrapper{border-left:1px #ccc solid; border-right:1px #ccc solid}

#splash{background-image:url('../images/pink_gradient.jpg'); background-repeat:repeat-x; height:160px}

.col-a{float:left; height:100%; width:349px}

.col-b{float:right; height:100%; width:549px}

.heading{background-image:url('../images/fauna.png'); background-repeat:no-repeat; height:100%}

.invite{color:#2aac7e; font-family:"Century Gothic",sans-serif; font-size:1.7em; padding-left:30px}

#content{color:#2aac7e; background-image:url('../images/green_gradient.jpg'); background-position:bottom; background-repeat:repeat-x; height:380px; padding-left:30px; padding-right:30px}

.col-1, .col-2, .col-3{height:100%; width:280px}

.col-1, .col-2{float:left; height:100%}

.col-2{margin-left:29px; margin-right:29px}

.col-3{float:right}

.col-text{font-size:1.2em; font-weight:500; padding-left:15px; padding-right:15px}

.more{color:#93193e; font-size:1.25em; font-weight:500; margin-top:20px; padding-right:30px; text-align:right}

#footer{background-image:url('../images/footer_gradient.jpg'); background-position:bottom; background-repeat:repeat-x; border-left:1px #0f6f4c solid; border-right:1px #0f6f4c solid; color:#fff; height:49px; padding-left:30px; padding-right:30px}

#footer a{color:#fff}

#footer a:hover{color:#fdb648}

#footer .left{float:left; margin:0; padding-top:15px}

#footer .right{float:right; margin:0; padding-top:15px}

#home #splash{height:300px; padding-left:30px; padding-right:30px}

#home .col-a{background-image:url('../images/vaio.png'); background-position:0px 30px; background-repeat:no-repeat}

#home .col-b{background-image:url('../images/flora.png'); background-position:30px 28px; background-repeat:no-repeat}

#home h1{padding-left:0; margin-top:53px}

#home .invite{padding-left:0}

#home #content{height:352px; padding-top:30px}

#home .col-1, #home .col-2, #home .col-3{background-image:url('../images/column.jpg'); background-repeat:no-repeat}

#home .col-3 ul{margin:20px auto 0 auto; width:107px}

#home .col-3 ul li{display:inline; list-style:none; margin-left:5px}

#home .col-3 ul li:first-child{display:inline; margin-left:0}

#webfolio #content{height:590px}

#webfolio #content ul{height:100%; list-style:none; margin-left:69px}

#webfolio #content ul li{float:left; list-style:none; padding:11px}

#webfolio #content ul li img{border:1px solid #a9a9a9; display:block}

#webfolio #content ul li a:hover >img{border:1px solid #e14073}

#about .col-1, #about .col-2{height:99.5%}

#about .col-1{background-image:url('../images/widecolumn.jpg'); background-repeat:no-repeat; float:left; width:589px; margin-right:29px}

#about .col-2{float:right; margin:0}

#about .col-1 .col-text{padding-left:30px; padding-right:30px}

#about .col-2 ul{font-size:1em; list-style-image:url('../images/bullet.jpg'); list-style-position:inside}

#about .col-2 ul strong{color:#0f6f4c; margin-right:.4em}

#about h3{border-top:1px #eee solid; margin-bottom:10px; margin-top:10px; padding-top:10px}

#about .col-2 >img{display:block; margin-left:auto; margin-right:auto; margin-bottom:15px}

#skills .col-1, #skills .col-2, #skills .col-3{background-image:url('../images/column.jpg'); background-repeat:no-repeat}

#skills #content{height:400px}

#skills #content ul{font-size:1.2em; letter-spacing:.1em; list-style-image:url('../images/bullet.jpg'); list-style-position:inside}

#skills #content ul li{line-height:2; margin-left:30px}

#contact #content{height:410px}

#contact .col-1, #contact .col-2{height:99.5%}

#contact .col-1{background-image:url('../images/widecolumn.jpg'); background-repeat:no-repeat; float:left; width:589px; margin-right:29px}

#contact .col-2{border-top:1px #eee solid; float:right; margin:0; padding:0}

#contact .col-1 .col-text{padding-left:30px; padding-right:30px}

#contact .col-2 .col-text{padding:0; text-align:center}

#contact .col-2 ul{margin:20px auto 0 auto; width:107px}

#contact .col-2 ul li{display:inline; list-style:none; margin-left:5px}

#contact .col-2 ul li:first-child{display:inline; margin-left:0}

#contact h3{margin:0; padding-bottom:10px; padding-top:10px}

fieldset{color:#a46d17; font-size:1em; margin:30px auto 0 auto; width:400px}

input, textarea{background-color:#fff; background-image:url('../images/light_gradient.jpg'); background-repeat:repeat-x; border:1px solid #a9a9a9; color:#0f6f4c; font-family:Arial,sans-serif; margin-bottom:10px; width:400px; padding:5px}

input{height:16px}

textarea{height:40px}

textarea:focus, input:focus{background-color:#eff9f5; background-image:url('../images/focus_gradient.jpg'); background-repeat:repeat-x}

input.submit{background-color:#fff; border:1px solid #a9a9a9; color:#a46d17; font-weight:bold; height:auto; width:75px; padding:5px}

label{float:left; font-size:1.2em; font-weight:bold; text-align:left; padding-top:5px; padding-right:5px; width:400px}