Difference between revisions of "MediaWiki:Monobook.css"

From Second Life Wiki
Jump to navigation Jump to search
Line 1: Line 1:
/*------------------------------ modern.css ------------------------------
body {
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;
text-decoration:none;
}
a:visited {
color: #FF9900;
}
a:hover {
text-decoration:underline;
}
p {
margin: 0px 0px 14px;
}
code, .code {
font: 100% "Courier New", Courier, monospace;
color: #000000;
background: #FAFDE1;
margin: 5px 10px;
padding: 10px;
display:block;
border: 1px dashed #818141;
}
}
 
.code .indent {
html{
padding-left: 15px;
background: #3F3534;
}
.code .blue {
color: #0066FF;
}
.code .pink {
color: #FF3399;
}
.code .green {
color: #339933;
}
.code .black {
color: #000000;
}
}
 
blockquote {
body{
background: url(images/blockquote-bg.gif);
text-align: center;
margin: 0px 15px 20px;
color:#3F3534;
padding: 3px 10px;
font:70%/145% Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666666;
background:url(images/header_deco.jpg);
border-left: 3px dotted #d6e5aa;
background-position:center 10px;
border-right: 3px dotted #d6e5aa;
background-repeat:no-repeat;
border-top: 1px dotted #d6e5aa;
margin:0px auto 0px auto;
border-bottom: 1px dotted #d6e5aa;
line-height: 140%;
}
}
 
h1 {
hr{
margin: 40px 0px 44px;
height:6px;
padding: 0px;
background:#cccccc;
float:right;
border:none;
text-decoration: none;
border-bottom:2px solid #efefef;
width:100%;
}
}
html>body hr{
h1 a{
height:4px;
display:block;
height: 48px;
width: 212px;
text-indent: -900em;
text-decoration: none;
line-height:100%;
}
}
 
h1 a:hover{
a{
color:#0099cc;
text-decoration: none;
text-decoration: none;
}
}
img{
h2 {
margin:5px;
color: #163F53;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
letter-spacing: -1px;
font: normal 210% "Trebuchet MS", Tahoma, Arial;
padding-bottom: 2px;
}
}
img.wp-smiley{
h2 a, h2 a:visited{
margin:0px;
color: #163F53;
}
text-decoration:none;
a img{
padding: 3px;
border: 1px solid white;
}
}
a:hover{
h2 a:hover {
color:#FF6600;
text-decoration:none;
text-decoration:none;
border-bottom:1px dotted;
}
}
a:hover img{
h3 {
background-color:#efefef;
margin: 20px 0px 0px;
border: 1px solid #cccccc;
padding-bottom: 2px;
font: bold 110% Arial;
text-transform: uppercase;
letter-spacing:1px;
color: #205A77;
}
.sub_heading {
margin: 10px 0px 0px;
font: bold 110% Arial;
text-transform: uppercase;
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;
}
ul {
padding: 0px;
margin: 5px 0px 15px 16px;
}
ul li ul{
padding: 0px;
margin: 0px 0px 5px 16px;
}
}
ul li {
margin: 0px;
padding: 0px;


ul{
list-style:url(images/list_icon.gif);
}
}
ol {
padding: 0px;
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 {


hr{
height: 1px;
height:5px;
clear: both;
background: #cccccc;
border-top-width: 0;
border:none;
border-right-width: 0;
border-bottom:2px solid #efefef;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom: 1px solid #E3E3E3;
}
}
html>body hr{
.clear {
height:4px;
clear:both;
}
}
h1, h2, h3, h4, h5{
.displaynone {
font-family:'Trebuchet MS';
display:none;
}
}
h1 a, h2 a, h3 a, h4 a, h5 a{
hr.hidden {
color:#333333;
clear:both;
visibility:hidden;
margin:0px;
padding:0px;
}
}
 
form {
h1{
margin:0px;
font-size:1.65em;
padding:0px;
}
}
h2{
img {
font-size:1.4em;
border:none;
}
}
h3{
small {
font-size:1.3em;
font-size: 85%;
color:#999999;
line-height:120%;
}
}
h4{
#header_wrap {
font-size:1.2em;
width: 754px;
height: 208px;
margin: 0px auto;
padding: 0px 6px;
color:#FFFFFF;
}
}
h5{
#search_wrap{
font-size:1.0em;
clear:both;
float:right;
}
}
blockquote{
#searchform {
background:#efefef url(images/blockquote.gif) left -10px no-repeat;
margin:0px;
margin:15px 0px 15px 0px;
padding:0px;
padding:0px;
width:460px;
float:right;
}
#searchform label{
display:none;
}
#s {
border:1px solid #203346;
width: 130px;
padding: 1px;
}
}
blockquote p{
#searchsubmit {
background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
background: url(images/search-btn.gif) no-repeat;
padding:45px 15px 15px 55px;
width: 24px;
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%;


/*----------------------- BLOG & COMMENT STYLES --------------------------*/
padding: 1px 5px 0px 0px;
.blog-comment-list{
}
#nav {
list-style:none;
list-style:none;
margin:0px;
margin:28px 0px 0px;
 
