Difference between revisions of "MediaWiki:Monobook.css"

From Second Life Wiki
Jump to navigation Jump to search
Line 1: Line 1:
body {
/*------------------------------ modern.css ------------------------------
margin:0px auto;
Modern CSS thweet browsers
These rules take over simple.css to create the hawtness that is this site.
komodomedia.com
 
/*----------------------- GLOBAL STYLES ---------------------------------*/
html, body{
width: 100%;
height:100%;
margin:0px;
padding:0px;
padding:0px;
font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
width: 770px;
color: #333333;
position: relative;
background: #181A2F url(images/home-bg.jpg) no-repeat center top;
}
}
a, strong a {
 
color: #FF6600;
html{
text-decoration:none;
background: #3F3534;
}
}
a:visited {
 
color: #FF9900;
body{
text-align: center;
color:#3F3534;
font:70%/145% Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(images/header_deco.jpg);
background-position:center 10px;
background-repeat:no-repeat;
margin:0px auto 0px auto;
}
}
a:hover {
 
text-decoration:underline;
hr{
height:6px;
background:#cccccc;
border:none;
border-bottom:2px solid #efefef;
width:100%;
}
}
p {
html>body hr{
margin: 0px 0px 14px;
height:4px;
}
}
code, .code {
 
font: 100% "Courier New", Courier, monospace;
a{
color: #000000;
color:#0099cc;
background: #FAFDE1;
margin: 5px 10px;
padding: 10px;
display:block;
border: 1px dashed #818141;
}
.code .indent {
padding-left: 15px;
}
.code .blue {
color: #0066FF;
}
.code .pink {
color: #FF3399;
}
.code .green {
color: #339933;
}
.code .black {
color: #000000;
}
blockquote {
background: url(images/blockquote-bg.gif);
margin: 0px 15px 20px;
padding: 3px 10px;
color:#666666;
border-left: 3px dotted #d6e5aa;
border-right: 3px dotted #d6e5aa;
border-top: 1px dotted #d6e5aa;
border-bottom: 1px dotted #d6e5aa;
line-height: 140%;
}
h1 {
margin: 40px 0px 44px;
padding: 0px;
float:right;
text-decoration: none;
text-decoration: none;
}
}
h1 a{
img{
display:block;
margin:5px;
height: 48px;
width: 212px;
text-indent: -900em;
text-decoration: none;
line-height:100%;
}
}
h1 a:hover{
img.wp-smiley{
text-decoration: none;
margin:0px;
}
a img{
padding: 3px;
border: 1px solid white;
}
}
h2 {
a:hover{
color: #163F53;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
letter-spacing: -1px;
font: normal 210% "Trebuchet MS", Tahoma, Arial;
padding-bottom: 2px;
}
h2 a, h2 a:visited{
color: #163F53;
text-decoration:none;
text-decoration:none;
border-bottom:1px dotted;
}
}
h2 a:hover {
a:hover img{
color:#FF6600;
background-color:#efefef;
text-decoration:none;
border: 1px solid #cccccc;
}
}
h3 {
 
margin: 20px 0px 0px;
ul{
padding-bottom: 2px;
list-style:url(images/list_icon.gif);
font: bold 110% Arial;
text-transform: uppercase;
letter-spacing:1px;
color: #205A77;
}
}
.sub_heading {
 
margin: 10px 0px 0px;
hr{
font: bold 110% Arial;
height:5px;
text-transform: uppercase;
background: #cccccc;
color: #666666;
}
.cat_heading {
color: #779d03;
margin: 0px;
padding-bottom: 2px;
border-bottom: 1px dotted #c1c9a6;
font: normal 150% Tahoma, Arial, sans-serif;
clear:both;
text-transform:none;
}
.cat_heading-alt {
color: #779d03;
margin: 0px;
padding-bottom: 4px;
font: normal 150% Tahoma, Arial, sans-serif;
clear:both;
text-transform:none;
}
h4 {
font: normal 150% Tahoma, Arial, sans-serif;
color: #779d03;
margin: 0px 0px 2px;
border:none;
border:none;
border-bottom:2px solid #efefef;
}
}
ul {
html>body hr{
padding: 0px;
height:4px;
margin: 5px 0px 15px 16px;
}
ul li ul{
padding: 0px;
margin: 0px 0px 5px 16px;
}
}
ul li {
h1, h2, h3, h4, h5{
margin: 0px;
font-family:'Trebuchet MS';
padding: 0px;
 
}
}
ol {
h1 a, h2 a, h3 a, h4 a, h5 a{
padding: 0px;
color:#333333;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 25px;
}
}
ol li {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
hr {


 
h1{
height: 1px;
font-size:1.65em;
clear: both;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom: 1px solid #E3E3E3;
}
}
.clear {
h2{
clear:both;
font-size:1.4em;
}
}
.displaynone {
h3{
display:none;
font-size:1.3em;
}
}
hr.hidden {
h4{
clear:both;
font-size:1.2em;
visibility:hidden;
margin:0px;
padding:0px;
}
}
form {
h5{
margin:0px;
font-size:1.0em;
padding:0px;
}
}
img {
blockquote{
border:none;
background:#efefef url(images/blockquote.gif) left -10px no-repeat;
}
margin:15px 0px 15px 0px;
small {
font-size: 85%;
color:#999999;
line-height:120%;
}
#header_wrap {
width: 754px;
height: 208px;
margin: 0px auto;
padding: 0px 6px;
color:#FFFFFF;
}
#search_wrap{
clear:both;
float:right;
}
#searchform {
margin:0px;
padding:0px;
padding:0px;
float:right;
width:460px;
}
#searchform label{
display:none;
}
#s {
border:1px solid #203346;
width: 130px;
padding: 1px;
}
}
#searchsubmit {
blockquote p{
background: url(images/search-btn.gif) no-repeat;
background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
width: 24px;
padding:45px 15px 15px 55px;
height:23px;
border:none;
text-indent: -900em;
line-height:0px;
}
}
#header_nav {
float:right;
margin-right: 7px;
background: url(images/headernav-divider.gif) no-repeat right top;
font-size: 90%;


padding: 1px 5px 0px 0px;
/*----------------------- BLOG & COMMENT STYLES --------------------------*/
}
.blog-comment-list{
#nav {
list-style:none;
list-style:none;
margin:28px 0px 0px;
margin:0px;
 
padding:0px;
padding:0px;
clear:both;
width:460px;
float:right;
line-height:0px;
}
}
#nav li{
.blog-comment-list li{
margin-left:5px;
margin:0px 0px 10px 0px;
float:left;
padding:0px;
width:470px;
position:relative;
left:-5px;
background:url(images/blog_comment_corners.gif) left -10px no-repeat;
}
}
#nav li a{
.blog-comment-list li.alt{
height: 25px;
background-color:#efefef;
display:block;
float:left;
text-decoration:none;
text-indent: -900em;
}
}
#nav #nav-home a{
.blog-comment-list li.even-list-row{
width: 63px;
background-image:none;
background: url(images/nav-blog.gif) no-repeat left top;
}
}
#nav #nav-home a:hover{
.blog-comment-list li.administrator{
background: url(images/nav-blog.gif) no-repeat left bottom;
color:#b4b4b4;
background:#484848 url(images/blog_comment_corners.gif) left -10px no-repeat;
}
 
