/* CSS Document */

body {
	background:#000 url(../alanandfrank-graphics/alanandfrank-bg.jpg) top left repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	color: #333;
	margin:0;
}	 

a {
	color:#333;
	font-size:16px;
	text-decoration:none;
}

a:visited {
	color:#333;
}

a:hover {
	text-decoration:underline;
}	

a img { 
	border:none;
}

h1 {
	font-size:30px;
}

h2 {
	font-size:20px;
}

p {
	text-align:justify;
	padding:10px 130px;
}

.p2 {
	color:#ff3;
}

.text2 {
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}

#wrapper {
	background:#fff;
	width:900px;
	margin:0 auto;
}

#wrapper2 {
	background:#000 url(../alanandfrank-graphics/alanandfrank-wrapper-bg.jpg) top center no-repeat;
	margin:0 auto;
	width:900px;
}

#header {
	background:url(../alanandfrank-graphics/alanandfrank-header.jpg) top center no-repeat;
	height:207px;
	z-index:-10;
}

#nav {
	width:700px;
	text-align:right;
	margin:-40px 0 0 100px;
	z-index:1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
}

#nav ul {
	list-style:none;
}

#nav ul li {
	display:inline;
	padding:20px;
}		

#leftbar {
	float:left;
	clear:right;
	width:220px;
	text-align:center;
	margin:0 -20px 0 20px;
}	

#rightbar {
	float:left;
	clear:right;
	width:550px;
	margin:40px;
	text-align:center;
}	
	
div.player {
	position:absolute;
	top:150px; /* i put it a little down to see the image div */
	left:50px;
	z-index:0;
}

#preview {
	padding:300px 20px 0 250px;
}

div.image {
	position:absolute;
	top:50px;
	left:50px;
	z-index:1;
	width:550px;
	height:388px;
	background-color:#99cc66;
}

	
.text {
	margin:0 auto;
	text-align:justify;
	width:400px;
	font-size:16px;
}		 

#list-webathon {
	margin:200px 0 0 150px;
}	
	
.list-style-1 {
	list-style-image:;
}

.list-style-2 {
	list-style-image:;
}

.list-style-1 {
	list-style-image:;
}

div.playercontainer {
	text-align:center;
    z-index:1;
}

div.stuff {
}

.img-rt {
	float:right;
	clear:left;
	padding:30px 30px 0 0;
}

.img-cent {
	text-align:center;
	padding:0 0 0 80px;
}

.list-style-3 {
	text-align:left;
	color:#000;
	font-size:18px;
	font-weight:bold;
}

.list-style-3 ul li {
	padding:20px;
	list-style:none;	
}

.number-1 {
	font-size:24px;
	list-style:none;
	text-align:center;
	
}
.number-2 {
	font-size:24px;
	list-style:none;
	text-align:center;
}

.number-3 {
	font-size:24px;
	list-style:none;
	text-align:center;
}