padding:0px;
padding:0px;
width:460px;
clear:both;
float:right;
line-height:0px;
}
#nav li{
margin-left:5px;
float:left;
}
#nav li a{
height: 25px;
display:block;
float:left;
text-decoration:none;
text-indent: -900em;
}
}
.blog-comment-list li{
#nav #nav-home a{
margin:0px 0px 10px 0px;
width: 63px;
padding:0px;
background: url(images/nav-blog.gif) no-repeat left top;
width:470px;
}
position:relative;
#nav #nav-home a:hover{
left:-5px;
background: url(images/nav-blog.gif) no-repeat left bottom;
background:url(images/blog_comment_corners.gif) left -10px no-repeat;
}
#nav #nav-about a{
width: 65px;
background: url(images/nav-about.gif) no-repeat left top;
}
#nav #nav-about a:hover{
background: url(images/nav-about.gif) no-repeat left bottom;
}
#nav #nav-resources a{
width: 91px;
background: url(images/nav-resources.gif) no-repeat left top;
}
#nav #nav-resources a:hover{
background: url(images/nav-resources.gif) no-repeat left bottom;
}
#nav #nav-portfolio a{
width: 86px;
background: url(images/nav-portfolio.gif) no-repeat left top;
}
#nav #nav-portfolio a:hover{
background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
}
.blog-comment-list li.alt{
#nav #nav-icons a{
background-color:#efefef;
width: 64px;
background: url(images/nav-icons.gif) no-repeat left top;
}
}
.blog-comment-list li.even-list-row{
#nav #nav-icons a:hover{
background-image:none;
background: url(images/nav-icons.gif) no-repeat left bottom;
}
}
.blog-comment-list li.administrator{
#nav #nav-forum a:hover{
color:#b4b4b4;
background: url(images/nav-forum.gif) no-repeat left bottom;
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{
body#home #nav-home a{
background:url(images/blog_comment_dark.gif) 432px 10px no-repeat;
background: url(images/nav-blog.gif) no-repeat left bottom;
}
}
.blog-comment-meta a, .blog-comment-meta a:hover{
body#about #nav-about a{
border:none;
background: url(images/nav-about.gif) no-repeat left bottom;
}
}
.blog-comment-list li.administrator .blog-comment-meta a{
body#portfolio #nav-portfolio a{
color:#ff9e00;
background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
.blog-comment{
background:url(images/rounded_box_bottom.gif) left bottom no-repeat;
padding:0px 15px 15px 15px;
}
}
.gravatar{
body#icons #nav-icons a{
float:left;
background: url(images/nav-icons.gif) no-repeat left bottom;
margin:0px 5px 0px 0px;
}
}
.blog-article-meta{
body#resources #nav-resources a{
width:460px;
background: url(images/nav-resources.gif) no-repeat left bottom;
padding-top:10px;
}
}
.blog-article-meta h1{
#body_wrap {
float:left;
width:743px;
display:block;
margin: 0px auto;
width:400px;  
padding: 10px 12px 40px 15px;
margin:0px;
background: #FFFFFF url(images/content-corner-bg.gif) no-repeat left bottom;
clear:both;
}
}
.blog-article-meta p{
#home-leftcol {
text-transform:lowercase;
font-size:x-small;
float:left;
float:left;
display:block;
width: 405px;
width:400px;
overflow: hidden;
padding:0px;
margin-top:0px;
}
}
.blog-article-meta hr{
#home-rightcol {
clear:both;
width:320px;
float:right;
}
}
.blog-article-meta a, .blog-article-meta a:hover{
#single-leftcol {
color:#ff9900;
float:left;
border:none;
width: 560px;
}
.blog-article-meta h1 a{
color:#666666;
}
}
.blog-article-meta .date-written{
#single-rightcol {
width:35px;
height:35px;
margin:10px 0px 0px 5px;
display:block;
float:right;
float:right;
text-transform:uppercase;
width: 165px;
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{
.sidebar-half {
font-style:normal;
width: 152px;
font-size:14px;
float:left;
}
}
.blog-article-meta p{
.home-subrightcol {
padding-top:0.5em;
width: 153px;
float:right;
}
.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{
#footer_wrap {
padding:4px 0px 4px 25px;
width: 746px;
background:url(images/comment_ticket.gif) left 5px no-repeat;
background: #000000 url(images/footer-corner-bg.gif) no-repeat left top;
margin: 0px auto;
padding: 5px 12px 12px;
color:#999999;
clear:both;
}
}
.blog-comment-list li.administrator .written-by{
.footer_leftcol{
background:url(images/pencil_dark.gif) left center no-repeat;
width:195px;
}
margin-right: 16px;
 
float:left;
.code li{
padding-top: 5px;
padding-bottom: 5px;
}
}
.code{
.footer_rightcol {
border: 1px solid #DDD;
width:320px;
color: #333333;
float:right;
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{
.footer_rightcol a, .footer_rightcol a:visited {
white-space:normal;
color:#4E9F9F;
display:inline;
border:none;
padding:0px;
margin:0px;
}
}
code{
.footer_submenu {
border: 1px solid #DDD;
list-style:none;
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;
padding:0px;
float:right;
margin:0px 0px 15px;
margin:2px 0px 0px 2px;
background-color: #000000;
border-top: #272727 1px dotted;
}
}
a.rss-link:hover{
.footer_submenu li{
border:none;
border-bottom: #272727 1px dotted;
line-height: 130%;
list-style:none;
}
}
#version{
.footer_submenu li a{
background:url(images/version_tag.gif) center -15px no-repeat;
color: #759398;
width:100%;
text-decoration: none;
height:15px;
padding: 4px 0px 4px 2px;
overflow:hidden;
display:block;
display:block;
text-indent:-9000px;
}
}
.footer_submenu li a:visited{


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


/*---------------- LEFT SIDE NAV BOX TABS ------------------------------*/
background: url(images/sitemap-mini-file.gif) no-repeat left top;
.navbox-tabs li#navbox-tab-about a span{
padding-left: 12px;
background-image:url(images/nav_box_tab_about.gif);
}
}
 
.download_btn {
.navbox-tabs li#navbox-tab-design a span{
font: bold 110% Arial, Helvetica, sans-serif;
background-image:url(images/nav_box_tab_design.gif);
}
a.download_btn , a.download_btn:visited{
color:#669900;
text-decoration:none;
background: url(images/download-btn.gif) no-repeat left center;
padding: 0px 0px 0px 18px;
}
a.download_btn:hover {
color: #FF6600;
text-decoration:none;
}
}
 