.blog-comment-meta{
font-size:x-small;
background:url(images/blog_comment.gif) 432px 10px no-repeat;
padding:15px 15px 0px 15px;
color:#888888;
line-height:130%;
}
}
#nav #nav-about a{
.blog-comment-list li.administrator .blog-comment-meta{
width: 65px;
background:url(images/blog_comment_dark.gif) 432px 10px no-repeat;
background: url(images/nav-about.gif) no-repeat left top;
}
}
#nav #nav-about a:hover{
.blog-comment-meta a, .blog-comment-meta a:hover{
background: url(images/nav-about.gif) no-repeat left bottom;
border:none;
}
}
#nav #nav-resources a{
.blog-comment-list li.administrator .blog-comment-meta a{
width: 91px;
color:#ff9e00;
background: url(images/nav-resources.gif) no-repeat left top;
}
.blog-comment{
background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
padding:0px 15px 15px 15px;
}
}
#nav #nav-resources a:hover{
.gravatar{
background: url(images/nav-resources.gif) no-repeat left bottom;
float:left;
margin:0px 5px 0px 0px;
}
}
#nav #nav-portfolio a{
.blog-article-meta{
width: 86px;
width:460px;
background: url(images/nav-portfolio.gif) no-repeat left top;
padding-top:10px;
}
}
#nav #nav-portfolio a:hover{
.blog-article-meta h1{
background: url(images/nav-portfolio.gif) no-repeat left bottom;
float:left;
display:block;
width:400px;
margin:0px;
}
}
#nav #nav-icons a{
.blog-article-meta p{
width: 64px;
text-transform:lowercase;
background: url(images/nav-icons.gif) no-repeat left top;
font-size:x-small;
}
float:left;
#nav #nav-icons a:hover{
display:block;
background: url(images/nav-icons.gif) no-repeat left bottom;
width:400px;
}
padding:0px;
#nav #nav-forum a:hover{
margin-top:0px;
background: url(images/nav-forum.gif) no-repeat left bottom;
}
body#home #nav-home a{
background: url(images/nav-blog.gif) no-repeat left bottom;
}
}
body#about #nav-about a{
.blog-article-meta hr{
background: url(images/nav-about.gif) no-repeat left bottom;
}
body#portfolio #nav-portfolio a{
background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
body#icons #nav-icons a{
background: url(images/nav-icons.gif) no-repeat left bottom;
}
body#resources #nav-resources a{
background: url(images/nav-resources.gif) no-repeat left bottom;
}
#body_wrap {
width:743px;
margin: 0px auto;
padding: 10px 12px 40px 15px;
background: #FFFFFF url(images/content-corner-bg.gif) no-repeat left bottom;
clear:both;
clear:both;
}
}
#home-leftcol {
.blog-article-meta a, .blog-article-meta a:hover{
float:left;
color:#ff9900;
width: 405px;
border:none;
overflow: hidden;
}
.blog-article-meta h1 a{
color:#666666;
}
}
#home-rightcol {
.blog-article-meta .date-written{
width:320px;
width:35px;
height:35px;
margin:10px 0px 0px 5px;
display:block;
float:right;
float:right;
text-transform:uppercase;
text-align:center;
background:url(images/blog_date.gif) top left no-repeat;
line-height:1.3em;
padding-top:12px;
font-size:9px;
}
}
#single-leftcol {
.blog-article-meta .date-written em{
float:left;
font-style:normal;
width: 560px;
font-size:14px;
}
}
#single-rightcol {
.blog-article-meta p{
float:right;
padding-top:0.5em;
width: 165px;
}
.blog .filed-under{
background:url(images/folder.gif) left center no-repeat;
padding:4px 0px 4px 25px;
}
.written-by{
background:url(images/pencil.gif) left center no-repeat;
padding:4px 0px 4px 25px;
}
}
.sidebar-half {
#comment-number, .comment{
width: 152px;
padding:4px 0px 4px 25px;
float:left;
background:url(images/comment_ticket.gif) left 5px no-repeat;
}
}
.home-subrightcol {
.blog-comment-list li.administrator .written-by{
width: 153px;
background:url(images/pencil_dark.gif) left center no-repeat;
float:right;
}
 
.code li{
padding-top: 5px;
padding-bottom: 5px;
}
}
#footer_wrap {
.code{
width: 746px;
border: 1px solid #DDD;
background: #000000 url(images/footer-corner-bg.gif) no-repeat left top;
color: #333333;
margin: 0px auto;
font: 10px 'Lucida Sans Typewriter', 'Lucida Typewriter', 'Lucida Console', Monaco;  
padding: 5px 12px 12px;
color: #222;
color:#999999;
text-align: left;
clear:both;
line-height: 1.3em;
padding: 10px 10px 10px 45px;
margin: 1.5em 0px;
background:#ffffff;
display:block;
}
}
.footer_leftcol{
code.inline{
width:195px;
white-space:normal;
margin-right: 16px;
display:inline;
float:left;
border:none;
padding:0px;
margin:0px;
}
}
.footer_rightcol {
code{
width:320px;
border: 1px solid #DDD;
color: #333333;
font : 90% monaco, courier, monospace;
font-weight : normal;
color: #222;
text-align: left;
line-height: 100%;
padding:5px 10px 5px 10px;
margin: 1.5em 0px;
background:#ffffff;
display:block;
white-space:pre;
overflow:auto;
overflow:scroll;
width:440px;
}
html>body code{
overflow:auto;
}
/*----------------------- SITE IMAGE REPLACEMENT ICONS -------------------*/
a.rss-link{
background:url(images/rss_btn.gif) left top no-repeat;
width:24px;
height:24px;
line-height:10px;
text-indent:-9000px;
display:block;
overflow:hidden;
border: none;
padding:0px;
float:right;
float:right;
margin:2px 0px 0px 2px;
}
}
.footer_rightcol a, .footer_rightcol a:visited {
a.rss-link:hover{
color:#4E9F9F;
border:none;
}
}
.footer_submenu {
#version{
list-style:none;
background:url(images/version_tag.gif) center -15px no-repeat;
padding:0px;
width:100%;
margin:0px 0px 15px;
height:15px;
background-color: #000000;
overflow:hidden;
border-top: #272727 1px dotted;
}
.footer_submenu li{
border-bottom: #272727 1px dotted;
line-height: 130%;
list-style:none;
}
.footer_submenu li a{
color: #759398;
text-decoration: none;
padding: 4px 0px 4px 2px;
display:block;
display:block;
text-indent:-9000px;
}
}
.footer_submenu li a:visited{


color: #759398;
/*----------------------- SITE CONTENT STYLES ----------------------------*/
text-decoration: none;
#content-wrapper{
width: 500px;
background: url(images/site_column_footer.gif) left bottom no-repeat;
float:left;
clear:left;
padding:0px;
margin:0px 0px 20px 0px;
position:relative;
}
}
.footer_submenu li a:hover{
.wide #content-wrapper{
text-decoration: none;
width:700px;
background-color:#132022;
background: url(images/site_column_footer_wide.gif) left bottom no-repeat;
color:#FFFFFF;
}
}
a.validcss-mini {
html>body #content-wrapper{
background: url(images/validcss-mini.gif) no-repeat left center;
background: url(images/site_column_footer.png) left bottom no-repeat;
padding-left: 13px;
color:#FF9900;
text-decoration: none;
margin-left: 10px;
}
}
a.validcss-mini:visited {
html>body.wide #content-wrapper{
color:#FF9900;
background: url(images/site_column_footer_wide.png) left bottom no-repeat;
}
}
a.validcss-mini:hover {
#content{
color:#ffffff;
padding:0px 20px 0px 20px;
text-decoration: none;
margin: 0px 0px 15px 0px;
width:460px;
text-align: left;
float:left;
background: url(images/site_column_bg.gif) left top repeat-y;
overflow:hidden;
}
}
a.validhtml-mini {
.wide #content{
background: url(images/validhtml-mini.gif) no-repeat left center;
width:660px;
padding-left: 13px;
background: url(images/site_column_bg_wide.gif) left top repeat-y;
color:#80c43d;
text-decoration: none;
margin-left: 10px;
}
}
a.validhtml-mini:visited {
#content img{
color:#80c43d;
max-width:450px;
}
}
a.validhtml-mini:hover {
.wide #content img{
color:#ffffff;
max-width:650px;
text-decoration: none;
}
}
a.archive-mini {
html>body #content{
background: url(images/archive-mini.gif) no-repeat left center;
background: url(images/site_column_bg.png) left top repeat-y;
padding-left: 15px;
color:#89bc61;
text-decoration: none;
margin-right: 10px;
}
}
a.archive-mini:visited {
html>body.wide #content{
color:#89bc61;
background: url(images/site_column_bg_wide.png) left top repeat-y;
}
}
a.archive-mini:hover {
 
color:#ffffff;
#site-wrapper{
text-decoration: none;
width:100%;
background: url(images/footer_deco.gif) center bottom no-repeat;
z-index:1000;
 
}
#site{
margin: 0px auto 0px auto;
padding:0px;
width:710px;
position:relative;
height:100%;
}
}
a.rss-mini {
#nav{
background: url(images/rss-mini.gif) no-repeat left center;
right:0px;
padding-left: 14px;
width: 200px;
color:#FFCC33;
position: absolute;
text-decoration: none;
top: 150px;
margin-left: 10px;
text-align: left;
}
}
a.rss-mini:visited {
#sub-content{
color:#FFCC33;
float:left;
clear: left;
text-align: left;
}
}
a.rss-mini:hover {
#masthead{
color:#ffffff;
width: 100%;
text-decoration: none;
height: 150px;
margin: 0px;
}
}
a.sitemap-mini {
html>body #masthead{
background: url(images/sitemap-mini.gif) no-repeat left center;
padding-left: 14px;
color:#3ba5cf;
text-decoration: none;
margin-left: 10px;
}
}
a.sitemap-mini:visited {
#logo-container{
color:#3ba5cf;
width: 100%;
height: 140px;
}
}
a.sitemap-mini:hover {
html>body #logo-container{
color:#ffffff;
text-decoration: none;
}
}
a.links-mini {
 
background: url(images/links-mini.gif) no-repeat left center;
#home-logo{
padding-left: 15px;
width:250px;
color:#f86bb1;
height:140px;
text-decoration: none;
display:block;
margin-right: 10px;
margin:0px auto 0px auto;
}
padding:0px;
a.links-mini:visited {
border:none;
color:#f86bb1;
text-indent:-9000px;
text-decoration: none;
overflow:hidden;
cursor:pointer;cursor:hand;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/logo.png',sizingMethod='crop');
}
}
a.links-mini:hover {
html>body #home-logo{
color:#ffffff;
background:url(images/logo.png) left bottom no-repeat;
text-decoration: none;
filter:none;
}
}
a.contact-mini {
.alt{
background: url(images/contact-mini.gif) no-repeat left center;
background-color: #e8e8e8;
padding-left: 15px;
color:#66CCFF;
text-decoration: none;
}
}
a.contact-mini:visited {
#footer-deco{
color:#66CCFF;
height:180px;
text-decoration: none;
position:absolute;
background:url(images/footer_deco.gif) left bottom no-repeat;
width:650px;
bottom:10px;
left:-65px;
}
}
a.contact-mini:hover {
#header-deco{
color:#ffffff;
width:100%;
text-decoration: none;
height:250px;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
}
}
.submenu {
.new-section{
list-style:none;
height:40px;
padding:0px;
width:500px;
margin:0px 0px 15px;
background:#333333 url(images/section_seperator.gif) left top no-repeat;
position:relative;
left:-20px;
}
}
.submenu li{
/*----------------------- PRIMARY NAV STYLES ----------------------------*/
border-bottom: #dae2cc 1px dotted;
 
line-height: 130%;
/* ---------------------- TAB AND BACKGROUND IMAGE SETUP --------------------------*/
.tabbed-nav{
list-style:none;
list-style:none;
background: url(images/nav_bg.gif) left top no-repeat;
width:500px;
position:relative;
}
}
.submenu li a{
.wide .tabbed-nav{
color: #790000;
width:700px;
text-decoration: none;
background: url(images/nav_bg_wide.gif) left top no-repeat;
padding: 4px 6px 4px 2px;
display:block;
list-style:none;
}
}
.submenu li a:visited{
html>body .tabbed-nav{
color: #790000;
background: url(images/nav_bg.png) left top no-repeat;
text-decoration: none;
}
}
.submenu li a:hover{
html>body.wide .tabbed-nav{
text-decoration: none;
background: url(images/nav_bg_wide.png) left top no-repeat;
background-color: #dae2cc;
}
}
.submenu .page_item {
.tabbed-nav, .tabbed-nav li, .tabbed-nav li a, .tabbed-nav li a span{
float: left;
padding:0px;
margin:0px;
display:block;
display:block;
}
}
.submenu .current-cat {
.tabbed-nav li{
background: url(images/currentpg-arrow.gif) no-repeat right center;
width:70px;
height:40px;
overflow:hidden;
background: url(images/nav_tab_default.gif) left top no-repeat;
}
}
.submenu .current_page_item {
html>body .tabbed-nav li{
background: url(images/currentpg-arrow.gif) no-repeat right center;
overflow:visible;
}
}
a.continue {
.tabbed-nav li a, .tabbed-nav li a span{
background: url(images/continue-mini.gif) no-repeat right center;
padding-right: 15px;
color: #3a740e;
text-decoration:none;
text-decoration:none;
width:90px;
height:40px;
text-indent:-9000px;
overflow:hidden;
cursor:pointer;cursor:hand;
border:none;
}
}
a.continue:visited, a.continue:hover {
 
color: #3a740e;
text-decoration:none;
.tabbed-nav li.home{
width:75px;
height:40px;
background: url(images/nav_tab_first_default.gif) left top no-repeat;
}
}
.archive-list {
.tabbed-nav li.contact{
list-style:none;
width:95px;
margin: 5px 0px 20px;
height:40px;
padding:0;
background: url(images/nav_tab_last_default.gif) left top no-repeat;
}
}
.archive-list li{
.tabbed-nav li.focused a{
background: url(images/archive-arrow.gif) no-repeat left center;
background: url(images/nav_tab_over.gif) left top no-repeat;  
padding-left: 10px;
}
}
.post {
.tabbed-nav li.focused.home a{
margin: 0px 0px 20px;
background: url(images/nav_tab_first_over.gif) left top no-repeat;
clear:both;
}
}
.postdate {
.tabbed-nav li.focused.contact a{
background: url(images/mini-date.gif) no-repeat left center;
background: url(images/nav_tab_last_over.gif) left top no-repeat;
padding-left: 15px;
}
font-size: 90%;
 
color:#666666;
 
float:left;
/* ------------------- tab text replacement -------------------------*/
.tabbed-nav li.home a span{
background: url(images/tab_home.gif) left bottom no-repeat;
}
}
.postcomment {
.tabbed-nav li.blog a span{
background: url(images/mini-comment.gif) no-repeat left center;
background: url(images/tab_blog.gif) left bottom no-repeat;
padding-left: 15px;
font-size: 90%;
float:right;
}
}
.postjumpcomment {
.tabbed-nav li.folio a span{
background: url(images/jumpcomment-mini.gif) no-repeat right center;
background: url(images/tab_folio.gif) left bottom no-repeat;
padding-right: 13px;
font-size: 90%;
float:right;
}
}
.postjumpcomment a, .postjumpcomment a:visited{
.tabbed-nav li.art a span{
color: #698d9c;
background: url(images/tab_art.gif) left bottom no-repeat;
text-decoration:none;
}
}
.postjumpcomment a:hover {
.tabbed-nav li.about a span{
color: #FF9900;
background: url(images/tab_about.gif) left bottom no-repeat;
text-decoration:none;
}
}
.postcomment a, .postcomment a:visited {
.tabbed-nav li.contact a span{
color: #CC6600;
background: url(images/tab_contact.gif) left bottom no-repeat;
}
 
 
/* ------------------------- tab & tab text hover events --------------------*/
.tabbed-nav li.focused a{
background-position:left top;
position:relative;
text-decoration:none;
text-decoration:none;
border:none;
}
.tabbed-nav li a:hover span, .tabbed-nav li.focused a span{
font-weight:normal;
background-position: left top;
}
/* ------------------------- radio player ------------------------*/
.tabbed-nav li.radio{
position:absolute;
right:8px;
top:8px;
background:none;
pading:0;
margin:0;
width:28px;
height:23px;
}
}
.postcomment a:hover {
 
color: #FF9900;
.tabbed-nav li.radio a#km-radio{
text-decoration:none;
padding:0;
margin:0;
background:url(/style/images/music_dual.gif) 3px 1px no-repeat;
position:relative;
width:28px;
height:23px;
}
}
.postcat {
.tabbed-nav li.radio a#km-radio:hover{
background: url(images/mini-cat.gif) no-repeat left center;
background-position: 3px -19px;
padding-left: 15px;
font-size: 90%;
color: #999999;
float:left;
margin-left: 15px;
}
}
.postcat a, .postcat a:visited {
.tabbed-nav li.radio a#km-radio:focus,
color: #669900;
.tabbed-nav li.radio a#km-radio:active{
text-decoration:none;
background:url(/style/images/ajax_load_small.gif) center 1px no-repeat;
}
}
.postcat a:hover {
color: #FF9900;
/*---------------------- SECONDARY NAV BOXES STYLES ---------------------*/
text-decoration:none;
 
#search fieldset, #search-form{
border: none;
padding:0px;
margin:0px;
background:transparent;
}
}
.postcat span {
 
display:none;
#search #search-submit{
}
.entry {
clear:both;
padding-top: 10px;
}
.left {
float:left;
float:left;
}
}
img.left {
#search #search-input{
margin: 2px;
padding:4px 10px 0px 10px;
height:16px;
width:115px;
border: none;
background:transparent url(images/search_box_bg.gif) fixed left top no-repeat ;
display:block;
overflow:hidden;
float:left;
float:left;
margin: 2px 10px 5px 0px;
font:inherit;
font-size:11px;
}
}
a img.left {
html>body #search #search-input{
border: 1px solid #E3E3E3;
background:transparent url(images/search_box_bg.gif) left top no-repeat;
padding: 4px;
margin-left:5px;
background: #FFFFFF;
}
}
a:hover img.left{
#search p{
border-color: #FF6600;
margin:0px;
background: #FF6600;
padding:2px;
line-height:1.2em;
text-transform:lowercase;
clear:both;
}
}
.right {
 
float:right;
.navbox{
margin:0px 0px 10px 0px;
padding:15px 0px 0px 0px;
width:200px;
position:relative;
background:transparent url(images/nav_box_top.gif) left top no-repeat;
}
}
img.right, a img.right {
html>body .navbox{
float:left;
background:transparent url(images/nav_box_top.png) left top no-repeat;
margin: 4px 10px 5px 0px;
border: 1px solid #E3E3E3;
padding: 4px;
background: #FFFFFF;
}
}
a:hover img.right{
 
border-color: #FF6600;
.navbox .navbox-content{
background: #FF6600;
padding:0px 15px 0px 15px;
background:transparent url(images/nav_box_bg.gif) left top repeat-y;
}
}
.footer_nav {
html>body .navbox .navbox-content{
float:right;
background:transparent url(images/nav_box_bg.png) left top repeat-y;
margin: 20px 0px 0px;
padding:0px;
font-size:90%;
}
}
.copyright {
.navbox h1{
text-align:right;
display:none;
border-top: 1px solid #222222;
font-size:85%;
clear:both;
margin:10px 0px 0px;
color: #666666;
}
}
img.img_border, a img.img_border {
.navbox h2{
border: 5px solid #E0E0E0;
margin:0;
line-height:2.0em;
}
}
a:hover img.img_border{
#nav ul, #nav ul li{
border-color: #FF6600;
}
.popular-list {
padding: 0px;
margin:0px 0px 10px;
list-style:none;
list-style:none;
}
list-style-image:none;
.popular-list li{
background: url(images/mini-star.gif) no-repeat left center;
padding: 3px 0px 3px 12px;
margin:0px;
margin:0px;
line-height: 130%;
padding:0px;
list-style:none;
}
}
.popular-list li a{
.navbox img{
color:#333333;
vertical-align:middle;
text-decoration:none;
border:none;
list-style:none;
margin:5px;
padding:0px;
width:40px;
height:40px;
}
}
.popular-list li a:visited{
.navbox .navbox-footer{
color:#333333;
height:15px;
text-decoration:none;
width:200px;
background:url(images/nav_box_footer.gif) left top no-repeat;
}
}
.popular-list li a:hover{
html>body .navbox .navbox-footer{
color:#669900;
background:url(images/nav_box_footer.png) left top no-repeat;
text-decoration:none;
}
}
#respond {
.navbox .alt{
background:url(images/postcomment.gif) no-repeat left center;
background:#e8e8e8 url(images/nav_list_alt_bottom.gif) left bottom no-repeat;
padding: 0px 0px 2px 20px;
color: #779d03;
margin: 0px;
font: normal 140% Tahoma, Arial, sans-serif;
clear:both;
text-transform:none;
}
}
#commentform {
.navbox .alt a{
margin-top: 10px;
background:url(images/nav_list_alt_top.gif) left top no-repeat;
font: 110% Arial, Helvetica, sans-serif;
}
}
#commentform label{
.navbox a{
font-weight: bold;
display: block;
color:#668b9a;
padding:2px 5px 2px 5px;
font-size: 100%;
border:none;
margin:0px;
width:auto;
outline: none;
text-decoration:none;
}
}
#commentform label span{
 
