/* www.gfunkera.co.uk CSS Document by Graeme Buckley - 2009 */

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

a, a:hover, a:active, a img, a, a:hover img, a:active img  {
outline:none;
border:none;
}

font.aboutgraemebuckleyintro {
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:19px;
color:#000000;
font-style:italic;
font-weight:normal;
display:inline;
}

p.aboutgraemebuckley {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-bottom:10px;
line-height:22px;
display:inline;
}

p.aboutgraemebuckley a {
color:#000000;
border-bottom:#222222 1px dashed;
text-decoration:none;
}

p.aboutgraemebuckley a:hover {
background-color:#FFCC33;
}

p.bodytext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-bottom:10px;
line-height:20px;
}

p.bodytext a {
color:#000000;
border-bottom:#222222 1px dashed;
text-decoration:none;
}

p.bodytext a:hover {
background-color:#FFCC33;
}

p.gfunkera-background-text {
display:none;
}

p.titles, ul.oddfacts {
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
line-height:24px;
font-style:italic;
font-weight:normal;
padding-top:1px;
list-style-image:url(images/bullet-point.png);
list-style-position:inside;
text-indent:0px;
}

p.titles a {
color:#000000;
text-decoration:none;
}

p.titles a:hover {
border-bottom:dashed 1px #333;
background-color:#FFCC33;
}

body {
background-image:url(images/bg2.jpg);
background-repeat:repeat;
}

#divContainer {
margin:0 auto;
width:980px;
}

#divHeader {
width:980px;
height:156px;
}

h1.gfunkera-logo {
width:427px;
height:156px;
float:left;
}

a.gfunkera-logo {
width:427px;
height:156px;
display:block;
text-indent:-5000em;
background:url(images/logo.gif);
background-repeat:no-repeat;
}

h2.shameless-self-promotion {
width:494px;
height:156px;
display:block;
text-indent:-5000em;
background-image:url(images/shameless-self-promotion.gif);
background-repeat:no-repeat;
float:right;
}

#divNav {
width:980px;
height:73px;
background-image:url(images/nav.jpg);
background-repeat:no-repeat;
}

#divNav ul#divMenu {
position:relative;
width:980px;
height:73px;
}

#divNav ul#divMenu li {
list-style:none;
position:absolute;
}

ul#divMenu li, ul#divMenu a {
height:73px;
display:block;
top:0px;
}

#divNav ul#divMenu li a {
text-indent:-5000px;
text-decoration:none;
}

#gfunkera-homepage		{left:0px; width:152px;}
#about-graeme-buckley	{left:153px; width:152px;}
#pictures				{left:305px; width:178px;}
#videos					{left:483px; width:158px;}
#websites				{left:641px; width:188px;}
#links					{left:829px; width:151px;}

#gfunkera-homepage		a:hover	{background:transparent url(images/nav.jpg) -0px -73px no-repeat;}
#about-graeme-buckley	a:hover	{background:transparent url(images/nav.jpg) -153px -73px no-repeat;}
#pictures				a:hover	{background:transparent url(images/nav.jpg) -305px -73px no-repeat;}
#videos					a:hover	{background:transparent url(images/nav.jpg) -483px -73px no-repeat;}
#websites				a:hover	{background:transparent url(images/nav.jpg) -641px -73px no-repeat;}
#links					a:hover	{background:transparent url(images/nav.jpg) -829px -73px no-repeat;}

#gfunkera-homepage		a.on {background:transparent url(images/nav.jpg) -0px -73px no-repeat;}
#about-graeme-buckley	a.on {background:transparent url(images/nav.jpg) -153px -73px no-repeat;}
#pictures				a.on {background:transparent url(images/nav.jpg) -305px -73px no-repeat;}
#videos					a.on {background:transparent url(images/nav.jpg) -483px -73px no-repeat;}
#websites				a.on {background:transparent url(images/nav.jpg) -641px -73px no-repeat;}
#links					a.on {background:transparent url(images/nav.jpg) -829px -73px no-repeat;}

#divWelcome {
width:980px;
height:300px;
background-image:url(images/welcome-bg.jpg);
background-repeat:no-repeat;
clear:both;
}

#divWelcomeText {
width:240px;
height:154px;
padding-left:36px;
padding-top:105px;
float:left;
}

#divWelcomeImageLoop {
width:644px;
height:155px;
overflow:hidden;
float:right;
padding-right:41px;
margin-top:59px;
}

#divAboutGraemeBuckleyImageLoop {
width:343px;
height:295px;
overflow:hidden;
float:left;
margin-top:63px;
margin-left:26px;
}

#divTextIntro {
width:515px;
padding:10px 0 0 37px;
float:left;
}

