/*        RESET                            */
/*=========================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a:focus {color: orange;}

a:link {color: #aaa;text-decoration:underline;}
a:visited {color: #888;}
a:hover {color: #eee;}
a:active {color: #fff;}


/*===========================================================================*/


html{font-size:100%;min-height:101%;}
body{
    font:62.5%/1.5em Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    background: url(../logo_back_03.png) no-repeat fixed top #222; 
    /*background-color:#333;*/
    color:#bbb;}

.stripe{width:100%;height:5px;background:url(../stripe.png) repeat;}



/*-------------------------------------------------------- */
/*STRUCTURE*/


/*-------------------------------------------------------- */
/*TYPO*/

h1,h2{ font-weight:normal; color: #006fff; /*font-family:Georgia, "Times New Roman", serif;*/  }
h3,h4,h5,h6 { font-weight: normal; color: #006fff; /*font-family:Georgia, "Times New Roman", serif;*/ }


h1 { font-size: 2.2em;  margin-bottom: 0.682em; letter-spacing:-1.5px;}
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-bottom: 1.154em; }

/*-------------------------------------------------------- */

.main{width:740px;margin:0 auto;border:1px solid #444;background-color:#333;/*margin-top:2em;*//*opacity:.9;*/}

#header{overflow:hidden;}

#nav{/*background-color:#222;*/float:right;}
#logo{margin-top:1em;/*display:none;*/}
#menu li{float:left;list-style:none;margin:1em 0 0.4em 0;}
#menu li a{color:#ddd;font-size:.85em;font-weight:bold;padding:3em 5em .5em 0.5em;text-decoration:none;text-transform:uppercase;}
#menu li a:hover{border-bottom:1px solid #006fff;}
#menu li a.active{background-color:#006fff;color:#eee;border-bottom:1px solid #333;}


#content{overflow:hidden;}
#content p {font-size:1.2em;}
#tags{overflow:hidden;background-color:#222;margin-bottom:1.8em;padding:1em 0 1em 1em;}
/*#tags span{float:left;}*/
#tags li, #tags li a{float:left;display:inline;padding:0 0.25em 0 0;color:#aaa;text-decoration:none;font-weight:bold;}
#tags li a:hover{color:#006fff;}

#works {clear:both;padding:1.5em;}
#works ul, #works ul li{display:inline;list-style:none;}
#works ul{/*padding-bottom:1.5em;*/}

.year h4, .videotitle{clear:both;padding-top:1.071em;}

.work {float:left;display:inline;background-color:#333;margin:1px;padding:3px 3px 0 3px;border:1px solid #444;}
.work:hover{background-color:#444;border:1px solid #006fff;}
.work a{
    opacity:.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
        }
.work a:hover{opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
        }

.videometa, .currentname {display:none;}

#video{overflow:hidden;background-color:#222;padding:1.5em 0;}
#player{float:left;width:500px;height:400px;margin:0 1.5em;border:1px solid #333;}

#projectname{padding: 2em 1.5em 0 0;text-transform:uppercase;}
#credits{list-style:none;padding: 0 1.5em 0 0;color:#999;}
.creditlist{font-weight:bold;}
.desc{}

#footer{overflow:hidden;padding:1.5em;}
#footer li{list-style:none;text-align:left;color:#555;}

span.videotitle {color:#006fff;}
.clear{clear:both;}

/******* CONTACT *******/
/*.contact{float:left;display:inline;width:450px;}*/

/*========================================================================*/
/******* Comments *******/

#comments dl.comment {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding: 0.5em 0;
}

#comments dl.comment dt {
	color: #6a6a6a;
	float: left;
	width: 134px;
	text-align: right;
	padding-right: 10px;
}

#comments dl.comment.authorised {
	background: url("../images/comment-authorised.png") 0 0 repeat;
}

#comments dl.comment dt em {
	display: block;
	color: #888;
	font: normal 0.85em Helvetica, Sans-serif;
}

#comments dl.comment dd {
	color: #575449;
	padding-left: 1em;
	border-left: 1px dotted #ccc;
	padding: 0 10px 0.3em;
	margin-left: 143px;
}

#comments dl.comment dd p {
	margin: 0 0 1em;
}