font-weight: normal;
.navbox .navbox-content a:hover{
border:none;
outline: none;
background:url(images/nav_list_alt_top_over.gif) left top no-repeat;
padding-left:25px;
overflow:hidden;
}
}
#commentform input{
#spinning a:hover{
width: 153px;
padding:2px 5px 2px 5px;
background:#EEF5F9;
background:url(images/nav_list_alt_top.gif) left top no-repeat;
border: 1px solid #a3bdc8;
padding: 3px;
margin-top: 3px;
}
}
#commentform textarea{
.navbox a:hover img{
width: 375px;
border:none;
height: 135px;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 2px;
margin-top: 3px;
}
}
#commentform .submitbutton {
.navbox li{
width: auto;
padding:0px;
padding: 4px 12px;
margin:0px;
font: bold 12px Arial, Helvetica, sans-serif;
/* some sort of a hack to get IE to
color: #FFFFFF;
correctly apply the height to the li elements */
background: #587683;
height:1em;
border: none;
}
}
#commentform .submitbutton:hover {
html>body .navbox li{
background: #779d03;
width:auto;
height:auto;
}
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
.navbox ul.tabbed{
background: #F1FFD5;
height:200px;
width:170px;
overflow:auto;
display:none;
}
}
.commentlist {
.navbox ul.tabbed li{
list-style:none;
width:auto;
margin:0px 0px 15px;
padding:0px;
line-height: 130%;
}
}
.commentlist p{
margin: 10px 0px;


.navbox ul.focused{
display:block;
}
}
.commentlist li{
 
margin: 10px 7px;
/*.wide .nav-group{
padding:0px 0px 10px;
margin:0px 10px 0px 0px;
background: url(images/thumb-hr.gif) no-repeat center bottom;
float:left;
}*/
 
#entertainment{
clear: right;
}
}
.gravatar {
 
background: url(images/avatar-bg.gif) no-repeat;
.navbox .footer-tabs{
width: 58px;
height:45px;
height:55px;
width:200px;
margin-top: 3px;
background:url(images/nav_box.gif) left bottom no-repeat;
padding: 6px 0px 6px 6px;
float:left;
}
}
.gravatar img {
html>body .navbox .footer-tabs{
border:solid 1px #cee48b;
background:url(images/nav_box.png) left bottom no-repeat;
background-color: #FFFFFF;
}
}
.comment-entry {
.navbox-tabs{
width: 470px;
background:url(images/nav_box_footer_tabs.gif) left bottom no-repeat;
float:right;
position:relative;
position:relative;
top:3px;
width:200px;
height:45px;
}
}
.comment-number {
html>body .navbox-tabs{
font-size: 14px;
background:url(images/nav_box_footer_tabs.png) left bottom no-repeat;
color: #CCCCCC;
float:right;
position: absolute;
top: 5px;
right: 5px;
}
}
.commentlist cite {
.navbox-tabs li,.navbox-tabs li a,.navbox-tabs li a span{
font: 150% Tahoma, "Trebuchet MS", Arial;
float:left;
color: #5A8800;
width:100px;
height:45px;
display:block;
padding:0px;
margin:0px;
overflow:hidden;
}
}
.commentlist cite a, .commentlist cite a:visited{
.navbox-tabs li a{
color: #5A8800;
/*
text-decoration:underline;
position:absolute;
left:0px;
width:105px;
*/
cursor:pointer;cursor:hand;
}
}
.commentlist cite a:hover{
html>body .navbox-tabs  li a{
text-decoration:none;
}
}
.ad-banner {
.navbox-tabs li a span{
margin: 15px 0px 15px 5px;
text-indent:-9000px;
clear:both;
background-position:left bottom;
height: 65px;
background-repeat: no-repeat;
}
}
.ad-banner2 {
.navbox-tabs li a:hover span, .navbox-tabs li a.focused span{
margin: 5px 0px 10px;
background-position:left top;
clear:both;
height: 65px;
}
}
.ad-thumb {
 
background: #FFFFFF;
/*---------------- LEFT SIDE NAV BOX TABS ------------------------------*/
border: 1px solid #DFDFDF;
.navbox-tabs li#navbox-tab-about a span{
padding: 4px;
background-image:url(images/nav_box_tab_about.gif);
float: left;
margin: 0px 6px 0px 5px;
}
}
.sponsorlinks {
 
list-style: none;
.navbox-tabs li#navbox-tab-design a span{
margin: 0px;
background-image:url(images/nav_box_tab_design.gif);
padding: 1px 0px 5px 0px;
font-size: 90%;
}
}
.sponsorlinks li{
 
list-style: none;
.navbox-tabs li#navbox-tab-categories a span{
margin: 0px;
background-image:url(images/nav_box_tab_categories.gif);
padding: 0px 0px 0px 10px;
background-image: url(images/text-link-arrow.gif);
background-repeat: no-repeat;
background-position: left center;
}
}
.sponsorlinks li a{
 
color: #333333;
.navbox-tabs li#navbox-tab-spinning a span{
text-decoration: none;
background-image:url(images/nav_box_tab_music.gif);
}
}
.sponsorlinks li a:visited{
 
color: #333333;
.navbox-tabs li.even a.focused{
text-decoration: none;
background:url(images/nav_box_footer_tabs.gif) left top no-repeat;
}
.sponsorlinks li a:hover{
color: #FF6600;
text-decoration: none;
}
}
.sponsorlinks-heading {
html>body .navbox-tabs li.even a.focused{
font-weight: bold;
background:url(images/nav_box_footer_tabs.png) left top no-repeat;
color: #666666;
background: url(images/bottom_divider.gif) no-repeat left bottom;
margin-bottom: 2px;
font-size: 90%;
text-transform: uppercase;
}
}
.sponsor-banner {
 
margin-top: 7px;
/*------------------------ RIGHT SIDE NAV BOX TABS ------------------------------*/
.navbox-tabs li#navbox-tab-portfolio a span{
background-image:url(images/nav_box_tab_portfolio.gif);
}
}
.credit {
.navbox-tabs li#navbox-tab-other-links a span{
font-size: 83%;
background-image:url(images/nav_box_tab_other.gif);
color: #999999;
border-top: 1px solid #E1E1E1;
text-align:right;
}
}
.landing-list {
.navbox-tabs li#navbox-tab-archive a span{
padding: 0px;
background-image:url(images/nav_box_tab_archive.gif);
margin:0px 0px 10px;
list-style:none;
}
}
.landing-list li{
.navbox-tabs li#navbox-tab-gaming a span{
width: 258px;
background-image:url(images/nav_box_tab_play.gif);
float: left;
padding: 10px;
height:75px;
}
}
.landing-list img {
.navbox-tabs li.odd a{
padding: 4px;
left:95px;
background-color: #FFFFFF;
border: 1px solid #E3E3E3;
float: left;
margin-right: 10px;
}
}
.landing-list h3{
.navbox-tabs li.odd a.focused{
margin: 0px;
background:url(images/nav_box_footer_tabs.gif) right center no-repeat;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
text-transform:none;
letter-spacing: 0px;
}
}
.landing-list h3.folder a{
html>body .navbox-tabs li.odd a.focused{
margin: 0px;
background:url(images/nav_box_footer_tabs.png) right center no-repeat;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
padding: 0px 0px 0px 18px;
background: url(images/folder-mini.gif) no-repeat left center;
text-transform:none;
letter-spacing: 0px;
}
}
.landing-list br{
/*--------------------- ROTATING CSS ( STYLES THAT AREN'T PERMANENT - CONTENT STYLES) -----------------------------*/
display:none;
 
ul.of-interest{
margin: 10px 0px 10px 0px;
padding: 0px;
position: relative;
height: 155px;
width: 460px;
list-style-type:none;
}
}
.thumb-list {
ul.of-interest li{
padding: 0px;
padding: 0px;
margin:0px 0px 10px;
margin: 0px;
list-style:none;
background: none;
list-style: none;
list-style-image: none;
float:left;
}
}
.thumb-list li{
ul.of-interest li a{
width: 155px;
display: block;
float: left;
float: left;
margin: 5px 13px 15px;
text-indent:-9000px;
text-align:center;
text-decoration:none;
height: 155px;
background:none;
background-image: url(/images/topic_bar.gif);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
border:none;
overflow:none;
}
}
.thumb-list img {
ul.of-interest li a:hover{
border: 5px solid #E0E0E0;
text-decoration:none;
}
}
.thumb-list a:hover img {
ul.of-interest li a:active{
border-color: #FF9900;
}
}
.thumb-list br{
 
display:none;
a#bragging-rights{
background-position: left top;
width: 150px;
}
}
.thumb-list p{
a#tutorial-star-rater{
line-height:100%;
background-position: center top;
margin:0px;
width: 160px;
}
}
.ban-list {
a#interesting{
list-style:none;
background-position: right top;
margin:0px 0px 10px;
width: 150px;
padding:0px 0px 0px 10px;
}
}
.ban-list br{
a#bragging-rights:hover{
display:none;
background-position: left bottom;
}
}
.ban-list p br{
a#tutorial-star-rater:hover{
display:block;
background-position: center bottom;
}
}
.ban-list li{
a#interesting:hover{
margin: 12px 0px;
background-position: right bottom;
height:104px;
background: url(images/thumb-hr.gif) no-repeat center bottom;
}
}
.ban-list img {
a#feedburner-link{
border: 5px solid #E0E0E0;
float: right;
float: left;
padding: 0px;
margin-right: 10px;
margin: 0px;
background: none;
position: relative;
border:none;
}
}
.ban-list a:hover img {
/*------------------------------------ MUSIC PAGE STYLES ------------------------------------------*/
border-color: #FF9900;
 
.album-image{
text-align:center;
}
}
.ban-list a:hover {
 
border-color: transparent;
/*------------------------------------ SITE FORM STYLES ------------------------------------------*/
 
#content textarea{
width:440px;
}
}
.ban-list h3{
 
margin: 0px;
fieldset{
border:none;
margin:0px;
padding:0px;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
color:#666666;
text-transform:none;
letter-spacing: 0px;
}
}
.px_icon_table td{
input, textarea{
padding: 2px;
background: url(images/input_bg.gif) left top no-repeat;
color: #666666;
font-family: inherit;
font-size: 90%;
font-size: inherit;
line-height:inherit;
color: inherit;
border-top: none;
border-left: none;
border-bottom: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
padding: 5px;
margin: 5px;
}
}
.px_icon_table img{
textarea{
margin-right: 7px;
background-attachment:fixed;
padding: 3px;
border: 1px solid #E3E3E3;
vertical-align: middle;
}
}
.ddsg-sitemap {
html>body textarea{
list-style:none;
background-attachment:scroll;
margin:0px 0px 30px 15px;
line-height: 140%;
}
}
.ddsg-sitemap li{
input:focus, textarea:focus{
font-weight:bold;
color:#333333;
background: url(images/sitemap-mini-folder.gif) no-repeat top left;
padding-left: 13px;
}
.ddsg-sitemap li ul{
margin-bottom: 3px;
list-style:none;
margin-left: 5px;
}
}
.ddsg-sitemap li ul li{
font-weight:normal;


background: url(images/sitemap-mini-file.gif) no-repeat left top;
label{
padding-left: 12px;
margin:0px 5px 0px 5px;
}
}
.download_btn {
input.button{
font: bold 110% Arial, Helvetica, sans-serif;
padding:0px;
border:none;
margin:5px;
background:none;
cursor:pointer;cursor:hand;
}
}
a.download_btn , a.download_btn:visited{
input#search-submit{
color:#669900;
margin:0px;
text-decoration:none;
background: url(images/download-btn.gif) no-repeat left center;
padding: 0px 0px 0px 18px;
}
}
a.download_btn:hover {
.loading{
color: #FF6600;
width:20px;
text-decoration:none;
height:25px;
background:url(/style/images/ajax_load_small.gif) left top no-repeat;
}
}
.preview_btn {
/*-------------------------------------------- Link Love -------------------------------------------------*/
font: bold 110% Arial, Helvetica, sans-serif;
 
.link-love{
}
}
a.preview_btn , a.preview_btn:visited{
.link-love ul{
color:#669900;
list-style:none;
text-decoration:none;
margin:5px auto 5px auto;
background: url(images/preview-btn.gif) no-repeat left center;
padding:0px 0px 0px 0px;
padding: 0px 0px 0px 18px;
clear:both;
}
text-align:left;
a.preview_btn:hover {
color: #FF6600;
text-decoration:none;
}
.center {
text-align: center;
}
}
.pagenav {
.link-love h1, .link-love h2, .link-love h3{
text-align:right;
border-top: 1px dotted #CCCCCC;
margin: 25px 0px 10px;
padding-top: 2px;
clear:both;
clear:both;
}
}
.breadcrumb {
.link-love ul li{
font-size: 10px;
float:left;
color:#A7A7A7;
margin:0px;
line-height:100%;
padding:0px;
}
}
.breadcrumb a, .breadcrumb a:visited{
.link-love ul li a img{
color:#779d03;
width:75px;
text-decoration:none;
height:57px;
}
margin:5px;
.breadcrumb a:hover{
padding:0px;
color:#FF9900;
text-decoration:none;
}
.quarter {
width: 172px;
margin: auto 7px;
}
.one-third {
width: 176px;
float:left;
float:left;
background:url(/style/images/ajax_load_small.gif) center center no-repeat;
}
}
.half {
.link-love a{
width: 272px;
float:left;
float:left;
}
width:85px;
.separator {
margin-right: 15px;
}
.external-list {
margin: 5px 0px 15px 5px;
padding: 0px;
list-style: none;
}
.external-list li {
margin: 0px;
padding: 2px 0px 2px 14px;
background: url(images/mini-external.gif) no-repeat left center;
}
.links-list {
list-style:none;
margin:3px 0px 20px;
padding:0px;
padding:0px;
line-height: 100%;
height:100px;
font-size: 90%;
}
.links-list li{
width: 170px;
height:19px;
background: url(images/links-bullet.gif) no-repeat left center;
margin-bottom: 2px;
}
.links-list li a, .links-list li a{
height:19px;
display:block;
display:block;
color: #FF6600;
margin-right:2px;
text-decoration:none;
text-align:center;
padding: 4px 10px 0px 14px;
border:1px solid #ffffff;
}
}
.links-list li a:hover{
.link-love a:hover{
color: #339900;
background:#eeeeee;
text-decoration:none;
border:1px solid #ddd;
background: url(images/links-li-bg.gif) no-repeat;
}
}
.update {
.link-love a:hover img{
background: #FFFBE8;
border:none;
padding: 2px 7px;
border: 1px solid #FFE4C1;
margin: 10px 0px 5px;
}
}
.alert {
.link-love a img{
background: url(images/mini-update.gif) no-repeat left center;
float:left;
text-transform: uppercase;
border:none;
color: #663300;
padding: 2px 0px 2px 17px;
border-bottom: 1px solid #FFE6C4;
margin:0px 0px 5px;
}
}
#intouchform {
.link-love-deco{
margin: 20px 10px 10px;
background:url(images/link_love.gif) left center no-repeat;
font: 110% Arial, Helvetica, sans-serif;
height:40px;
color: #000000;
padding:0px 0px 0px 45px;
}
}
#intouchform p{
 