.preview_btn {
.navbox-tabs li#navbox-tab-categories a span{
font: bold 110% Arial, Helvetica, sans-serif;
background-image:url(images/nav_box_tab_categories.gif);
}
}
 
a.preview_btn , a.preview_btn:visited{
.navbox-tabs li#navbox-tab-spinning a span{
color:#669900;
background-image:url(images/nav_box_tab_music.gif);
text-decoration:none;
background: url(images/preview-btn.gif) no-repeat left center;
padding: 0px 0px 0px 18px;
}
}
 
a.preview_btn:hover {
.navbox-tabs li.even a.focused{
color: #FF6600;
background:url(images/nav_box_footer_tabs.gif) left top no-repeat;
text-decoration:none;
}
}
html>body .navbox-tabs li.even a.focused{
.center {
background:url(images/nav_box_footer_tabs.png) left top no-repeat;
text-align: center;
}
}
 
.pagenav {
/*------------------------ RIGHT SIDE NAV BOX TABS ------------------------------*/
text-align:right;
.navbox-tabs li#navbox-tab-portfolio a span{
border-top: 1px dotted #CCCCCC;
background-image:url(images/nav_box_tab_portfolio.gif);
margin: 25px 0px 10px;
padding-top: 2px;
clear:both;
}
}
.navbox-tabs li#navbox-tab-other-links a span{
.breadcrumb {
background-image:url(images/nav_box_tab_other.gif);
font-size: 10px;
color:#A7A7A7;
line-height:100%;
}
}
.navbox-tabs li#navbox-tab-archive a span{
.breadcrumb a, .breadcrumb a:visited{
background-image:url(images/nav_box_tab_archive.gif);
color:#779d03;
text-decoration:none;
}
}
.navbox-tabs li#navbox-tab-gaming a span{
.breadcrumb a:hover{
background-image:url(images/nav_box_tab_play.gif);
color:#FF9900;
text-decoration:none;
}
}
.navbox-tabs li.odd a{
.quarter {
left:95px;
width: 172px;
margin: auto 7px;
}
}
.navbox-tabs li.odd a.focused{
.one-third {
background:url(images/nav_box_footer_tabs.gif) right center no-repeat;
width: 176px;
float:left;
}
}
html>body .navbox-tabs li.odd a.focused{
.half {
background:url(images/nav_box_footer_tabs.png) right center no-repeat;
width: 272px;
float:left;
}
}
/*--------------------- ROTATING CSS ( STYLES THAT AREN'T PERMANENT - CONTENT STYLES) -----------------------------*/
.separator {
 
margin-right: 15px;
ul.of-interest{
margin: 10px 0px 10px 0px;
padding: 0px;
position: relative;
height: 155px;
width: 460px;
list-style-type:none;
}
}
ul.of-interest li{
.external-list {
margin: 5px 0px 15px 5px;
padding: 0px;
padding: 0px;
margin: 0px;
background: none;
list-style: none;
list-style: none;
list-style-image: none;
float:left;
}
}
ul.of-interest li a{
.external-list li {
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;
margin: 0px;
border:none;
padding: 2px 0px 2px 14px;
overflow:none;
background: url(images/mini-external.gif) no-repeat left center;
}
}
ul.of-interest li a:hover{
.links-list {
text-decoration:none;
list-style:none;
margin:3px 0px 20px;
padding:0px;
line-height: 100%;
font-size: 90%;
}
}
ul.of-interest li a:active{
.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{
a#bragging-rights{
height:19px;
background-position: left top;
display:block;
width: 150px;
color: #FF6600;
text-decoration:none;
padding: 4px 10px 0px 14px;
}
}
a#tutorial-star-rater{
.links-list li a:hover{
background-position: center top;
color: #339900;
width: 160px;
text-decoration:none;
background: url(images/links-li-bg.gif) no-repeat;
}
}
a#interesting{
.update {
background-position: right top;
background: #FFFBE8;
width: 150px;
padding: 2px 7px;
border: 1px solid #FFE4C1;
margin: 10px 0px 5px;
}
}
a#bragging-rights:hover{
.alert {
background-position: left bottom;
background: url(images/mini-update.gif) no-repeat left center;
text-transform: uppercase;
color: #663300;
padding: 2px 0px 2px 17px;
border-bottom: 1px solid #FFE6C4;
margin:0px 0px 5px;
}
}
a#tutorial-star-rater:hover{
#intouchform {
background-position: center bottom;
margin: 20px 10px 10px;
font: 110% Arial, Helvetica, sans-serif;
color: #000000;
}
}
a#interesting:hover{
#intouchform p{
background-position: right bottom;
clear: left;
margin: 5px 0 10px 0px;
position: relative;
}
}
a#feedburner-link{
#intouchform label{
float: right;
font-weight: bold;
padding: 0px;
color:#598192;
margin: 0px;
float: left;
background: none;
width: 120px;
position: relative;
background: url(images/formlabel-arrow.gif) no-repeat top right;
border:none;
margin-right: 8px;
}
}
/*------------------------------------ MUSIC PAGE STYLES ------------------------------------------*/
#intouchform input{
 