#divAboutGraemeBuckley {
width:980px;
height:463px;
}

#divAboutGraemeBuckley1 {
width:556px;
height:95px;
float:left;
}

#divAboutGraemeBuckley2 {
width:424px;
height:386px;
background-image:url(images/about-me-bg2.jpg);
background-repeat:no-repeat;
float:right;
}

#divAboutGraemeBuckley3 {
width:556px;
height:368px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
float:left;
}

#divAboutGraemeBuckley4 {
width:424px;
height:77px;
float:right;
}

#divClear {
clear:both;
}

#divLastfm {
width:186px;
height:202px;
margin-top:52px;
padding-left:92px;
}

#divAboutGraemeBuckley5 {
width:310px;
height:386px;
background-image:url(images/about-me-bg5.gif);
background-repeat:no-repeat;
float:left;
}

#divAboutGraemeBuckley6 {
width:670px;
height:386px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
float:right;
}

#divAboutGraemeBuckleyTitles {
width:980px;
height:57px;
}

#divAboutGraemeBuckley7 {
width:980px;
height:100%;
background-image:url(images/bg.jpg);
}

#divAboutGraemeBuckley8 {
width:980px;
height:197px;
background-image:url(images/about-me-bg8.jpg);
background-repeat:no-repeat;
clear:both;
}

#divTopBanana {
float:left;
width:204px;
height:197px;
margin-left:110px;
overflow:hidden;
}

#divFilms {
float:right;
width:254px;
height:135px;
margin-top:62px;
margin-right:141px;
overflow:hidden;
}

#divAboutGraemeBuckley9 {
width:980px;
height:112px;
clear:both;
}

#divAboutGraemeBuckley10 {
width:980px;
height:58px;
clear:both;
}

#divAboutGraemeBuckley11 {  /* Adjust for countdown footer gap */
width:980px;
height:200px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divBluRayCountdownText {
float:left;
width:475px;
padding:12px 0 0 37px;
}

#divFuntimeCountdownText {
float:right;
width:450px;
padding:12px 0 0 0;
}

#divLastFmTopTracks {
float:left;
padding:52px 0 0 92px;
}

#divTopBananaText {
float:left;
width:350px;
padding:12px 0 0 37px;
}

#divCelluloidText {
float:right;
width:480px;
padding:12px 35px 0 0;
}

#divPictures1 {
width:980px;
height:95px;
}

#divPictures2 {
width:980px;
height:311px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divPictures3 {
width:422px;
height:311px;
background-image:url(images/pictures-bg3.gif);
background-repeat:no-repeat;
float:right;
}

#divPictures4 {
width:980px;
height:51px;
clear:both;
}

#divPictures5 {
width:980px;
height:1160px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divPicturesTitlesContainer {
width:980px;
height:120px;
padding-top:5px;
}

#divPicturesTitles {
width:288px;
display:inline;
float:left;
text-align:center;
padding-right:16px;
padding-left:37px;
}
#divPicturesTitlesMiddle {
position:relative;
width:288px;
display:inline;
float:left;
text-align:center;
padding-right:0px;
padding-left:8px;
}

#divPicturesTitlesEnd {
position:relative;
width:288px;
display:inline;
float:left;
text-align:center;
padding-right:0px;
padding-left:26px;
padding-top:5px;
}

#divGallery {
margin:0 auto;
width:939px;
height:200px;
}

#divGalleryImage {
width:313px;
height:200px;
display:inline;
float:left;
}

#divGalleryImage img {
margin:0 auto;
border:1px dashed #666;
float:none;
}

#divPicturesText1 {
width:575px;
padding:8px 0 0 37px;
}

#divWebsites {
width:980px;
height:330px;
}

#divWebsites1 {
width:980px;
height:94px;
background-image:url(images/websites-bg1.gif);
background-repeat:no-repeat;
}

#divWebsites2 {
width:595px;
height:236px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
float:left;
}

#divWebsites3 {
width:385px;
height:236px;
float:right;
}

#divWebsites4 {
width:980px;
height:74px;
clear:both;
}

#divWebsites5 {
width:980px;
height:310px;
background-image:url(images/websites-bg5.jpg);
background-repeat:no-repeat;
}

#divWebsites6 {
width:980px;
height:660px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divWebsitesGallery {
margin:0 auto;
width:929px;
height:275px;
}

#divWebsitesGalleryImage {
width:275px;
height:275px;
display:inline;
float:left;
margin-top:25px;
background-image:url(images/yellow-sticker.png);
background-repeat:no-repeat;
}

#divWebsitesGalleryImage img {
margin:20px auto 0 auto;
display:block;
}

