html, body{
	background:#000;
}

body{
	font-family:"Century Gothic", "Futura", Arial, sans-serif;
	font-size:13px;
	color:#acacac;
	padding:0px;
	margin:0px;
}

.wrapper{
	max-width:990px;
	margin:0px auto;
}

#header{
	border-bottom:1px solid #646464;
	padding:20px 20px 20px 20px;
}

#logo{
    float:left;
}

#logo h1 a:link, #logo h1 a:visited, #logo h1 a:active, #logo h1 a:hover{
	display:block;
	height:160px;
	width:227px;
	background-image: url(../img/logo_2020_450x320.png);
	background-size:cover;
	margin:0px;
	text-indent:-10000px;
}

#menu{
	text-align:right;
	padding-top:80px;
	float:right;
}

#menu a{font-size:16px;}

#menu a{
	color:#a3a3a3;
	padding:0px 0px 0px 40px;
	text-decoration:none;
	font-weight:normal;
}

#menu a:hover, #menu a.active{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#menu a.logout{
    color:#999;
    font-size:11px;
}

#content{
	padding:15px 0px;
}

#content h2.title-editor,
#content h2.title-other{
    padding-left:10px;
}

#pass-wrap{
    padding-top:40px;
}

#pass-wrap input,
#pass-wrap button{
    border:1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size:14px;
    padding:3px 6px;
}

#pass-wrap button{
    font-size:12px;
    padding:4px 6px;
}

#projects td{
	padding:0px 10px;
}

#projects h2{
	padding-top:20px;
	color:#a3a3a3;
	font-weight:normal;
	font-size:30px;
	padding-left:40px;
	text-align:left;
}


.front-project{
	float:left;
	margin:0px 10px 30px 10px;
}

.front-project a:link img, .front-project a:visited img, .front-project a:active img{
	border-left:4px solid #000;
	border-right:4px solid #000;
	margin:10px 0px;
}

.front-project a:hover img{
	border-left:4px solid #999;
	border-right:4px solid #999;
	margin:10px 0px;
}

.project h1{
	color:#FFF;
	font-size:24px;
}

.project .large{
	padding:10px auto;
}


.project .video{
	border-bottom:1px solid #333;
	margin:10px auto;
}

.video-thumb-off{
	border:2px solid #FFF;
}

.video-thumb-on{
	border:2px solid #AAA;
}


/********************  div styles  *******************/

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}
.mlr40{ margin:0px 40px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}
.mb40{ margin-bottom:40px;}


.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt3{ padding-top:3px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
.plr20{ padding:0px 20px;}

.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}

.pt3{ padding-top:3px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h25{ height:25px;}


.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.click{ cursor:pointer;}



/********************  text sizes  *******************/

.s1{ font-size:1px;}
.s9{ font-size:9px;}
.s10{ font-size:10px;}
.s11{ font-size:11px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s18{ font-size:18px;}
.s22{ font-size:22px;}
.s30{ font-size:30px;}
.s45{ font-size:45px;}


/********************  text styles  *******************/

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }

.b{ font-weight:bold;}
.n{ font-weight:normal;}
.u{ text-decoration:underline;}

.ltgrey{ color:#AEAEAE;}
.grey, a:link.grey, a:visited.grey, a:active.grey{ color:#999;}
.mdgrey{ color:#666;}
.dkgrey{ color:#555;}
.black{ color:#000;}
.white{ color:#FFF;}

.red{ color:#ff0000;}
.green{ color:#006600;}

.orange{ color:#de8a18;}

.blue{ color:#2979ff;}
.dkblue{ color:#3166cc;}

h1{
	font-size:20px;
	margin:5px 0px;
}

/********************  link styles  *******************/

a:link, a:visited, a:active{
	color:#FFF;
	text-decoration:none;
}

a:hover{
	color:#EEE;
	text-decoration:underline;
}


/********************  responsive  *******************/

@media (max-width: 999px) {
    #logo,
    #menu{
        width:100%;
        float:none;
        padding-top:20px;
        text-align:left;
    }
    #menu a{
    	padding:0px 40px 0px 0px;
    }
}

@media (max-width: 680px) {
    .front-project{
        float:none;
        width:308px;
        margin:0px auto;
    }
    
    #logo,
    #menu{
        width:227px;
        margin:0px auto;
        text-align:center;
    }
    
    #menu{
        padding-top:20px;
    }
    
    #menu a{
        display:block;
        text-align:center;
        padding:0px;
    }

}