html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: black;
}
ol, ul {
	list-style: none;
}

/* self-clear floats */

#middle:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
    }




/* wrap url's */

pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	}

#wrapper {
	margin-right: auto;
	margin-left: 1%;
	width: 93%; /* Holding outermost DIV */
	max-width: 1300px;
}

#menu a{
	color: white; padding-left: 2.5%; padding-right: 2.5%; border:none; height: 60px; margin-left: 2px;
	line-height: 60px; 
	text-decoration: none; 
	font-family: Arial, "Lucida Grande", Verdana, sans-serif; 
	font-size: 1.2em; /*27 ÷ 16 */ 
	display: inline-block		}
	
#menu a:hover {color: rgb(192, 0,0)}

#header {max-width: 100%}

 
#slideshow {position:relative;
		width: 100%;
    	padding-top: 10px;
   	margin-top: 20px;
		}

#slideshow IMG {
    position: absolute;
    z-index:8;
	opacity: 0.0;
	width: 100%;
		}


#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	
	}

#slideshow IMG.last-active {
    z-index:9;
	
}

#tweet {	width: 50%; 
	}
	
.twitter-timeline {width: 85%; height: 25%}
	 
#test {color:rgb(192,0,0); font-size: 18px; margin-left: 1%}

#test2 {border-width: thin; 
	border-color:#666666; width: 77%; padding: 5px; 
	font-size: 14px; color:#FFFFFF}
	


#newsletter {color:rgb(192,0,0); font-size: 18px}

#footer{
margin-right: 1.0416667%; /* 10 ÷ 960 */
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	clear: both;
	background-position: 0 bottom;}
	
@media screen and (min-width: 1001px) and (max-width: 1080px) {
	#navigation ul li a { font-size: 1.4em; }
}
@media screen and (min-width: 805px) and (max-width: 1000px) {
	#navigation ul li a { font-size: 1.25em; }
}
@media screen and (min-width: 769px) and (max-width: 804px) {
	#navigation ul li a { font-size: 1.1em; }
}

@media screen and (max-width: 768px) {
	#wrapper,#header,#footer,#navigation {width: 768px; margin: 0px;}	
	#navigation { text-align: center; background-image: none; border-top-color: #bfbfbf; border-top-style: double; border-top-width: 4px; padding-top: 20px;}
	#navigation ul li a { background-color: #dedede; line-height: 60px; font-size: 40px; }
	#content,#sidebar { margin-top: 20px; padding-right: 10px; padding-left: 10px; width: 728px;}
		#sidebar { border-right: none; border-top: 2px solid #e8e8e8; padding-top: 20px; margin-bottom: 20px; }
	.sideBlock { width: 46%; float: left; }
	.overHyped { margin-top: 0px; margin-left: 50px; }}
	
		img {
	max-width: 100%;
}


#form {color: #FFFFFF; width: 90%}

#sidebar2 {
	border-left-width: 2px;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	padding-left: 1.0416667%; /* 10 ÷ 960 */
	float: right;
	width: 25.5%;
	color:white;
	
}

#sidebar {
	border-right-width: 2px;
	margin-top: 10px;
	padding-right: 1.0416667%; /* 10 ÷ 960 */
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	width: 20%;
	color:white;
	float: left;
	
		}


#footer {
	margin-top: 20px;
	padding-top: 20px;
	
	
}

#footer p {
	text-align: center;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	color: #757474;
}


@media screen and (min-width: 1001px) and (max-width: 1080px) {
	#navigation ul li a { font-size: 1.4em; }
}
@media screen and (min-width: 805px) and (max-width: 1000px) {
	#navigation ul li a { font-size: 1.25em; }
}
@media screen and (min-width: 769px) and (max-width: 804px) {
	#navigation ul li a { font-size: 1.1em; }
}

@media screen and (max-width: 768px) {
	#wrapper,#header,#footer,#navigation {width: 768px; margin: 0px;}	
	#logo { text-align:center; }
	#navigation { text-align: center; background-image: none; border-top-color: #bfbfbf; border-top-style: double; border-top-width: 4px; padding-top: 20px;}
	#navigation ul li a { background-color: #dedede; line-height: 60px; font-size: 40px; }
	#content,#sidebar { margin-top: 20px; padding-right: 10px; padding-left: 10px; width: 728px;}
	.oscarMain { margin-right: 30px; margin-top: 0px; width: 150px; height: 394px; }
	#sidebar { border-right: none; border-top: 2px solid #e8e8e8; padding-top: 20px; margin-bottom: 20px; }
	.sideBlock { width: 46%; float: left; }
	.overHyped { margin-top: 0px; margin-left: 50px; }
	
#img {width: 100%}