Talk to this guy, he might know...
https://twitter.com/sorccu
CSS used:
Code:
body{
margin:0;
background:#f8f6f2 url(images/bg.jpg) repeat-x left top;
font:normal 11px Verdana;
color:#393939;
}
@font-face {
font-family: 'HelveticaNeueCondensed';
src: url('assets/fonts/hlc_____-webfont.eot');
src: url('assets/fonts/hlc_____-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/hlc_____-webfont.woff') format('woff'),
url('assets/fonts/hlc_____-webfont.ttf') format('truetype'),
url('assets/fonts/hlc_____-webfont.svg#HelveticaNeueCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
* {
padding:0;
margin:0;
list-style:none;
border:none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'HelveticaNeueCondensed';
font-weight:bold;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
color:#841515;
}
.clear{
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
a:active, a:focus {
outline: 0
}
/* Template CSS Starts Here */
#wrapper {
width:980px;
margin:0 auto;
}
#header {
width:980px;
margin:0 auto;
padding:15px 0 0 0;
overflow:hidden;
}
.logo {
float:left;
margin:0 0 0 35px;
}
.header-right {
float:right;
width:640px;
}
.cta-top {
float:right;
clear:both;
margin:25px 0 0;
}
.menu ul {
float:right;
clear:both;
margin:15px 0 0;
}
.menu li {
float:left;
font:normal 15px Arial;
color:#fff;
text-align:center;
text-transform:uppercase;
background:url(images/nav-right.jpg) no-repeat right top;
margin:0 0 0 5px;
}
.menu li a:link, .menu li a:active, .menu li a:visited {
float:left;
color:#fff;
text-decoration:none;
background:url(images/icon-home.png) no-repeat 13px 3px;
}
.menu li a:hover {
color:#000;
}
.menu li span {
float:left;
background:url(images/nav-left.jpg) no-repeat left top;
padding:4px 18px;
}
.menu li+li span {
padding-left:18px;
}
.menu li span {
padding-left:35px;
}
.menu li+li a:link, .menu li+li a:visited, .menu li+li a:active {
background:none;
}
/* Carousel */
#carousel_container {
width: 980px;
height: 331px;
float: left;
overflow: hidden;
background:url(images/intro_shirt.jpg) center top;
position:relative;
}
#carousel_container a {
width: 100%;
height: 350px;
float: left;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:980px; /* important (this width = width of list item(including margin) * items shown */
/* non-important styling bellow */
background: #F0F0F0;
margin:0;
overflow:hidden;
}
#carousel_ul {
position:relative;
left:-430px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
width:4000px; /* important */
padding:0;
margin:0;
/* non-important styling bellow */
}
#carousel_ul li{
clear:none;
float: left; /* important for inline positioning of the list items */
width:613px; /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:350px;
background: url(images/sprite.png) 0 -405px;
margin:0;
list-style-type:none;
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#carousel_ul li .excerpt {
width: 300px;
margin: 200px 0 0 122px;
}
#carousel_ul li .excerpt h2 a {
color: #fff;
text-transform: uppercase;
}
#carousel_ul li .excerpt p {
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-style: normal;
font-size: 11px;
line-height: 1.75em;
}
#carousel_ul li .excerpt p a {
text-transform: uppercase;
font-weight: bold;
color: #FFC600;
}
#carousel_ul li .excerpt p a span {
float: left;
padding: 0 25px 0 0;
background:url(images/sprite.png) right -179px;
}
#left_scroll, #right_scroll {
float:left;
position: absolute;
height:331px;
width:184px;
z-index: 9999;
background:url(images/black-dot.png) repeat left top;
top:0;
}
#left_scroll a, #right_scroll a {
width:59px;
height:59px;
display: block;
position:absolute;
top:135px;
}
#left_scroll a {
left:13px;
}
#right_scroll a {
right:13px;
}
#left_scroll {
left:0;
margin:0;
}
#right_scroll {
right:0;
margin:0;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}
/*********************************Sidebar*******************************/
#container {
width:940px;
margin:0 auto;
background:#fff;
padding:30px 10px 30px 30px;
overflow:hidden;
}
.left-content {
float:left;
width:600px;
}
.left-content a {
color:#393939;
}
.left-content ul.posts {
list-style:none;
}
.left-content ul.posts li {
list-style:none;
}
.left-content p {
line-height:16px;
padding:0 0 15px;
}
.left-content h1, h2 {
width:100%;
clear:both;
font-size:26px;
color:#353131;
}
.left-content h1 {
padding:0 0 15px;
}
.left-content h2 {
padding:15px 0;
}
.left-content h3 {
font-size:21px;
color:#cb8802;
padding:15px 0;
}
.left-content ul {
padding:0 0 15px;
}
.left-content li {
clear:both;
padding:0 0 5px;
margin:0 0 0 15px;
list-style-type:disc;
}
.left-content ol {
padding:15px 0;
}
.left-content ol li {
clear:both;
text-indent:20px;
padding:0 0 20px 0;
background:url(images/bulit-arrow.jpg) no-repeat left top;
margin:0;
list-style-type:none;
}
.left-content img {
float:left;
margin:0 5px 0 0;
}
.banners {
margin:15px 0;
}
.left-content img.alignleft {
margin:15px 0;
}
.right-content {
float:right;
width:325px;
text-align:left;
}
.form {
float:right;
width:325px;
background:url(images/form-bg.jpg) repeat-y left top;
position:relative;
padding:0 0 30px;
}
.form-bottom {
position:absolute;
bottom:0;
left:0;
}
.form h4 {
float:left;
font:normal 20px Arial;
color:#444;
padding:15px 0 15px 45px;
}
.form iframe {
margin:0 0 20px 35px;
}
.student-testimonials {
width:279px;
float:left;
background:url(images/testimonials-bg.jpg) repeat-y left top;
position:relative;
padding:18px 23px;
}
.student-testimonials img.testimonials-top {
position:absolute;
top:0;
left:0;
}
.student-testimonials img.testimonials-bottom {
position:absolute;
bottom:0;
left:0;
}
.student-testimonials h3 {
width:100%;
float:left;
font-size:27px;
color:#4f4848;
text-align:center;
padding:10px 0;
}
.student-testimonials ul {
width:100%;
float:left;
padding:0;
margin:0;
}
.student-testimonials li {
float:left;
width:276px;
padding:0 0 10px;
margin:0 0 15px;
list-style:none;
position:relative;
}
.student-testimonials li p {
float:left;
width:240px;
line-height:16px;
padding:15px 18px 10px;
background:url(images/cloud-top.png) no-repeat left top;
}
.student-testimonials li p img {
position:absolute;
bottom:0;
left:0;
}
.student-testimonials li strong {
color:#861414;
position:absolute;
bottom:5px;
left:60px;
}
#footer {
clear:both;
width:100%;
color:#fff;
background:#403436;
padding:25px 0;
}
#footer table {
margin:0 auto;
}
#footer div.menu ul {
float:left;
}
#footer div.menu li {
float:left;
font-weight:bold;
background:none;
font-size:11px;
border-left:1px solid #fff;
line-height:12px;
padding:0 15px;
}
#footer div.menu li a:link, #footer div.menu li a:active, #footer div.menu li a:visited {
background:none;
color:#fff;
text-decoration:none;
}
#footer div.menu li a:hover {
text-decoration:underline;
}
#primary {
float:right;
width:305px;
margin:20px 10px 0 0;
}
#primary h3 {
font:bold 20px HelveticaNeueCondensed;
color:#fff;
padding:10px;
background:#674103;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#primary li {
margin:0 0 15px;
}
#primary li ul {
padding:15px 0;
background:#f7f1e5;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#primary li ul li {
clear:both;
background:url(images/bulit-arrow.jpg) no-repeat 13px 2px;
padding:0 10px 5px 25px;
margin:0;
list-style-type:none;
}
#primary li ul li a:link, #primary li ul li a:active, #primary li ul li a:visited {
color:#22537b;
}
Or you could edit a basic blog template and put a jQuery carousel div container above the blog posts and it will be the same.

__________________
Join the BEST cam affiliate program on the internet!
I've referred over $1.7mil in spending this past year, you should join in.

I make a lot more money in the medical field in a lab now, fuck you guys. Don't ask me to come back, but do join Chaturbate in my sig, it still makes bank without me touching shit for years..