clear: left;
/*-------------------------------- PSPS Safari hack ------------------------------------------------------*/
margin: 5px 0 10px 0px;
.psps{font:normal;#}
position: relative;
.tabbed-nav li.home a{
background: url(images/nav_tab_first_over.gif) -9000px top no-repeat ;
}
}
#intouchform label{
.tabbed-nav li.contact a{
font-weight: bold;
background: url(images/nav_tab_last_over.gif) -9000px top no-repeat ;
color:#598192;
float: left;
width: 120px;
background: url(images/formlabel-arrow.gif) no-repeat top right;
margin-right: 8px;
}
}
#intouchform input{
.tabbed-nav li.focused a{
width: 350px;
background-position:left top;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 2px;
}
}
#intouchform textarea{
.section-links{
width: 350px;
float:right;
height: 140px;
background:#EEF5F9;
border: 1px solid #a3bdc8;
padding: 2px;
}
#intouchform .submitbutton {
width: auto;
padding: 4px 12px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #587683;
border: none;
}
#intouchform .indent {
margin-left: 128px;
}
#intouchform .submitbutton:hover {
background: #779d03;
}
#intouchform #usermessage {
font-size: 110%;
font-weight: bold;
margin: 0px 0px 5px 125px;
}
#intouchform .error {
border: 1px solid #FF9900;
}
#intouchform .failure {
color:#FF9900;
}
#intouchform .success {
color:#669900;
}
#intouchform .required {
position: absolute;
color: #97b5c2;
top: 3px;
padding-left: 5px;
}
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
background: #F1FFD5;
}
.left-noborder {
border: none;
float: left;
margin-right: 15px;
}
.icons-list {
list-style:none;
margin:0px 0px 10px;
padding:0px 0px 0px 5px;
}
.icons-list br{
display:none;
}
.icons-list p br{
display:block;
}
.icons-list li{
margin: 12px 0px;
height: 166px;
background: url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/thumb-hr.gif) no-repeat center bottom;
}
.icons-list h3{
margin: 0px;
padding:0px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
color:#666666;
text-transform:none;
letter-spacing: 0px;
}
.buy-options {
list-style:none;
margin: 0px 0px 15px;
padding: 0px;
border-top: solid 1px #dfe8c3;
color: #666666;
}
.buy-options br{
display:none;
}
.buy-options li{
height: 18px;
clear: both;
border-bottom: solid 1px #dfe8c3;
padding: 5px 0px;
}
.buy-options li a, .buy-options li a:visited{
color: #557D00;
}
.icons-right {
float: right;
width: 398px;
}
.small {
font-size: 90%;
}
}

