body { margin: 0; color: #666666; font-family: Arial, sans-serif; font-size: 12px; background: url(../img/bg-header.jpg) repeat-x; } h1 { color: #333333; font-size: 14px; border-bottom: 1px solid #A7A7A7; clear: both; margin-top: 20px; } #home h1 { font-family: Courier New, Courier; font-size: 26px; color: #1B5C9C; border-bottom: 0; margin: 5px 0; } h2 { color: #333333; font-size: 14px; border-bottom: 1px solid #A7A7A7; line-height: 24px; } h3 { color: #333333; font-size: 16px; margin: 7px 0 14px; line-height: 24px; font-weight: normal; } h4 { color: #1B5C9C; font-size: 16px; margin: 7px 0 14px; line-height: 24px; } h5 { color: #1B5C9C; font-size: 16px; margin: 7px 0 14px; line-height: 24px; font-weight: normal; } h6 { font-size: 16px; } p { line-height: 22px; } a { color: #045A7B; text-decoration: none; border-bottom: 1px solid #99AAEE; } a:hover { border-bottom: 1px solid #045A7B; } .clear, .row { clear: both; min-height: 1px; } .left { float: left; } .right { float: right; } div.center { margin: 0 auto; } .row { overflow: hidden; } .button { color: #045A7B; font-weight: bold; width: 200px; padding: 15px 20px; height: auto; margin: 5px auto; text-align: center; background: #FAFAFA; border: 1px solid #DDDDDD; float: left; } .button.disabled { color: silver; background: url(../img/loading.gif) no-repeat 6px 6px white; } .back-to-proof { background: #EEEEEE; border: 1px solid #DEDEDE; margin-bottom: 10px; padding: 5px 10px; text-align: right; width: 646px; height: 16px; line-height: 16px; } .back-to-proof a { border: none; } .IE6 .button { width: 100px !important; } .IE6 #first-time-here .button, .IE6 #first-time-here .button span { background: none; } .IE6 img, .IE6 #first-time-here .button, .IE6 .BungySitesComponent ul li, .IE6 .YoutubeFlickrMashComponent h3, .IE6 .YoutubeFlickrMashComponent h4, .IE6 .YoutubeFlickrMashComponent h5, .IE6 .rightbox h3 { behavior: url(/ididit/ididit/iepngfix/iepngfix.htc); } p.notes { margin: 0; line-height: 14px; font-size: 10px; } #header { position: relative; margin: 0 auto; width: 990px; height: 135px; font-size: 14px; } #logo { position: absolute; top: 37px; left: 0; width: 225px; height: 66px; margin: 0; } #home #logo { top: 42px; } #logo a { display: block; width: 225px; height: 66px; text-indent: -12356px; background: url(../img/logo-ididit.jpg) no-repeat; } #logo span { padding-left: 20px; color: white; } #header a { color: white; border: none; } #ajhackett { position: absolute; top: 8px; right: 30px; margin: 0; } #body { width: 990px; margin: 0 auto; min-height: 300px; } #content { clear: both; } #left { position: relative; width: 668px; margin-right: 22px; float: left; overflow: hidden; min-height: 300px; font-size: 14px; } #home #left { padding-top: 20px; } #left ul { } #right { position: relative; float: right; width: 300px; float: left; } #home #right { padding-top: 60px; font-size: 14px; } .rightbox { background: url(../img/box-bottom.png) no-repeat bottom left; margin-bottom: 40px; padding: 10px; position: relative; } .box2 { background: url(../img/box2-bottom.png) no-repeat bottom left; } .rightbox h3 { background: url(../img/box-top.png) no-repeat top left; height: 33px; font-size: 14px; font-weight: bold; line-height: 33px; padding-left: 10px; margin: 0; border: 0; position: absolute; top: -32px; left: 0; width: 300px; } .IE6 .rightbox h3 { left: -10px; } .rightbox h5 { clear: both; margin: 0; padding: 20px 0 0; color: black; font-size: 14px; font-weight: bold; } .rightbox .bottom { padding-left: 40px; background: url(../img/icon-i.png) no-repeat 10px 2px; height: 50px; } .rightbox .bottom p { margin: 0; line-height: 16px; } .rightbox .edit { position: absolute; top: -23px; right: 10px; width: 16px; height: 16px; background: url(../img/button-pencil.png) no-repeat; text-indent: -22px; outline: none; font-size: 10px; line-height: 22px; border: none; } .rightbox .edit:hover { border: none; } .rightbox .avatar { float: right; margin-left: 5px; border: 1px solid white; } .middlebox h3 { background: url(../img/superbigbox-top.png) no-repeat top left; height: 33px; line-height: 33px; padding-left: 10px; margin: 0; border: 0; position: absolute; top: -32px; left: 0; width: 641px; } .middlebox { background: url(../img/superbigbox-bottom.png) no-repeat bottom left; margin-bottom: 40px; padding: 10px; position: relative; width: 631px; } #footer { background: url(../img/bg-footer.png) no-repeat; width: 990px; height: 145px; margin: 45px auto; position: relative; } #footer p { margin: 0; line-height: 14px; } #footer a { border: none; } #help { position: absolute; left: 450px; top: 50px; width: 250px; text-align: right; } #terms { position: absolute; left: 387px; top: 90px; width: 300px; } #bottominfo { position: absolute; bottom: 10px; right: 10px; width: 245px; text-align: center; line-height: 14px; } .recent_comments { position: absolute; top: 10px; left: 10px; width: 370px; } .recent_comments * { margin: 0; padding: 0; } .recent_comments li { list-style: none; line-height: 18px; height: 18px; overflow: hidden; } .recent_comments .comment { color: #666666; } /* forms */ form ul, form li { margin: 0; padding: 0; list-style: none; } form li { clear: both; overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #DDDDDD; } li label, div.field label { color: #333333; width: 160px; float: left; font-size: 14px; color: #666666; line-height: 29px; padding-right: 8px; text-align: left; } div.field { overflow: hidden; margin: 3px 0; } span.middleColumn { float: left; } span.error { color: red; display: block; margin-left: 194px; } input[type="text"], input[type="password"], input, textarea { width: 480px; padding: 6px; float: left; border: 1px solid #DDDDDD !important; height: 17px; background: #FAFAFA !important; font-size: 15px; } input[type="file"] { padding: 0; height: 30px; font-size: 17px; } input[type="radio"] { width: 20px; background: white !important; border: 0 !important; } textarea { height: 100px; } label:after { content: ": " } fieldset { border: 0; padding: 0; margin: 0; clear: both; } fieldset legend { display: none; } input.disabled { color: silver; } input.action { height: 30px; width: auto; float: right; margin-top: 10px; padding-left: 20px; padding-right: 20px; } .fieldgroupField, .checkbox { clear: both; } .fieldgroupField input, .checkbox input { margin: 8px; width: 15px; background: transparent; border: 0; } div.field .fieldgroupField label { width: 400px; } p.checkbox label { width: 400px; float: left; line-height: 30px; } p.checkbox label:after { content: ""; } #TermsAndConditions { padding: 0 10px 10px; height: 150px; overflow: auto; background: #eef; } #Public { position: relative; } #Public label.right { float: left; } #Public input { position: absolute; left: 167px; top: 0; } .login form { background: url(../img/bg-avatar.png) no-repeat 180px 0; padding: 14px 0; } .login li { border: 0; padding: 0; margin-bottom: 3px; } .login fieldset { background: url(../img/icon-camera.png) no-repeat 206px 2px; } .login label { width: 55px; font-size: 11px; line-height: 19px; padding-right: 5px; } .login ul { width: 174px; } #username, #password, #login-submit { width: 110px; padding: 1px; height: 15px; font-size: 12px; } #login-submit { background: white; float: right; height: 18px; width: 60px; font-size: 12px; line-height: 16px; height: 22px; } #edit-profile label { width: 600px; } #exporters li { border: 0; padding: 5px 0; } #exporters li label { line-height: 16px; margin-left: 10px; } #exporters label:after { content: "" } /* home links */ ul.links { margin: 10px 20px 20px; padding: 0; overflow: hidden; } ul.links li { font-size: 16px; list-style: none; clear: both; font-weight: bold; padding: 24px 0 0 120px; position: relative; height: 67px; } ul.links li img { float: left; margin-right: 10px; position: absolute; top: 0; left: 0; } .SwuzzlebucketComponent img { margin: 10px auto 0; display: block; } .SwuzzlebucketComponent h4 { display: none; } .SwuzzlebucketComponent p { margin-left: 121px; } div#loggedin { position: absolute; left: auto; top: 40px; right: 0; width: 500px; } div#loggedin ul { width: 500px; margin: 0; padding: 0; } div#loggedin ul li { margin: 0 0 0 20px; color: white; float: right; list-style: none; } div#loggedin ul li a { color: white; } div#loggedin ul li a:hover { text-decoration: underline; } div#first-time-here { position: absolute; top: 29px; right: 0; text-align: right; color: white; width: 180px;} div#first-time-here .button { display: block; color: white; height: 41px; line-height: 41px; font-size: 17px; background: url(../img/button.png) no-repeat top left; border: 0; padding: 0; float: none; width: auto; padding-left: 10px; position: relative; right: 10px; margin: 1px 0; } div#first-time-here .button:hover { text-decoration: none; border: none; } div#first-time-here .button span { display: block; height: 41px; background: url(../img/button.png) no-repeat top right; padding-right: 20px; position: relative; left: 10px; width: 150px; text-align: center; cursor: pointer;} #favs { margin: 0; padding: 0; clear: both; } .favs { list-style: none; min-height: 22px; line-height: 12px; padding: 12px 0 0 40px; background: url(../img/thumb-up.png) no-repeat; } .blog { background-image: url(../img/icon-blog.png); } .flickr { background-image: url(../img/icon-flickr.png); } .twitter { background-image: url(../img/icon-twitter.png); } .bebo { background-image: url(../img/icon-bebo.png); } .picasa { background-image: url(../img/icon-picasa.png); } .facebook { background-image: url(../img/icon-facebook.png); } .youtube { background-image: url(../img/icon-youtube.png); } .feature { font-size: 12px; } .feature .item { float: left; width: 119px; height: 160px; position: relative; margin: 0 7px; } .featured_photoshows .item { height: 212px; } .IE6 .feature .item { margin: 0 5px; } .feature .item p { margin: 0; } .feature .item .thumbnail { height: 114px; overflow: hidden; } .feature .item img { width: 104px; max-height: 140px; } .feature .item .media { display: block; height: 114px; overflow: hidden; } p.recent_photos_crumbs { position: absolute; top: 114px; left: 0; background: white; width: 104px; min-height: 25px; line-height: 14px; border-top: 5px white solid; } .favourited { display: block; margin-bottom: 8px; } .pagination_link, .pagination_nolink { border: 1px solid #045A7B; color: #045A7B; float: left; margin: 0 1px; padding: 5px 0; text-align: center; text-decoration: none; border: none; width: 23px; } .pagination_nolink { border: 1px solid white; } #profile-message { background: #EEEEEE; border: 1px solid #DEDEDE; margin-bottom: 10px; padding: 5px 10px; text-align: left; width: 646px; min-height: 16px; line-height: 16px; position: absolute; z-index: 10; cursor: default !important; } #profile-message .close { cursor: pointer; float: right; margin: 0 0 0 5px; } .error { color: red; } .BungySitesComponent { font-size: 14px; } .BungySitesComponent h5 { border: 0; margin: 5px 0 10px; color: #353535; font-size: 14px; font-weight: bold; } .BungySitesComponent ul { margin: 0 !important; padding: 0; overflow: hidden; } .BungySitesComponent ul li { list-style: none; float: left; padding-bottom: 20px; margin-right: 10px; } .BungySitesComponent ul li a { border: none; } .BungySitesComponent ul li.ui-state-active { background: url(../img/up-arrow.png) no-repeat bottom center; } .BungySitesComponent ul li img { vertical-align: bottom; } .BungySitesComponent div { background: #dae6eb; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; position: relative; } .BungySitesComponent div p { padding-bottom: 35px; } .BungySitesComponent div ul { background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; position: absolute; bottom: 10px; width: 628px; } .BungySitesComponent div ul li { padding: 0 5px; } .BungySitesComponent div ul li a { font-weight: bold; margin-right: 16px; } .ui-tabs-hide { display: none; } .YoutubeFlickrMashComponent h3 { font-family: Courier New, Courier; font-size: 26px; color: #1B5C9C; font-weight: bold; margin: 5px 0; } .YoutubeFlickrMashComponent .container { background: url(../img/pattern.gif); -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 452px; position: relative; } .IE .YoutubeFlickrMashComponent .container { height: 460px; } .YoutubeFlickrMashComponent h4 { text-align: center; margin: 0; border: 0; width: 120px; height: 39px; background: white; padding: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .YoutubeFlickrMashComponent .feed h4 img { width: auto; margin: 0; } .YoutubeFlickrMashComponent .feed { position: absolute; top: 22px; } .YoutubeFlickrMashComponent ul { margin: 0 !important; padding: 0; } .YoutubeFlickrMashComponent ul li { list-style: none; margin: 10px 0; padding: 7px; line-height: 1px; background: url(../img/white25.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; } .YoutubeFlickrMashComponent ul li:hover { background: url(../img/white50.png); } .IE6 .YoutubeFlickrMashComponent ul li, IE6 .YoutubeFlickrMashComponent ul li:hover { background: white; } .YoutubeFlickrMashComponent ul li a { width: 120px; height: 66px; overflow: hidden; display: block; } .YoutubeFlickrMashComponent .flickr-feed { left: 10px; } .YoutubeFlickrMashComponent .flickr-feed h4 img { margin-top: 5px; } .YoutubeFlickrMashComponent .youtube-feed { right: 10px; } .YoutubeFlickrMashComponent .youtube-feed h4 { } .YoutubeFlickrMashComponent .feed img { width: 100%; margin-top: -12px; } .YoutubeFlickrMashComponent .media { width: 356px; height: 384px; overflow: hidden; position: absolute; top: 21px; left: 156px; } .YoutubeFlickrMashComponent .media h5 { text-align: center; border: 0; background: url(../img/white25.png); -moz-border-radius: 7px; -webkit-border-radius: 7px; color: white; font-weight: bold; line-height: 25px; margin: 0 0 10px; } .YoutubeFlickrMashComponent .media img { width: 100%; } #FacebookFanBox { border-bottom: 1px solid #94A3C4; margin-top: -30px; }