/**
* CSS
* 
* @version 1.0
* @author Paul 
*/

* {
    margin: 0;
    padding: 0;
}

/**

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

@font-face {
    font-family: TitilliumText999wt;
    src: url('/fonts/TitilliumText999wt.otf') format("opentype");
}
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#container {}

a {font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; }
a:link { text-decoration: none; color: #1e1e1e; outline: none;}
a:active { text-decoration: none; color: #1e1e1e; outline: none; }
a:focus { text-decoration: none; color: #1e1e1e; outline: none;}
a:visited { text-decoration: none; color: #1e1e1e; outline: none;}
a:hover { text-decoration: none; color:#09f; outline: none; }
a:hover img { text-decoration: none; outline: none; opacity: 0.6; background:url('.projects/images/3x3_1pixel.png'); background-repeat: repeat; )}

p { font-weight: normal; line-height: 18px; color: #1e1e1e; }

.p_content { font-weight: normal; line-height: 18px; color: #1e1e1e; }

.copy { font-size: 2em; font-weight: normal; line-height: 1.3em; color: #1e1e1e; padding-bottom: 0.5em; }

.description { font-size: 1em; font-weight: normal; line-height: 1.3em; color: #1e1e1e; padding-bottom: 0.5em; }

.caption { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.3em; color: #1e1e1e; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; }
.caption_kw { background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.3em; color: #e1e1e1; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; }
.caption_hfg { background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.3em; color: #e1e1e1; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; }
.caption_ps { background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.3em; color: #e1e1e1; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; }

h1 { display: inline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }




#leftuppercorner {
    position: fixed;
    width: 460px;
    top: 20px;
    left: 20px;
    padding: 5px 0 4px 20px;
    z-index: 2;
    font-size: 10px;
}

#leftuppercorner_b {
    position: fixed;
    height: 25px;
    width: 460px;
    top: 19px;
    left: 20px;
    background-image: url("../favicon.gif");
    z-index: 1;
    opacity: 0.5;
    font-size: 10px;
}

#home {
    position: fixed;
    width: 420px;
    top: 20px;
    left: 20px;
    padding: 5px 0 4px 20px;
    font-size: 11px;
    text-align: right;
    z-index: 2;
    font-size: 10px;
}

#particles { margin-left: 20px; margin-top: 60px; }

.particle { background-color: none; margin-right: 20px; margin-bottom: 20px; }

.related { background-color: none; margin-right: 20px; margin-bottom: 20px; }
.minil{ background-color: none; margin-right: 16px; margin-bottom: 15px; }
.minir{ background-color: none; margin-right: 0px; margin-bottom: 15px; }

#pagination {
    width: 200px;
    height: 20px;
    margin-top: 100px;
    margin-left: 20px;
    bottom:0px;
    padding: 10px 10px 0 10px;
    background-image: url("../favicon.gif");
    z-index: 3;
    font-size: 10px;
}

.movie {}

.sound { display: block; }

ul { list-style-type: none; }
li { list-style-type: none;line-height:10px; }

.mp3 { float:left;line-height:10px; }

.bu { vertical-align: middle;}
.buttoncopy { vertical-align: middle; text-align: right; font-size: 1em; font-weight: bold; line-height: 2em; color: #f2f2f2; margin-bottom: 1.2em; }
.button
{
	font-family: Helvetica, Arial, Sans-Serif;
	color: white;
	cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
	padding: 10px;
	border: 0px solid #000000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background: #1e1e1e;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(0,0,0)),
		color-stop(0.89, rgb(60,60,60))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(0,0,0) 9%,
		rgb(60,60,60) 89%
	);
}