Revision as of 17:44, 4 January 2007

/*------------------------------ modern.css ------------------------------
 	
	Modern CSS thweet browsers 
 	These rules take over simple.css to create the hawtness that is this site.
 	komodomedia.com 

/*----------------------- GLOBAL STYLES ---------------------------------*/
html, body{
	width: 100%;
	height:100%;
	margin:0px;
	padding:0px;
}

html{
	background: #3F3534;
}

body{
	text-align: center;
	color:#3F3534;
	font:70%/145% Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(images/header_deco.jpg);
	background-position:center 10px;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
}

hr{
	height:6px;
	background:#cccccc;
	border:none;
	border-bottom:2px solid #efefef;
	width:100%;
}
html>body hr{
	height:4px;
}

a{
	color:#0099cc;
	text-decoration: none;
}
img{
	margin:5px;
}
img.wp-smiley{
	margin:0px;
} 
a img{
	padding: 3px;
	border: 1px solid white;
}
a:hover{
	text-decoration:none;
	border-bottom:1px dotted;
}
a:hover img{
	background-color:#efefef;
	border: 1px solid #cccccc;
}

ul{
	list-style:url(images/list_icon.gif);
}

hr{
	height:5px;
	background: #cccccc;
	border:none;
	border-bottom:2px solid #efefef;
}
html>body hr{
	height:4px;
}
h1, h2, h3, h4, h5{
	font-family:'Trebuchet MS';
}
h1 a, h2 a, h3 a, h4 a, h5 a{
	color:#333333;
}

