#main {
    height: 2400px;
    width: 890px;
    background-color: #333333;
    color: #AAAAAA;
    margin-left: 50px;
    border-right: solid 10px #232323;
    border-left: solid 10px #232323;
    padding-top: 10px;
    background-image: url("../images/bg2.gif");
    background-repeat: no-repeat;
}

#gradient {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -3px;
	z-index: -1;
	opacity: 0.2;
	background-image: url("../images/big_bg.gif");
	width: 3840px;
	height: 2400px;
}

body {
    background-image: url("../images/bg3.gif");
    margin-top: 0px;
    margin-bottom: 0px;
}

html {
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
}

h1 {
    color: #645460;
    font-family: Distant Galaxy;
    font-size: 50px;
    /*display: inline;*/
    padding-left: 10px;
    padding-top: 1px;
    margin-bottom: -2px
}

p {
    font-family: Goudy Bookletter;
    width: 90%;
    margin-left: 14px;
}

ul {
    font-family: Goudy Bookletter;
    width: 90%;
    margin-left: 14px;
    color: #FFFFFF;
}

#load_area p {
    margin-top: -10px;
}

.date {
    font-size: 14px;
    color: #846F7F;
    text-shadow: 1px 1px 2px #232323;
    font-style: italic;
}

.title {
    font-size: 30px;
    color: #9B8295;
    text-shadow: 1px 1px 2px #232323;
    font-style: italic;
    margin-left: 14px;
    font-variant: small-caps;
}

hr.sep_wide {
    width: 78%;
    height: 0px;
    border: none;
    border-top: dotted 1px #4a4a4a;
    margin-left: 17px;
}

#load_area {
    /*border: solid 1px green;*/
    width: 68%;
    height: 600px;
    float: left;
    margin-left: 13px;
}

#area_r {
    /*border: solid 1px red;*/
    float: right;
    width: 20%;
    margin-right: 54px;
    font-size: 14px;
    text-align: right;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    background-color: #3a3a3a;
    padding: 8px;
    border: dotted 1px #4a4a4a;
    color: #645460;
}

#area_r a {
    color: #949494;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    display: block;
    margin-top: -10px;
    margin-bottom: -10px;
    padding: 2px;
}

#area_r a:hover {
    color: #CEB3CD;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    padding: 2px;
    display: block;
    margin: 0px;
    /*background-color: #5b5b5b;
    -moz-border-radius: 4px;*/
    margin-top: -10px;
    margin-bottom: -10px;
}

#area_r a:active {
    color: white;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    /*background-color: #7C7C7C;*/
}

#load_area a {
    color: #949494;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    font-size: 14px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    margin-left: 14px;
}

#load_area a:hover {
    color: #CEB3CD;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    font-size: 14px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    margin-left: 14px;
}

#load_area a:active {
    color: white;
    text-decoration: none;
    text-shadow: 0px 2px 0px #161616;
    font-size: 14px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    margin-left: 14px;
}

#load_area h2 {
    color: #585858;
    display: inline;
    font-size: 11px;
}

#load_area h3 {
    color: #A3A280;
    font-size: 12px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    padding-left: 18px;
}

a {
    outline: 0px;
}

@font-face {
    font-family: Goudy Bookletter;
    src: url("../fonts/goudy_bookletter_1911.otf") format("opentype");
}



/*______________________________________ P O R T F O L I O */

.port_info {
    text-align: left;
    padding-left: 10px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 10px;
    color: white;
}

.port_pic {
    
}

.port_pic_box {
    
}