width: 350px;
.album-image{
background:#EEF5F9;
text-align:center;
border: 1px solid #a3bdc8;
padding: 2px;
}
}
 
#intouchform textarea{
/*------------------------------------ SITE FORM STYLES ------------------------------------------*/
width: 350px;
 
height: 140px;
#content textarea{
background:#EEF5F9;
width:440px;
border: 1px solid #a3bdc8;
padding: 2px;
}
}
 
#intouchform .submitbutton {
fieldset{
width: auto;
border:none;
padding: 4px 12px;
margin:0px;
font: bold 12px Arial, Helvetica, sans-serif;
padding:0px;
color: #FFFFFF;
background: #587683;
border: none;
}
}
input, textarea{
#intouchform .indent {
background: url(images/input_bg.gif) left top no-repeat;
margin-left: 128px;
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{
#intouchform .submitbutton:hover {
background-attachment:fixed;
background: #779d03;
}
}
html>body textarea{
#intouchform #usermessage {
background-attachment:scroll;
font-size: 110%;
font-weight: bold;
margin: 0px 0px 5px 125px;
}
}
input:focus, textarea:focus{
#intouchform .error {
color:#333333;
border: 1px solid #FF9900;
}
}
 
#intouchform .failure {
label{
color:#FF9900;
margin:0px 5px 0px 5px;
}
}
input.button{
#intouchform .success {
padding:0px;
color:#669900;
border:none;
margin:5px;
background:none;
cursor:pointer;cursor:hand;
}
}
input#search-submit{
#intouchform .required {
margin:0px;
position: absolute;
color: #97b5c2;
top: 3px;
padding-left: 5px;
}
}
.loading{
#intouchform textarea:focus, #intouchform input[type="text"]:focus {
width:20px;
background: #F1FFD5;
height:25px;
background:url(/style/images/ajax_load_small.gif) left top no-repeat;
}
}
/*-------------------------------------------- Link Love -------------------------------------------------*/
.left-noborder {
 
border: none;
.link-love{
float: left;
margin-right: 15px;
}
}
.link-love ul{
.icons-list {
list-style:none;
list-style:none;
margin:5px auto 5px auto;
margin:0px 0px 10px;
padding:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
clear:both;
text-align:left;
}
}
.link-love h1, .link-love h2, .link-love h3{
.icons-list br{
clear:both;
display:none;
}
}
.link-love ul li{
.icons-list p br{
float:left;
display:block;
margin:0px;
padding:0px;
}
}
.link-love ul li a img{
.icons-list li{
width:75px;
margin: 12px 0px;
height:57px;
height: 166px;
margin:5px;
background: url(http://www.ndesign-studio.com/wp-content/themes/phoenix/images/thumb-hr.gif) no-repeat center bottom;
padding:0px;
float:left;
background:url(/style/images/ajax_load_small.gif) center center no-repeat;
}
}
.link-love a{
.icons-list h3{
float:left;
margin: 0px;
width:85px;
padding:0px;
padding:0px;
height:100px;
font: bold 14px "Trebuchet MS", Tahoma, Arial;
display:block;
color:#666666;
margin-right:2px;
text-transform:none;
text-align:center;
letter-spacing: 0px;
border:1px solid #ffffff;
}
}
.link-love a:hover{
.buy-options {
background:#eeeeee;
list-style:none;
border:1px solid #ddd;
margin: 0px 0px 15px;
padding: 0px;
border-top: solid 1px #dfe8c3;
color: #666666;
}
}
.link-love a:hover img{
.buy-options br{
border:none;
display:none;
}
}
.link-love a img{
.buy-options li{
float:left;
height: 18px;
border:none;
clear: both;
border-bottom: solid 1px #dfe8c3;
padding: 5px 0px;
}
}
.link-love-deco{
.buy-options li a, .buy-options li a:visited{
background:url(images/link_love.gif) left center no-repeat;
color: #557D00;
height:40px;
padding:0px 0px 0px 45px;
}
}
 
.icons-right {
/*-------------------------------- PSPS Safari hack ------------------------------------------------------*/
float: right;
.psps{font:normal;#}
width: 398px;
.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{
.small {
background-position:left top;
font-size: 90%;
}
.section-links{
float:right;
}
}

Revision as of 17:45, 4 January 2007

body {
	margin:0px auto;
	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;
	text-decoration:none;
}
a:visited {
	color: #FF9900;
}
a:hover {
	text-decoration:underline;
}
p {
	margin: 0px 0px 14px;
}
code, .code {
	font: 100% "Courier New", Courier, monospace;
	color: #000000;
	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;
}
h1 a{
	display:block;
	height: 48px;
	width: 212px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}
h2 {
	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;
}
h2 a:hover {
	color:#FF6600;
	text-decoration:none;
}
h3 {
	margin: 20px 0px 0px;
	padding-bottom: 2px;
	font: bold 110% Arial;
	text-transform: uppercase;
	letter-spacing:1px;
	color: #205A77;
}
.sub_heading {
	margin: 10px 0px 0px;
	font: bold 110% Arial;
	text-transform: uppercase;
	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;
}
ul {
	padding: 0px;
	margin: 5px 0px 15px 16px;
}
ul li ul{
	padding: 0px;
	margin: 0px 0px 5px 16px;
}
ul li {
	margin: 0px;
	padding: 0px;

}
ol {
	padding: 0px;
	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 {


	height: 1px;
	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 {
	clear:both;
}
.displaynone {
	display:none;
}
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
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;
	float:right;
}
#searchform label{
	display:none;
}
#s {
	border:1px solid #203346;
	width: 130px;
	padding: 1px;
}
#searchsubmit {
	background: url(images/search-btn.gif) no-repeat;
	width: 24px;
	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;
}
#nav {
	list-style:none;
	margin:28px 0px 0px;

	padding:0px;
	clear:both;
	float:right;
	line-height:0px;
}
#nav li{
	margin-left:5px;
	float:left;
}
#nav li a{
	height: 25px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