h1{
	font-size:1.65em;
}
h2{
	font-size:1.4em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1.0em;
}
blockquote{
	background:#efefef url(images/blockquote.gif) left -10px no-repeat;
	margin:15px 0px 15px 0px;
	padding:0px;
	width:460px;
}
blockquote p{
	background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
	padding:45px 15px 15px 55px;
}

/*----------------------- BLOG & COMMENT STYLES --------------------------*/
.blog-comment-list{
	list-style:none;
	margin:0px;
	padding:0px;
	width:460px;
}
.blog-comment-list li{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:470px;
	position:relative;
	left:-5px;
	background:url(images/blog_comment_corners.gif) left -10px no-repeat;
}
.blog-comment-list li.alt{
	background-color:#efefef;
}
.blog-comment-list li.even-list-row{
	background-image:none;
}
.blog-comment-list li.administrator{
	color:#b4b4b4;
	background:#484848 url(images/blog_comment_corners.gif) left -10px no-repeat;
}	

.blog-comment-meta{
	font-size:x-small;
	background:url(images/blog_comment.gif) 432px 10px no-repeat;
	padding:15px 15px 0px 15px;
	color:#888888;
	line-height:130%;
}
.blog-comment-list li.administrator .blog-comment-meta{
	background:url(images/blog_comment_dark.gif) 432px 10px no-repeat;
}
.blog-comment-meta a, .blog-comment-meta a:hover{
	border:none;
}
.blog-comment-list li.administrator .blog-comment-meta a{
	color:#ff9e00;
}		
.blog-comment{
	background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
	padding:0px 15px 15px 15px;
}
.gravatar{
	float:left;
	margin:0px 5px 0px 0px;
}
.blog-article-meta{
	width:460px;
	padding-top:10px;
}
.blog-article-meta h1{
	float:left;
	display:block;
	width:400px; 
	margin:0px;
}
.blog-article-meta p{
	text-transform:lowercase;
	font-size:x-small;	
	float:left;
	display:block;
	width:400px; 
	padding:0px;
	margin-top:0px;
}
.blog-article-meta hr{
	clear:both;
}
.blog-article-meta a, .blog-article-meta a:hover{
	color:#ff9900;
	border:none;
}	
.blog-article-meta h1 a{
	color:#666666;
}
.blog-article-meta .date-written{
	width:35px;
	height:35px;
	margin:10px 0px 0px 5px;
	display:block;
	float:right;
	text-transform:uppercase;
	text-align:center;
	background:url(images/blog_date.gif) top left no-repeat;
	line-height:1.3em;
	padding-top:12px;
	font-size:9px;
}
.blog-article-meta .date-written em{
	font-style:normal;
	font-size:14px;
}
.blog-article-meta p{
	padding-top:0.5em;
	
}	
.blog .filed-under{
	background:url(images/folder.gif) left center no-repeat;
	padding:4px 0px 4px 25px;
}	
.written-by{
	background:url(images/pencil.gif) left center no-repeat;
	padding:4px 0px 4px 25px;
}
#comment-number, .comment{
	padding:4px 0px 4px 25px;
	background:url(images/comment_ticket.gif) left 5px no-repeat;
	
}
.blog-comment-list li.administrator .written-by{
	background:url(images/pencil_dark.gif) left center no-repeat;
}	

.code li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.code{
	border: 1px solid #DDD;
	color: #333333;
	font: 10px 'Lucida Sans Typewriter', 'Lucida Typewriter', 'Lucida Console', Monaco; 
	color: #222; 
	text-align: left;
	line-height: 1.3em;
	padding: 10px 10px 10px 45px;
	margin: 1.5em 0px;
	background:#ffffff;
	display:block;
}
code.inline{
	white-space:normal;
	display:inline;
	border:none;
	padding:0px;
	margin:0px;
}
code{
	border: 1px solid #DDD;
	color: #333333;
	font : 90% monaco, courier, monospace; 
	font-weight : normal;
	color: #222; 
	text-align: left;
	line-height: 100%;
	padding:5px 10px 5px 10px;
	margin: 1.5em 0px;
	background:#ffffff;
	display:block;
	white-space:pre;
	overflow:auto;
	overflow:scroll;
	width:440px;
}	
html>body code{
	overflow:auto;
}	
	
