@charset "utf-8"; /* CSS Document for SuperBlog © Copyright 2009, All rights reserved */ /* Default HTML Styles **********/
* {
margin:0;
padding:0;
}
html {
font-size:100%;
height:100%;
margin:0 0 1px 0;
}
body {
font: 76.5%/1.5em Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address, .contentheading, .componentheading, .contentdescription {
margin:0.5em 0;
}
ul {
margin:0 0 0 2em;
}
fieldset {
padding:0.5em;
border:none;
}
legend {
font-weight:bold;
padding:5px;
}
img {
border:none;
}
a {
text-decoration:none;
}
a:link, a:active, a:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.contentheading, .componentheading, .contentdescription, h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}
h1, .componentheading {
font-size:2em;
line-height:1.2em;
}
h2, .contentheading {
font-size:1.9em;
line-height:1.2em;
}
h3, .contentdescription {
font-size:1.8em;
}
h4 {
font-size:1.7em;
}
h5 {
font-size:1.6em;
}
h6 {
font-size:1.5em;
}
hr {
border:0;
}
pre, code {
overflow:auto;
padding:10px;
margin:10px;
}
.small, .createdate, .modifydate {
font-size:0.9em;
} /* Layout Styles **********/
.width {
width:960px;
margin:0 auto;
}
.clr {
clear:both;
}
.inside {
padding:10px;
} /* Header Elements */
#header-inner {
height:284px;
overflow:hidden;
}
#header .inside {
padding:0 10px 10px 10px;
}
#logo {
float:left;
display:block;
width:400px;
height:70px;
margin:50px 0 20px 0;
text-indent:-9999px;
}
#mainmenu {
float:right; /* width:48.963%; */
margin:0 20px 0 0;
}
#mainmenu ul, #mainmenu li {
margin:0;
padding:0;
list-style:none;
}
#mainmenu li {
display:inline;
}
#mainmenu a {
display:block;
float:left;
padding:90px 10px 10px 10px;
margin:0 2px 0 0;
font-size:1.1em;
}
#mainmenu a:hover, #mainmenu li.active a {
text-decoration:none;
}
#inset-left {
float:left;
width:36.17%;
}
#inset-right {
float:right;
width:42.553%;
} /* Wrapper Elements */
#advert {
margin:0 0 20px 0;
}
#advert-left {
float:left;
width:68.075%;
}
#advert-left-1 {
float:left;
width:43.75%;
}
#advert-left-2 {
float:right;
width:53.125%;
}
#advert-right {
float:right;
width:29.787%;
}
#mainbody {
float:left;
width:74.681%;
}
#content {
float:right;
width:65.714%;
overflow:hidden;
}
#sidebar {
float:left;
width:31.429%;
}
#sidebar2 {
float:right;
width:23.404%;
} /* Bottom Elements */
#bottom-left {
float:left;
width:68.075%;
}
#bottom-left-1 {
float:left;
width:43.75%;
}
#bottom-left-2 {
float:right;
width:53.125%;
}
#bottom-right {
float:right;
width:29.787%;
} /* Footer Elements */
#footer {
font-size:0.9em;
}
#footer-left {
float:left;
width:48.936%;
}
#footer-right {
float:right;
width:48.936%;
}
#footer-left-1 {
float:left;
width:73.913%;
}
#footer-left-2 {
float:right;
width:21.739%;
}
#footer-right-1 {
float:left;
width:21.739%;
}
#footer-right-2 {
float:right;
width:73.913%;
} /* Content Styles */
.inputbox {
padding:3px;
}
.button {
backgorund:transparent;
border:none;
padding:3px 5px;
margin:10px 0;
cursor:pointer;
}
.readon {
backgorund:transparent;
border:none;
padding:3px 5px;
display:block;
float:left;
margin:10px 0;
}
.blog_more {
padding:20px;
margin:0 0 20px 0;
}
.pagination span, .pagination a {
padding:5px;
margin:2px;
}
.contentpane ul, .contentpane li {
margin:0;
padding:0;
list-style:none;
}
.contentpane li {
padding:10px 0;
margin:10px 0;
}
a.category {
font-size:1.2em;
}
td.contentdescription {
padding:10px 0;
}
td.sectiontableheader {
padding:10px 5px;
text-align:left;
!important;
font-weight:bold;
}
tr.sectiontableentry1 td {
padding:10px 5px;
text-align:left;
!important;
}
tr.sectiontableentry2 td {
padding:5px;
text-align:left;
!important;
}
.article_separator {
display:block;
height:1px;
margin:10px 0 20px 0;
}
.pollstableborder {
width:100%;
}
.pollstableborder .sectiontableheader {
text-align:left !important;
padding:10px 0;
}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry0 td, .pollstableborder .sectiontableentry1, .pollstableborder .sectiontableentry0 {
border:none;
text-align:left;
}
.smalldark {
padding:10px 5px;
}
.contenttoc {
float:right;
width:35%;
}
.contenttoc th {
text-align:left;
}
.contenttoc td, .contenttoc th {
padding:5px;
} /* Advert Modules */
#advert .moduletable {
margin:0;
padding:0;
}
#advert .moduletable h3, #advert .moduletable_menu h3, #advert .moduletable_text h3, #advert .moduletable-ms1 h3, #advert .moduletable-ms2 h3, #advert .moduletable-ms3 h3, #advert .moduletable-ms4 h3 {
text-align:center;
text-transform:uppercase;
font-size:1.2em;
padding:5px 0;
border:none;
} /* Inset Modules */
#inset .moduletable h3 {
border:none;
} /* Text Banner Module */
.moduletable_text .banneritem_text {
padding:3px 0;
display:block;
} /* Default Modules */
.moduletable, .moduletable_menu, .moduletable_text, .moduletable-ms1 {
margin:0 0 20px 0;
}
.moduletable-ms2, .moduletable-ms3, .moduletable-ms4 {
margin:0 0 5px 0;
}
.moduletable-ms1 {
padding:5px 15px 20px 15px;
}
.moduletable-ms2 {
padding:5px 15px 20px 15px;
}
.moduletable-ms3 {
padding:5px 15px 20px 15px;
}
.moduletable-ms4 {
padding:5px 15px 20px 15px;
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3, .moduletable-ms2 h3, .moduletable-ms3 h3, .moduletable-ms4 h3 {
padding:15px 0 10px 0;
}
.moduletable-ms1 h3 {
padding:5px 0;
}
.moduletable-ms2 h3 {
padding:45px 15px 10px 15px;
margin:-5px -15px 0 -15px;
}
.moduletable-ms3 h3 {
padding:45px 15px 10px 15px;
margin:-5px -15px 0 -15px;
}
.moduletable-ms4 h3 {
padding:45px 15px 10px 15px;
margin:-5px -15px 0 -15px;
}
.moduletable ul, .moduletable_menu ul, .moduletable_text ul, .moduletable-ms1 ul, .moduletable-ms2 ul, .moduletable-ms3 ul, .moduletable-ms4 ul {
margin:0;
padding:0;
list-style:none;
}
.moduletable li, .moduletable_menu li, .moduletable_text li, .moduletable-ms1 li, .moduletable-ms2 li, .moduletable-ms3 li, .moduletable-ms4 li {
margin:0;
padding:3px 0;
list-style:none;
display:block;
}
.moduletable li ul li, .moduletable_menu li ul li, .moduletable_text li ul li, .moduletable-ms1 li ul li, .moduletable-ms2 li ul li, .moduletable-ms3 li ul li, .moduletable-ms4 li ul li {
padding:3px 0 3px 10px;
border:none;
}
/* Footer Modules */
#footer .moduletable li, #footer .moduletable_menu li, #footer .moduletable_text li, #footer .moduletable-ms1 li, #footer .moduletable-ms2 li, #footer .moduletable-ms3 li, #footer .moduletable-ms4 li {
padding:3px 0 3px 10px;
border:none;
}
/* Search Module */
.search .inputbox {
padding:7px;
float:left;
width:70%;
}
.search .button {
margin:0;
padding:7px;
float:right;
}
/* System Messages **********/
#system-message {
margin-bottom: 0px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0;
font-weight: bold;
text-indent: 30px;
}
#system-message dd ul {
color: #0055BB;
list-style: none;
margin: 0px;
padding: 10px;
background: #D8E5F8 url(../images/status-info.png) no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3;
}
#system-message dt.message {
display: none;
}
#system-message dd.message {
}
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
color: #c00;
margin: 0px;
list-style: none;
background: #FFD6D6 url(../images/status-alert.png) no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
color: #DCA33C;
margin: 0px;
list-style: none;
background: #FEF6D8 url(../images/status-note.png) no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}
/* Tooltips **********/
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
/* Typography **********/
blockquote {
padding:10px 30px;
font-style:italic;
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
}
pre, code {
font-size:1em;
padding:10px;
font-family:Consolas, Monaco, "Courier New", Courier, monospace;
}
.alert, .info, .download, .note {
display: block;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}
ul.bullet1, ul.bullet2, ul.bullet3, ul.bullet4, ul.bullet5, ul.bullet6, ul.bullet7, ul.male, ul.female, ul.accept, ul.clock, ul.color, ul.cup, ul.date, ul.drink, ul.smile, ul.exclamation, ul.heart, ul.music, ul.rainbow, ul.golf, ul.tennis, ul.star, ul.tick {
padding-left: 10px;
margin-left: 0;
}
ul.bullet1 li, ul.bullet2 li, ul.bullet3 li, ul.bullet4 li, ul.bullet5 li, ul.bullet6 li, ul.bullet7 li, ul.male li, ul.female li, ul.accept li, ul.clock li, ul.color li, ul.cup li, ul.date li, ul.drink li, ul.smile li, ul.exclamation li, ul.heart li, ul.music li, ul.rainbow li, ul.golf li, ul.tennis li, ul.star li, ul.tick li {
list-style: none;
margin-left: 0;
padding:3px 0 3px 40px;
margin-bottom: 5px;
}
.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}
.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}
.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}
.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}
ul.bullet1 li {
background: url(../images/bullet1.png) 4px 4px no-repeat;
}
ul.bullet2 li {
background: url(../images/bullet2.png) 4px 4px no-repeat;
}
ul.bullet3 li {
background: url(../images/bullet3.png) 4px 4px no-repeat;
}
ul.bullet4 li {
background: url(../images/bullet4.png) 4px 4px no-repeat;
}
ul.bullet5 li {
background: url(../images/bullet_green.png) 4px 4px no-repeat;
}
ul.bullet6 li {
background: url(../images/bullet_pink.png) 4px 4px no-repeat;
}
ul.bullet7 li {
background: url(../images/bullet_red.png) 4px 4px no-repeat;
}
ul.male li {
background: url(../images/user_suit.png) 4px 4px no-repeat;
}
ul.female li {
background: url(../images/user_female.png) 4px 4px no-repeat;
}
ul.accept li {
background: url(../images/accept.png) 4px 4px no-repeat;
}
ul.clock li {
background: url(../images/clock.png) 4px 4px no-repeat;
}
ul.color li {
background: url(../images/color_swatch.png) 4px 4px no-repeat;
}
ul.cup li {
background: url(../images/cup.png) 4px 4px no-repeat;
}
ul.date li {
background: url(../images/date.png) 4px 4px no-repeat;
}
ul.drink li {
background: url(../images/drink.png) 4px 4px no-repeat;
}
ul.smile li {
background: url(../images/emoticon_smile.png) 4px 4px no-repeat;
}
ul.exclamation li {
background: url(../images/exclamation.png) 4px 4px no-repeat;
}
ul.heart li {
background: url(../images/heart.png) 4px 4px no-repeat;
}
ul.music li {
background: url(../images/music.png) 4px 4px no-repeat;
}
ul.rainbow li {
background: url(../images/rainbow.png) 4px 4px no-repeat;
}
ul.golf li {
background: url(../images/sport_golf.png) 4px 4px no-repeat;
}
ul.tennis li {
background: url(../images/sport_tennis.png) 4px 4px no-repeat;
}
ul.star li {
background: url(../images/star.png) 4px 4px no-repeat;
}
ul.tick li {
background: url(../images/tick.png) 4px 4px no-repeat;
}
