@import "font/stylesheet.css";

body { margin: 0; padding: 0; color: #000; font-family: 'GaramondPremierProRegular', serif; overflow: hidden;}
#game { width: 520px; background: url(../img/bg.jpg) bottom; }
#wrapper { padding: 0 0 200px; background: url(../img/home-bg.gif) bottom center no-repeat; }
#wrapper.start {padding: 0 0 400px; background: url(../img/home-bg-Big.png) bottom left no-repeat; }
#wrapper.awards{padding: 0 0 370px; background: url(../img/home-bg-Big.png) bottom left no-repeat; }
#awardsAll { margin-top: 20px; }
a { text-decoration: none; color: #000; }

ul { margin: 0; padding: 0; overflow: hidden; list-style: none; }
ul li { float: left; }

#menu { height: 61px; padding: 15px 0 0 15px; background: #929078; }
#menu a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 31px; color: white; background-position: center center; background-repeat: no-repeat; }
#menu a#m01 { width: 145px; } #menu a#m01:hover, #menu a#m01.active { background-image: url(../img/menu-selected-small.png); }
#menu a#m02 { width: 145px; } #menu a#m02:hover, #menu a#m02.active { background-image: url(../img/menu-selected-small.png); }
#menu a#m03 { width: 175px; } #menu a#m03:hover, #menu a#m03.active { background-image: url(../img/menu-selected-big.png); }
#menu a#m02 { margin: 0 5px; padding: 0 5px; border-left: 1px solid #c9c7bb; border-right: 1px solid #c9c7bb; }

h1 { font-weight: normal; text-align: center; font-size: 36px; margin: 10px 0; }
p { margin: 10px 30px; font-size: 17px; text-align: center; }
p a:hover { text-decoration: underline; }

h2#invite { margin-bottom: 20px; font-weight: normal; text-align: center; font-size: 18px; }
h2#invite span { background: #738a1c; color: white; padding: 2px 5px; }

hr { border: none; height: 20px; background: url(../img/hr.png) center center no-repeat; }

ul#users { margin-left: 37px; }
ul#users li {  margin-right: 15px; height: 125px; }
ul#users li div { width: 100px; height: 100px; overflow: hidden; }
ul#users li div img { min-width: 100%; min-height: 100%; }
ul#users h3 { margin: 5px 0; font-size: 12px; font-weight: normal; color: white; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }

.paging { margin: 5px 0 0 37px; font-size: 14px; }

#section{ padding-top: 5px;}

.titles { margin-bottom: 20px; font-weight: normal; text-align: center; font-size: 24px; }
.titles span { background: #e91d25; color: white; padding: 2px 5px; }

#winSpa .winners{ width: 396px; }
#winIphone .winners{ width: 500px; }
#winIpad .winners{ width: 500px; }

ul.winners { margin:auto;}
ul.winners li {  margin:0 7px; height: 118px; }
ul.winners li div { height: 98px; overflow: hidden; width:85px; text-align: left; font-size: 12px;}
ul.winners li div img{ width:85px;}
ul.winners li div .weeks{ margin:0 0 3px; font-size: 12px; text-align: center;}

h3 { margin: 5px 0; font-size: 12px; font-weight: normal; color: white; }

div#invited { margin: 0 100px; overflow: hidden; }
div#invited div { float: left; width: 100px; height: 100px; overflow: hidden; }
ul#users li div img { min-width: 100%; min-height: 100%; }
div#invited h3 { margin: 20px 0 0 110px; color: black; font-size: 28px; }
div#invited p { clear: both; padding-top: 20px; }

#peopleSearch {text-align: center; margin-bottom: 20px;}
#srchFld { border: none; background: #fff; font-size: 16px; width: 50%; padding: 4px; font-family: 'GaramondPremierProRegular', serif;}

#share { margin-bottom: 20px; font-weight: normal; text-align: center; font-size: 18px; }
#share a { background: #e91d25; color: white; padding: 2px 5px; }

/* ------------startStyle-----------*/

#inviteDiv { margin:10px 0 0 20px; overflow: hidden;}
#inviteDiv p { margin:0; text-align: left;}
#invitation { float: left;}
#btnLike { width: 191px; height: 43px; float: right; background: url("../img/btnLike.png");}

.startTitles { font-size: 22px; color: black; margin: 0 15px; text-align: center; line-height: 20px;}
.startTitles span { font-size: 20px;}

#logo { background: url("../img/logo.png") no-repeat; width: 362px; height: 267px; margin:auto;}

#bottomHr { margin-bottom:0px; opacity: 0.3; }

.conditions { width: 405px;margin:auto; }
.conditions p { font-size: 17px; margin:0px; }
.conditions#cond1 p { font-size: 14px; text-align: center; }

#confirm { text-indent:-999px; float: right; background: url("../img/btnConfirm.png"); margin:10px 0;}
#confirm a { width: 191px; height: 45px; display: block;}

/* ------------End of startStyle-----------*/