/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(http://www.spayce.com/mt/themes-base/blog.css);
/* end StyleCatcher imports */
@import url(http://www.spayce.com/mt/plugins/ActionStreams/css/action-streams.css);
/* colour to change #6a5d84 */
/* current css - February 2010 */
.mt-archives .assetthumb img { margin-left: 10px; margin-bottom: 10px; }
/* ------------ Action streams --------- */
.service-twitter { background-image: url(http://www.spayce.com/mt/plugins/ActionStreams/images/services/twitter.png); }
.stream-date { display: block; font-size: .8em; font-weight: bold; text-align: right; position: relative; padding-top: 6px; }
.stream-date img { position: absolute; left: 0; top: 0px; z-index: 50; }
.stream-output { clear: both; display: block; }
.stream-output a:link { text-decoration: none; }
.stream-output a:visited { text-decoration: none; }
.stream-output a:hover { text-decoration: underline; }
.activity-stream-list li { float: left; margin-right: 8px;}
.twitterbox { float: right; width: 340px; margin-right: 30px; padding-top: 20px; /* background: url(http://creative.spayce.com/images/line.png) no-repeat top left; */}
.twitterboxbottom { background: url(http://creative.spayce.com/images/line.png) no-repeat bottom left; padding-bottom: 10px; }
.twittering { padding: 0px 10px 0px 140px; line-height: 1.3em; background: url(http://creative.spayce.com/images/tweet.png) no-repeat top left; min-height: 100px;}
.twitterbox .followmelink { text-align: right; }
.asset-footer p a.previous { float: left; }
.asset-footer p a.next { float: right; }
/* --------- widgets ------- */
.widget-sign-in h3 { display: none; }
.widget-sign-in, .widget-sign-in div { padding: 0 ! important; margin: 0 ! important; }
.widget-sign-in { padding-left: 60px ! important; clear: none; }
.widget-sign-in a { padding: 0; margin: 0; visibility: visible; }
.widget-flickr img {margin: 0 0px 10px 0; border: 3px solid #fff; }
.widget-flickr br { display: none; }
.widget-flickr { padding-bottom: 20px; text-align: center;}
#networkedblogs_nwidget_widget { text-align: left; float: left;}
.flickfoto { width: 176px; height: 180px; margin: 0px 1px 1px 0; overflow: hidden; text-align: center; vertical-align: middle; float: left; position: relative; text-align: center; }
.flickfoto .flickrdate { position: absolute; z-index: 60; bottom: 0; right: 0; background: #000; color: #fff; padding: 2px; font-weight: bold; }
.flickfoto img { min-height: 180px; margin: auto; }
.comment { padding: 5px 10px 0px 0px; }
.ualison { background: #F3F0E8; }
/*.asset-meta { position: absolute; width: 150px; margin-left: 60px; }*/
/* .comment .asset-meta { float: left; width: 90px; margin-left: 10px; clear: left; } */
.commentdate, .commentreply { font-size: .8em; display: block; }
.comment-content { margin-left: 58px ! important; padding: 20px 10px 0 0;}
.grav, .myav { float: left ; margin: 0 0 0px 10px; border: 1px solid #eee; }
.comment:after { clear: both; content:""; display: block; }
.comment-reply-link { float: right; }
.comment-date { position: absolute; top: 5px; right: 5px; }
.comment { position: relative; }
.comment .byline {float: left; padding: 0 0 0 10px; margin: 0; position: absolute; top: 5px; }
.comment .asset-meta { padding: 0; margin: 0; }
/* ------- layout -------- */
/* overides settings in blog.css */
/* Wide-Thin-Thin */
.mt-main-index.layout-wtt #alpha { width: 560px;}
.layout-wtt #alpha { width:600px; }
#beta, #gamma {
display: inline;
float: right;
}
.mt-main-index.layout-wtt #beta { width: 180px; margin-right: 0px; }
.layout-wtt #beta { width: 175px; }
.mt-main-index.layout-wtt #gamma {
width: 170px;
margin-right: 15px;
}
.layout-wtt #gamma {
width: 115px;
margin-right: 25px;
}
.layout-wt #gamma { display: none; }
.mt-archives #alpha-inner ul, .mt-archives #alpha-inner li { list-style: none; margin: 0 ! important; padding: 0 ! important; clear: both; }
.mt-archives #alpha-inner li:after { content: ""; display: block; clear: both; }
.archivedate { width: 140px; float: left; display: block; clear: both; }
.archivecat { width: 180px; float: left; display: none; }
.archiveentry { width: 500px; float: left; display: block; font-size: 1.1em; }
.archivecomments { width: 20px; float: right; display: block; }
.mt-archives #alpha-inner li { border-bottom: 1px solid #666; padding: 3px 0 3px 0 ! important; }
#alpha-inner li:hover { background: #eee; }
.mt-archives #alpha-inner ul { border-top: 1px solid #666; }
/* Default ---------------------------------------------------------------- */
/* Utility */
.widget-header,
.trackbacks-header,
.mt-entry-archive h2,
.mt-comment-preview h2,
.archive-header,
.search-form-header,
.search-results-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
}
/* ------ photoblog on main page -------- */
.photoblog .asset-body div { background: url(http://creative.spayce.com/images/icons/photoshadow.png) no-repeat 4px 335px ; }
.photoblog .asset-body img { margin-bottom: 10px; }
.photoblog .mt-image-left { border: 3px solid #000; }
.photoblog div { clear: left; }
.photoblogbox { float: right; width: 340px; margin-right: 30px; margin-top: 20px; }
.photoblogbox p {font-family: optima, Trebuchet MS, arial, tahoma, sans-serif; padding-top: 0; line-height: 1.4em; }
.photoblogbox div { margin-bottom: 10px; }
.photoblogbox img { width: 340px; border: 2px solid #000; }
.photoblogbox p { clear: both; margin-top: 20px; margin-bottom: 30px; }
.photoblogbox h4 { font-weight: bold; font-size: 16px ! important; color: #6a5d84; margin-top: 10px ! important; font-family: optima, Trebuchet MS, arial, tahoma, sans-serif; }
.photoblogbox a:hover { text-decoration: none; color: #666; }
/* ------------ entry pages -------------- */
.asset-header .asset-meta { border-top: 1px dotted #6a5d84; text-align: right; }
.asset-header .byline { float: left; border: 1px solid #999; text-align: center; margin-bottom: 10px; }
.photoblog-header .asset-meta { border-top: none; font-size: .9em; }
.photoblog-header .filedunder { display: none; }
.entry-meta-trackbacks { display: none; }
.entrymonth {display: block; float: left; padding: 0 2px; background: #ccc; font-weight: bold; }
.entryday {display: block; padding: 0 5px; float: left; }
.filedunder { float: left; font-size: .9em; white-space: nowrap; }
.entryyear { background: #ddd; padding: 0 4px;}
.asset-header .asset-meta a { float: right; }
.asset-header .asset-meta .filedunder a { float: none; }
.asset-meta.foot-meta a { float: right; }
h1.entry-title { margin-bottom: 0 ! important; }
#page-title.archive-title, #page-title.search-results-header { font-size: 1.2em ! important; font-weight: bold ! important; text-transform: uppercase; font-family: optima, sans-serif; }
.next h4, .previous h4 { margin: 0 0 0 0; font-weight: bold; }
.next { float: right; text-align: right; margin: 10px 0; }
.previous { float: left; margin: 10px 0 }
.relatedposts { display: block ! important; clear: both ! important; }
.relatedposts li { float: left; width: 100px; margin: 0 10px; list-style: none; text-align: center; }
.relatedposts img { border: 1px solid #000; width: 100px; height: 100px; }
/* Global ----------------------------------------------------------------- */
body {
background: #F3F0E8 url(http://creative.spayce.com/style/images/bgtile.png) center top;
font-family: Arial, Verdana, sans-serif;
font-size: 76%;
line-height: 1.2;
color: #000;
margin: 0;
padding: 0;
}
a:link, a:visited {
color: #6a5d84;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.icon-comment {
background: url(http://creative.spayce.com/style/images/comments.png) no-repeat 0 30%;
padding-left: 15px;
}
.icon-entry {
background: url(topic-icon.gif) no-repeat 2px 50%;
padding-left: 15px;
}
.icon-score {
background: url(http://creative.spayce.com/style/images/star.png) no-repeat 0 50%;
padding-left: 15px;
}
/* --------------- Layout ----------------------- */
#container { background: transparent; }
#leftside { background: url(http://creative.spayce.com/style/images/leftside.gif) repeat-y left top; padding-left: 10px;}
#rightside { background: url(http://creative.spayce.com/style/images/rightside.gif) repeat-y right top; padding-right: 10px; }
#header-inner, #content-inner, #footer-inner {
padding-top: 0;
padding-bottom: 0;
}
#container {
font-size: 1em;
width: 960px;
padding: 0;
margin: 0 auto;
}
#container-inner { background-color: #FFF;}
#header-inner,
#content-inner,
#footer-inner {
position: relative;
margin: 0 auto;
padding: 0;
}
#content-inner {
padding-bottom: 0px;
}
#alpha-inner {
padding: 20px 10px 0 15px;
}
#beta-inner,
#gamma-inner {
padding: 20px 15px 0 10px;
}
#gamma { background: url(http://creative.spayce.com/style/images/shadedtilesml.png) repeat-y 50% 20px; }
#gamma-inner { background: url(http://creative.spayce.com/style/images/shadedtopsml.png) no-repeat 50% 0px; }
.mt-main-index #gamma { background: url(http://creative.spayce.com/style/images/shadedtile.png) repeat-y 50% 20px; }
.mt-main-index #gamma-inner { background: url(http://creative.spayce.com/style/images/shadedtop.png) no-repeat 50% 0px; }
/* Header ---------------------------- */
#header-description, #header-name { display: none; }
#header { position: relative; }
#header-inner { position: absolute; height: 278px ! important; top: 10px; left: -33px; width: 1020px; z-index: 99; background: url(http://creative.spayce.com/images/headers/februaryheader.png) -10px 20px; }
.header-search #search { padding: 5px 0 0 6px; font-size: 1em; background: transparent url(http://creative.spayce.com/images/nav/searchbox.gif) no-repeat; height: 24px; width: 124px; vertical-align: bottom; }
#content-inner { padding-top: 250px; }
.header-search label { display: none; }
.header-search input { border: 0px solid #999; }
.header-search #search { padding: 5px 0 0 6px; font-size: 1em; background: #fff url(http://creative.spayce.com/images/nav/searchbox.gif) no-repeat; height: 24px; width: 124px; vertical-align: bottom; }
.header-search { padding: 0 30px; position: absolute; right: 36px; top: 5px; }
#header-menu ul, #header-menu li { list-style: none; margin: 0; padding: 0; float: left; }
#header-menu li { margin: 0 20px 0 0 }
#header-menu ul { margin-left: 50px; }
#header-content .widget-sign-in { display: none; }
/*
#header-menu a { height: 30px; display: block; text-indent: -4000px; }
.navhome a { background: url(http://creative.spayce.com/images/nav/navhome.gif) no-repeat; width: 41px; }
.navme a { background: url(http://creative.spayce.com/images/nav/navme.gif) no-repeat; width: 90px; }
.navarchives { background: url(http://creative.spayce.com/images/nav/navarchives.gif) no-repeat; width: 57px; }
.navseed a { background: url(http://creative.spayce.com/images/nav/navseed.gif) no-repeat; width: 77px; }
.navsnap a { background: url(http://creative.spayce.com/images/nav/navsnap.gif) no-repeat; width: 77px; }
.navspayce a { background: url(http://creative.spayce.com/images/nav/navspayce.gif) no-repeat; width: 83px; }
.navrss a { background: url(http://creative.spayce.com/images/nav/navfeed.gif) no-repeat; width: 83px; }
*/
/* Titles ---------------------------- */
#mt-community-forum .content-header {
position: relative;
margin-bottom: 15px;
}
#page-title,
#mt-community-blog .entry-title {
margin: 0 0 15px;
font-size: 2em;
line-height: 1;
font-weight: normal ! important;
}
.entry-title {
margin: 0;
font-size: 3em;
font-family: Georgia, Times, "Times Roman", "Times MS", serif;
font-weight: normal ! important;
}
#mt-community-forum #page-title {
margin-bottom: 0;
}
#mt-community-forum.mt-entry-archive #page-title,
#mt-community-forum.mt-profile-view #page-title,
#mt-community-forum.mt-comment-preview #page-title {
padding-bottom: 10px;
}
#mt-community-forum.mt-entry-archive #page-title,
#mt-community-forum.mt-comment-preview #page-title {
border-bottom: 1px solid #F3F0E8;
}
.content-nav {
position: relative;
clear: both;
margin: 10px 0;
text-align: right;
color: #777;
}
.content-nav #results-current-page {
background-color: #777;
padding: 2px;
color: #fff;
}
.content-nav stong {
color: red;
}
.create-entry {
float: left;
font-size: 1.4em;
padding-left: 20px;
background: transparent url(start-topic-icon.png) left center no-repeat;
}
#mt-community-forum .content-header .create-entry {
float: none;
position: absolute;
right: 0;
bottom: 0;
}
#mt-community-forum.mt-entry-archive .create-entry {
bottom: 10px;
}
/* Community Blog ---------------------------- */
#mt-community-blog .asset-header,
#mt-community-blog .asset-content,
#mt-community-blog .asset-footer {
margin: 2px 0 0 0;
}
#mt-community-blog .asset-header h2 {
margin-bottom: 0.5em;
font-size: 2em !important;
}
#mt-community-blog .entry-asset .asset-meta {
border-top: 1px solid #F3F0E8;
border-bottom: 1px solid #F3F0E8;
padding: 3px 5px;
margin-bottom: 0.5em;
}
.entry-asset .asset-meta .byline,
.entry-asset .asset-meta .scoring,
.entry-asset .asset-meta .entry-meta-comments,
.entry-asset .asset-meta .entry-meta-trackbacks {
margin-right: 10px;
font-size: 11px;
}
#mt-community-blog .entry-meta-label {
display: none;
}
.entry-meta-comments {
background: url(http://creative.spayce.com/style/images/comments.png) no-repeat 0px 50%;
padding: 0 0 3px 28px;
}
.entry-meta-trackbacks {
background: url(http://creative.spayce.com/style/images/trackback.png) no-repeat 0px 50%;
padding: 0 0 3px 24px;
}
a.scoring {
white-space: nowrap;
background: url(http://creative.spayce.com/style/images/star.png) no-repeat 0 0px;
padding: 4px 0 3px 28px;
line-height: 22px;
text-decoration: none;
cursor: default;
}
a.scoring-scorable {
background-position: 0 0;
text-decoration: default;
cursor: pointer;
}
a:hover.scoring-scorable {
background-position: 0 -40px;
text-decoration: underline;
}
a.scoring-pending,
a:hover.scoring-pending {
background: url(scoring-pending.gif) no-repeat;
cursor: wait;
}
a.scoring-scored,
a:hover.scoring-scored {
background-position: 0 -80px;
}
.scoring-vote,
#mt-community-blog .scoring-score-label {
display: none;
}
#mt-community-blog .asset-content {
clear: both;
}
/* Forms ---------------------------- */
input.ti,
textarea.ta,
select {
border: 1px solid #ccc;
border-top-color: #aaa;
border-left-color: #aaa;
background-color: #fafafa;
padding: 1px;
font-family: Arial, Verdana, sans-serif;
font-size: 1.2em;
}
textarea.ta {
line-height: 1.5;
}
#create-entry-form {
margin-top: 15px;
}
#create-entry-form .field-header {
margin: 0 0 3px 0;
}
#create-entry-form .field {
margin: 0 0 15px 0;
}
#create-entry-form .ti,
#create-entry-form .ta {
width: 500px;
}
#create-entry-form #entry-title {
font-size: 1.5em;
}
/* Asset Meta ---------------------------- */
/*.meta,*/
.asset-body {
line-height: 1.6;
font-family: optima, Trebuchet MS, tahoma, arial, sans-serif;
font-size: 1.15em;
}
.asset-body p { margin-bottom: 20px; }
.asset-meta,
.asset-footer {
color: #777;
font-size: 1.2em;
}
#mt-community-forum .asset-meta {
padding-top: 0;
}
#mt-community-blog .asset-meta {
border-top: 1px solid #F3F0E8;
border-bottom: 1px solid #F3F0E8;
padding: 3px 5px;
margin: 0 0 0.5em 0;
}
#mt-community-forum #popular-entry .asset-meta,
#mt-community-forum #entry-table .asset-meta {
padding: 0;
margin: 0;
}
#mt-community-forum #popular-entry .last-comment .asset-meta,
#mt-community-forum #entry-table .last-comment .asset-meta {
margin-left: 46px;
}
.asset-footer {
margin-top: 0;
}
#mt-community-forum .asset-meta a {
font-weight: bold;
}
#mt-community-forum #entry-table .asset-meta a {
font-weight: normal;
}
.user-pic {
float: left;
position: relative;
width: 50px;
height: 50px;
overflow: hidden;
margin: 0 10px 0 0;
}
.auth-icon {
position: absolute;
bottom: 0;
left: 0;
}
#mt-community-blog .asset-meta .user-pic,
#mt-community-forum .entry-comments .user-pic,
#mt-community-forum #entry-table .user-pic {
width: 36px;
height: 36px;
}
#mt-community-forum .entry {
margin: 0 0 20px;
}
#mt-community-forum #entry-table .entry {
margin-bottom: 0;
}
#mt-community-forum #entry-table .entry {
margin-left: 46px;
}
#mt-community-forum .asset-content,
#mt-community-forum.mt-entry-archive .entry-body {
margin: 10px 0 0 60px;
line-height: 1.5;
}
#mt-community-forum .asset-header {
position: relative;
margin: 0 0 5px 60px;
}
.category-name {
font-size: 1.4em;
color: #777;
white-space: nowrap;
}
#mt-community-forum #popular-entry {
border: 0;
margin-bottom: 0;
}
#mt-community-forum #popular-entry h2 {
margin: 5px 0;
font-weight: normal;
color: #948669;
text-transform: uppercase;
}
#mt-community-forum #popular-entry .entry-header {
margin-left: 0;
}
#mt-community-forum #popular-entry .entry-title {
margin-left: 0;
width: 420px;
}
#mt-community-forum #popular-entry .entry-asset {
margin: 0;
background: #F3F0E8 url(popular-topic-bg-bottom.png) center bottom no-repeat;
line-height: 1.5;
}
#mt-community-forum #popular-entry .entry-asset-inner {
position: relative;
padding: 10px;
background: transparent url(popular-topic-bg.png) center top no-repeat;
}
#mt-community-forum #popular-entry .entry-body {
float: left;
width: 345px;
margin-bottom: 10px;
}
#mt-community-forum #popular-entry .category-name {
margin-left: 5px;
padding-left: 12px;
background: url(forum-icon.gif) no-repeat 0 0;
}
#mt-community-forum .entry-comments {
float: left;
width: 160px;
margin-bottom: 10px;
background: #F3F0E8 url(popular-entry-comment-bg.png) center top no-repeat;
}
#mt-community-forum .entry-comments .comment-count {
margin: 10px 10px 0;
font-size: 1em;
}
#mt-community-forum #popular-entry .comment-count a {
font-weight: normal;
}
#mt-community-forum .entry-comments .last-comment {
padding: 0 10px 10px;
}
#mt-community-forum .entry-comments .last-comment {
background: transparent url(popular-entry-comment-bg-bottom.png) center bottom no-repeat;
}
#mt-community-forum .entry-comments .comment-link {
text-align: right;
}
#mt-community-forum .last-comment h4 {
margin: 5px 0 0;
color: #948669;
text-transform: uppercase;
}
#mt-community-blog .comment-header,
#mt-community-forum .comment-header {
margin-bottom: 0;
}
.trackback-content,
.comment-content {
clear: none;
margin-left: 60px;
line-height: 1.5;
}
#mt-community-blog .trackback-content,
#mt-community-blog .comment-content {
margin-left: 50px;
}
#mt-community-forum #entry-table {
clear: both;
}
#mt-community-forum #entry-table {
width: 100%;
margin-top: 20px;
border-width: 0;
border-spacing: 0;
}
#mt-community-forum #entry-table,
#mt-community-forum #entry-table th,
#mt-community-forum #entry-table td {
border-style: solid;
border-collapse: collapse;
}
#mt-community-forum #entry-table tr {
border: none;
}
#mt-community-forum #entry-table th,
#mt-community-forum #entry-table td {
border-width: 0 1px 1px 0;
border-color: #F3F0E8;
border-style: solid;
}
#mt-community-forum #entry-table th {
padding: 3px 10px;
font-weight: normal;
color: #948669;
text-transform: uppercase;
}
#mt-community-forum #entry-table th.comment-count {
text-align: center;
}
#mt-community-forum #entry-table td {
padding: 10px;
}
#mt-community-forum #entry-table .last-comment {
border-right-width: 0;
}
#mt-community-forum #entry-table td.comment-count {
font-size: 22px;
font-weight: bold;
text-align: center;
}
#mt-community-forum #entry-table .comments-closed {
color: #777;
}
#mt-community-forum #entry-table .entry-title {
font-size: 1.4em;
}
#mt-community-forum #entry-table .entry-title a {
font-weight: bold;
}
#mt-community-forum #entry-table .category-name {
font-size: 1.2em;
}
#mt-community-forum #entry-table .category-name a {
font-weight: normal;
margin-left: 5px;
padding-left: 12px;
background: url(forum-icon.gif) no-repeat 0 0;
}
.trackbacks-header,
.mt-comment-preview .comments-header,
.mt-comment-preview .comments-open-header,
.mt-entry-archive .comments-header,
.mt-entry-archive .comments-open-header {
padding: 5px 10px;
border-width: 1px 0;
border-style: solid;
border-color: #E2D9C5;
background-color: #F3F0E8;
}
.mt-comment-preview .comments-header h2,
.mt-entry-archive .comments-header h2 {
display: inline;
}
#mt-community-forum .comment {
margin: 1.5em 0;
padding-bottom: .75em;
clear: both;
}
#mt-community-blog .comment {
clear: both;
border: none;
}
.comment {
border-color: #F3F0E8;
}
.comments-header .separator {
color: #D0C1A2;
margin: 5px;
}
#mt-community-blog .comments-content .last {
border-bottom: 0;
}
#mt-community-forum ul.comments-content,
#mt-community-forum .comments-content ul {
list-style: none;
margin: 0;
padding: 0;
}
#mt-community-forum .comments-content ul {
margin-left: 20px;
}
#mt-community-forum #comments-open {
margin: 10px 0 0;
width: 590px;
}
#mt-community-blog .comments-open-content {
margin-left: 50px;
}
#mt-community-forum .comments-open-content {
margin-left: 60px;
}
#comments-open-text {
margin: 10px 0;
width: 530px;
}
#mt-community-forum #comments-open-text {
width: 520px;
}
#comment-author,
#comment-email,
#comment-url,
#comment-text {
padding: 2px;
border:1px solid #E2D9C5;
}
#comments-open-text #comment-text {
width: 479px;
height: 150px;
border: 1px solid #E2D9C5;
}
#mt-community-forum #comments-open-text #comment-text {
width: 519px;
}
.archive {
margin-bottom: 10px;
}
.archive .primary-category {
color: #948669;
text-transform: uppercase;
}
.archive .archive-content {
margin-bottom: 15px;
}
.archive .archive-content ul li {
margin-bottom: 3px;
}
.archive .archive-wrapper-yearly {
width: 23%;
margin-right: 2%;
float: left;
}
.archive .archive-header {
font-size: 18px;
border-bottom: 1px solid #F3F0E8;
}
.archive .archive-header {
font-size: 13px;
font-weight: bold;
margin: 0 0 3px 0;
padding: 0 0 3px 0;
border: none;
border-bottom: 1px solid #F3F0E8;
background: none;
}
.archive .archive-wrapper-yearly .archive-header {
border-bottom: none;
padding: 0;
}
/* Profile View ----------------------------------------------------------- */
.mt-profile-view .user-pic {
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.mt-profile-view #page-title {
font-size: 22px;
margin-bottom: 10px;
}
#profile-data {
margin-left: 100px;
}
#profile-data li {
list-style: none;
}
#profile-data .profile-data-item {
margin-left: 15px;
}
#tabs {
clear: both;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
background: url(tab-bg.gif) repeat-x left bottom;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
}
#tabs li {
float: left;
margin-right: 3px;
}
#tabs li a {
display: block;
padding: 7px 10px 6px 20px;
background: #f3f0e8 url(tab-arrow.gif) no-repeat 10px 50%;
color: #948669;
}
#tabs li a.active {
border: 1px solid #e2d9c5;
border-bottom: none;
padding: 6px 9px 7px 19px;
background: #fff url(tab-arrow-down.gif) no-repeat 9px 50%;
}
.tab_content .tab_content_label {
display: none;
}
.tab_content ul {
list-style: none;
margin: 0;
padding: 0;
}
.tab_content ul li {
margin-bottom: .75em;
}
.tab_content_label {
font-size: 18px;
}
#mt-community-blog.mt-profile-view .recent-actions li,
#mt-community-forum.mt-profile-view .recent-actions li {
clear: none;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 1em;
border-bottom: none;
background-position: 0 0;
font-weight: bold;
}
.recent-actions li .excerpt {
margin-top: .25em;
font-weight: normal;
color: #666;
}
.user-listing {
list-style-type: none;
margin-left: 0;
}
.widget-content .user-listing li {
margin-bottom: 10px;
background: none;
padding-left: 0;
}
.user-listing .user-pic {
width: 36px;
height: 36px;
margin-bottom: 0;
}
.user-listing .user-name {
font-weight: bold;
display: block;
}
.user-listing .user-url {
font-size: 11px;
display: block;
white-space: nowrap;
overflow: hidden;
}
.edit-relation a {
color: #948669;
background: #f3f0e8;
border: 1px solid #e2d9c5;
text-decoration: none;
padding: 1px 2px;
}
.edit-relation a:hover {
color: #6a5d84;
}
/* Widget ----------------------------------------------------------------- */
.widget .widget-header {
border-bottom: 1px solid #F3F0E8;
padding: 3px 0px;
font-weight: normal;
color: #948669;
text-transform: uppercase;
}
.widget .widget-content {
padding: 3px 0px;
}
#header .widget-sign-in .widget-content,
.widget-recent-assets .widget-content {
padding-left: 0;
padding-right: 0;
}
.archive-category .archive-content li,
.widget-content li {
padding-left: 0px;
}
.archive-category .archive-content ul ul,
.widget-content ul ul {
margin-left: 0;
}
.widget-category-groups {
margin-bottom: 2px;
}
.widget-category-groups .widget-content {
padding: 0;
}
.widget-category-groups .widget-header {
display: none;
}
.widget-category-groups .secondary-category {
border-bottom: 1px solid #f3f0e8;
padding: 5px 3px;
}
.widget-category-groups h3 {
margin: 0;
padding: 0;
font-size: 11px;
text-transform: uppercase;
color: #948669;
}
.widget-category-groups h3 a {
color: #948669;
}
.widget-category-groups .last {
border-bottom: none;
}
.widget-category-groups h4 {
float: left;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 3px;
width: 200px;
}
.widget-category-groups .category-totals {
float: right;
text-align: right;
}
.widget-category-groups p {
clear: left;
color: #777;
font-size: 11px;
line-height: 14px;
}
.widget-category-groups p a {
font-weight: bold;
}
.widget-category-groups .entry-count {
font-weight: bold;
font-size: 1.4em;
margin-right: 5px;
}
.widget-category-groups .primary-category {
padding-bottom: 2px;
background: url(forum-group-bg-bottom.gif) no-repeat 0 bottom;
margin-bottom: 2px;
}
.widget-category-groups .primary-category h3 {
background: url(forum-group-bg.gif) no-repeat 0 0;
padding: 5px 10px 3px 16px;
}
.widget-syndication ul {
list-style: none;
margin: 0;
}
.widget-syndication .feed {
text-align: left;
}
.widget-powered .widget-content span {
display: block;
overflow: hidden;
text-indent: -9999px;
}
.widget-powered .widget-content span a {
display: block;
float: right;
height: 40px;
width: 158px;
overflow: hidden;
text-indent: -9999px;
background: url(powered-by-mt-logo.gif) no-repeat 0 0;
}
.widget-syndication .widget-content li {
background: none;
padding-left: 0;
}
.custom-field-radio-list {
margin-bottom: .25em;
margin-left: 0;
}
.custom-field-radio-list li {
list-style: none;
margin-left: 0;
}
.widget-recent-comments .recent-comments-list {
margin-left: 0;
list-style: none;
}
.widget-recent-comments .recent-comments-list li {
padding-left: 10px;
margin: 5px 0;
}
/* Footer ----------------------------------------------------------------- */
#footer {
width: 946px;
margin: 0 auto 0px;
padding: 0 0 10px;
}
* html #footer {
margin-bottom: 0;
}
*:first-child+html #footer {
margin-bottom: 0;
}
#footer-inner {
padding: 0;
}
#footer-content {
margin: 0 15px 10px;
padding-top: 20px;
border-top: 1px solid #F3F0E8;
}
/* Utilities -------------------------------------------------------------- */
.note {
color: #777;
font-style: italic;
}
.comment:after,
#header:after,
#header-inner:after,
#header-menu ul:after,
#content:after,
#alpha-inner:after,
.entry-asset:after,
.last-comment:after,
#mt-community-blog .asset-meta:after,
#mt-community-forum .archive:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after,
#tabs:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.comment,
#header-inner,
#header-menu ul,
#content-inner,
#footer-inner,
.content-header,
.entry-asset,
.last-comment,
#mt-community-blog .asset-meta,
#mt-community-forum .archive,
#mt-community-forum .entry-header,
#mt-community-forum .entry-asset-inner,
.content-nav,
.asset-body,
#tabs {
height: 1%;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 - 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
img.mt-image-none { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
max-width: 510px;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}
.mt-main-index img.assetthumb { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
max-width: 510px;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
float: right; margin: 0 4px 10px 20px }
.mt-main-index .asset-footer { border-bottom: 2px solid #666; }
.relatedposts img { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
max-width: 510px;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
float: right; margin: 0 4px 10px 20px }
.assetthumb img { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}
img.mt-image-right { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
margin-right: 4px ! important;
}
img.mt-image-left { border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}
.photoblogbox img { width: 330px; border: 3px solid #fff ! important;
border-width: 0 4px 4px 0;
max-width: 510px;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
float: right; margin: 0 4px 10px 20px;
}
.greenbox img { width: 120px; float: right; clear: left; margin: 0 0px 20px 20px;}
.photoblogbox { background: url(http://creative.spayce.com/images/line.png) no-repeat bottom left; padding-bottom: 20px; margin-bottom: 0; margin-top: 20px; }
/* ------- */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
opacity: .3;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
opacity: .6;
color: #000;
background: #AAE;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #333;
color: #fff;
opacity: 1;
}
ul.tabbernav li.tabberactive a:hover
{
/* color: #000;
background: white;*/
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding-top: 10px;
border-top: 3px solid #333;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
.tabbernav li, ul.tabbernav, .tabbertab { border: 0 0 0 0 ! important; }
.mt-archives #alpha-inner .tabbernav li { border-bottom: 0px solid #666; padding: 3px 0 3px 0 ! important; }
.mt-archives #alpha-inner ul.tabbernav { border-top: 0px solid #666; }
.mt-archives #alpha-inner ul.tabbernav, .mt-archives #alpha-inner .tabbernav li { list-style: none; margin: 3px 3px 3px 3px! important; padding: atuo ! important; clear: none; }
.mt-archives #alpha-inner .tabbernav li:after { content: ""; display: inline; clear: none; }