﻿
/* CSS Document for GermanDeli.com */

body {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	}
a:link {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}

#wrapper {
	width: 1024px; 
	margin-left: auto; 
	margin-right: auto;
	}

#header {
	width: 1024px;
	}
#header #logo {
	float: left; 
	width: 300px;
	}
#header #header-right {
	float: left; 
	width: 724px;
	}

#main {
	width: 1024px;
	}

#left {
	float: left; 
	width: 779px;
	height: 523px;
	}

/*Start Background Classes for Pages*/
#left.plain{
	background-image: url('bk-plain.jpg');
	}
#left.home{
	background-image: url('bk-home.jpg');
	}
#left.about{
	background-image: url('bk-about.jpg');
	}
#left.search{
	background-image: url('bk-find.jpg');
	}
#left.vote_begins{
	background-image: url('bk-vote_begins.jpg');
	}
#left.vote_active{
	background-image: url('bk-vote_active.jpg');
	background-repeat: no-repeat;
	}
#left.vote_ended{
	background-image: url('bk-vote_ended.jpg');
	}
#left.vote_blank{
	background-image: url('bk-vote_blank.jpg');
	}
#left.thanks{
	background-image: url('bk-thanks.jpg');
	}
/*End Background Classes for Pages*/
	
#left #mainnav {
	width: 779px;
	}
#left #left-content {
	width: 779px;
	}

#right {
	float: right; 
	width: 245px;
	height: 523px;
	background-color: #FFF;
	padding-left: 0px;
	padding-right: 0px;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:auto;
	}
#footer {
	float: left; 
	width: 1024px;
	background-image: url('footer.png');
	background-repeat: no-repeat;
	margin-top: -7px;
	height: 40px;
	}
#footer #copyright {
	width: 1014px;
	color: #FFF;
	font-size: 10px;
	padding-top: 17px;
	padding-left: 10px;
	}
#footer #copyright a{
	padding-left: 10px; 
	padding-right: 10px; 
	color: #FFF; 
	text-decoration: none;
	}

img {
	border: 0px;
}




/*Page Specific Styling*/

/*---*/
/*---*/

/*Homepage Styles*/
#homepage-content{
	float: left; 
	width: 460px;
	margin-left: 40px;
	padding-top: 18px;
	padding-top: 25px;
	}
#homepage-content p{
	font-size: 12px;
	color: #453822;
	line-height: 16px;
	}
#leaderboard{
        float: left;
        margin-top: 15px;
	margin-left: 40px;
	width: 225px;
        
	}
#leaderboard p{
	font-size: 16px;
	color: #a31d01;
	line-height: 24px;
	padding-bottom: 10px;
	}
#top_ten {
	list-style: none;
	font-size: 14px;
	margin-left: -30px;
	font-family: "Arial Black";
	font-weight: 900;
	}
/*END Homepage Styles*/
	
/*---*/
/*---*/

/*BEGIN About Us and Contact Page Styles*/
#about-content{
	float: left;
	width: 440px;
	margin-left: 200px;
	padding-right: 20px;
	}
#about-content p{
	font-size: 15px;
	color: #453822;
	line-height: 16px;
	line-height: 15px;
	margin-top: 0px;
	}
/*END About Us and Contact Page Styles*/
	
/*---*/
/*---*/

/*BEGIN Search Page Styles*/
#search-content{
	float: left;
	width: 440px;
	margin-left: 185px;
	padding-right: 20px;
	margin-top: 60px;
	}
#search-content p{
	font-size: 15px;
	color: #453822;
	line-height: 16px;
	line-height: 15px;
	margin-top: 0px;
	}
	
table#search{
	font-size: 10px; 
	}
table#search select{
	font-size: 12px;
	font-weight: normal;
	width: 195px;
	width: 350px;
	margin-right: 40px;
	}

table#search input{
	font-size: 12px;
	font-weight: normal;
	width: 190px;
	margin-right: 38px;
	}
table#search input.submit{
	width: 79px;
	margin-right: 0px;
	}
	
/*END Search Page Styles*/

/*---*/
/*---*/

/*BEGIN Details Page Styles*/
#restaurant-content-left{
	float: left;
	margin-left: 150px;
	width: 250px;
	margin-top: -30px;
	position: relative;
	}
#restaurant-content-left p.address,#restaurant-content-left h1{
	margin: 0px;
	margin-left: 15px;
	}
#restaurant-content-left #photo{
        background-image: url(images/detail-photo.png);
	background-repeat: no-repeat;
	height: 245px;
	text-align: center;
	padding-right: 45px;
	padding-top: 18px;
	padding-left: 18px;	
	}
#restaurant-content-left #vote-button{
        top: 330px;
        left: 65px;
      	text-align: center;
	padding-right: 0px;
	position: absolute;
	}
#restaurant-content-left #leftflap{
        top: 360px;
        left: -150px;
      	text-align: center;
	padding-right: 0px;
	position: absolute;
	}
#restaurant-content-left .photo-name{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	}
#restaurant-content-left .phone{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	margin-left: 15px;
	}
#restaurant-content-left p.pricing-chart{
	font-size: 10px;
	margin-left: 15px;
	}
#restaurant-content-right{
	float: left;
	width: 325px;
	margin-top: -28px;
	position: relative;
	}
#restaurant-content-right .ooops{
	font-weight: bold;
	font-style: italic;
	margin: 0px;
	}
#restaurant-content-left .award{
	
	margin-left: -135px;
	width: 50px;
	margin-top: -55px;
	}

#restaurant-content-left .award1{
	
	margin-left: -145px;
	width: 50px;
	margin-top: -320px;
	}

#restaurant-content-left .award2{
	
	margin-left: -145px;
	width: 50px;
	margin-top: 20px;
	}

#restaurant-content-left .award3{
	
	margin-left: -145px;
	width: 50px;
	margin-top: 20px;
	}

#restaurant-content-left .awardlink{
	float: left;
	margin-left: -120px;
	width: 100px;
	margin-top: +100px;
        text-align: center;
        font-size: 14px;
}

#restaurant-content-right p.details,#restaurant-content-right h2{
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}

/*--120 20-*/
/*---*/

/*BEGIN About Us and Contact Page Styles*/
#thanks-content{
	float: left;
	width: 440px;
	margin-left: 180px;
	padding-right: 20px;
	margin-top: 50px;
	}
#thanks-content p{
	font-size: 15px;
	color: #453822;
	line-height: 16px;
	line-height: 15px;
	margin-top: 0px;
	}
#thanks-content p.thankyoutext{
	text-align: center;
	font-size: 14px;
	}
#thanks-content .thankyourestname{
	font-size: 18px;
	}
/*END About Us and Contact Page Styles*/
	
/*---*/
/*---*/

/*Element Styles*/
h1{
	font-size: 18px;
	}
h2{
	font-size: 16px;
	}
h3{
	font-size: 14px;
	}
	