/*----------------------- SITE IMAGE REPLACEMENT ICONS -------------------*/
a.rss-link{
	background:url(images/rss_btn.gif) left top no-repeat;
	width:24px;
	height:24px;
	line-height:10px;
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	border: none;
	padding:0px;
	float:right;
	margin:2px 0px 0px 2px;
}
a.rss-link:hover{
	border:none;
}
#version{
	background:url(images/version_tag.gif) center -15px no-repeat;
	width:100%;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9000px;
}

/*----------------------- SITE CONTENT STYLES ----------------------------*/
#content-wrapper{
	width: 500px;
	background: url(images/site_column_footer.gif) left bottom no-repeat;
	float:left;
	clear:left;
	padding:0px;
	margin:0px 0px 20px 0px;
	position:relative;
}
.wide #content-wrapper{
	width:700px;
	background: url(images/site_column_footer_wide.gif) left bottom no-repeat;
}
html>body #content-wrapper{
	background: url(images/site_column_footer.png) left bottom no-repeat;
}
html>body.wide #content-wrapper{
	background: url(images/site_column_footer_wide.png) left bottom no-repeat;
}
#content{
	padding:0px 20px 0px 20px;
	margin: 0px 0px 15px 0px;
	width:460px;
	text-align: left;
	float:left;
	background: url(images/site_column_bg.gif) left top repeat-y;
	overflow:hidden;
}
.wide #content{
	width:660px;
	background: url(images/site_column_bg_wide.gif) left top repeat-y;
}
#content img{
	max-width:450px;
}
.wide #content img{
	max-width:650px;
}
html>body #content{
	background: url(images/site_column_bg.png) left top repeat-y;
}
html>body.wide #content{
	background: url(images/site_column_bg_wide.png) left top repeat-y;
}

#site-wrapper{
	width:100%;
	background: url(images/footer_deco.gif) center bottom no-repeat;
	z-index:1000;

}	
#site{
	margin: 0px auto 0px auto;
	padding:0px;
	width:710px;
	position:relative;
	height:100%;
}
#nav{
	right:0px;
	width: 200px;
	position: absolute;
	top: 150px;
	text-align: left;
}
#sub-content{
	float:left;
	clear: left;
	text-align: left;
}
#masthead{
	width: 100%;
	height: 150px;
	margin: 0px;
}
html>body #masthead{
}
#logo-container{
	width: 100%;
	height: 140px;	
}
html>body #logo-container{
	
}

#home-logo{
	width:250px;
	height:140px;
	display:block;
	margin:0px auto 0px auto;
	padding:0px;
	border:none;
	text-indent:-9000px;
	overflow:hidden;
	cursor:pointer;cursor:hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/logo.png',sizingMethod='crop');	
}
html>body #home-logo{
	background:url(images/logo.png) left bottom no-repeat;
	filter:none;
}
.alt{
	background-color: #e8e8e8;
}
#footer-deco{
	height:180px;
	position:absolute;
	background:url(images/footer_deco.gif) left bottom no-repeat;	
	width:650px;
	bottom:10px;
	left:-65px;
}
#header-deco{
	width:100%;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
.new-section{
	height:40px;
	width:500px;
	background:#333333 url(images/section_seperator.gif) left top no-repeat;
	position:relative;
	left:-20px;
}
/*----------------------- PRIMARY NAV STYLES ----------------------------*/

/* ---------------------- TAB AND BACKGROUND IMAGE SETUP --------------------------*/
.tabbed-nav{
	list-style:none;
	background: url(images/nav_bg.gif) left top no-repeat;
	width:500px;	
	position:relative;
}
.wide .tabbed-nav{
	width:700px;
	background: url(images/nav_bg_wide.gif) left top no-repeat;
}
html>body .tabbed-nav{
	background: url(images/nav_bg.png) left top no-repeat;
}
html>body.wide .tabbed-nav{
	background: url(images/nav_bg_wide.png) left top no-repeat;
}
.tabbed-nav, .tabbed-nav li, .tabbed-nav li a, .tabbed-nav li a span{
	float: left;
	padding:0px;
	margin:0px;	
	display:block;
}
.tabbed-nav li{
	width:70px;
	height:40px;
	overflow:hidden;
	background: url(images/nav_tab_default.gif) left top no-repeat;	
}
html>body .tabbed-nav li{
	overflow:visible;
}
.tabbed-nav li a, .tabbed-nav li a span{
	text-decoration:none;
	width:90px;
	height:40px;
	text-indent:-9000px;
	overflow:hidden;
	cursor:pointer;cursor:hand;
	border:none;
}

	
.tabbed-nav li.home{
	width:75px;
	height:40px;
	background: url(images/nav_tab_first_default.gif) left top no-repeat;	
}
.tabbed-nav li.contact{
	width:95px;
	height:40px;
	background: url(images/nav_tab_last_default.gif) left top no-repeat;	
}
.tabbed-nav li.focused a{
	background: url(images/nav_tab_over.gif) left top no-repeat; 
}
.tabbed-nav li.focused.home a{
	background: url(images/nav_tab_first_over.gif) left top no-repeat;	
}
.tabbed-nav li.focused.contact a{
	background: url(images/nav_tab_last_over.gif) left top no-repeat;	
}				


/* ------------------- tab text replacement -------------------------*/
.tabbed-nav li.home a span{
	background: url(images/tab_home.gif) left bottom no-repeat;	
}
.tabbed-nav li.blog a span{
	background: url(images/tab_blog.gif) left bottom no-repeat;	
}
.tabbed-nav li.folio a span{
	background: url(images/tab_folio.gif) left bottom no-repeat;	
}
.tabbed-nav li.art a span{
	background: url(images/tab_art.gif) left bottom no-repeat;	
}
.tabbed-nav li.about a span{
	background: url(images/tab_about.gif) left bottom no-repeat;	
}
.tabbed-nav li.contact a span{
	background: url(images/tab_contact.gif) left bottom no-repeat;	
}	


/* ------------------------- tab & tab text hover events --------------------*/
.tabbed-nav li.focused a{
	background-position:left top;
	position:relative;
	text-decoration:none;
	border:none;
}		
.tabbed-nav li a:hover span, .tabbed-nav li.focused a span{
	font-weight:normal;
	background-position: left top;
}		

/* ------------------------- radio player ------------------------*/
.tabbed-nav li.radio{
	position:absolute;
	right:8px;
	top:8px;
	background:none;
	pading:0;
	margin:0;
	width:28px;
	height:23px;
}

.tabbed-nav li.radio a#km-radio{
	padding:0;
	margin:0;
	background:url(/style/images/music_dual.gif) 3px 1px no-repeat;
	position:relative;
	width:28px;
	height:23px;
}
.tabbed-nav li.radio a#km-radio:hover{
	background-position: 3px -19px;
}
.tabbed-nav li.radio a#km-radio:focus,
.tabbed-nav li.radio a#km-radio:active{
	background:url(/style/images/ajax_load_small.gif) center 1px no-repeat;
}
			
/*---------------------- SECONDARY NAV BOXES STYLES ---------------------*/

#search fieldset, #search-form{
	border: none;
	padding:0px;
	margin:0px;
	background:transparent;
}

#search #search-submit{
	float:left;
}
#search #search-input{
	margin: 2px;
	padding:4px 10px 0px 10px;
	height:16px;
	width:115px;
	border: none;
	background:transparent url(images/search_box_bg.gif) fixed left top no-repeat ;
	display:block;
	overflow:hidden;
	float:left;
	font:inherit;
	font-size:11px;
}
html>body #search #search-input{
	background:transparent url(images/search_box_bg.gif) left top no-repeat;
	margin-left:5px;
}
#search p{
	margin:0px;
	padding:2px;
	line-height:1.2em;
	text-transform:lowercase;
	clear:both;
}

.navbox{
	margin:0px 0px 10px 0px;
	padding:15px 0px 0px 0px;
	width:200px;
	position:relative;
	background:transparent url(images/nav_box_top.gif) left top no-repeat;
}
html>body .navbox{
	background:transparent url(images/nav_box_top.png) left top no-repeat;
}

.navbox .navbox-content{
	padding:0px 15px 0px 15px;
	background:transparent url(images/nav_box_bg.gif) left top repeat-y;
}
html>body .navbox .navbox-content{
	background:transparent url(images/nav_box_bg.png) left top repeat-y;
}
.navbox h1{
	display:none;
}
.navbox h2{
	margin:0;
	line-height:2.0em;
}
#nav ul, #nav ul li{
	list-style:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
