/* PawPaw styles */

@font-face { font-family: "Gotham Rounded Light"; src: url("../fonts/GothamRnd-Light.otf"); }
@font-face { font-family: "Gotham Rounded Medium"; src: url("../fonts/GothamRnd-Medium.otf"); }

body { font-family:"Gotham Rounded Light", Arial, Helvetica, sans-serif; font-size:11px; color:rgb(54,54,54); padding-bottom:40px; }
a { color:rgb(142,2,1); font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; text-decoration:none; }
a:hover { text-decoration:underline; }
p { font-size:13px; line-height:17px; margin:0 0 10px 0; letter-spacing:normal; }
h1 { font-size:30px; margin-bottom:10px; }
h2 { font-size:22px; line-height:28px; font-weight:normal; margin-bottom:20px; }
h3 { font-size:18px; line-height:22px; font-weight:normal; margin-bottom:20px; }
h4 { font-size:16px; line-height:18px; font-weight:normal; margin-bottom:10px; }
h4.button { display:block; width:257px; padding:17px 19px 15px 19px; font-size:15px; color:white; background-image:url(../images/buttonRed.png); background-position:top left; background-repeat:no-repeat; text-align:left; font-weight:normal; margin-bottom:0; }
h4.button a { color:white; text-decoration:none; }
h4.button:hover { background-image:url('../images/buttonRedGlow.png'); cursor:pointer; }
h5 { font-size:14px; line-height:16px; font-weight:normal; margin-bottom:10px; }
h6 { font-size:10px; line-height:13px; font-weight:normal; margin-bottom:0; }

strong { font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; color:rgb(35,35,35); }

.clear { clear:both; }
.required { color:rgb(142,2,1); font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; }
.small { font-size:9px; line-height:11px; }
.error { background-color:rgb(142,2,1); background-image:url('../images/bkgGradientRed.jpg'); background-position:center left; background-repeat:repeat-x; padding:10px; color:white; font-size:11px; margin-top:20px; }
.error h3 { margin-bottom:10px; }
.error ul { margin-top:0; margin-bottom:10px; }
.error li { list-style:disc; margin-left:1.5em; margin-bottom:2px; }
.error p { margin-bottom:0; font-size:11px; }

#logo { margin-bottom:25px; }
#strapline { position:absolute; left:88px; top:135px; }

#container { width:100%; background-repeat:repeat-x; background-position:top center; /*-webkit-box-shadow:2px 2px 15px black; -moz-box-shadow:2px 2px 15px black;*/ }
#main { }
#centreBlock { width:900px; margin:0 auto 0 auto; position:relative; }
#title { /*position:relative; z-index:10;*/ float:left; width:218px; height:420px; background-position:top left; background-repeat:repeat-x; margin-left:33px; padding:65px 51px 60px 51px; color:white; }

#menu li { font-size:17px; letter-spacing:-1px; text-transform:lowercase; margin-bottom:6px; font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; }
#menu li a { font-family:"Gotham Rounded Light", Arial, Helvetica, sans-serif; text-decoration:none; color:white; }
#menu li a:hover { font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; }
#submenu { margin-top:6px; margin-left:10px; }

#textMenu { margin-left:1.5em; margin-bottom:10px; }
#textMenu li { list-style:disc; font-size:1.2em; line-height:1.3em; margin-bottom:5px; }

#textBlock { float:right; width:260px; position:relative; z-index:200; margin-top:65px; margin-right:55px; text-align:right; }
.secondary #textBlock { margin-top:135px; width:360px; }
.appdetail #textBlock { margin-top:135px; width:450px; }
#textIntro { /*position:absolute; top:65px; right:55px;*/ color:white; width:260px; text-align:right; }
.secondary #textIntro , .secondary #textMain , .appdetail #textIntro { width:360px; }
.appdetail #textMain { width:450px; text-align:right; margin-top:10px; }
.secondary #textMain { margin-top:50px; }
#textMain { /*position:absolute; top:320px; right:55px; z-index:50;*/ margin-top:25px; color:rgb(54,54,54); width:260px; text-align:justify; }
#textLogo { position:relative; left:-140px; /*top:200px; right:45px;*/ z-index:20; }
.appdetail #textLogo { left:65px; top:-8px; }
#circleNew { position:absolute; top:-15px; left:-40px; z-index:10; }
.textNew { background-image:url('../images/circleNewSmall.png'); background-repeat:no-repeat; background-position:left center; padding-left:30px; line-height:23px; }
#logoFarmIdol { position:relative; z-index:20; }
#logoWineNavigator { position:relative; z-index:20; }
#buttonsBlock { position:absolute; right:-10px; width:276px; margin-top:15px; }

.appButton { width:320px; height:80px; padding:20px; background-image:url('../images/bkgAppButton.png'); background-position:top left; background-repeat:no-repeat; text-align:left; cursor:pointer; margin-bottom:20px; position:relative; z-index:100; }
.appButton:hover { background-image:url('../images/bkgAppButtonSelected.png'); }
.appPageLogo { float:left; width:150px; margin-right:20px; }
.appButton #circleNew { width:50px; height:50px; top:-25px; left:-25px; }
.appButton p { color:black; }
.appButton p a { color:rgb(142,2,1); }

#appInfoBlock { padding-left:45px; }

