@charset "utf-8";
/* Steven Cavins Portfolio */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;
font-family: "Palatino Linotype", Palatino, Georgia, "New York Times", serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Fundamentals */

html, body { height: 100%; }
body { background: url(../_img/backtile.jpg) repeat; }
.wrapper { min-height: 100%; height: auto !important; margin: 0 auto -105px auto;}
.footer, .push { height: 105px;}
.hide { display: none; }
.content_wrapper { width: 1000px; height: auto; margin: -380px auto 0 auto; }
.top { float: right; padding-top: 10px; }
.top a { font-size: 14px; font-weight: bold; color: #476782; text-decoration: none; }
.top a:hover { color: #577c9c; }
.footer { background: url(../_img/footer.png) repeat-x; clear: both; position: relative; z-index: 10; margin-top: -105px;}
.footer_content { width: 1000px; margin: 0 auto 0 auto; }
.footer_content img { margin-top: 36px; float: right; border: 1px solid #FFF; }

/* Header */

.header { background: url(../_img/header.png) top repeat-x; height: 575px; width: 100%; margin: 0; }
.logo_holder { width: 1000px; height: 175px; margin: 0 auto 0 auto; padding-top: 0px; }
.logo { width: 784px; height: 195px; float: right; background: url(../_img/logo.png) right top no-repeat; }

/* Content Box */

.content_box { width: 1000px; height: auto; border-top: 1px solid #e1e5d4; border-bottom: 2px solid #8f8d80; background: #FFF url(../_img/content_box_back.png) bottom right no-repeat; margin-bottom: 60px; }

.content_box_head_1 { width: 1000px; height: 62px; margin: -32px 0 0 0; background: url(../_img/section_tab_1.png) left top no-repeat; }
.content_box_head_2 { width: 1000px; height: 62px; margin: -32px 0 0 0; background: url(../_img/section_tab_2.png) left top no-repeat; }
.content_box_head_3 { width: 1000px; height: 62px; margin: -32px 0 0 0; background: url(../_img/section_tab_3.png) left top no-repeat; }
.content_box_head_4 { width: 1000px; height: 62px; margin: -32px 0 0 0; background: url(../_img/section_tab_4.png) left top no-repeat; }
.content_box_head_5 { width: 1000px; height: 62px; margin: -32px 0 0 0; background: url(../_img/section_tab_5.png) left top no-repeat; }

.content_box_wrap_1 { width: 900px; height: 360px; margin: 30px auto 30px auto; }
.content_box_wrap_2 { width: 900px; height: 4200px; margin: 30px auto 30px auto; }
.content_box_wrap_3 { width: 900px; height: 380px; margin: 30px auto 30px auto; }
.content_box_wrap_4 { width: 900px; height: 320px; margin: 30px auto 30px auto; }
.content_box_wrap_5 { width: 900px; height: 400px; margin: 30px auto 30px auto; }

/* Overview */

.profile { float: left; width: 152px; }
.profile img { border-top: 2px solid #555; border-bottom: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444;  }
.intro { float: left; width: 500px; margin-left: 150px; }
.intro p { font-size: 18px; padding-bottom: 15px; line-height: 25px; color: #50514b; }
.intro p .lead { text-transform: uppercase; }
.intro a { background: url(../_img/blue_highlight.jpg) repeat #d0eaf3; text-decoration: none; color: #50514b; font-weight: bold; padding: 0 2px 0 2px; }
.intro a:hover { color: #333; }
.over_right { float: left; margin-left: 150px;  }
.link li { float: left; width: 145px; height: 38px; padding: 5px; }
.link li:hover { background: #e6ebcf; }
.link_web li { float: left; width: 145px; height: 38px; padding: 5px; }

/* Words */

.post { float: left; width: 250px; padding: 0 22px 0 22px; }
.post_title { height: 45px; overflow: hidden; text-align: center; line-height: 23px;}
.post h4 a { color: #476782; font-size: 20px; text-decoration: none; }
.post h4 a:hover { text-decoration: underline; }
.post_pic img { border: 3px solid #dfdbc7; margin: 10px 0 10px 0; }
.post_pic img:hover { border: 3px solid #ccc7ac; }
.post p { font-size: 14px; line-height: 18px; color: #50514b; }

/* Web */

.content_box_wrap_2 .lead { float: left; width: 530px; padding-top: 30px; }
.content_box_wrap_2 h4 { font-size: 30px; padding: 0 0 20px 0; color: #50514b; clear: both; }
.content_box_wrap_2 .lead p { font-size: 18px; line-height: 23px; padding-bottom: 15px; color: #50514b; }
.web_skills { clear: left; width: 530px; height: 170px; background: #f7f5eb; border-top: 2px solid #dfdbc7; border-bottom: 2px solid #dfdbc7; }
.web_skills h4 { font-size: 24px; padding: 5px 0 10px 0; color: #70908d; }
.web_skills ul li { font-size: 16px; padding: 0 0 20px 25px; color: #50514b; height: 10px; }
.pie { float: right; width: 324px; padding-top: 30px;  }
.selected_work { float: left; clear: left; width: 880px; margin-bottom: 35px; padding: 10px; background: #f6f4e8; border-top: 2px solid #dfdbc7; border-bottom: 1px solid #dfdbc7; }
.selected_work .left { float: left; width: 312px; height: 240px; margin-right: 30px; position: relative;  }
.selected_work .left img:hover { background: #e2e1d1; }
.selected_work .left span { background: url(../_img/web_back.png) bottom repeat-x; width: 312px; height: 186px; display: block; position: absolute; }
.selected_work .right {float: right; width: 530px; }
.selected_work .right h5 { font-size: 28px; color: #476782; padding-bottom: 10px; }
.selected_work .right h6 { font-size: 18px; color: #476782; }
.selected_work .right p { font-size: 16px; line-height: 20px; padding-bottom: 15px; color: #50514b; }
.skills { padding-top: 5px; }
.selected_work .skills li { float: left; padding-right: 5px; }
.selected_work .link_work { margin: 5px 0 15px 0; }
.selected_work .link_work em { font-style: italic; }
.selected_work .link_work a { font-size: 14px; font-weight: bold; color: #6f8123; text-decoration: underline; }
.selected_work .link_work a:hover { color: #879a38; }
.link_preview { float: left; padding-left: 130px; font-style: italic; letter-spacing: 2px; }
.link_preview a { font-size: 12px; color: #50514b; text-decoration: none;}
.link_preview a:hover { color: #50514b; text-decoration: underline; }
.books { float: left; background: url(../_img/books.jpg) no-repeat left top; width: 300px; height: 255px; padding: 0px 0 0 230px;}
.book_large p { font-size: 22px; padding: 10px 0 20px 0; line-height: 25px; color: #50514b;  }
.book_large strong { font-weight: bold; }
.book_small p { font-size: 17px; line-height: 20px; color: #50514b; }
.book_small em { font-style: italic; }
.fav_links { float: right; width: 330px; height: 240px; padding: 70px 0 0 10px;}
.fav_links p { font-size: 22px; text-align: center; padding-bottom: 20px; line-height: 25px; color: #50514b;  }
.fav_links strong { font-weight: bold; }
.fav_links img { padding: 10px 0 0 45px;}