#nav #nav-home a{
	width: 63px;
	background: url(images/nav-blog.gif) no-repeat left top;
}
#nav #nav-home a:hover{
	background: url(images/nav-blog.gif) no-repeat left bottom;
}
#nav #nav-about a{
	width: 65px;
	background: url(images/nav-about.gif) no-repeat left top;
}
#nav #nav-about a:hover{
	background: url(images/nav-about.gif) no-repeat left bottom;
}
#nav #nav-resources a{
	width: 91px;
	background: url(images/nav-resources.gif) no-repeat left top;
}
#nav #nav-resources a:hover{
	background: url(images/nav-resources.gif) no-repeat left bottom;
}
#nav #nav-portfolio a{
	width: 86px;
	background: url(images/nav-portfolio.gif) no-repeat left top;
}
#nav #nav-portfolio a:hover{
	background: url(images/nav-portfolio.gif) no-repeat left bottom;
}
#nav #nav-icons a{
	width: 64px;
	background: url(images/nav-icons.gif) no-repeat left top;
}
#nav #nav-icons a:hover{
	background: url(images/nav-icons.gif) no-repeat left bottom;
}
#nav #nav-forum a:hover{
	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{
	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;
}
#home-leftcol {
	float:left;
	width: 405px;
	overflow: hidden;
}
#home-rightcol {
	width:320px;
	float:right;
}
#single-leftcol {
	float:left;
	width: 560px;
}
#single-rightcol {
	float:right;
	width: 165px;
}
.sidebar-half {
	width: 152px;
	float:left;		
}
.home-subrightcol {
	width: 153px;
	float:right;		
}
#footer_wrap {
	width: 746px;
	background: #000000 url(images/footer-corner-bg.gif) no-repeat left top;
	margin: 0px auto;
	padding: 5px 12px 12px;
	color:#999999;
	clear:both;
}
.footer_leftcol{
	width:195px;
	margin-right: 16px;
	float:left;
}
.footer_rightcol {
	width:320px;
	float:right;
}
.footer_rightcol a, .footer_rightcol a:visited {
	color:#4E9F9F;
}
.footer_submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
	background-color: #000000;
	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;
}
.footer_submenu li a:visited{

	color: #759398;
	text-decoration: none;
}
.footer_submenu li a:hover{
	text-decoration: none;
	background-color:#132022;
	color:#FFFFFF;
}
a.validcss-mini {
	background: url(images/validcss-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#FF9900;
	text-decoration: none;
	margin-left: 10px;
}
a.validcss-mini:visited {
	color:#FF9900;
}
a.validcss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.validhtml-mini {
	background: url(images/validhtml-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#80c43d;
	text-decoration: none;
	margin-left: 10px;
}
a.validhtml-mini:visited {
	color:#80c43d;
}
a.validhtml-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.archive-mini {
	background: url(images/archive-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#89bc61;
	text-decoration: none;
	margin-right: 10px;
}
a.archive-mini:visited {
	color:#89bc61;
}
a.archive-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.rss-mini {
	background: url(images/rss-mini.gif) no-repeat left center;
	padding-left: 14px;
	color:#FFCC33;
	text-decoration: none;
	margin-left: 10px;
}
a.rss-mini:visited {
	color:#FFCC33;
}
a.rss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.sitemap-mini {
	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 {
	color:#3ba5cf;
}
a.sitemap-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.links-mini {
	background: url(images/links-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#f86bb1;
	text-decoration: none;
	margin-right: 10px;
}
a.links-mini:visited {
	color:#f86bb1;
	text-decoration: none;
}
a.links-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.contact-mini {
	background: url(images/contact-mini.gif) no-repeat left center;
	padding-left: 15px;
	color:#66CCFF;
	text-decoration: none;
}
a.contact-mini:visited {
	color:#66CCFF;
	text-decoration: none;
}
a.contact-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
.submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
.submenu li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	list-style:none;
}
.submenu li a{
	color: #790000;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.submenu li a:visited{
	color: #790000;
	text-decoration: none;
}
.submenu li a:hover{
	text-decoration: none;
	background-color: #dae2cc;
}
.submenu .page_item {
	display:block;
}
.submenu .current-cat {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
.submenu .current_page_item {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
a.continue {
	background: url(images/continue-mini.gif) no-repeat right center;
	padding-right: 15px;
	color: #3a740e;
	text-decoration:none;
}
a.continue:visited, a.continue:hover {
	color: #3a740e;
	text-decoration:none;
}
.archive-list {
	list-style:none;
	margin: 5px 0px 20px;
	padding:0;
}
.archive-list li{
	background: url(images/archive-arrow.gif) no-repeat left center;
	padding-left: 10px;
}
.post {
	margin: 0px 0px 20px;
	clear:both;
}
.postdate {
	background: url(images/mini-date.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	color:#666666;
	float:left;
}
.postcomment {
	background: url(images/mini-comment.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	float:right;
}
.postjumpcomment {
	background: url(images/jumpcomment-mini.gif) no-repeat right center;
	padding-right: 13px;
	font-size: 90%;
	float:right;
}
.postjumpcomment a, .postjumpcomment a:visited{
	color: #698d9c;
	text-decoration:none;
}
.postjumpcomment a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcomment a, .postcomment a:visited {
	color: #CC6600;
	text-decoration:none;
}
.postcomment a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcat {
	background: url(images/mini-cat.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 90%;
	color: #999999;
	float:left;
	margin-left: 15px;
}
.postcat a, .postcat a:visited {
	color: #669900;
	text-decoration:none;
}
.postcat a:hover {
	color: #FF9900;
	text-decoration:none;
}
.postcat span {
	display:none;
}
.entry {
	clear:both;
	padding-top: 10px;
}
.left {
	float:left;
}
img.left {
	float:left;
	margin: 2px 10px 5px 0px;
}
a img.left {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF6600;
	background: #FF6600;
}
.right {
	float:right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
	background: #FF6600;
}
.footer_nav {
	float:right;
	margin: 20px 0px 0px;
	padding:0px;
	font-size:90%;
}
.copyright {
	text-align:right;
	border-top: 1px solid #222222;
	font-size:85%;
	clear:both;
	margin:10px 0px 0px;
	color: #666666;
}
img.img_border, a img.img_border {
	border: 5px solid #E0E0E0;
}
a:hover img.img_border{
	border-color: #FF6600;
}
.popular-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.popular-list li{
	background: url(images/mini-star.gif) no-repeat left center;
	padding: 3px 0px 3px 12px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.popular-list li a{
	color:#333333;
	text-decoration:none;
	list-style:none;
}
.popular-list li a:visited{
	color:#333333;
	text-decoration:none;
}
.popular-list li a:hover{
	color:#669900;
	text-decoration:none;
}
#respond {
	background:url(images/postcomment.gif) no-repeat left center;
	padding: 0px 0px 2px 20px;
	color: #779d03;
	margin: 0px;
	font: normal 140% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform label{
	font-weight: bold;
	color:#668b9a;
	font-size: 100%;
}
#commentform label span{
	font-weight: normal;
}
#commentform input{
	width: 153px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 375px;
	height: 135px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
	margin-top: 3px;
}
#commentform .submitbutton {
	width: auto;
	padding: 4px 12px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #587683;
	border: none;
}
#commentform .submitbutton:hover {
	background: #779d03;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #F1FFD5;
}
.commentlist {
	list-style:none;
	margin:0px 0px 15px;
	padding:0px;
	line-height: 130%;
}
.commentlist p{
	margin: 10px 0px;

}
.commentlist li{
	margin: 10px 7px;
	padding:0px 0px 10px;
	background: url(images/thumb-hr.gif) no-repeat center bottom;
}
.gravatar {
	background: url(images/avatar-bg.gif) no-repeat;
	width: 58px;
	height:55px;
	margin-top: 3px;
	padding: 6px 0px 6px 6px;
	float:left;
}
.gravatar img {
	border:solid 1px #cee48b;
	background-color: #FFFFFF;
}
.comment-entry {
	width: 470px;
	float:right;
	position:relative;
}
.comment-number {
	font-size: 14px;
	color: #CCCCCC;
	float:right;
	position: absolute;
	top: 5px;
	right: 5px;
}
.commentlist cite {
	font: 150% Tahoma, "Trebuchet MS", Arial;
	color: #5A8800;
}
.commentlist cite a, .commentlist cite a:visited{
	color: #5A8800;
	text-decoration:underline;
}
.commentlist cite a:hover{
	text-decoration:none;
}
.ad-banner {
	margin: 15px 0px 15px 5px;
	clear:both;
	height: 65px;
}
.ad-banner2 {
	margin: 5px 0px 10px;
	clear:both;
	height: 65px;
}
.ad-thumb {
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 4px;
	float: left;
	margin: 0px 6px 0px 5px;
}
.sponsorlinks {
	list-style: none;
	margin: 0px;
	padding: 1px 0px 5px 0px;
	font-size: 90%;
}
.sponsorlinks li{
	list-style: none;
	margin: 0px;
	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;
	text-decoration: none;
}
.sponsorlinks li a:visited{
	color: #333333;
	text-decoration: none;
}
.sponsorlinks li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.sponsorlinks-heading {
	font-weight: bold;
	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;
}
.credit {
	font-size: 83%;
	color: #999999;
	border-top: 1px solid #E1E1E1;
	text-align:right;
}
.landing-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.landing-list li{
	width: 258px;
	float: left;
	padding: 10px;
	height:75px;
}
.landing-list img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin-right: 10px;
}
.landing-list h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	text-transform:none;
	letter-spacing: 0px;
}
.landing-list h3.folder a{
	margin: 0px;
	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{
	display:none;
}
.thumb-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.thumb-list li{
	width: 155px;
	float: left;
	margin: 5px 13px 15px;
	text-align:center;
}
.thumb-list img {
	border: 5px solid #E0E0E0;
}
.thumb-list a:hover img {
	border-color: #FF9900;
}
.thumb-list br{
	display:none;
}
.thumb-list p{
	line-height:100%;
	margin:0px;
}
.ban-list {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px 0px 0px 10px;
}
.ban-list br{
	display:none;
}
.ban-list p br{
	display:block;
}
.ban-list li{
	margin: 12px 0px;
	height:104px;
	background: url(images/thumb-hr.gif) no-repeat center bottom;
}
.ban-list img {
	border: 5px solid #E0E0E0;
	float: left;
	margin-right: 10px;
}
.ban-list a:hover img {
	border-color: #FF9900;
}
.ban-list a:hover {
	border-color: transparent;
}
.ban-list h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#666666;
	text-transform:none;
	letter-spacing: 0px;
}
.px_icon_table td{
	padding: 2px;
	color: #666666;
	font-size: 90%;
}
.px_icon_table img{
	margin-right: 7px;
	padding: 3px;
	border: 1px solid #E3E3E3;
	vertical-align: middle;
}
.ddsg-sitemap {
	list-style:none;
	margin:0px 0px 30px 15px;
	line-height: 140%;
}
.ddsg-sitemap li{
	font-weight:bold;
	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;
	padding-left: 12px;
}
.download_btn {
	font: bold 110% Arial, Helvetica, sans-serif;
}
a.download_btn , a.download_btn:visited{
	color:#669900;
	text-decoration:none;
	background: url(images/download-btn.gif) no-repeat left center;
	padding: 0px 0px 0px 18px;
}
a.download_btn:hover {
	color: #FF6600;
	text-decoration:none;
}
.preview_btn {
	font: bold 110% Arial, Helvetica, sans-serif;
}
a.preview_btn , a.preview_btn:visited{
	color:#669900;
	text-decoration:none;
	background: url(images/preview-btn.gif) no-repeat left center;
	padding: 0px 0px 0px 18px;
}
a.preview_btn:hover {
	color: #FF6600;
	text-decoration:none;
}
.center {
	text-align: center;
}
.pagenav {
	text-align:right;
	border-top: 1px dotted #CCCCCC;
	margin: 25px 0px 10px;
	padding-top: 2px;
	clear:both;
}
.breadcrumb {
	font-size: 10px;
	color:#A7A7A7;
	line-height:100%;
}
.breadcrumb a, .breadcrumb a:visited{
	color:#779d03;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#FF9900;
	text-decoration:none;
}
.quarter {
	width: 172px;
	margin: auto 7px;
}
.one-third {
	width: 176px;
	float:left;
}
.half {
	width: 272px;
	float:left;
}
.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;
	line-height: 100%;
	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;
	color: #FF6600;
	text-decoration:none;
	padding: 4px 10px 0px 14px;
}
.links-list li a:hover{
	color: #339900;
	text-decoration:none;
	background: url(images/links-li-bg.gif) no-repeat;
}
.update {
	background: #FFFBE8;
	padding: 2px 7px;
	border: 1px solid #FFE4C1;
	margin: 10px 0px 5px;
}
.alert {
	background: url(images/mini-update.gif) no-repeat left center;
	text-transform: uppercase;
	color: #663300;
	padding: 2px 0px 2px 17px;
	border-bottom: 1px solid #FFE6C4;
	margin:0px 0px 5px;
}
#intouchform {
	margin: 20px 10px 10px;
	font: 110% Arial, Helvetica, sans-serif;
	color: #000000;
}
#intouchform p{
	clear: left;
	margin: 5px 0 10px 0px;
	position: relative;
}
#intouchform label{
	font-weight: bold;
	color:#598192;
	float: left;
	width: 120px;
	background: url(images/formlabel-arrow.gif) no-repeat top right;
	margin-right: 8px;
}
#intouchform input{
	width: 350px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}
#intouchform textarea{
	width: 350px;
	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%;
}
Retrieved from "https://wiki.secondlife.com/w/index.php?title=MediaWiki:Monobook.css&oldid=3303"