html {
	height: 100%;
	background: #313131 url('grad.png') repeat-x top left;
}
body { 
	min-height: 100.1%;
	overflow-y: scroll;
	text-align: center;
}
a, a:hover, a:active, a:visited {
	outline: none;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.hidden {
    display: none;
}
.visible {
    display: block !important;
}
.editable {}
    .editable h3, #wrapper #body .col-half h3 {
        font-size: 16px;
        font-family: "Century Gothic", arial;
        color: #D6D8DE;
        margin-bottom: 20px;
    }
        .editable h3 {
            margin-top: 15px;
        }
    .editable h4 {
        font-size: 14px;
        font-family: "Century Gothic", arial;
        color: #D6D8DE;
        margin-bottom: 13px;
        margin-top: 13px;
    }
    .editable ul {
        color: #FFFFFF;
        list-style-type: disc;
        margin-left: 1.5em;
        margin-bottom: 1em;
    }
    .editable ul.dotted {
        list-style-type: none;
    }
        .editable ul li {
            margin: .3em 0;
            color: #EEEEEE;
        }
            .editable ul.dotted li:before {
                color: #111;
                content: '::';
                margin-right: .5em;
            }
    .editable img {
        float: left;
        margin: .5em 1em .5em 0;
    }
    .editable img[align=right] {
        float: right;
        margin: .5em 0 .5em 1em;
    }
    .editable blockquote {
        margin: 1.5em;
    }
        .editable blockquote p {
            padding: .1em 0;
            margin: 0 !important;
            border-right: 2px solid #999;
            width: 450px;
        }
            .editable blockquote p:before {
                content: '❝';
                color: #313131;
            }
            .editable blockquote p:after {
                content: '❞';
                color: #313131;
            }
        .editable blockquote span {
            display: block;
            position: relative;
            border-left: 2px solid #999;
            padding-left: .5em;
            left: 450px;
            color: #999;
            font-style: italic;
        }
    .editable a, #wrapper #body p a {
        background-color: #969696;
        color: #EBEDF3;
        text-decoration: none;
        cursor: pointer;
    }
        .editable a:hover, #wrapper #body p a:hover {
            text-decoration: underline;
            background-color: #111111;
        }
    .editable a.lined {
        background: transparent;
        color: #EEEEEE;
        text-decoration: underline;
    }
        .editable a.lined:hover {
            text-decoration: none;
        }
    .editable table {
        border: none;
    }
        .editable table tr {}
            .editable table tr td {
                width: 120px;
                padding: 0 1em;
            }
            .editable table tr td ~ td {
                width: auto;
            }
            .editable table tr td ~ td:before {
                content: "::";
                margin-right: .5em;
                color: #111;
            }
            .editable table tr td ~ td.nodot:before {
                content: "::";
                margin-right: .5em;
                color: #565656;
            }
#editform {
    padding: 20px;
    width: 600px;
    border: 2px solid #565656;
    background-color: #FFFFFF;
    display: none;
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: -321px;
    z-index: 2;
}
#loginform {
    padding: 20px;
    width: 200px;
    border: 2px solid #565656;
    background-color: #FFFFFF;
    display: none;
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -121px;
    z-index: 2;
}
#cover {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #111111;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}
#wrapper {
	width: 920px;
	margin: 30px auto;
	text-align: left;
}
	#wrapper .box {
		background-color: #565656;
	}
	#wrapper #header {
		overflow: hidden;
		margin-bottom: 20px;
	}
		#wrapper #header #logo {
			float: left;
		}
            #wrapper #header #logo img {
                height: 140px;
            }
		#wrapper #header #sign {
			float: right;
			height: 60px;
			margin-top: 40px;
		}
    #wrapper #loading {
        display: none;
        height: 16px;
        padding: 20px;
        background: url('ajax-loader.gif') no-repeat center center;
        margin: 20px 0;
    }
	#wrapper #body {
		font-family: Verdana;
        overflow: hidden;
	}
		#wrapper #body h1 {
		}
		#wrapper #body h2 {
			color: #EBEDF3;
			font-size: 35px;
			margin-bottom: 20px;
			font-family: "Book Antigua", times;
		}
			#wrapper #body h2.stylishhead {
				float: left;
                margin: 10px 30px;
				font-size: 40px;
			}
            #contact_info {
                clear: both;
            }
		#wrapper #body .box {
            float: left;    
            width: 880px;
            margin-top: 20px;
            margin-bottom: 20px;
			padding: 20px;
			color: #EBEDF3;
            clear: both;
            overflow: hidden;
		}
            #wrapper #body .box ~ .box {
                margin-top: 0;
            }
            #wrapper #body .ignore ~ .box {
                margin-top: 20px;
            }
            #wrapper #body .ignore {
                margin-bottom: 0;
            }
            #wrapper #body .box ~ .col-half {
                margin-top: 20px !important;
            }
			#wrapper #body p {
				margin: 7px;
				font-size: 12px;
				line-height: 1.6;
			}
        /**
         * PROJECTS
         */
        #wrapper #body #active_video {
            display: none;
        }
            #wrapper #body #active_video #close_active_video {
                float: right;
                margin-left: 20px;
                margin-bottom: 20px;
                font-size: 21px;
                vertical-align: middle;
                font-weight: bold;
                font-family: monospaced;
                text-decoration: none;
                color: #EBEDF3;
                background-color: #313131;
                width: 21px;
                height: 21px;
                padding: 7px;
                line-height: 1;
                text-align: center;
                border: 1px solid #EBEDF3;
            }
                #wrapper #body #active_video #close_active_video:hover {
                    background-color: #111111;
                }
            #wrapper #body #active_video object, #wrapper #body #active_video embed, #wrapper #body #active_video .fake {
                width: 100%;
                height: 495px;
                background-color: #111111;
            }
                #wrapper #body #active_video .fake {
                    display: none;
                }
            #wrapper #body #active_video h3 a {
                display: block;
                margin-top: 20px;
                padding: 7px;
                font-weight: bold;
                font-family: "Book Antigua", times;
                color: #EBEDF3;
                font-size: 17px;
                line-height: 1;
                text-decoration: none;
            }
                #wrapper #body #active_video h3 a:hover {
                    background-color: #969696;
                }
                #wrapper #body #active_video h3 a.active {
                    text-decoration: underline;
                    background-color: #111111;
                }
            #wrapper #body #active_video .description {
                display: none;
            }
        #wrapper #body .project {
            display: block;
            float: left;
            width: 280px;
            margin-right: 20px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }
            #wrapper #body .project.last_in_row {
                margin-right: 0;
            }
                #wrapper #body .project.last_in_row + .project {
                    clear: left;
                }
            #wrapper #body .project img {
                background-color: #989898;
                padding: 40px;
            }
                #wrapper #body .project.active img {
                    background-color: #111111;
                }
            #wrapper #body .project h3 a {
                display: block;
                margin: 20px 0;
                padding: 7px;
                font-weight: bold;
                font-family: "Book Antigua", times;
                color: #EBEDF3;
                font-size: 17px;
                line-height: 1;
                text-decoration: none;
            }
                #wrapper #body .project:hover a {
                    text-decoration: none;
                }
                #wrapper #body .project:hover h3 a {
                    background-color: #969696;
                }
                #wrapper #body .project.active h3 a {
                    text-decoration: underline;
                    background-color: #111111;
                }
        /**
         * ABOUT
         */
        #wrapper #body .col-half {
            position: relative; 
            float: left;
            width: 410px;
            height: 300px;
            padding-bottom: 71px;
            clear: none;
        }
            #wrapper .col-half ~ .col-half {
                margin-left: 20px;
            }
            #wrapper #body .col-half img {
                float: left;
                margin-right: 20px;
            }
                #wrapper #body .col-half ~ .col-half img {
                    float: right;
                    margin-right: 0;
                    margin-left: 20px;
                }
            #wrapper #body .col-half a.opener {
                position: absolute;
                bottom: 20px;
                left: 20px;
                float: left;
                font-weight: bold;
                font-family: "Book Antigua", times;
                color: #EBEDF3;
                padding: 7px;
                font-size: 17px;
                line-height: 1;
                text-decoration: none;
            }
                #wrapper #body .col-half a.opener.active {
                    text-decoration: underline;
                    background-color: #111111;
                }
                #wrapper #body .col-half a.opener:hover {
                    background-color: #969696;
                }  
        #wrapper #body .openee {
            display: none;
        }
        /**
         * CONTACT
         */
        #wrapper #body h4.center-confirm {
            text-align: center;
            font-weight: bold;
        }
		#wrapper #body form {
			overflow: hidden;
			color: #FFFFFF;
		}
			#wrapper #body form input, #wrapper #body form textarea {
				padding: 10px;
				background-color: #313131;
				border: 1px solid transparent;
				color: #EEEEEE;
			}
                #wrapper #body form .default {
                    opacity: 0.8;
                    color: #595959;
                }
                #wrapper #body form .invalid {
                    border: 1px solid #330000;
                    background-color: #661111;
                    color: #111111;
                }
			#wrapper #body form input[type=text] {
                clear: left;
				float: left;
				width: 258px;
                margin-bottom: 20px;
			}
			#wrapper #body form input[type=submit] {
				font-weight: bold;
				float: right;
                clear: both;
				padding: 5px 40px;
                font-family: "Book Antigua", times;
                color: #FFFFFF;
			}
                #wrapper #body form input[type=submit]:hover {
                    background-color: #969696;
                    cursor: pointer;
                }
                #wrapper #body form input[type=submit]:active {
                    background-color: #111111;    
                }
			#wrapper #body form textarea {
				float: right;
				width: 556px;
				height: 130px;
			}
	#wrapper .menu {
		list-style-type: none;
		overflow: hidden;
        clear: both;
	}
		#wrapper .menu li {
			float: left;
		}
			#wrapper .menu li ~ li {
				margin-left: 20px;
			}
			#wrapper .menu li a {
				display: block;
				width: 273px;
				padding: 10px;
				color: #D6D8DE;
				text-decoration: none;
				font-family: "Century Gothic", arial;
				font-size: 17px;
			}
				#wrapper .menu li a:hover {
					background-color: #969696;
				}
				#wrapper .menu li a.active {
					background-color: #111111;
				}