/*
Theme Name: Superior
Theme URI: http://blog.drewsbox.com/
Description: Theme for Superior Industries, LLC.
Version: 1.0
Author: Andrew Hammond
Author URI: http://blog.drewsbox.com/
Tags: superior, tremorlab
*/
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: block;
}
body {
color: #222;
font-family: Tahoma, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
a {
color: #0187c5;
cursor: pointer;
text-decoration: none;
}
.left {
clear: left;
float: left;
}
.right {
clear: right;
float: right;
}
.post-edit-link, .admin-hint {
color: red!important;
font-size: 10px!important;
font-style: italic;
font-weight: bold;
display:none!important;
float:right;
height:12px;
}
.admin-link-show {
	display:inline!important;
}
#headerwrap {
background: url(images/hat_tile.png) repeat-x top left;
clear: both;
height: 110px;
margin: 0 auto 10px;
padding: 0;
width: 886px;
}
#header {
clear: both;
height: 110px;
margin: 0 auto;
padding: 0;
width: 100%;
}
#logo {
height: 110px;
margin: 0;
padding: 0;
position: absolute;
width: 200px;
}
ul#toplinks {
clear: right;
float: right;
list-style: none;
margin: 10px 10px 0 0;
padding: 0;
position: relative;
top: 0;
z-index: 5;
}
ul#toplinks li a {
color: #999;
padding: 0 4px;
text-decoration: underline;
}
ul#toplinks li a img {
height: 12px;
position: relative;
top: 3px;
width: 12px;
}
ul#toplinks li a:hover {
color: #FFF;
text-decoration: none;
}
div#login {
display: none;
visibility: hidden;
}
ul#menu {
clear: right;
float: right;
height: 33px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
top: 50px;
z-index: 3;
}
ul#menu li.mega {
display: inline;
margin: 0;
padding: 0;
}
ul#menu li.mega h2 {
border-left: 1px solid #333;
border-top: 1px solid #333;
float: right;
font-size: 13px;
font-weight: 400;
height: 33px;
margin: 0;
padding: 0;
}
ul#menu li.mega h2 a {
background-color: #222;
color: #FFF;
float: left;
font-size: 13px;
font-weight: 400;
height: 33px;
line-height: 33px;
margin: 0;
padding: 0 12px;
text-decoration: none;
}
ul#menu li h2 a:hover {
background: url(images/nav_hover.png) repeat-x top left;
}
ul#menu li.mega div {
background: #FFF;
border: 4px solid #CCC;
color: #000;
display: none;
margin: 38px 0 0;
padding: 10px;
position: absolute;
right: 0;
visibility: hidden;
width: 382px;
}
ul#menu li.hovering div {
display: block;
visibility: visible;
}
ul#menu li.mega div ul li {
border-right: 1px solid #FFF;
display: inline;
float: left;
font-size: 11px;
line-height: 11px;
margin: 0 10px 0 0;
padding: 0 0 12px;
width: 120px;
}
ul#menu li.mega div ul li.last {
border: none;
margin: 0;
}
ul#menu li.mega div dl dt {
padding: 2px 4px 8px;
}
ul#menu li.mega div dl dt span {
background: none;
border: none;
font-size: 12px;
font-weight: 700;
margin: 0;
padding: 0;
text-decoration: none;
}
ul#menu li.mega div dl dd {
margin: 0;
padding: 2px 4px 4px;
}
ul#menu li.mega div dl dd a {
color: #105CB6;
/*display: block;*/
font-family: tahoma, sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 1px;
text-decoration: none;
width: 100%;
}
ul#menu li.mega div dl dd a.post-edit-link
{
	float:none;
	padding:0 0 0 4px;
	font-weight:bold;
}
#chest {
background: #FFF;
clear: both;
margin: 0 auto;
padding: 0;
width: 886px;
}
#content {
background-color: #FFF;
clear: left;
float: left;
margin: 0;
min-height: 550px;
padding: 10px;
width: 566px;
}
#viewer {
background: #CCC;
clear: both;
float: left;
height: 300px;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
display:block;
width:566px;
}
#viewer.admin-mode {
background: #CCC;
clear: both;
float: left;
height: 300px;
margin: 0 0 10px;
overflow: hidden;
padding: 20px;
display:block;
text-align:center;
font-size:14px;
font-weight:bold;
width:526px;
}
#viewer div#noflash {
padding: 10px;
}
#content div.post-box,div.post-box-full {
clear: both;
color: #222;
display: block;
float: left;
margin: 0 0 10px;
width: 100%;
}
#content div.post-box a,div.post-box-full a {
color: #000;
cursor: pointer;
text-decoration: underline;
}
#content div.post-box a:hover,div.post-box-full a:hover {
color: #222;
text-decoration: none;
}
#content div.post-box h2,#content div.post-box-full h2 {
clear: both;
display: block;
float: left;
font-size: 16px;
line-height: 20px;
margin: 10px 0;
width: 100%;
}
#content div.post-box div.admin-edit,#content div.post-box-full div.admin-edit,dl.subpost dd.subpost-admin,ul#events li.event span.event-admin-edit {
visibility: hidden;
}
#content div.post-box:hover div.admin-edit,#content div.post-box-full:hover div.admin-edit,dl.subpost:hover dd.subpost-admin,ul#events li.event:hover span.event-admin-edit {
visibility: visible;
}
#content h2.post-title {
font-size: 100%;
}
#content h2.post-title a {
border-bottom: 1px solid transparent;
color: #222;
font-size: 120%;
padding-bottom: 1px;
text-decoration: none;
}
#content div.post-thumb {
background: #FFF url(images/thumb_shadow.jpg) no-repeat top left;
border: none;
float: left;
height: 75px;
margin: 0 10px 0 0;
overflow: hidden;
padding: 6px;
width: 120px;
}
#content div.post-box div.post-body {
display: inline;
width: 436px;
}
#content div.post-box-full div.post-body {
clear: both;
display: block;
float: left;
width: 100%;
}
#content ul.attached-images, #content ul.attached-videos {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
display:inline;
}
#content ul.attached-images li, #content ul.attached-videos li {
display: inline;
float: left;
margin: 0;
padding: 0 10px 0 0;
width: 81px;
}
#content ul.attached-images li a, #content ul.attached-videos li a {
clear: both;
display: block;
float: left;
width: 100%;
height:87px;
text-decoration:none;
}
#content ul.attached-images li a:hover, #content ul.attached-videos li a:hover, #content ul.attached-videos li a div
{
	text-decoration:none;
}
#content ul.attached-images li a img, #content ul.attached-videos li a img {
background: #FFF url(images/thumb_shadow.jpg) no-repeat top left;
border: none;
height: 75px;
margin: 0;
overflow: hidden;
padding: 6px 0 6px 6px;
width: 75px;
}
#content ul.attached-videos li a div.video-icon {
font-size:0px;
background: transparent url(images/icons/film.gif) no-repeat top right;
height:16px;
position:relative;
top:-24px;
}
#content ul.attached-images li span, #content ul.attached-videos li span {
clear: both;
color: #CCC;
display: block;
float: left;
font-size: 10px;
font-weight: 700;
height: 24px;
line-height: 12px;
overflow: hidden;
padding: 0 6px;
text-align: center;
width: 75px;
}
#content ul.attached-images li:hover span, #content ul.attached-videos li:hover span {
color: #333;
}
#content div.post-body p {
margin-top: 0;
padding-top: 0;
}
ul#subposts {
clear: both;
display: block;
float: left;
list-style: none;
margin: 10px 0 0;
padding: 0;
width: 100%;
}
dl.subpost dt.subpost-title h3 {
font-size: 110%;
font-weight: 400;
margin: 10px 0 6px;
padding: 0;
}
dl.subpost dd.subpost-excerpt {
margin: 0;
padding: 0 0 0 10px;
}
ul#subposts li.thumbpost {
display: inline;
float: left;
height: 163px;
margin: 0 0 15px;
overflow: hidden;
padding: 0;
width: 49%;
}
ul#subposts li.thumbpost h3 {
font-size: 12px;
font-weight: 700;
line-height: 14px;
margin: 0;
padding: 0;
width:80%;
}
ul#subposts li.thumbpost div.thumbpost-thumbbox {
height: 75px;
width: 120px;
}
ul#subposts li.thumbpost div.thumbpost-excerpt {
height: 60px;
overflow: hidden;
width: 75%;
}
#content div#archivenav {
clear: both;
display: block;
float: left;
margin: 0;
padding: 10px 0 0;
width: 100%;
}
#content div#archivenav a.jumplink {
color: #333;
display: block;
text-decoration: none;
}
#sidebar {
background-color: #FFF;
border-left: 1px dotted #CCC;
clear: right;
float: right;
margin: 10px 0 0;
padding: 0 10px 0 12px;
width: 268px;
}
#sidebar ul {
list-style: none;
margin: 0 0 15px;
padding: 0;
}
#sidebar h2 {
display: block;
font-size: 13px;
font-weight: 700;
line-height: 12px;
margin: 0 0 10px;
padding: 0;
}
#sidebar h2 a {
border: none;
color: #222;
padding: 7px 0 0;
text-decoration: none;
}
#sidebar h2 a:hover {
border: none;
text-decoration: underline;
}
#sidebar ul#sidebar-downloads li {
background: url(images/pdficon_small.gif) no-repeat top left;
height: 17px;
line-height: 17px;
margin: 4px 0;
padding: 0 0 0 24px;
}
#sidebar ul#sidebar-successes li {
background: url(images/icons/success_16.png) no-repeat top left;
height: 17px;
line-height: 17px;
margin: 4px 0;
padding: 0 0 0 24px;
}
#sidebar ul#custom-sidebars li {
margin: 0 0 15px;
}
#sidebar ul#custom-sidebars li ul li a {
font-weight: 400;
}
#sidebar ul#custom-sidebars li#sidebar-quick-links ul li,#sidebar ul#custom-sidebars li#sidebar-calculators ul li {
background: #FFF url(images/quicklink_shadow.jpg) no-repeat top left;
border: none;
height: 40px;
margin: 0;
overflow: hidden;
padding: 6px;
width: 220px;
}
#sidebar ul#custom-sidebars li#sidebar-quick-links ul li a,#sidebar ul#custom-sidebars li#sidebar-calculators ul li a {
display: block;
font-size: 12px;
font-weight: 700;
height: 16px;
line-height: 16px;
margin: 0;
padding: 24px 0 0;
text-align: right;
text-decoration: none;
width: 220px;
}
#sidebar ul#custom-sidebars li#sidebar-key ul li.e {
background: #FFF url(images/mapkey-E.jpg) no-repeat top left;
}
#sidebar ul#custom-sidebars li#sidebar-key ul li.c {
background: #FFF url(images/mapkey-C.jpg) no-repeat top left;
}
#sidebar ul#custom-sidebars li#sidebar-key ul li.b {
background: #FFF url(images/mapkey-B.jpg) no-repeat top left;
}
#sidebar ul#custom-sidebars li#sidebar-key ul li a {
text-decoration: none;
}
#sidebar ul#custom-sidebars li#sidebar-key ul li a img {
clear: left;
float: left;
height: 17px;
padding: 0 10px 0 0;
width: 17px;
}
ul#narrow-destination,ul#narrow-destination ul {
padding: 0 0 0 20px;
}
ul#in-stock-items li {
margin: 0;
padding: 0;
}
ul#in-stock-items li h3 {
margin: 0;
padding: 0 0 30px;
}
ul#in-stock-items li ul.in-stock-product-line {
margin: 0 0 30px;
padding: 0;
}
ul#in-stock-items li ul li.stock-item {
border-bottom: 1px dotted #CCC;
display: block;
float: left;
list-style: none;
margin: 0 0 10px;
padding: 0 0 10px;
}
ul#in-stock-items li ul li.stock-item a.stock-item-thumb {
border: none;
display: inline;
float: left;
list-style: none;
padding: 0;
width: 126px;
}
ul#in-stock-items li ul li.stock-item a.stock-item-thumb img {
background: #FFF url(images/thumb_shadow.jpg) no-repeat top left;
border: none;
margin: 0;
overflow: hidden;
padding: 6px;
}
ul#in-stock-items li ul li.stock-item dl.stock-item-specs {
border: none;
display: block;
float: right;
margin: 0;
padding: 0 6px;
width: 422px;
}
ul#in-stock-items li ul li.stock-item dl.stock-item-specs dt a.stock-item-title {
display: block;
font-size: 14px;
}
ul#in-stock-items li ul li.stock-item dl.stock-item-specs dd {
display: block;
margin: 0;
padding: 2px 2px 2px 12px;
}
ul#in-stock-items li ul li.stock-item dl.stock-item-specs dd span.stock-item-key {
color: #333;
font-weight: 700;
}
ul#in-stock-items li ul li.stock-item div.stock-item-buttons a.stock-item-buy {
background: #FFF url(images/instock-buy.jpg) top left no-repeat;
display: inline;
float: right;
font-size: 0;
height: 26px;
width: 73px;
}
ul#in-stock-items li ul li.stock-item div.stock-item-buttons a.stock-item-download {
background: #FFF url(images/instock-fullspec.jpg) top left no-repeat;
display: inline;
float: right;
font-size: 0;
height: 26px;
width: 116px;
}
ul#in-stock-items li ul li.stock-item div.stock-item-buttons a.stock-item-edit {
color: red!important;
display: inline;
float: right;
font-size: 10px!important;
font-style: italic;
font-weight: 400;
height: 26px;
line-height: 26px;
padding: 0 5px;
}
#content ul#subposts li.event_calendar_item {
clear: both;
display: block;
float: left;
width: 100%;
}
#content ul#subposts li.event_calendar_item dl.subpost {
clear: right;
display: block;
float: left;
margin: 0;
padding: 0;
width: 520px;
}
#sidebar ul#event-sidebar {
clear: both;
display: block;
padding: 0;
width: 100%;
}
#sidebar ul#event-sidebar li.event {
height: 36px;
}
#sidebar ul#event-sidebar li.event,#content ul#subposts li.event_calendar_item {
clear: both;
display: block;
float: left;
font-size: 11px;
margin: 0;
padding: 0 0 10px;
width: 100%;
}
#sidebar ul#event-sidebar li.event span.event-summary {
float: left;
}
#sidebar ul#event-sidebar li.event a {
color: #0187c5;
font-weight: 700;
text-decoration: none;
}
#sidebar ul#event-sidebar li.event a:hover strong {
cursor: pointer;
text-decoration: underline;
}
#sidebar ul#event-sidebar li.event span.event-date,#content ul#subposts li.event_calendar_item span.event-date /*more below*/ {
display: inline;
float: left;
margin: 0 12px 0 0;
text-align: center;
width: 25px;
}
#content ul#subposts li.event_calendar_item span.event-date {
padding: 10px 0 0;
}
#sidebar ul#event-sidebar li.event span.event-date span.event-start-month,#content ul#subposts li.event_calendar_item span.event-date span.event-start-month {
background: #e86d1f;
border: 1px solid #e86d1f;
color: #FFF;
display: block;
text-transform: uppercase;
width: 100%;
}
#sidebar ul#event-sidebar li.event span.event-date span.event-start-day,#content ul#subposts li.event_calendar_item span.event-date span.event-start-day {
border: 1px solid #CCC;
border-top: 0;
color: #000;
display: block;
font-size: 14px;
font-weight: 700;
padding: 2px 0;
width: 100%;
}
#shoe {
background-color: #FFF;
clear: both;
margin: 10px auto;
padding: 10px;
width: 866px;
}
#shoe ul#toes {
list-style: none;
margin: 0;
padding: 0;
}
#shoe ul#toes li {
border-right: 1px dotted #DDD;
display: inline;
float: left;
height: 180px;
overflow: hidden;
width: 18.5%;
}
#shoe ul#toes li a /*,ul#menu li.mega div a*/ {
background: none; /*transparent url(images/link_line.png) repeat-x 0 100%;*/
color: #105CB6;
font-family: tahoma, sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 1px;
text-decoration: none;
text-transform: uppercase;
}
#shoe a.jumplink {
background: none;
clear: both;
color: #333;
display: block;
float: right;
margin-top: -15px;
position: relative;
text-align: right;
text-decoration: none;
text-transform: none;
}
#shoe ul#toes li.last {
border: none;
clear: right;
float: right;
width: 25%;
}
#shoe ul#toes li dl {
clear: both;
margin: 0;
padding: 3px 10px;
}
#shoe ul#toes li dt {
color: #333;
font-size: 12px;
font-weight: 700;
margin: 0;
padding: 0 0 12px;
}
#shoe ul#toes li dd a {
font-size: 85%;
}
#shoe ul#toes li dd span {
color: #222;
margin: 0;
padding: 0;
text-align: right;
}
#shoe ul#toes li#on-the-web a {
font-size: 12px;
font-weight: 700;
height: 24px;
line-height: 24px;
text-transform: none;
}
#shoe ul#toes li#on-the-web dl dd {
height: 24px;
margin: 0 4px 8px;
padding: 0 0 0 30px;
}
#shoe ul#toes li#on-the-web dl dd.icon-flickr {
background-image: url(images/sprite-social-icons.png);
background-position: -10px -54px;
background-repeat: no-repeat;
}
#shoe ul#toes li#on-the-web dl dd.icon-facebook {
background-image: url(images/sprite-social-icons.png);
background-position: -10px -10px;
background-repeat: no-repeat;
}
#shoe ul#toes li#on-the-web dl dd.icon-twitter {
background-image: url(images/sprite-social-icons.png);
background-position: -10px -98px;
background-repeat: no-repeat;
}
#shoe ul#toes li#on-the-web dl dd.icon-youtube {
background-image: url(images/youtube.gif);
background-position: top left;
background-repeat: no-repeat;
}
#shoe ul#toes li#on-the-web dl dd.icon-linkedin {
background-image: url(images/linkedin.gif);
background-position: top left;
background-repeat: no-repeat;
}
#sole {
clear: both;
color: #999;
margin: 10px auto;
padding: 10px;
width: 866px;
}
#sole ul#bottomlinks {
clear: both;
float: right;
list-style: none;
margin: 0;
padding: 10px 0;
}
ul#bottomlinks li a {
color: #CCC;
padding: 0 4px;
text-decoration: underline;
}
ul#bottomlinks li a:hover {
color: #999;
text-decoration: none;
}
a:hover,ul#menu li.mega div dl dd a:hover,#sidebar ul#custom-sidebars li#sidebar-quick-links ul li a:hover,#sidebar ul#custom-sidebars li#sidebar-calculators ul li a:hover,#sidebar ul#custom-sidebars li#sidebar-key ul li a:hover,#shoe ul#toes li#on-the-web a:hover {
text-decoration: underline;
}
a img,#content div.post-box div.post-thumb a {
border: none;
}
ul#toplinks li,ul#bottomlinks li {
display: inline;
}
ul#menu li.mega div ul,ul#subposts li dl.subpost,ul#in-stock-items {
list-style: none;
margin: 0;
padding: 0;
}
ul#menu li.mega div ul li dl,#sidebar ul li {
margin: 0;
padding: 0;
}
#content div.post-box:hover div.post-body,#content div.post-box-full:hover div.post-body,#shoe ul#toes li a:hover,ul#menu li.mega div a:hover {
color: #000;
}
#content h2.post-title a:hover,#content div#archivenav a.jumplink:hover,#shoe a.jumplink:hover {
color: #000;
text-decoration: underline;
}
#sidbar ul#sidebar-downloads,#sidbar ul#sidebar-successes,#sidebar ul#custom-sidebars,#sidebar ul#custom-sidebars li ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar ul#custom-sidebars li ul li,#sidebar ul#custom-sidebars li#sidebar-key ul li {
height: 17px;
line-height: 17px;
margin: 4px 0;
padding: 0 0 0 24px;
}
#sidebar ul#custom-sidebars ul#sidebar-quick-links,#sidebar ul#custom-sidebars ul#sidebar-calculators,#sidebar ul#custom-sidebars ul#sidebar-key,ul#narrow-destination li {
list-style: none;
}
ul#in-stock-items li ul li.stock-item dl.stock-item-specs dt,#shoe ul#toes li dd {
margin: 0;
padding: 4px;
}
#content ul#subposts li.event_calendar_item span.event-summary,#shoe ul#toes li.first {
clear: left;
}
#alarm
{
	display: none;
	visibility: hidden;
}
#twitterfeed {
	width: 886px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	background-image: url(images/bg_twitter.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
#twitterfeed_tweet {
	text-indent: 59px;
	float: left;
	width: 865px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}