/* Style Freddy Boo index page */ body { background: #ffffff; } a:link { text-decoration: none; color: #0b4da2; } a:visited { text-decoration: none; color: #0b4da2; } a:hover { text-decoration: none; background-color: #73cee2; color: #ffffff; } a:active { text-decoration: none; color: #0b4da2; } /* Style for navigation links */ #navigation { position: absolute; top: 35px; left: 30px; height:305px; background-color: #ffffff; margin: 0px; padding: 5px; } #navigation { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #0b4da2; line-height: 30px; } /* Style for telephone, email, tearsheet, smartphone */ #indexpagecontact { position: absolute; top: 560px; left: 30px; width: 120px; height: 50px; background-color: #ffffff; margin: 0px; padding: 5px; } #indexpagecontact { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 12px; } #indexpagecontact a:hover { text-decoration: none; background-color: #e41e26; color: #ffffff; } /* Style for social media icons */ #indexpagetwitter { position: absolute; top: 685px; left: 40px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } #indexpageblogger { position: absolute; top: 685px; left: 70px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } /* Style for website updated text */ #indexpageupdated { position: absolute; top: 750px; left: 30px; width: 115px; height: 40px; background-color: #ffffff; margin: 0px; padding: 5px; border-top: 1px solid; } #indexpageupdated { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; line-height: 16px; } /* Style for footer navigation links */ #linksindexpage { position: absolute; top: 756px; left: 235px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; } #linksindexpage { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #0b4da2; } #linksindexpage a:hover { text-decoration: none; background-color: #73cee2; color: #ffffff; } /* Style for copyright */ #indexpagecopyright { position: absolute; top: 787px; left: 240px; height: 30px; background-color: #ffffff; margin: 0px; padding: 0px; } #indexpagecopyright { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; } /* Style for statcounter */ .counter a { text-decoration: none; color: #ffffff; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style for Freddy Boo Portfolio - index page */ /* Style for title */ #title { position: absolute; top: 50px; left: 225px; width: auto; height: 40px; background-color: transparent; z-index:2; } #title { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #e41e26; } /* Style for intro text */ #titletext { position: absolute; top: 90px; left: 240px; width: auto; height: 45px; background-color: #ffffff; z-index: 1; } #titletext { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #0b4da2; } /* Style for thumbnails */ #thumbnails { position: absolute; top: 165px; left: 230px; background-color: #ffffff; margin: 0px; padding: 5px; } #thumbnails { font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0px; } #thumbnails { width: auto; height: 510px; } .border a:link { text-decoration: none; color: #73cee2; } .border a:visited { text-decoration: none; color: #ffffff; } .border a:hover { text-decoration: none; color: #0b4da2; } /* Style for portfolio images iframe */ #bigimages { position: absolute; top: 70px; left: 650px; background-color: #ffffff; margin: 0px; padding: 10px; } #bigimages { width: auto; height: 760px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style for Freddy Boo About */ a.one:link { text-decoration: none; color: #e41e26; } a.one:visited { text-decoration: none; color: #e41e26; } a.one:hover { text-decoration: none; background-color: #73cee2; color: #ffffff; } a.one:active { text-decoration: none; color: #0b4da2; } /* Style About Freddy Boo */ #about { position: absolute; top: 190px; left: 230px; width: 480px; height: 245px; background-color: #ffffff; } #about { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 18px; } .about { font-style: italic; } .abouttitle { font-style: italic; font-size: 10pt; color: #e41e26; } /* Style Freddy Boo image */ #aboutimage { position: absolute; top: 465px; left: 290px; background-color: #ffffff; margin: 0px; padding: 1px; } /* Style The AOI logo */ #aoilogo { position: absolute; top: 560px; left: 510px; background-color: #ffffff; margin: 0px; padding: 1px; } /* Style for Terms link */ #termslink { position: absolute; top: 510px; left: 520px; width: 120px; height: 30px; background-color: #ffffff; } #termslink { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 18px; } .termslink { font-style: italic; } /* Style for social media icons */ #twitter { position: absolute; top: 600px; left: 40px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } #blogger { position: absolute; top: 600px; left: 70px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } /* Style for website updated text */ #updated { position: absolute; top: 665px; left: 30px; width: 115px; height: 40px; background-color: #ffffff; margin: 0px; padding: 5px; border-top: 1px solid; } #updated { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; line-height: 16px; } /* Style for footer website links */ #footerlinks { position: absolute; top: 670px; left: 235px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; z-index: 2; } #footerlinks { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #0b4da2; } #footerlinks a:hover { text-decoration: none; background-color: #73cee2; color: #ffffff; } /* Style for copyright */ #copyright { position: absolute; top: 701px; left: 240px; height: 30px; background-color: transparent; margin: 0px; padding: 0px; z-index: 1; } #copyright { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style for Freddy Boo Terms and Conditions */ /* Style for Bird images */ #termsbirds { position: absolute; top: 100px; left: 480px; width: 256px; background-color: #ffffff; margin: 0px; padding: 1px; } /* Style for Terms iframe */ #termsbox { position: absolute; top: 240px; left: 230px; width: 610px; background-color: #ffffff; margin: 0px; padding: 1px; } /* Style for Terms */ #terms { position: absolute; top: 1px; left: 1px; width: 560px; background-color: #fffff; } #terms { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 18px; } .termstitle { font-style: italic; font-size: 10pt; color: #e41e26; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style for Freddy Boo Contact */ /* Style for telephone and email details */ #contact { position: absolute; top: 185px; left: 230px; height: 130px; background-color: transparent; margin: 0px; padding: 5px; z-index: 2; } #contact { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #0b4da2; } #contact a:hover { text-decoration: none; background-color: #e41e26; color: #ffffff; } .contact { letter-spacing: 1px; } .contacttitle { font-style: italic; font-size: 10pt; color: #e41e26; } /* Style for image of bird and dog */ #contactimage { position: absolute; top: 140px; left: 245px; background-color: #ffffff; margin: 0px; padding: 1px; z-index: 1; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Style for Permalink images */ /* Style for Images */ #permalink { position: absolute; top: 40px; left: 230px; width: auto; height: 690px; background-color: #ffffff; margin: 0px; padding: 5px; } #permalink { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 11px; } /* Style for copyright */ #permalinkcopyright { position: absolute; top: 745px; left: 236px; height: 30px; background-color: #ffffff; margin: 0px; padding: 0px; } #permalinkcopyright { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; } /* Style for tel & email */ #permalinkcontact { position: absolute; top: 560px; left: 30px; width: 120px; height: 50px; background-color: #ffffff; margin: 0px; padding: 5px; } #permalinkcontact { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; color: #0b4da2; line-height: 12px; } #permalinkcontact a:hover { text-decoration: none; background-color: #e41e26; color: #ffffff; } /* Style for social media icons */ #permalinkpagetwitter { position: absolute; top: 633px; left: 40px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } #permalinkpageblogger { position: absolute; top: 633px; left: 70px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; } .media a:hover { text-decoration: none; background-color: #ffffff; } /* Style for permalink text */ #permalinktext { position: absolute; top: 697px; left: 30px; width: 115px; height: 40px; background-color: #ffffff; margin: 0px; padding: 5px; border-top: 1px solid; } #permalinktext { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; font-style: italic; color: #93a9d5; line-height: 16px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */