/* THEME NAME: chocolate THEME URI: http://www.antsplace.co.uk DESCRIPTION: The theme for chocolate fountains VERSION: 1.6 AUTHOR: Antsplace AUTHOR URI: http://www.antsplace.co.uk */ body {font-size: 11px;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;margin: 0px;padding-left: 50%; background: #f4f4f4 url(http://www.belgianchocolatefountain.co.uk/images/bg.gif) center repeat-y;position: absolute;} #container {width: 900px;margin-left: -450px;} #topbar {width:auto%;background: #EEE;height: 20px;padding: 10px 5px 5px 2px;font: 9px verdana;font-weight: bold; color: #999;text-align: right;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png);background-repeat:repeat;} #headerwrapper { width: auto;} /* class that styles the holder div of the forms */ .userform {width: auto;color: #999;padding: 5px 0px 5px 3px;background: #fbfbfb;border:1px solid #efefef;border-top: none;text-align: justify;margin-bottom: 1px;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png);background-repeat:repeat;} /* This will style the login and search */ .userform input {border: 1px solid #DDD;font-family: verdana;font-size: 10px;color: #BBB;font-weight: bold;} h1 {font: 48px verdana;color: #999;margin: 5px;} h2 {font: 16px verdana;font-weight: bold;color: #999;margin: 0px;padding: 0px; padding-top:3px;} h3 {font: 14px verdana;font-weight: bold;color: #999;margin: 0px;padding: 0px; padding-top:3px;} h6 {font: 10px verdana;font-weight: bold;color: #999;margin: 0px;padding: 0px;margin-left: 8px;} /* This holds the tabs */ #tabholder{width: auto;} /* Container for the article box, and the pic box */ .articleboxouter {width: auto;padding: 0px 6px 0px 5px;clear: both;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png) repeat;} /* Content holder for the articles */ .articleboxinner { width: 660px;line-height: 20px;color: #DD7CB4; padding: 0px 0px 0px 0px;background: #fbfbfb;border:1px solid #efefef;text-align: justify; float:left;} .articleboxouter2 {width: auto;padding: 0px 6px 0px 5px;clear: both;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png) repeat;} .articleboxinner2 {width: auto;line-height: 20px;color: #DD7CB4;padding: 15px 6px 0px 6px;background: #fbfbfb;border:1px solid #efefef;text-align: justify; height: 240px;} .articleboxinner3 {width: auto;line-height: 20px;color: #DD7CB4;padding: 0px 0px 0px 0px;background: #fbfbfb;border:1px solid #efefef;text-align: justify; height:auto;} .articleboxinner4 {width: auto;line-height: 20px;color: #DD7CB4;padding: 0px 0px 0px 0px;background: #fbfbfb;border:1px solid #efefef;text-align: justify; height:auto; min-height:550px;} .articleboxouter3 {width: auto;padding: 0px 6px 0px 5px;clear: both;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png) repeat;} /* The title style for the main article */ .articleheader{ font-size: 18px;font-weight: bold; border-bottom: 1px solid #CCC;} /* This will style the read more thing at the bottom */ .readmore {text-align: right;display: block; width: auto;} /* This controls the main pic in the main article box */ .mainpiccontrol{border: 0px #DBB7DB solid; float: left;margin-right: 10px;} /* Container for the pic thumbnails */ .picboxouter {background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png) repeat; background-repeat:repeat;margin-left:50px;} /* Content holder for the pic box */ .picbox { width: auto;background: url(http://www.belgianchocolatefountain.co.uk/images/madam-background.png) repeat; color: #DD7CB4; border-top: none;text-align: center;} /* This controls the thumbnails in the picbox div */ .pickboxcontrol{border: 1px #DDD solid;vertical-align: middle;} /* Sometimes, I don't want borders around my hyperlink images */ .noborder { border: none;} /* For taming those leeeeeeetle arrows */ /* Style-up those ugly default hyperlinks */ a {text-decoration: none;padding: 0;margin: 0;color: #663366; border:0px;} /* And their ugly hover states too */ a:hover {text-decoration: underline;} a img{border:1px solid #20de7f;} /* Why should the humble footer be left out? */ #footer {background-color: #CCC;color: #fff;text-align: center;vertical-align: middle;height: 30px; padding-top: 5px;clear: both; margin-top:0px;} /* This will contain the three columns */ #newsContainer2{ width:auto; background-color: #E0E0E0;} .alignright {float:right; margin:10px;} .alignleft {float:left; margin:10px;} .alignfull{float:none; margin:10px;} /* First column of the three columns */ .c1{width: 283px;background-color: #F7F4F7; border: 1px solid #DDD; border-top: none;line-height: 22px;color: #a75d88;float: left;margin-left:0px;} /* Second column of the three columns */ .c2{width: 308px;float: left;border-bottom: 1px solid #DDD;line-height: 22px;color: #a75d88;background-color: #fbfbfb; margin-right:0px; padding-right:0px;} /* Third column of the three columns */ .c3{width: 283px;background-color: #F7F4F7;border: 1px solid #DDD;border-top: none;line-height: 22px; color: #a75d88;float: right; margin-right:0px; margin-bottom:2px;} .c4{width: 200px;background-color: #F7F4F7;border: 1px solid #DDD;border-top: none;line-height: 22px; color: #a75d88;float: right;} /* This controls the titles for each column */ .noteheader{width:auto;border-bottom: 1px solid #DDD; border-top: none;color: #DD7CB4;height: 24px; font-family: verdana;padding-left:5px;font-size: 11px;font-weight: bold; background:url(http://www.belgianchocolatefountain.co.uk/images/headerBG.jpg) repeat-x;} /* And this gives the column text some breathing space */ .spacy{padding: 5px;} /* CSS Tabs */ #tabs8 {float:left;width:100%;background:#F1F1F1;font-size:93%;line-height:normal; border-bottom:1px solid #CCC;} #tabs8 ul {margin:0;padding:10px 10px 0 5px;list-style:none;} #tabs8 li {display:inline;margin:0;padding:0;} #tabs8 a {float:left;background:url("http://www.belgianchocolatefountain.co.uk/images/tableft8.gif") no-repeat left top; margin:0;padding:0 0 0 4px;text-decoration:none;} #tabs8 a span {float:left;display:block;background:url("http://www.belgianchocolatefountain.co.uk/images/tabright8.gif") no-repeat right top; padding:5px 15px 4px 6px;color:#eee;font-weight: bold;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { color:#591333;} #tabs8 a:hover { background-position:0% -42px;} #tabs8 a:hover span {background-position:100% -42px; color: #888;} #tabs8 #current a {background-position:0% -42px;} #tabs8 #current a span {background-position:100% -42px;color: #888;} #flashcontent {border: solid 0px #ffffff;width: 900px;height: 120px;margin: 0px 0px;} /* End of CSS Tabs */ #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next { display: block;float: left;width: 30px;height: 118px; text-decoration: none; background: url("http://www.belgianchocolatefountain.co.uk/images/arrowrev.png") left 60px no-repeat;} #jCarouselLiteDemo .carousel a.next {background: url("http://www.belgianchocolatefountain.co.uk/images/arrow.png") right 60px no-repeat;} #jCarouselLiteDemo .carousel a.next:hover {background-image: url("http://www.belgianchocolatefountain.co.uk/images/arrow.png");} #jCarouselLiteDemo .carousel a.prev:hover {background-image: url("http://www.belgianchocolatefountain.co.uk/images/arrowrev.png");} #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active { border: none;outline: none;} #jCarouselLiteDemo .carousel .jCarouselLite { border: 1px solid black; float: left;background:transparent;/* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; padding:0px;} #jCarouselLiteDemo .carousel ul {margin: 0px;background:transparent;} #jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p {width: 120px;height: 118px; background:transparent;} #jCarouselLiteDemo .widget img {cursor: pointer; } #jCarouselLiteDemo .mid {margin-left: 80px; width: 200px; height: 118px;background:transparent;} #jCarouselLiteDemo .vertical {padding:5px;} #jCarouselLiteDemo .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */width: 120px;} #jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img , #jCarouselLiteDemo .imageSliderExt li p { width: 200px;height: 118px;} #jCarouselLiteDemo .vertical2 {padding:5px;} #jCarouselLiteDemo .vertical2 .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */width: 157px;} .wide-image {width:157px;} /* sidebar */ #categories { list-style:none; margin-left:-25px; padding-bottom:5px; } #categories h3 {font: 12px verdana;font-weight: bold;color: #DD7CB4;margin: 0px;padding: 0px;} #categories li { list-style:none; margin-left:-25px;} #archives { list-style:none; margin-left:-25px;} #archives li{ list-style:none; margin-left:-25px;} #archives h3 {font: 12px verdana;font-weight: bold;color: #DD7CB4;margin: 0px;padding: 0px;} #search { list-style:none; margin-left:-25px; padding-bottom:5px; } #search li{ list-style:none; margin-left:-25px;} #search h3 {font: 12px verdana;font-weight: bold;color: #DD7CB4;margin: 0px;padding: 0px;} .searchtext {padding:0px 0px;border: 4px solid #DD7CB4; width: 150px;} .button {width: auto;line-height:1em;text-align: center;background: #DD7CB4;border: 4px solid #fff;color: #fff;cursor: pointer;margin:0;padding:3px 8px; /* IE6 */} .button:hover {background: #ffffff; color:#DD7CB4;} #rss-links { list-style:none; margin-left:-25px; padding-bottom:5px; } #rss-links li{ list-style:none; margin-left:-25px;} #rss-links h3 {font: 12px verdana;font-weight: bold;color: #DD7CB4;margin: 0px;padding: 0px;} #meta { list-style:none; margin-left:-25px; padding-bottom:5px; } #meta li{ list-style:none; margin-left:-25px;} #meta h3 {font: 12px verdana;font-weight: bold;color: #DD7CB4;margin: 0px;padding: 0px;} .entry-content {font: 12px verdana; color: #a75d88; padding-left:5px; padding-right:5px; min-height:50px;} .entry-title {color: #DD7CB4;} #comments {background-color: #F5F8FA;border: 1px solid #BCBCBB;color: #6E6E6E; float:left; width:660px;} .comment {padding: 0 10px; font: 12px verdana; color: #a75d88;} .comment-post{background-color:#e4f1fa;padding-left:10px; font: 12px verdana; color: #a75d88;} #comments-list {font: 12px verdana; color: #a75d88;} /* New Carousel */ #jCarouselLiteDemo2 .carousel2 a.prev, #jCarouselLiteDemo2 .carousel2 a.next { display: block;float: left;width: 30px;height: 118px; text-decoration: none; background: url("http://www.belgianchocolatefountain.co.uk/images/arrowrev.png") left 60px no-repeat;} #jCarouselLiteDemo2 .carousel2 a.next {background: url("http://www.belgianchocolatefountain.co.uk/images/arrow.png") right 60px no-repeat;} #jCarouselLiteDemo2 .carousel2 a.next:hover {background-image: url("http://www.belgianchocolatefountain.co.uk/images/arrow.png");} #jCarouselLiteDemo2 .carousel2 a.prev:hover {background-image: url("http://www.belgianchocolatefountain.co.uk/images/arrowrev.png");} #jCarouselLiteDemo2 .carousel2 a:hover, #jCarouselLiteDemo2 .carousel2 a:active { border: none;outline: none;} #jCarouselLiteDemo2 .carousel2 .jCarouselLite2 { border: 1px solid black; float: left;background:transparent;/* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; padding:0px;} #jCarouselLiteDemo2 .carousel2 ul {margin: 0px;background:transparent;} #jCarouselLiteDemo2 .carousel2 li img, #jCarouselLiteDemo .carousel li p {width: 120px;height: 118px; background:transparent;} #jCarouselLiteDemo2 .widget img {cursor: pointer; } #jCarouselLiteDemo2 .mid {margin-left: 80px; width: 200px; height: 118px;background:transparent;} #jCarouselLiteDemo2 .vertical2 {margin-left: 170px;} #jCarouselLiteDemo2 .vertical .jCarouselLite2 { /* so that in IE 6, the carousel div doesnt expand to fill the space */width: 170px;} #jCarouselLiteDemo2 .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img , #jCarouselLiteDemo2 .imageSliderExt li p { width: 200px;height: 118px;}