/*
Theme Name: Skittlish
Theme URI: http://journal.barleyhut.com/themes
Description: A candy coloured theme. Comes in 7 flavors (orange, blue, green, pink, cyan, red, violet).
Version:1.1
Author: Cristi Balan (ported to Wordpress by A.M. Griffin and widgets by Magarto)
*/
/*
--TABLE OF CONTENTS--
01: REST
02. CORE STRUCTURE
03: BASICS
04: HEADER/MENU
05: HEADINGS
06: IMAGES
07: WEBLOG CONTENT
08: SIDEBAR
09: FOOTER
10: COMMENTS
11: SKITTLISH OPTIONS (COLORS+MENUS)
12: MISCELLANEOUS
/*
------------------------------------------------------------------------
=RESET (From Eric Meyer)-
------------------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
html {
height: 101%;
margin-bottom: 1px;
min-height: 101%;
}
body {
line-height: 1;
min-height: 101%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
body {
background: #4F4F4F url(images/header_bg.gif);
background-attachment: fixed;
color: #4F4F4F;
font: normal 1em "AndBasR-Compact", "Calibri", "Lucida Grande", Verdana, sans-serif;
}
hr.d {border: none 0;
border-top: 1px solid #D6D6D6;
width: 100%;
height: 1px;
}
/*
------------------------------------------------------------------------
=FONTS-
------------------------------------------------------------------------
*/
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
font-family: Delicious-Italic;
src: url(font/Delicious-Italic.otf);
/* font-weight, font-style ==> default to normal */
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
font-family: Delicious-Heavy;
src: url(font/Delicious-Heavy.otf);
/* font-weight, font-style ==> default to normal */
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
font-family: Delicious-BoldItalic;
src: url(font/Delicious-BoldItalic.otf);
/* font-weight, font-style ==> default to normal */
}
/* A font by http://scripts.sil.org/Andika_download */
@font-face {
font-family: AndBasR;
src: url(font/AndBasR.ttf);
/* font-weight, font-style ==> default to normal */
}
/* A font by http://scripts.sil.org/Andika_download */
@font-face {
font-family: AndBasR-Compact;
src: url(font/AndBasR-Compact.ttf);
/* font-weight, font-style ==> default to normal */
}
/*
------------------------------------------------------------------------
=CORE STRUCTURE-
------------------------------------------------------------------------
*/
#wrapper {
background: url(images/wrpr-left.png);
padding-left: 11px;
padding-right: 11px;
border-right: 1px #8c8c8c;
border-left: 1px #8c8c8c;
margin: 0 auto;
position: relative;
width: 980px;
}
#header {
background: #1c1c1c url(images/header.jpg) no-repeat;
border-right: 1px #343434;
border-left: 1px #343434;
border-bottom: solid 1px #343434;
padding: 20px 0 0 80px;
}
#contentwrapper {
background: #F1F1F1 url(images/x_default_sidebar_bg.gif) right top repeat-y;
border-right: solid 1px #343434;
border-left: solid 1px #343434;
}
#content {
background: url(images/content_top_bg.gif) repeat-x;
float: left;
margin-right: -380px;
width: 100%;
}
#contentwrapper-wide {
background: #F1F1F1 url(images/x_default_sidebar_bg_50.gif) right top repeat-y;
}
#content {
background: url(images/content_top_bg.gif) repeat-x;
float: left;
margin-right: -380px;
width: 100%;
}
#innerwrapper {
margin: 1.5em 380px 80px 40px;
}
#innerwrapper-wide {
margin: -1.5em 40px 80px 40px;
}
#sidebar {
background: url(images/x_default_sidebar_top.gif) right top no-repeat;
float: right;
overflow: hidden;
padding-bottom: 1.25em;
padding-top: 1.25em;
width: 380px;
}
#footer {
background: #1c1c1c url(images/header.jpg) left top no-repeat;
border-right: 1px #343434;
border-left: 1px #343434;
color: #F1F1F1;
font-size: .875em;
padding: 40px 40px 40px 40px;
text-align: center;
text-shadow: #000 0px 1px 2px;
}
/*
------------------------------------------------------------------------
=BASICS-
------------------------------------------------------------------------
*/
p {
font-size: 0.875em;
font-weight: normal;
margin-bottom: 1.43em;
line-height: 1.43em;
}
p.last {
margin-bottom:0;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #900;
text-decoration: none;
}
blockquote {
width: 80%;
padding: 10px 10px 10px 10px;
margin: 0 0 20px 30px;
border: solid 1px #D6D6D6;
background: #fff;
}
strong{
font-weight: 700;
}
em{
font-style: italic;
}
pre{
background: #eee;
border: 1px solid #ddd;
line-height:20px;
margin-bottom: 20px;
padding: 10px;
}
ul {
font-size: 0.875em;
list-style-type:none;
margin: 1em 0 1.25em 1em;
text-align: left;
}
ol {
font-size: 0.875em;
list-style-type: none;
margin: 1em 0 1.25em 1em;
text-align: left;
}
dl{
margin: 20px 0;
}
abbr,
acronym,
span.abbr {
border: none;
font-weight: normal;
}
li {
line-height: 1.43em;
list-style-type: none;
}
a img {
border-style: none;
}
code {
background: #eee;
border-bottom:1px solid #ccc;
display:block;
font-family: "Andale Mono", Consolas, Courier, monospace;
margin: 1.25em 0 1.25em 0;
overflow: auto;
padding:10px;
}
i {
font-family: "Delicious-Italic", "Calibri", "Lucida Grande", Verdana, sans-serif;
font-size: 1.1em;
}
/*
------------------------------------------------------------------------
=HEADER/MENU
------------------------------------------------------------------------
*/
#menu {
clear: both;
display: inline;
float: right;
font-size: 1.1em;
margin-right: 10px;
margin-top: -1.15em;
font-family: "Delicious-Italic", "Calibri", "Lucida Grande", Verdana, sans-serif;
text-align: right;
}
#menu li {
color: #fff;
display: inline;
margin-right: 10px;
}
#menu a {
color: #F1F1F1;
text-shadow: #000 0px 2px 3px;
}
#menu a:hover {
color: #F1F1F1;
border-bottom: 1px solid #F79910;
padding-bottom: 2px;
}
#menu li.selected a {
border-bottom: 1px solid #bbb;
color: #fff;
}
/*
--------------------------------------------------------------------------------------------
=HEADINGS- (if something seems to be missing check the specific sections (ie: the TOC above)
--------------------------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
/*=====for the weblog title in header=====*/
#header h1 {
float: left;
font-size: 1.875em;
line-height: 0.666em;
margin-bottom: 0;
}
#header h1 a {
color: #eee;
display: block;
padding-top: 1.25em;
text-shadow: #000 0px 2px 2px;
}
#header h1 a:hover {
color: #fff;
text-decoration: none;
}
/*=====site description in header=====*/
.sitedesc {
color: #fff;
background: transparent;
filter: alpha(opacity= 50);
-moz-opacity: .50;
opacity: .50;
text-shadow: #000 0px 2px 3px;
width: 276px;
text-align: center;
white-space: nowrap;
float: left;
margin-top: -13px;
}
/*=====for the weblog post titles=====*/
div.article h1, div.article h2 {
font-family: "Delicious-Italic", "Calibri", "Lucida Grande", Verdana, sans-serif;
clear: both;
font-size: 1.5em;
margin: .5em 0 0 0;
}
div.article h1 a, div.article h2 a {
color: #f79910; /* default color */
}
div.article h1 a:hover, div.article h2 a:hover {
color: #f79910; /* default color */
border-bottom: 1px solid #D6D6D6;
}
/*=====for comments=====*/
h4.comments-header {
clear: both;
font-size: 1.25em;
letter-spacing: 1px;
margin: 1.25em 0 1.25em 0;
}
/*=====generic, for posts=====*/
h3 {
font-size: 18px;
line-height: 1.11em;
margin: 1.11em 0 1.11em;
}
h4 {
font-size: 18px;
margin: 1.25em 0 1.25em 0;
}
h5, h6 {
font-size: 14px;
font-weight: bold;
line-height: 1.43em;
}
/*
------------------------------------------------------------------------
=IMAGES
------------------------------------------------------------------------
*/
.article img {
border: 1px solid #8c8c8c;
margin: 0.4em auto;
padding: 3px;
background-color: #fff;
}
.article img.center {
display: block;
margin: 0.4em auto;
}
.article img.alignright {
margin: 0.4em 0 0.4em 1.1em;
padding: 3px;
}
.article img.alignleft {
margin: 0.4em 1.1em 0.4em 0;
padding: 3px;
border: 1px solid #bbb;
}
/*-smilies without a border-*/
body img.wp-smiley {
border:none;
}
/*
------------------------------------------------------------------------
=WEBLOG CONTENT
------------------------------------------------------------------------
*/
div.article {
border-bottom: 1px solid #D6D6D6;
margin-bottom: 2.5em;
padding-bottom: 4.5em;
}
div.article .body {
margin-bottom: 1.25em;
}
/*=====post link colors will change with color options (see Section 11)=====*/
div.article a {
text-decoration: none;
}
div.article a:hover {
border-bottom: 1px solid #D6D6D6;
}
/*=====META: for post time/category=====*/
div.article .meta {
color: #999;
font-size: .75em;
font-weight: normal;
line-height: 1.66em;
margin-bottom: 1.66em;
}
div.article .meta a {
color: #999;
font-weight: normal;
}
div.article .meta a:hover {
border-bottom: 1px solid #D6D6D6;
}
/*=====for the comment section at the bottom of your posts=====*/
div.article .comments {
background: url(images/comments.png) left center no-repeat;
float: left;
font-size: 14px;
line-height: 30px;
}
div.article .comments a {
padding: 0 0px 10px 35px;
}
div.article .comments a:hover {
border-bottom: none;
}
/*=====for the post footer: tags, etc.=====*/
div.article .post-footer {}
div.article .post-footer p.tags {}
div.article ul li {
list-style-type: circle;
margin: 0px 40px 0 40px;
}
div.article ol li {
font-size: 100%;
list-style-type: decimal-leading-zero;
margin: 0 40px 0 40px;
}
/*
------------------------------------------------------------------------
=SIDEBAR-
------------------------------------------------------------------------
*/
.boxy {
background-color: transparent; /* changes based on choosen color option */
background-repeat: no-repeat;
color: #c0c0c0;
margin: 0px 2.5em 0px 5em;
padding: 0px 1.25em 2.5em 1.25em;
font-family: "Delicious-Italic", "Calibri", "Lucida Grande", Verdana, sans-serif;
text-shadow: #000 0px 1px 2px;
}
.boxy a {
color: #c0c0c0;
}
.boxy a:hover {
color: #f79910;
}
#sidebar .short, #sidebar .tall {
padding-top: 10px; /* only have top padding if we have a background */
}
#sidebar .short {
background-image: url(images/x_default_boxy_short.png);
}
#sidebar .tall {
background-image: url(images/x_default_boxy_tall.png);
}
/* ems are nifty, eh? :) */
#sidebar .minor {
font-size: .8em;
}
#sidebar .minor h3 {
font-size: 1.25em;
}
#sidebar .minor dt {
font-size: 1.25em;
}
.boxy h3, .boxy h4 {
color: #f79910;
font-size: 1.25em;
margin: .5em 0 .5em 0;
}
.boxy li {
font-size: 1.1em;
line-height: 1.1em;
margin-bottom: .4em;
width: 192px;
}
.boxy ul, .boxy dt {
margin-top: .3em;
}
.boxy dt {
font-size: 1.25em;
vertical-align: middle;
}
.boxy dd {
margin-left: 1.25em;
}
.boxy ul dd, .boxy dl li {
margin-left: 0;
}
.boxy ul dt, .boxy dl ul {
margin-top: 0 !important;
}
.sbarsnip a {
color: #f79910;
}
/* feed icons */
.feed {
background: url(images/feed.gif) 0% 100% no-repeat;
margin-left: 5px;
padding-left: 20px;
}
.feed span {
font-size: .8em;
}
/*
------------------------------------------------------------------------
=FOOTER
------------------------------------------------------------------------
*/
#footer a {
color: #F1F1F1;
text-decoration: none;
}
#footer a:hover {
color: #F1F1F1;
border-bottom: 1px solid #F79910;
padding-bottom: 2px;
}
/*
------------------------------------------------------------------------
=COMMENTS
------------------------------------------------------------------------
*/
.comment-meta {
margin: .75em 0 1.25em .75em;
}
.comment-text {
border-bottom: 1px solid #ccc;
color: #4F4F4F;
font-size: 1.1em;
margin: 10px 0 1.25em .75em;
padding: 5px 5px 5px 0;
}
#comments-form {
margin: 4em 0 0 0;
}
#comments-form a img {
border:none !important;
}
#respond {
}
#trackbacks {
margin: 0 0 2em 0;
}
.comment-meta img {
background: #fff;
margin: .75em .75em 0 0;
padding: 5px;
float:right;
border:1px solid #E0E0E0;
margin: 0.4em 0 0.4em 1.1em;
padding: 3px;
}
.comment-author {
font-size: 1.25em;
line-height: 1.5em;
margin:0;
}
.comment-date {
color: #999;
font-style: italic;
font-size: .75em;
line-height: 1em;
}
.even {
background: #F0F0F0;
}
.odd {
background: #FAFAFA;
}
.highlight {
background: #FBFBFE;
padding: 3px;
border-top: 3px double #BBBBBB;
border-bottom: 3px double #BBBBBB;
}
#comments-form textarea {
width: 99%;
}
#comments-form textarea, #comments-form input {
background: #FAFAFA;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
}
#comments-form textarea:focus, #comments-form input:focus {
background: #fff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
}
/*
------------------------------------------------------------------------
=SKITTLISH OPTIONS
------------------------------------------------------------------------
*/
/*=====01: NOTE: SKITTLISH DEFAULTS TO AN ORANGE/FIXED WIDTH WEBLOG=====*/
/*=====02: to change these default settings open the app.js file, and on line 75 you'll see
a line that begins with "cookie=" change the first color word there to your preferred color option -
the second word to either fixed or fluid=====*/
#options {
margin-right: 30px;
margin-top: 10px;
position: absolute;
right: 0;
top: 0;
}
#options ul {
display: inline;
float: left;
margin-left: 10px;
}
#options li {
float: left;
margin: 1px;
padding: 2px;
}
#options li a {
border: solid 1px #9a9a9a;
background-color: #1c1c1c;
background-repeat: no-repeat;
display: block;
height: 10px;
width: 10px;
}
#options li a span {
display: none;
}
/* options box */
#header h2, #header h3, #options h3 {
display: none;
}
#options h2 {
display: block;
float: left;
margin-top: 3px;
color: #9a9a9a;
font: normal 10px/12px calibri, verdana, sans-serif;
}
/*=====this shows the little border around the currently selected menu options and on hover =====*/
body.fixed #options li.fixed,
body.fluid #options li.fluid,
body.blue #options li.blue,
body.cyan #options li.cyan,
body.green #options li.green,
body.orange #options li.orange,
body.pink #options li.pink,
body.red #options li.red,
body.violet #options li.violet,
#options li:hover {
padding: 2px;
background-color: #fff;
}
/*=====you don't really want to change any of this unless you're into big changes=====*/
/* width menu icons */
#options li.fixed a { background-image: url(images/fixed.gif); }
#options li.fluid a { background-image: url(images/fluid.gif); }
/* menu colors swatches */
#options li.blue a { background-color: #2446CD; }
#options li.cyan a { background-color: #1088f7; }
#options li.green a { background-color: #7E9707; }
#options li.orange a { background-color: #f79910; }
#options li.pink a { background-color: #CA145E; }
#options li.red a { background-color: #c90808; }
#options li.violet a { background-color: #9F18BC; }
/*=====cristi used this for the site logo / not used by default now, but play if you want=====*/
body.che #header h1 a {
padding-left: 53px;
background: url(images/logo.gif) left bottom no-repeat;
line-height: .8;
}
body.che #header h1 a:hover {
background-position: -2000px 100%;
}
/* skittlish fixed width setting */
.fixed #wrapper {
margin: 0 auto;
width: 980px;
}
/* skittlish fluid width setting */
.fluid #wrapper {
margin: 0 80px;
width: auto;
max-width: 1180px;
min-width: 860px;
}
/*=====BELOW YOU HAVE YOUR COLOR OPTIONS AND WHAT CHANGES WHEN YOU SWITCH THEM. BASICALLY, COLORS CHANGE AND NOT MUCH ELSE=====*/
/*=====if BLUE COLOR option=====*/
body.blue .article h2 a { color: #2446CD; }
body.blue .article a { color:#2446CD; }
body.blue #contentwrapper { background-image: url(images/x_blue_sidebar_bg.gif); }
body.blue #sidebar { background-image: url(images/x_blue_sidebar_top.gif); }
body.blue #sidebar .short { background-image: url(images/x_blue_boxy_short.png); }
body.blue #sidebar .tall { background-image: url(images/x_blue_boxy_tall.png); }
body.blue #header { background-image: url(images/header-blue.jpg); }
body.blue #footer { background-image: url(images/header-blue.jpg); }
body.blue .boxy h3, .boxy h4 { color: #446AFD; }
body.blue .boxy a:hover { color: #446AFD; }
body.blue .sbarsnip a { color: #446AFD; }
body.blue #menu a:hover { border-bottom: 1px solid #2446CD; }
body.blue #footer a:hover { border-bottom: 1px solid #2446CD; }
body.blue .navigation a:hover { color: #2446CD; }
/*=====if CYAN COLOR option=====*/
body.cyan .article h2 a { color:#1088f7; }
body.cyan .article a { color:#1088f7; }
body.cyan .boxy { background-color: #transparent; }
body.cyan #contentwrapper { background-image: url(images/x_cyan_sidebar_bg.gif); }
body.cyan #sidebar { background-image: url(images/x_cyan_sidebar_top.gif); }
body.cyan #sidebar .short { background-image: url(images/x_cyan_boxy_short.png); }
body.cyan #sidebar .tall { background-image: url(images/x_cyan_boxy_tall.png); }
body.cyan #header { background-image: url(images/header-cyan.jpg); }
body.cyan #footer { background-image: url(images/header-cyan.jpg); }
body.cyan .boxy h3, .boxy h4 { color: #1088f7; }
body.cyan .boxy a:hover { color: #1088f7; }
body.cyan .sbarsnip a { color: #1088f7; }
body.cyan #menu a:hover { border-bottom: 1px solid #1088f7; }
body.cyan #footer a:hover { border-bottom: 1px solid #1088f7; }
body.cyan .navigation a:hover { color: #1088f7; }
/*=====if GREEN COLOR option=====*/
body.green .article h2 a { color:#7E9707; }
body.green .article a { color:#7E9707; }
body.green .boxy { background-color: transparent; }
body.green #contentwrapper { background-image: url(images/x_green_sidebar_bg.gif); }
body.green #sidebar { background-image: url(images/x_green_sidebar_top.gif); }
body.green #sidebar .short { background-image: url(images/x_green_boxy_short.png); }
body.green #sidebar .tall { background-image: url(images/x_green_boxy_tall.png); }
body.green #header { background-image: url(images/header-green.jpg); }
body.green #footer { background-image: url(images/header-green.jpg); }
body.green .boxy h3, .boxy h4 { color: #7E9707; }
body.green .boxy a:hover { color: #7E9707; }
body.green .sbarsnip a { color: #7E9707; }
body.green #menu a:hover { border-bottom: 1px solid #7E9707; }
body.green #footer a:hover { border-bottom: 1px solid #7E9707; }
body.green .navigation a:hover { color: #7E9707; }
/*=====if ORANGE COLOR option=====*/
body.orange .article h2 a { color:#f79910; }
body.orange .article a { color:#f79910; }
body.orange .boxy { background-color: transparent; }
body.orange #contentwrapper { background-image: url(images/x_orange_sidebar_bg.gif); }
body.orange #sidebar { background-image: url(images/x_orange_sidebar_top.gif); }
body.orange #sidebar .short { background-image: url(images/x_orange_boxy_short.png); }
body.orange #sidebar .tall { background-image: url(images/x_orange_boxy_tall.png); }
/*=====if PINK COLOR option=====*/
body.pink .article h2 a { color:#CA145E; }
body.pink .article a { color:#CA145E; }
body.pink .boxy { background-color: transparent; }
body.pink #contentwrapper { background-image: url(images/x_pink_sidebar_bg.gif); }
body.pink #sidebar { background-image: url(images/x_pink_sidebar_top.gif); }
body.pink #sidebar .short { background-image: url(images/x_pink_boxy_short.png); }
body.pink #sidebar .tall { background-image: url(images/x_pink_boxy_tall.png); }
body.pink #header { background-image: url(images/header-pink.jpg); }
body.pink #footer { background-image: url(images/header-pink.jpg); }
body.pink .boxy h3, .boxy h4 { color: #CA145E; }
body.pink .boxy a:hover { color: #CA145E; }
body.pink .sbarsnip a { color: #CA145E; }
body.pink #menu a:hover { border-bottom: 1px solid #CA145E; }
body.pink #footer a:hover { border-bottom: 1px solid #CA145E; }
body.pink .navigation a:hover { color: #C4145E; }
/*=====if RED COLOR option=====*/
body.red .article h2 a { color: #c90808; }
body.red .article a { color:#c90808; }
body.red .boxy { background-color: transparent; }
body.red #contentwrapper { background-image: url(images/x_red_sidebar_bg.gif); }
body.red #sidebar { background-image: url(images/x_red_sidebar_top.gif); }
body.red #sidebar .short { background-image: url(images/x_red_boxy_short.png); }
body.red #sidebar .tall { background-image: url(images/x_red_boxy_tall.png); }
body.red #header { background-image: url(images/header-red.jpg); }
body.red #footer { background-image: url(images/header-red.jpg); }
body.red .boxy h3, .boxy h4 { color: #c90808; }
body.red .boxy a:hover { color: #c90808; }
body.red .sbarsnip a { color: #c90808; }
body.red #menu a:hover { border-bottom: 1px solid #c90808; }
body.red #footer a:hover { border-bottom: 1px solid #c90808; }
body.red .navigation a:hover { color: #c90808; }
/*=====if VIOLET COLOR option=====*/
body.violet .article h2 a { color: #9F18BC; }
body.violet .article a { color:#9F18BC; }
body.violet .boxy { background-color: transparent; }
body.violet #contentwrapper { background-image: url(images/x_violet_sidebar_bg.gif); }
body.violet #sidebar { background-image: url(images/x_violet_sidebar_top.gif); }
body.violet #sidebar .short { background-image: url(images/x_violet_boxy_short.png); }
body.violet #sidebar .tall { background-image: url(images/x_violet_boxy_tall.png); }
body.violet #header { background-image: url(images/header-violet.jpg); }
body.violet #footer { background-image: url(images/header-violet.jpg); }
body.violet .boxy h3, .boxy h4 { color: #9F18BC; }
body.violet .boxy a:hover { color: #9F18BC; }
body.violet .sbarsnip a { color: #9F18BC; }
body.violet #menu a:hover { border-bottom: 1px solid #9F18BC; }
body.violet #footer a:hover { border-bottom: 1px solid #9F18BC; }
body.violet .navigation a:hover { color: #9F18BC; }
/*
------------------------------------------------------------------------
=MISCELLANEOUS
------------------------------------------------------------------------
*/
.alignleft, div.nav-previous {
float: left;
`}
.alignright, div.nav-next {
float: right;
`}
/*=====for navigation=====*/
.navigation {
width: 556px;
margin: 0 .2em 0 .2em 0;
float: left;
}
* html .navigation {
margin: 0 0 2.5em 0;
}
.previous {
font-size: .75em;
padding: 0 20px 10px 0px;
float: left;
}
.next {
font-size: .75em;
float: right;
}
.navigation a {
color: #8c8c8c;
}
.navigation a:hover {
color: #f79910;
}
.clear {
width: 556px;
height: 1px;
clear: both;
}
/* forms */
#comment-message, #comment-errors {
margin-bottom: 1em;
padding: .5em 3%;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #1b1b1b;
font-weight: bold;
}
#comment-message {
background-color: #f6f6f6;
border-bottom-color: #3a3a3a;
}
#comment-errors {
border-bottom-color: #9a3a3a;
background-color: #fff0f0;
}
.fieldset {
margin-bottom: 1em;
border-style: none;
}
.fieldset dt {
margin-bottom: .25em;
color: #838383;
font-weight: bold;
}
.fieldset dd {
margin-bottom: 1em;
}
.fieldset input, fieldset textarea {
padding: 2px 4px;
border: solid 1px #838383;
background-color: #eaeada;
font-family: monospace;
font-size: 1.2em;
}
.fieldset input:hover, fieldset textarea:hover {
background-color: #f2f2e2;
}
.fieldset input:focus, fieldset textarea:focus {
background-color: #fafaea;
}
input {
padding: 2px 4px;
}
.fieldset textarea {
width: 500px;
height: 200px;
}
#search {}
#search fieldset {
text-align: right;
}
#search fieldset input {
width: 90%;
}
.adtext {
width: 80%;
padding: 10px 10px 10px 10px;
margin-left: 30px;
border: solid 1px #D6D6D6;
background: url(images/sponsor.gif) top left no-repeat #fff;
}
.caption {
margin-bottom: 20px;
font-size: .7em;
}