.navbox img{
	vertical-align:middle;
	border:none;
	margin:5px;
	padding:0px;
	width:40px;
	height:40px;
}
.navbox .navbox-footer{
	height:15px;
	width:200px;
	background:url(images/nav_box_footer.gif) left top no-repeat;
}
html>body .navbox .navbox-footer{
	background:url(images/nav_box_footer.png) left top no-repeat;
}
.navbox .alt{
	background:#e8e8e8 url(images/nav_list_alt_bottom.gif) left bottom no-repeat;
}
.navbox .alt a{
	background:url(images/nav_list_alt_top.gif) left top no-repeat;
}
.navbox a{
	display: block;
	padding:2px 5px 2px 5px;
	border:none;
	margin:0px;
	width:auto;
	outline: none;
	text-decoration:none;
}

.navbox .navbox-content a:hover{
	border:none;
	outline: none;
	background:url(images/nav_list_alt_top_over.gif) left top no-repeat;
	padding-left:25px;
	overflow:hidden;
}
#spinning a:hover{
	padding:2px 5px 2px 5px;	
	background:url(images/nav_list_alt_top.gif) left top no-repeat;
}
.navbox a:hover img{
	border:none;
}
.navbox li{
	padding:0px;
	margin:0px;
	/* 	some sort of a hack to get IE to 
		correctly apply the height to the li elements */
	height:1em;	
}
html>body .navbox li{
	width:auto;
	height:auto;
}
.navbox ul.tabbed{
	height:200px;
	width:170px;
	overflow:auto;
	display:none;
}
.navbox ul.tabbed li{
	width:auto;
}

.navbox ul.focused{
	display:block;
}

/*.wide .nav-group{
	margin:0px 10px 0px 0px;
	float:left;
}*/

#entertainment{
	clear: right;
}

.navbox .footer-tabs{
	height:45px;
	width:200px;
	background:url(images/nav_box.gif) left bottom no-repeat;	
}
html>body .navbox .footer-tabs{
	background:url(images/nav_box.png) left bottom no-repeat;
}
.navbox-tabs{
	background:url(images/nav_box_footer_tabs.gif) left bottom no-repeat;
	position:relative;
	top:3px;
	width:200px;
	height:45px;
}
html>body .navbox-tabs{
	background:url(images/nav_box_footer_tabs.png) left bottom no-repeat;
}
.navbox-tabs li,.navbox-tabs li a,.navbox-tabs li a span{
	float:left;
	width:100px;
	height:45px;
	display:block;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.navbox-tabs li a{
	/*
	position:absolute;
	left:0px;
	width:105px;
	*/
	cursor:pointer;cursor:hand;
}
html>body .navbox-tabs  li a{
}
.navbox-tabs li a span{
	text-indent:-9000px;
	background-position:left bottom;
	background-repeat: no-repeat;
}
.navbox-tabs li a:hover span, .navbox-tabs li a.focused span{
	background-position:left top;
}

/*---------------- LEFT SIDE NAV BOX TABS ------------------------------*/
.navbox-tabs li#navbox-tab-about a span{
	background-image:url(images/nav_box_tab_about.gif);
}

.navbox-tabs li#navbox-tab-design a span{
	background-image:url(images/nav_box_tab_design.gif);
}

.navbox-tabs li#navbox-tab-categories a span{
	background-image:url(images/nav_box_tab_categories.gif);
}

.navbox-tabs li#navbox-tab-spinning a span{
	background-image:url(images/nav_box_tab_music.gif);
}

.navbox-tabs li.even a.focused{
	background:url(images/nav_box_footer_tabs.gif) left top no-repeat;
}
html>body .navbox-tabs li.even a.focused{
	background:url(images/nav_box_footer_tabs.png) left top no-repeat;
}

/*------------------------ RIGHT SIDE NAV BOX TABS ------------------------------*/
.navbox-tabs li#navbox-tab-portfolio a span{
	background-image:url(images/nav_box_tab_portfolio.gif);
}
.navbox-tabs li#navbox-tab-other-links a span{
	background-image:url(images/nav_box_tab_other.gif);
}
.navbox-tabs li#navbox-tab-archive a span{
	background-image:url(images/nav_box_tab_archive.gif);
}
.navbox-tabs li#navbox-tab-gaming a span{
	background-image:url(images/nav_box_tab_play.gif);
}
.navbox-tabs li.odd a{
	left:95px;	
}
.navbox-tabs li.odd a.focused{
	background:url(images/nav_box_footer_tabs.gif) right center no-repeat;
}
html>body .navbox-tabs li.odd a.focused{
	background:url(images/nav_box_footer_tabs.png) right center no-repeat;
}
/*--------------------- ROTATING CSS ( STYLES THAT AREN'T PERMANENT - CONTENT STYLES) -----------------------------*/

ul.of-interest{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	position: relative;
	height: 155px;
	width: 460px;
	list-style-type:none;
}
ul.of-interest li{
	padding: 0px;
	margin: 0px;
	background: none;
	list-style: none;
	list-style-image: none;
	float:left;
}
ul.of-interest li a{
	display: block;
	float: left;
	text-indent:-9000px;
	text-decoration:none;
	height: 155px;
	background:none;
	background-image: url(/images/topic_bar.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border:none;
	overflow:none;
}
ul.of-interest li a:hover{
	text-decoration:none;
}
ul.of-interest li a:active{
}

a#bragging-rights{
	background-position: left top;
	width: 150px;
}
a#tutorial-star-rater{
	background-position: center top;
	width: 160px;
}
a#interesting{
	background-position: right top;
	width: 150px;	
}
a#bragging-rights:hover{
	background-position: left bottom;
}
a#tutorial-star-rater:hover{
	background-position: center bottom;
}
a#interesting:hover{
	background-position: right bottom;
}
a#feedburner-link{
	float: right;
	padding: 0px;
	margin: 0px;
	background: none;
	position: relative;
	border:none;
}
/*------------------------------------ MUSIC PAGE STYLES ------------------------------------------*/

.album-image{
	text-align:center;
}

/*------------------------------------ SITE FORM STYLES ------------------------------------------*/

#content textarea{
	width:440px;
}

fieldset{
	border:none;
	margin:0px;
	padding:0px;
}
input, textarea{
	background: url(images/input_bg.gif) left top no-repeat;
	font-family: inherit;
	font-size: inherit;
	line-height:inherit;
	color: inherit;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;	
	padding: 5px;
	margin: 5px;
}
textarea{
	background-attachment:fixed;
}
html>body textarea{
	background-attachment:scroll;
}
input:focus, textarea:focus{
	color:#333333;
}

label{
	margin:0px 5px 0px 5px;
}
input.button{
	padding:0px;
	border:none;
	margin:5px;
	background:none;
	cursor:pointer;cursor:hand;
}
input#search-submit{
	margin:0px;
}
.loading{
	width:20px;
	height:25px;
	background:url(/style/images/ajax_load_small.gif) left top no-repeat;
}
/*-------------------------------------------- Link Love -------------------------------------------------*/

.link-love{
	
}
.link-love ul{
	list-style:none;
	margin:5px auto 5px auto;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align:left;
}
.link-love h1, .link-love h2, .link-love h3{
	clear:both;
}
.link-love ul li{
	float:left;
	margin:0px;
	padding:0px;
}
.link-love ul li a img{
	width:75px;
	height:57px;
	margin:5px;	
	padding:0px;
	float:left;
	background:url(/style/images/ajax_load_small.gif) center center no-repeat;
}
.link-love a{
	float:left;
	width:85px;
	padding:0px;
	height:100px;
	display:block;
	margin-right:2px;
	text-align:center;
	border:1px solid #ffffff;
}
.link-love a:hover{
	background:#eeeeee;
	border:1px solid #ddd;
}
.link-love a:hover img{
	border:none;
}
.link-love a img{
	float:left;
	border:none;
}
.link-love-deco{
	background:url(images/link_love.gif) left center no-repeat;
	height:40px;
	padding:0px 0px 0px 45px;
}

/*-------------------------------- PSPS Safari hack ------------------------------------------------------*/
.psps{font:normal;#}
.tabbed-nav li.home a{
	background: url(images/nav_tab_first_over.gif) -9000px top no-repeat ;	
}
.tabbed-nav li.contact a{
	background: url(images/nav_tab_last_over.gif) -9000px top no-repeat ;	
}
.tabbed-nav li.focused a{
	background-position:left top;	
}
.section-links{
	float:right;
}
Retrieved from "https://wiki.secondlife.com/w/index.php?title=MediaWiki:Monobook.css&oldid=3302"