/*Quick and dirty Free Ice Cream dot net * * */ body{ background:#00B0D8; text-align:center; color:#FFF} /* ***simple type stuff*** */ p{ font-size:80%; width:100%} a, a img{ /*display:block; */ border:none; color:#FFF; text-decoration:none} /**/ #page-wrapper{ width:100%; float:left; top:0} /* postioning of background images*/ #center{ margin:0 auto; position:relative; width:960px; height:792px} #Table_01{ /*position:relative; */ left:0px; top:0px; width:960px; height:792px} /* header */ .iceCreamGaphics{ position:relative; top:0; left:0} #kats-title{ background:url(images/free_icecreamv2_03.png) no-repeat 0 0; position:relative; left:0px; top:0px; width:181px; height:46px; float:left} #domer-title{ background:url(images/free_icecreamv2_04.png) no-repeat 0 0; position:relative; left:0; top:0; width:119px; height:46px; float:left} #title-graphic{ background:url(images/free_icecreamv2_05.png) no-repeat 0 0; position:relative; left:0; top:0; width:640px; height:46px; float:left} #free-icecream-title{ background:url(images/free_icecreamv2_07.png) no-repeat 0 0; position:relative; left:0; top:0; width:940px; height:84px; clear:left} /**/ #free-icecreamv1-1-1_{ position:relative; left:0px; top:0px; width:175px; height:57px; background:url('images/free_icecreamv1_1_1.png') no-repeat; float:left} #free-icecreamv1-2-2_{ position:relative; left:0; top:0px; width:30px; height:57px; float:left} #free-icecreamv1-3-3_{ position:relative; left:0; top:0px; width:235px; height:57px; float:left} #free-icecreamv1-4-4_{ position:relative; left:0; top:0px; width:520px; height:57px; float:left} #free-icecreamv1-6-5_{ position:relative; left:1px; top:0; width:959px; height:85px; float:left} #free-icecreamv1-7-6_{ position:relative; left:0px; top:0; width:321px; height:159px; float:left} #free-icecreamv1-8-7_{ position:relative; left:0; top:0; width:308px; height:159px; float:left} #free-icecreamv1-9-8_{ position:relative; left:0; top:0; width:331px; height:159px; float:left} #free-icecreamv1-10-9_{ background:url(images/free_icecreamv1_10_9.png) no-repeat; position:relative; left:0px; top:0; width:321px; height:279px; float:left} #free-icecreamv1-10-9_ .album{ border:dotted 1px #000; width:250px; height:269px; margin:0 0 0 40px} #free-icecreamv1-11-10_{ position:relative; left:0; top:0; width:308px; height:279px; float:left} #free-icecreamv1-12-11_{ background:url(images/free_icecreamv1_12_11.png) no-repeat; position:relative; left:0; top:0; width:331px; height:279px; float:left} #free-icecreamv1-12-11_ .store{ border:dotted 1px #000; width:250px; height:269px; margin:0 0 0 30px} #free-icecreamv1-13-12_{ position:relative; left:0; top:0; width:1px; height:2px; float:left} #free-icecreamv1-14-13_{ position:relative; left:0; top:0; width:320px; height:51px; float:left} #free-icecreamv1-15-14_{ position:relative; left:0; top:0; width:308px; height:160px; float:left} #free-icecreamv1-16-15_{ position:relative; left:0; top:0; width:331px; height:51px; float:left} #free-icecreamv1-18-16_{ background:url(images/free_icecreamv1_18_16.png) no-repeat; position:relative; left:0px; top:631px; width:321px; height:44px; /*float:left; */ } a.download{ position:relative; top:-618px; height:20px; color:#00B0D8 } #free-icecreamv1-19-17_{ position:relative; left:0; top:0; width:331px; height:40px; float:left} #free-icecreamv1-20-18_{ position:relative; left:0; top:0; width:331px; height:69px; float:left} #free-icecreamv1-22-19_{ position:relative; left:1px; top:44px; width:320px; height:65px; /*float:left; */ } #free-icecreamv1-23-20_{ position:relative; left:0px; top:0; width:960px; height:52px; float:left} .border{ border:1px #FFF solid} .float-left{ float:left} .float-right{ float:right} .clear-both{ clear:both} /** heights and backgrounds for columns **/ #head-contain{ height:130px; background:transparent} #head-contain a:link, #head-contain a:visited, #head-contain a:hover, #head-contain a:active{ border:none} #header{ min-height:130px; background:url(images/free_icecreamv1_03.png) no-repeat transparent} #left{ background:url(images/free_icecreamv1_08.png) no-repeat transparent} #right{ background:url(images/free_icecreamv1_11.png) no-repeat transparent} /* tshirt page uses this background */ #shirt-holder{background:url(images/fic_tshirtBox.png) no-repeat 2.75em 0 transparent; padding:.5em 0 0 5.3em} #middle{background:url(images/free_icecreamv1_07.png) no-repeat transparent} #footer{ background:url(images/free_icecreamv1_09.png) no-repeat 0 0 transparent; height:51px} .height_1{ min-height:600px; /*border:1px #FFF solid; */ } #main-container{ /*min-height:1000px; */ background-color:#00B0D8} /* content left ** also contains the jquery slider stuff for albums */ .free-music-head{ height:100px; width:250px; /*border:1px dotted #000; */ margin:0 0 0 25px} .free-music{ width:250px; height:250px; margin:0 0 0 25px; /*border:1px dotted #000; */ overflow:hidden} /* holds the email form */ .free-music-bottom, .paypal, #nav[class=free-music-bottom], #nav .free-music-bottom, .video-bottom, #video-nav{ width:250px; height:250px; /*border:1px dotted #000; */ margin:0 0 0 25px} div#middle >.free-music-bottom{height:160px; padding:90px 0 0} #video-nav li{ display:inline; margin:0 .12em 0 0} #video-nav a{ color:#00B0D8; font-size:140%} #video-nav a#next2, #video-nav a#prev2{ padding:0 1.2em} #video-nav a#next2{ margin:0 0 0 1.3em} div.slider-nav{ margin:15px 0 0 0} div.slider-nav a:link{ color:#00B0D8; padding:4px} /* slideshow */ #slideshow, #videoslides{ /*border:1px dotted red; */ height:250px; overflow:hidden; position:relative} #nav[class=free-music-bottom]{ /* width:250px; margin:0; */ } #nav li /* #video-nav li */{ width:50px; float:left; margin:0 5px; list-style:none} #nav li a.activeSlide, #video-nav li a.activeSlide{ /*border:1px dotted #00B0D8; */ height:50px; position:relative; /*background:#00B0D8; */ } /* #nav li a{ width:50px; padding:2px; display:block: } */ #nav a:focus, #video-nav a:focus{ outline:none} #nav a img, #video-nav a img{ border:none; /*display:block; */ border:1px solid #CCC} /* /slideshow */ /* most of the paypal containers and holder */ .paypal{ } #paypal-holder{ margin:0 0 0 45px} td.tcp, input[id=paypalgif] /*table-cell-padding*/{ padding:5px 10px 0; color:#00B0D8; text-align:center} /* / photos page / */ #secondRow{ clear:both} #sub-footer, #down-load{ font-size:1.7em; /*border:1px dotted #000; */ } #down-load{ margin:10px 0; display:block; text-align:center} a.cover-art{ display:block} #sub-footer ul{ margin-left:0; padding-left:0; display:inline} #sub-footer ul li{ display:inline; border-left:1px solid #fff; padding:2px 10px; margin-left:0; list-style:none} #sub-footer ul li a{ display:inline; color:#FFF} #sub-footer ul li.first{ border-left:none} /* * *about page * */ .about-right{float:left; padding:3.55em 0 0 0} /* tools */ .simpleborder{ border:1px dotted #000} /* * *music page[s] * */ .music-page{padding:5em 0 0} .cover-track{/*the whole box */ /* border:1px dotted red; */ margin:.5em 0} .cover-art{ float:left; /* border:1px dotted red; */ background:url(images/fic_albumBox.png) no-repeat transparent; height:320px; widows:300px} .cover-art img{ margin:1.8em 0 0} .track{ /* border:1px dotted red; */ float:left; width:13.52em; margin:0.3em 0 0 .1em} .track-title{font-size:1.5em; text-align:left} ol.track-list{list-style-type:decimal-leading-zero; text-align:left; margin:0 0 0 2em} ol.track-list li span{font-size:80%} /* ol.track-list li{} */ .dl-album{clear:both; padding:.8em 0 .8em .5em; text-align:left; font-size:150%; /* background:url(images/fic_music_dl.png) no-repeat transparent -1.2em center; *//* height:60px; */} .dl-album a:link, .dl-album a:visited, .dl-album a:hover, .dl-album a:active{padding:2em 0 0 0} .dl-album a:hover{text-decoration:underline} .music-desc p{/* border:1px dotted red; */font-size:120%; padding:0; text-align:left} .music-desc p span{float:left; font-size:350%; line-height:1em; margin:0 0.09em -0.2em} /* .music-desc p:first-letter{font-size:5em; line-height:.5em; color:red} */ /* video page */ .video {border: double #FFF;padding:15px 0;}