/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 27, 2011 */


/* Original fonts obtained from http://www.cthulhulives.org/toybox/propdocs/propfonts.html */

@font-face {
    font-family: 'dew_font';
    src: url('/fonts/dew_font-webfont.eot?') format('embedded-opentype'), url('/fonts/dew_font-webfont.woff') format('woff'), url('/fonts/dew_font-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'dew_head';
    src: url('/fonts/dew_head-webfont.eot?') format('embedded-opentype'), url('/fonts/dew_head-webfont.woff') format('woff'), url('/fonts/dew_head-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'dew_link';
    src: url('/fonts/dew_link-webfont.eot?') format('embedded-opentype'), url('/fonts/dew_link-webfont.woff') format('woff'), url('/fonts/dew_link-webfont.ttf') format('truetype');
}

body {
    background: rgb(89, 89, 89) url('/images/floral-pattern-1920x1080-wallpapers-black.com_.jpg') no-repeat;
    /* image obtained from http://wallpapers-black.com/2011/10/floral-pattern/ */
    background-attachment: fixed;
    background-size: 100% 100%;
    text-align: center;
    color: rgb(255, 240, 240);
}

a,
a:active,
a:hover,
a:visited {
    color: rgb(255, 74, 74);
    text-decoration: none;
    font-family: dew_link;
}

#container {
    text-align: left;
	max-width: 1910px;
    margin: auto;
}

#header {
    height: 85px;
    background-color: rgb(90, 1, 3);
    padding: 20px 50px;
    border-width: 0px;
    margin-top: 5px;
    display: flex;
}

#HeaderImg {
    margin-top: -14px;
}

#header h1 {
    font-size: 390%;
    font-family: dew_head;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    font-weight: normal;
}

#header h1:first-letter {
    font-size: 130%;
    color: rgb(201, 201, 201);
}

#linksbar {
    height: 43px;
    padding: 1px 0;
    background-color: rgb(90, 1, 3);
}

#linksbar ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    line-height: 250%;
    display: flex;
}

#linksbar li {
    color: rgb(233, 233, 233);
    width: 175px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    font-family: dew_link;
    font-weight: bold;
    list-style: none;
    margin: 0 2px;
}

#linksbar a {
    text-decoration: none;
    display: block;
    line-height: 250%;
    color: rgb(242, 242, 242);
}

#linksbar a:hover {
    background-color: rgb(116, 1, 4);
    color: white;
    border: 1px inset rgb(184, 216, 218);
    margin-bottom: -2px;
}

.currentpage {
    text-decoration: none;
    display: block;
    line-height: 250%;
    background-color: rgb(89, 89, 89);
    color: rgb(201, 201, 201);
    border: none;
}

#picture {
    margin-left: -15px;
    display: block;
	max-width: 100%;
}

#content {
    min-height: 420px;
    padding: 25px;
    background-color: rgb(255, 253, 234);
    color: black;
    font-family: dew_font;
    display: flex;
}

#content ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

#content li {
    background: url('/images/mybullet.gif') left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    clear: both;
}

#profileImg {
    border: none;
    display: block;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
	max-width:100%;
}

.sidenote {
    font-size: 75%;
}

.sizehalf {
    font-size: 150%;
}

.pagelink {
    float: left;
    clear: both;
    margin: -15px 0 10px 10px;
    font-size: 75%;
    text-decoration: underline;
}

.bot_nav {
    float: left;
    clear: both;
    padding-top: 10px;
}

#left_content {
    width: 60%;
    min-height: 400px;
    background-color: inherit;
    margin-left: 15px;
    margin-right: 10px;
}

#left_content h1 {
    background-color: rgb(90, 1, 3);
    color: rgb(201, 201, 201);
    font-family: dew_head;
    display: block;
    margin-left: -15px;
    padding-left: 50px;
    max-width: 360px;
    font-weight: normal;
    margin-top: 5px;
}

#right_content {
    width: 35%;
    min-height: 400px;
    border-left: black 1px ridge;
    padding-left: 20px;
    padding-top: 40px;
}

#right_content a {
    color: rgb(255, 74, 74);
}

#right_content h2,
h1,
h3 {
    font-family: dew_head;
    font-weight: normal;
}

.subSection_Marker {
    color: black;
    font-family: dew_link;
}

.facebook {
    background: url("/images/facebook.jpg") left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 200%;
    vertical-align: middle;
    float: left;
    clear: both;
}

.twitter {
    background: url("/images/twitter.jpg") left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 200%;
    vertical-align: middle;
    float: left;
    clear: both;
}

.linkedin {
    background: url("/images/linkedin.jpg") left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 200%;
    float: left;
    clear: both;
}

.steam {
    background: url("/images/steam.gif") left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 200%;
    vertical-align: middle;
    float: left;
    clear: both;
}

.github {
    background: url("/images/github.jpg") left center no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 200%;
    vertical-align: middle;
    float: left;
    clear: both;
}

#footer {
    background: rgb(89, 89, 89);
    height: 30px;
    margin-top: 5px;
}

.halfsize {
    float: right;
    text-align: left;
    font-size: 75%;
    color: rgb(201, 201, 201);
    padding-top: 10px;
    min-width: 220px;
    font-family: dew_font;
    text-transform: capitalize;
}


/* CV Page Styling */

.emp_head {
    font-weight: bold;
    float: left;
}

.emp_loc {
    font-style: italic;
    float: left;
    clear: left;
}

.emp_bod {
    float: left;
    clear: left;
    margin-bottom: 25px;
}

a.emp_accordion {
    margin-top: 15px;
    float: left;
    color: black;
    font-family: dew_font;
    padding-left: 40px;
    background-image: url(/images/rightArrow.png);
    background-repeat: no-repeat;
    margin-left: -15px;
}

a.emp_accordion.show {
    background-image: url(/images/downArrow.png);
}