#divWebsitesGalleryImage img.title {
margin:8px auto 0 auto;
display:block;
}

#divWebsitesGalleryImage p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
margin:3px 15px 0px 15px;
}

#divVideos1 {
width:980px;
height:98px;
}

#divVideos {
width:980px;
height:322px;
}

#divVideos2 {
width:555px;
height:322px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
float:left;
}

#divVideos3 {
width:425px;
height:322px;
float:right;
}

#divVideos4 {
width:980px;
height:58px;
clear:both;
}

#divVideos5 {
width:980px;
height:620px;
background-image:url(images/videos-bg5.jpg);
background-repeat:no-repeat;
}

#divLinks1 {
width:980px;
height:95px;
}

#divLinks2 {
width:980px;
height:217px;
background-image:url(images/links-bg2.jpg);
background-repeat:no-repeat;
}

#divLinks3 {
width:980px;
height:107px;
}

#divLinks5 {
width:980px;
height:236px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divLinks6 {
width:980px;
height:59px;
}

#divLinks7 {
width:980px;
height:238px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#divLinks8 {
width:980px;
height:57px;
}

#divLinks9 {
width:980px;
height:369px;
background-image:url(images/links-bg9.jpg);
background-repeat:no-repeat;
}

#divLinksRow {
width:888px;
height:90px;
margin-left:74px;
margin-bottom:22px;
}

#divLink {
width:296px;
height:90px;
display:inline;
float:left;
}

#divLink img {
float:left;
padding-right:10px;
}

#divMainPortfolio {
position:relative;
width:980px;
height:440px;
background-image:url(images/portfolio.jpg);
background-repeat:no-repeat;
}

.lfmWidgetchart_76981875bb7f4c8b3e4bb33ebe5f0e6f {
padding-left:362px;
padding-top:67px;
}

#flickr_badge_uber_wrapper {
padding-left:664px;
padding-top:17px;
}

#flickr_badge_uber_wrapper_recent {
float:right;
clear:both;
}

#flickr_badge_uber_wrapper_random {
float:right;
clear:both;
}

#divPortfolioNav {
width:980px;
height:51px;
background-image:url(images/portfolio-nav.gif);
background-repeat:no-repeat;
}

#divPortfolioNav ul#divPortfolioMenu {
position:relative;
width:980px;
height:51px;
}

#divPortfolioNav ul#divPortfolioMenu li {
list-style:none;
position:absolute;
}

ul#divPortfolioMenu li, ul#divPortfolioMenu a {
height:51px;
display:block;
top:0px;
}

#divPortfolioNav ul#divPortfolioMenu li a {
text-indent:-5000px;
text-decoration:none;
}

#porfolio-about-graeme-buckley	{left:63px; width:181px;}
#porfolio-videos				{left:292px; width:148px;}
#porfolio-pictures				{left:496px; width:195px;}
#porfolio-websites				{left:732px; width:198px;}

#porfolio-about-graeme-buckley	a:hover	{background:transparent url(images/portfolio-nav.gif) -63px -51px no-repeat;}
#porfolio-videos				a:hover	{background:transparent url(images/portfolio-nav.gif) -292px -51px no-repeat;}
#porfolio-pictures				a:hover	{background:transparent url(images/portfolio-nav.gif) -496px -51px no-repeat;}
#porfolio-websites				a:hover	{background:transparent url(images/portfolio-nav.gif) -732px -51px no-repeat;}

#porfolio-about-graeme-buckley	a.on {background:transparent url(images/portfolio-nav.gif) -63px -51px no-repeat;}
#porfolio-videos				a.on {background:transparent url(images/portfolio-nav.gif) -292px -51px no-repeat;}
#porfolio-pictures				a.on {background:transparent url(images/portfolio-nav.gif) -496px -51px no-repeat;}
#porfolio-websites				a.on {background:transparent url(images/portfolio-nav.gif) -732px -51px no-repeat;}

#divPortfolioFooter {
width:980px;
height:105px;
background-image:url(images/portfolio-footer.jpg);
background-repeat:no-repeat;
}

#divTwitterFooter {
margin-top:-33px;
height:75px;
background-image:url(images/twitter-footer.png);
background-repeat:repeat-x;
background-position:top;
}

#divgfunkera-twitter {
width:1200px;
margin:0 auto;
padding-top:28px;
}

p#twitter_update_list {
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing:-1px;
color:#333333;
text-align:center;
list-style-image:url(images/twitter.png);
text-indent:-15px;
padding-left:30px;
}

p#twitter_update_list a {
color:#0066CC;
text-decoration:none;
display:hidden;
}

p#twitter_update_list a:hover {
color:#003399;
}