@charset "utf-8";

/* DIGIFISH :: Stuart Davis :: April 2009 */

body {
	background-color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #FFF;
	margin: 0px;
	padding: 1px;
	background-image: url(../_images/bg-main.jpg);
	background-repeat: repeat-x;
}

/* ---[ the divs ]------------------------------- */

#globalwrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
	}

#header {
	background-color: inherit;
	padding: 0px;
	height: 150px;
	width: 940px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	position:relative;
}

	#header #logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 150px;
	width: 293px;
}
	
	#header #menu { /*SEE LAVALAMP STYLES BELOW*/
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 650px;
	top: 20px;
	right: -30px;
}

	#header #contactinfo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 600px;
	top: -20px;
	right: 0px;
	float:right;
	text-align:right;
	color: #7D8B8C;
	z-index: 150;
}

	#header #youtubechannel {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 100px;
	top: 470px;
	right: -120px;
	z-index: 150;
	}
	
	#header #youtubechannel p {
	font-size:80%;
	font-style: italic;
	line-height: 100%;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
}
	
	#header #winners {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 537px;
	height: 60px;
	top: 85px;
	left: 420px;
	z-index: 165;
	}
	
	#header #winners span.bigger {font-size: 125%;}
	
	#header #winners img {width:60px; height: 60px; float:right; margin: 0; padding: 0:}
	
	#header #winners p {padding-right: 75px; padding-top:8px; color: #FFEB77; text-align:right;}

#topcontent {
	height: 305px;
	width: 940px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	padding: 0px;
}

	#topcontent #featuredvideo {
	margin: 0px;
	padding: 5px;
	float: left;
	height: 295px;
	width: 480px;
	background-color: #FFFFFF;
	position:relative;
}
		#topcontent #featuredvideo #words {
	margin: 0px;
	padding: 5px 10px;
	width: 120px;
	position: absolute;
	z-index: 50;
	left: -140px;
	top: 1px;
	color: #FFFFFF;
	background-color: #96025B;
	text-align: right;
	font-weight: bold;
		}
	
	#topcontent #introtext {
	margin: 0px;
	float: right;
	height: 305px;
	width: 410px;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
		
#maincontent {
	float: right;
	width: 920px;
	background-color: #2A2A2A;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

	#maincontent #intro {
	background: #171717 url(../_images/bg-introtext.jpg) repeat-x top;
	margin: 0px auto 10px;
	padding: 20px 20px 10px;
	clear: both;
	width: 880px;
}

	#maincontent #column1 {
	margin: 0px;
	padding: 20px;
	float: left;
	width: 400px;
	background-color: #212121;
}

	#maincontent #column1 .featuredvideo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff8200;
}

	#maincontent #column1 .featuredvideo .youtube {
	background-color: #FFF;
	padding: 5px;
	clear: both;
	width: 390px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	
	#maincontent #column2 {
	padding: 20px;
	float: left;
	width: 190px;
	background-color: #212121;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
	
	#maincontent #column3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 20px;
	float: right;
	width: 190px;
	background-color: #212121;
	}
	
	#maincontent #information {
	margin: 0px;
	padding: 20px;
	float: left;
	width: 590px;
	background-color: #212121;
	}
	
	#information .morevideos {}
	
	#information .morevideos p {margin-top: 10px;}
	
	
#maincontent #sidebar {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 20px;
	float: right;
	width: 240px;
	background-color: #131313;
	}
	
	#maincontent #sidebar .featuredvideo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff8200;
}

	#maincontent #sidebar .featuredvideo .youtube {
	background-color: #FFF;
	padding: 5px;
	clear: both;
	width: 230px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px; }
		
#footer {
	clear: both;
	width: 100%;
	min-height:25px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	font-size:0.85em;
	text-transform: uppercase;
	background-image: url(../_images/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

	/* MAIN PAGE AMENDS */
	
	#maincontent #frontpage-rightcolcontainer #column2 {
	padding: 20px;
	float: left;
	width: 170px;
	background-color: #212121;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	#maincontent #frontpage-rightcolcontainer #column3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 20px;
	float: right;
	width: 170px;
	background-color: #212121;}
	
	#frontpage-rightcolcontainer {
	width: 440px;
	float: right;
	margin: 20px 0px 0px;
	padding: 0px 10px 0px 0px;
	position:relative;
	}
	
	#frontpage-rightcolcontainer .rss-box {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0.85em;
	background: url(/_images/bg-blog.gif) repeat;
}
	
	#frontpage-rightcolcontainer ul.rss-item {margin: 0; padding: 0;}
	
	#frontpage-rightcolcontainer li.rss-item {
	background: url(none);
	list-style: none;
	margin: 0;
	padding: 10px;}
	
	#frontpage-rightcolcontainer a.rss-item {
	font-size: 1.25em;
	margin: 0px;
	padding-bottom: 12px;
	color: #ff823c;
	text-decoration: underline;
	text-transform: uppercase;
	}
		#frontpage-rightcolcontainer a:hover.rss-item {text-decoration:none;}
	
	#frontpage-rightcolcontainer span.rss-date {font-size: 0.9em; color: #606060;}
	
#frontpage-rightcolcontainer #readblog {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100px;
	height: 32px;
	position:absolute;
	top:-5px;
	right: 0px;
}
	
/* ---[ word stylage ]------------------------------- */

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.3em;
	margin-left: 0em;
	line-height: 1.5em;
}

ul {
	margin: 0px;
	padding-top: 0.75em;
	padding-right: 0px;
	padding-bottom: 0.75em;
	padding-left: 0em;
}

	#maincontent ul li {
	list-style-type: none;
	background-image: url(../_images/icon-tick.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.9em;
	margin-bottom: 0.65em;
}

ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3em;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 1.8em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.1em;
	margin-left: 0px;
	padding: 0px;
}

	h2.cyan {color: #00ade2;}
	h2.pink {color: #f49ac1;}
	h2.orange {color: #ff8200;}
	h2.green {color: #50c800;}
	h2.purple {color: #96025B;}
	h2.white {color: #FFF;}
	h2.black {color: #000;}
	
h3 {
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.1em;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eaeaea;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.7em;
	padding-left: 0px;
}

	h3.cyan {color: #00ade2;}
	h3.pink {color: #f49ac1;}
	h3.orange {color: #ff8200;}
	h3.green {color: #50c800;}
	h3.purple {color: #96025B;}
	h3.white {color: #FFF;}
	h3.black {color: #000;}
	
h4 {
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.1em;
	margin-left: 0px;
	padding: 0px;
}

	h4.cyan {color: #00ade2;}
	h4.pink {color: #f49ac1;}
	h4.orange {color: #ff8200;}
	h4.green {color: #50c800;}
	h4.white {color: #FFF;}
	h4.black {color: #000;}

h5 {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 0px;
	padding: 0px;
	color: #f49ac1;
}
	
span.cyan {color: #00ade2;}
span.pink {color: #f49ac1;}
span.orange {color: #ff8200;}
span.purple {color: #96025B;}
span.white {color: #FFF;}
span.black {color: #000;}

div.quote {
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #00ade2;
	margin-left: 5px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-style: italic;
	background: url(../_images/bg-quote.png) no-repeat right bottom;
}

table {
	padding: 0px;
	border-width: 0px;
	border-style: none;
	margin: 0em;
	background: #383838;
}

td {
	text-align: left;
	vertical-align: top;
	border:none;
	padding: 2px;
	margin: 0px;
}

ul.logos {}

	ul.logos li {}

/* ---[ generic image stylage ]------------------------------- */

img.right {
	float: right;
	border: 8px solid #131313;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

img {border: none;}

/* ---[ lavalamp menu ]------------------------------- */

        .lavaLamp {
            position: relative;
            height: 29px;
            width: 650px;
            padding: 0px;
            margin: 10px 0;
            overflow: hidden;
            border: none;
			float:right;
        }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                }
                    .lavaLamp li.back {
                        border: none;
                        background-color: #00ade2;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLamp li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #FFF;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
                            border: none;
                        }     

/* ---[ links ]------------------------------- */

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

a:hover{
	color: #FFF;
	text-decoration: none;
}

#header #contactinfo a:link, #header #contactinfo a:active, #header #contactinfo a:visited {color: #7D8B8C; text-decoration: none;}

#header #contactinfo a:hover {color: #7D8B8C; text-decoration: underline;}

#footer a:link, #footer a:active, #footer a:visited {
	color: #212121;
	text-decoration: underline;
}

#footer a:hover{
	color: #212121;
	text-decoration: none;
}

/* ---[ hackorama ]------------------------------- */

.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}