/******* Notes *******/

dl.note {
	overflow: hidden;
}

dl.note dt {
	float: left;
	color: #599777;
	padding: 1em 5px;
}

dl.note dd {
	padding: 1em 0 1em 4em;
	border-bottom: 1px dotted #ccc;
}

dl.note p {
	display: inline;
}

/******* Form *******/

#guideline {
	float: right;
	color: #aaa;
	width: 450px;
	/*font: 80%/1.5em Verdana, Sans-serif;*/
	margin: 20px 0 0 15px;
        font-size:1.1em;
        line-height:1.5em;
}

#guideline h4 {
	/*font: 110% Helvetica, Sans-serif;*/
	text-transform: uppercase;
	/*border-bottom: 1px dotted #aaa;*/
	padding-bottom: 6px;
}

#guideline ul {
	list-style-type: square;
	margin: 6px 0 30px 15px;
}

#guideline li {
	/*margin: 0 5px 12px;*/
}

form {
	overflow: hidden;
	background-color: #333;
	border: 1px solid #444;
	margin-top: 20px;
}

form fieldset {
	background: #333 ;
	border: none;
	/*font-size: 90%;*/
	padding: 10px 15px;
	margin: 1px;
}

form label {
	display: block;
	position: relative;
	color: #006fff;
	/*font-size: 0.95em;*/
	letter-spacing: 1px;
	margin-bottom: 10px;
        text-transform:uppercase;
}

form label small {
	position: absolute;
	right: 0;
	color: #333;
	/*font-size: 90%;*/
	text-transform: none;
	text-align: right;
	margin-left: 40%;
}

form label small a:hover {
	color: #ccc;
	border-color: #888; 
}

form input[type="text"], form textarea {
	display: block;
	width: 100%;
	padding: 3px 0;
	background-color: #444;
        border:1px solid #444;
        color:#eee;
}

form input[type="text"]:hover, form textarea:hover {
    background-color: #555;
}
form input[type="text"]:focus, form textarea:focus {
    background-color: #222;
}

form textarea {
	height: 300px;
}

form input[type="submit"]#submit {
	display: block;
	float: right;
}

form input[type="submit"]#submit {
	display: block;
	float: right;
        border:1px solid #444;
        background-color:#333;
        color:#eee;
        padding:4px 20px;
}

form input[type="submit"]#submit:hover {
    background-color:#444;
}
form input[type="submit"]#submit:active {
    background-color:#555;
}
form label.required input {
	background-color: #444;
}

form p.success {
	color: #2c421b;
	background-color: #8acd55;
	padding: 5px 15px;
	border: 1px solid #444;
	margin: 1px !important;
}

form p.error {
	color: #5f311b;
	background-color: #4bfb83;
	border:1px solid #444;
	padding: 5px 15px;
	margin: 1px !important;
}

form label.error{
	color: #b12123;
	font-weight: bold;
}

form#publish-article {
	text-align: center;
}

form#publish-article fieldset button#submit {
	cursor: pointer;
	color: #333;
	background: url("../images/button.gif") 0 0 no-repeat;
	width: 130px;
	height: 30px;
	border: none;
}

#contact {
	/*float: right;*/
	color: #aaa;
	/*width: 450px;*/
	/*font: 80%/1.5em Verdana, Sans-serif;*/
	margin: 1em;
        /*font-size:1.1em;*/
        /*line-height:1.5em;*/
}

#contact h4 {
	/*font: 110% Helvetica, Sans-serif;*/
	text-transform: uppercase;
	/*border-bottom: 1px dotted #aaa;*/
	padding-bottom: 6px;
}

#contact ul {
	list-style-type: square;
	margin: 6px 0 30px 15px;
}

#contact li {
	/*margin: 0 5px 12px;*/
}