* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font: 62.5%/1.5 "Arial", sans-serif;
}

#main p, #main ul, #main table { 
	font-size: 1.5em;
	margin-bottom: 1em;
}
#main ul { list-style-position: inside; }
#main th { 
	text-align: left;
	padding-right: 2em;
}

h1 { 
	font-size: 1.8em;
	margin-bottom: 1em; 
}
legend { font-size: 1.8em; }
h2 { 
	font-weight:normal;
	font-size: 1.6em; 
}
td { padding-right:20px;}

p a { 
	text-decoration:none;
	border-bottom:1px dotted;
}
p a:hover { border-bottom:1px solid; }

strong { text-decoration:underline; }

#wrapper { 
	width: 950px;
}

#main {
	width: 770px;
	float: left;
}

.clear {
    overflow: hidden;
    width: 100%;
}

div#content { 
	float:left;
	padding:20px;
	min-height:200px;
}


#sidebar { 
	float: left; 
	margin-top: 60px;
	margin-left: 10px;
	margin-right: 0px;
	min-height:200px;
}

#result { 
	float: left;
	min-height:200px;
	width: 131px;
}

img.loser, img.draw {
	border: 3px solid transparent;
}

img.winner {
	border: 3px solid #ffff00;
}

#result p { font-size: 1.1em; }
#result p, #result h2 { text-align: center; }



div#navigation { 
	font-size: 1.1em;
    background-color: #333;
	float: left;
	width:730px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
}

#navigation ul {
	list-style: none;
	z-index: 2;
	margin:0;
}


#navigation ul li { 
	float:left; 
	text-transform: lowercase;
	margin-right:1em;
}

#navigation a {
	text-decoration: none;
}

form#uploader {
	font-size: 1.6em;
}

#header, #footer { 
	float: left;
	width: 770px;
	font: 1em Verdana, sans-serif;
}

#header { margin-bottom:10px; }


img.logo {
	float:left;
	margin-top: 5px;
	background: transparent url(/site/img/logo.png) no-repeat top left;
}

#header-ad {
	float:right;
	width:480px;
	height:60px;
	margin-top: 15px;
	margin-right:10px;
	background-color: #4d0104;
}

div#skyscraper-ad {
	margin-top:15px;
	float: right;
	width:165px;
	height:630px;
	background-color: #4d0104;
}


#Image1, #Image2, #ImageView {
	background: #eee;
	padding-top: 13px;
	padding-left: 13px;
	width: 264px;
	height: 300px; 
/*	width: 284px;
	height:  322px; */
	
/*	border: 1px solid red; */

	font-size: 1.8em;
	color: #333;
	margin-bottom: 10px;
}

#ImageView { float:left; }
#Image2 { float: right; }
#Image1 { float: left; }

table#details, #ImageView { margin-top: 30px;}
table#details { 
	margin-left:20px;
	float:left; 
}
table#details th { font-weight: normal; }

#Image1 a, #Image2 a { 
	color: #333; 
	margin-top: 0.5em;
}

div.imgTitle { text-align: center; }

#Image1 img, #Image2 img {
	margin: 0;
	width: 250px;
	height: 250px;
}

#ImgWrapper, span#intro, span#draw { margin-left:10px; }

a#drawbutton {
	text-transform:uppercase;
    background: transparent url(/site/img/draw_button_end.gif) no-repeat scroll top right;
    color: #eee;
    display: block;
	float:left;
    font-size: 16px;
    height: 35px;
    margin-right: 6px;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;
	margin-top:10px;
}

a#drawbutton span {
    background: transparent url(/site/img/draw_button_main.gif) no-repeat;
    display: block;
    line-height: 25px;
    padding: 5px 0 5px 30px;
}

a#drawbutton:active {
    background-position: bottom right;
    color: #ccc;
    outline: none; /* hide dotted outline in Firefox */
}

a#drawbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 30px; /* push text down 1px */
}


#ImgWrapper {
	float: left;
	width: 610px;
	background: transparent url(/site/img/versus.png) no-repeat center center;
}

span#intro, span#draw {
	display: block;
	width: 610px;
	float: right;
	text-align: center;
}

span#intro a:hover, span#draw a:hover {
}

span#intro { 
	font-size: 1.6em;
	margin-top:20px;
	margin-bottom: 10px;
}
span#draw { 
	font-size: 1.4em;
	margin-bottom:20px;
}


/* Forms */

#main label { 
	font-size: 1.6em;
	display: block;
}

label.clickable { 
	cursor: pointer; 
}
#main fieldset input, #main fieldset textarea { margin-bottom: 1em; }
fieldset input, fieldset textarea { border: 2px solid #ccc; } 

fieldset input:focus, fieldset textarea:focus { 
	background: #ffffcc;
	border: 2px solid #555;
}

/* #main fieldset { 
	padding: 0.5em;
	width: 30em;
	border: 0;
	margin-bottom: 1em;
}

#main fieldset { border-width: 1px; }

#main input#submitbutton {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 400px;
} */

p.error, label.error { color: red; }
input.error, textarea.error { background: #ffff00; }

div#search-box { 
	float: right;
	margin:0;
	padding:0;
}

#search-box label { 
	display:inline;
	margin:0;
	font-size: 1.5em;
	margin-right:0.5em;
	float:left;
}
#search-box fieldset { 
	padding: 0;
	margin:0;
}
#search-box fieldset input { 
	float:left;
	padding: 0;
	margin:0;
	margin-top:3px;
}

#footer { 
	float: left;
	padding-top:1em;
	border-top: 1px dotted #982304;
/*	background: #222 url(/site/img/bg_footer.gif) repeat-x top left; */
	font-size: 1.2em;
	padding-bottom: 20px;
	margin-top:20px;
}

div.footerbox { 
	float:left;
	margin-left:20px;
	padding-right:20px;
}
.footerbox h2 { 
	font-size:1.2em; 
	margin-bottom:1em;
}
.footerbox ul { list-style:none; }
.footerbox ul a { text-decoration:none; }
.footerbox ul a:hover { text-decoration:underline; }

div#details {margin-left: 50px; }

h2.details {
	font-size:1.4em;
	margin-top:20px;
	margin-bottom:10px;
	display:block;
	width:100%;
	clear:right;
	float:left;
}
p.details { 
	display:block;
	width:100%;
	clear:right;
	float:left;
}

img.details { 
	float:left;
	margin-right:5px;
}

p#pagination { text-align:center;}