#appMenuBlock { height:70px; }
#appMenu li a { display:block; float:left; margin-left:5px; background-image:url('../images/bkgAppMenuButton.png'); background-position:top left; background-repeat:repeat-x; text-align:center; padding-left:15px; padding-right:15px; line-height:30px; font-size:12px; height:30px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; }
#appMenu li a:hover { background-image:url('../images/bkgAppMenuButtonSelected.png'); text-decoration:none; }
#appMenu li a.selected { background-image:url('../images/bkgAppMenuButtonSelected.png'); }
#appMenu li.menuFirst a { margin-left:0; }

#appInfoPages { text-align:justify; }
#appInfoPages .button { position:relative; left:-5px; }

#appTunes h4 , #appTunes h5 { margin-top:10px; clear:both; }
ul.notes { margin:10px 0 15px 0; }
ul.notes li { display:block; float:left; margin-right:3px; margin-bottom:3px; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; background-image:url('../images/bkgAppMenuButton.png'); background-position:top left; background-repeat:repeat-x; font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; color:rgb(35,35,35); }

.screenshot { width:80px; float:right; margin-left:15px; margin-bottom:15px; }

.picFooter { position:absolute; z-index:100; }
#picBarn { top:-230px; left:-20px; }
#picFarmer { top:-270px; left:50px; }
#picChicken { top:-50px; left:130px; }
#picSheep { top:-30px; left:35px; }
#picPig { top:-77px; left:30px; }
#piciPhone { top:-330px; left:40px; }
#picCompass { top:-180px; left:70px; }

#screenImage { position:absolute; left:83px; top:-237px; z-index:300; }

#blackbirdBubble { position:absolute; bottom:358px; left:305px; z-index:200; }
#pageApps #blackbirdBubble { bottom:308px; left:235px; }
#speechBubble { position:absolute; top:-90px; left:-70px; background-image:url('../images/graphicSpeechBubbleBig.png'); background-repeat:no-repeat; background-position:top left; width:212px; height:97px; overflow:hidden; display:table; }
#twitter_div { width:172px; height:74px; display:table-cell; vertical-align:middle; text-align:center; padding-left:17px; padding-right:17px; padding-top:6px; padding-bottom:17px; font-size:9px; line-height:11px; }
#twitter_div a { color:rgb(142,2,1); text-decoration:none; font-family:"Gotham Rounded Light", Arial, Helvetica, sans-serif; }
#twitter_div a:hover { text-decoration:underline; }
#twitter_div h6 a { font-family:"Gotham Rounded Medium", Arial, Helvetica, sans-serif; }

form { margin-top:20px; }
label { display:block; float:left; width:170px; font-size:12px; line-height:12px; margin-top:2px; margin-bottom:5px; margin-right:10px; padding-top:3px; padding-bottom:3px; }
input , select , textarea { font-family:"Gotham Rounded Light", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; margin-top:2px; margin-bottom:5px; }
#formSubmit { display:block; margin-top:10px; }

#footer { clear:both; background-position:bottom center; background-repeat:repeat-x; }
#footerContent { width:900px; margin:0 auto 0 auto; position:relative; z-index:10; min-height:244px; }
#copyright { position:absolute; bottom:15px; right:55px; color:white; font-size:9px; letter-spacing:normal; }
#logoTwitter { position:absolute; bottom:45px; right:50px; z-index:100; }
#logoAppStore { position:absolute; bottom:25px; left:55px; z-index:100; }

/* IE6 warning */
#ie6Warning { background-color:white; position:absolute; top:0px; right:20px; width:300px; color:rgb(54,54,54); }
.paddedContent { padding:15px 15px 20px 22px; text-align:left; }
.paddedContent p { letter-spacing:normal; }
.smalllogo { margin-top:15px; }

/* Farm Idol */

body.farmidol { background-color:rgb(8,38,26); }
.farmidol #container { background-image:url('../images/bkgSkyLarge.jpg'); background-color:rgb(128,212,255); }
.farmidol #title { background-image:url('../images/bkgGradientRed.jpg'); background-color:rgb(142,2,1); }
.farmidol #textIntro { color:white; }
.farmidol #circleNew { top:-50px; left:-50px; }
.farmidol #footer { background-image:url('../images/bkgFieldsLarge.jpg'); }
.farmidol h3 strong { color:white; }

/* Wine Navigator */

body.winenavigator { color:black; background-image:url('../images/bkgWoodMap.jpg'); background-repeat:no-repeat; background-position:top center; }
.winenavigator #container { }
.winenavigator #title { background-image:url('../images/bkgGradientPurple.png'); background-color:rgb(62,0,16); }
.winenavigator #textLogo { top:10px; }
.winenavigator #textIntro { color:black; text-shadow:0em 0em 1em rgba(255,255,255,0.8); }
.winenavigator #textMain { margin-top:40px; color:white; }
.winenavigator #textMain strong { color:white; }
.winenavigator #textMain p a { color:white; }
.winenavigator #textMain .appButton p a { color:rgb(142,2,1); }
.winenavigator #appLinks a { color:white; }
.winenavigator #footer { background-color:transparent; }
.winenavigator #footerContent { min-height:auto; }
.winenavigator #piciPhone { left:35px; top:400px; }
.winenavigator #screenImage { left:78px; top:493px; }
.winenavigator .appdetail #textBlock { margin-top:115px; }