* {margin: 0;padding: 0;}
body {background: #e3e3e3 url(images/bg.gif) repeat-x;color: #1b1b1b;font: normal 76% Verdana, Arial, Helvetica, sans-serif;}
body img.wp-smiley {border:none;}
li {list-style-type: none}
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl { }
a img {border-style: none;}
/* clearfix, the ie part is in the ie css */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* general styling */
h1, h2, h3, h4, h5, h6 {margin-bottom:.25em; font-weight:normal; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;}
h1 {font-size:2.6em;}
h2 {font-size:2.3em;}
h3 {font-size:2.0em;}
h4 {font-size:1.8em;}
h5 {font-size:1.6em;}
h6 {font-size:1.4em;}
p {margin-bottom: 1em;line-height: 1.3;}
a {color: #095eae;text-decoration: none; outline:none}
a:hover {text-decoration: underline;}
blockquote {font-size: 1em;line-height: 1.25em;margin: 2em 2em 2em 2em; text-align:justify;}
ul.list, ol.list {margin-left:3em; margin-bottom:1em;}
ul.list li {list-style-type: disc;}
ol.list li {list-style-type: decimal;}
.list li {margin-bottom:.5em; color: #1b1b1b;}
/* layout */
#wrapper {position: relative;width: 980px;margin: 0 auto;padding-right: 5px;border-left: solid 1px #9a9a9a;background: url(images/left_bg.gif) right repeat-y;font-size: 1.11em;}
#header {padding: 30px 0 20px 80px;border-bottom: solid 1px #343434;background: #1c1c1c url(images/header_bg.gif) repeat-x;}
#header h1 {float: left;margin-bottom: 0;font-size: 3em;font-weight: normal;}
#header h1 a {display: block;padding-top: 1em;color: #bababa;}
#header h1 a:hover {text-decoration: none;}
#menu {clear: both;float: right;display: inline;margin-top: -1em;margin-right: 10px;text-align: right;}
#menu li {display: inline;margin-right: 10px;color: #868686;}
#menu a {color: #868686;font-weight: bold;text-transform: lowercase;}
#menu a:hover {}
#menu li.selected a {color: #fff;}
#contentwrapper {background: #fff url(images/x_default_sidebar_bg.gif) right top repeat-y;}
#content {float: left;width: 100%;margin-right: -380px;background: url(images/content_top_bg.gif) repeat-x;}
h3.content {margin-top: 2em;margin-bottom: 1em;color: #e68800;font-size: 1.6em;font-weight: normal;text-transform: uppercase;}
#innerwrapper {margin: 15px 380px 80px 80px;}
#sidebar {overflow: hidden;float: right;width: 380px;padding-top: 20px;padding-bottom: 20px;background: url(images/x_default_sidebar_top.gif) right top no-repeat;}
#sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a {font-weight: normal;}
#subscribe a {font-weight: normal;font-size: 1.4em;}
#footer {padding: 14px 380px 40px 80px;border-top: solid 1px #343434;background: #272727 url(images/footer_bg.gif) left bottom repeat-x;color: #bababa;font-size: .8em;text-align: center;}
#footer a {color: #bababa;text-decoration: underline;}
#footer a:hover {color: #eaeaea;}
/* article/post styles */
.breadcrumb_navigation_xt {padding: 5em 0 5em 0;font-size: .7em;}
.article {margin-bottom:20px;}
.article .meta {margin-bottom: 1em;color: #838383;font-size: .9em;}
.article h2.title {letter-spacing: -2px;clear: both;font-size: 2.2em;}
.article h2.title a {color: #f79910; /* default color */}
.article h2.title a:hover {}
.article a {color: #095eae;}
.article a:hover {}
.article .body {margin-bottom: 1em;}
.article .comments {background: url(images/comments.gif) left center no-repeat;padding-bottom: 5px;color: #838383;}
.article .comments a {padding: 5px 0px 10px 35px;color: #838383;line-height: 30px;}
.article .comments a:hover {}
.article .footer p, .article .footer li, .article .footer h4.meta {font-size: .9em;}
.article .footer ul, .article .footer h4.meta, .article .footer p {display: inline;font-weight: normal;}
.article .footer p {margin-right: 1em;padding-right: 1em;border-right: dotted 1px #838383;}
.article .footer, .article .footer a {color: #838383;}
.article .footer li {padding-left: 5px;border-left: dotted 1px #838383;}
.article .footer li.first {border-left-style: none;}
.article img {border: 1px solid #bbb;margin: 0.4em auto;padding: 3px;}
.article img.center {display: block;margin: 0.4em auto;}
.article img.alignright {margin: 0.4em 0 0.4em 1.1em}
.article img.alignleft {margin: 0.4em 1.1em 0.4em 0;padding: 3px;border: 1px solid #bbb;}
/* LISTS: article and comment body */
.body ul, .article .body ol {margin-bottom: 1em;}
.body ul ul {margin:0}
.body li {list-style:disc; margin-bottom:.5em}
.body li li {margin-left:2em; list-style:square;}
.body li li li {list-style: circle}
.body ol li {list-style-type:decimal; list-style-position:inside;}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {color:#f79910; text-transform: none; clear:both; margin:20px 0 0 0; padding:0}
.body pre {overflow: auto;width: 100%; margin-bottom: 1.5em; border: dotted 1px #cacaca;background-color: #f6f6f6;color: #666;}
/* *************************************************************
Comment classes
************************************************************* */
.comment-meta {margin: 10px 0 18px 0;}
.comment-text {margin: 10px 0 10px 0;padding: 5px 5px 5px 5px;}
h4.comments-header {margin: 2px 0 10px 0;color: #f79910;border-bottom: 2px dotted #DDD;}
h4.openid {background: #fff url(images/openid.gif) left no-repeat;padding-left: 18px;font-size: 1.1em;}
#comments-form {margin: 4em 0 0 0;}
#comments-form a img {border:none !important;}
h4.comments-form {font-size: 1.1em;}
#respond {font-size: 105%;}
#trackbacks {margin: 0 0 2em 0;}
img.gravatar {margin:0px 5px 0 3px;padding: 5px 5px 5px 5px;float:left;border:1px solid #E0E0E0;}
.comment-author, .comment-date {font-size: 1.2em;}
.even {background: #F0F0F0;}
.odd {background: #FAFAFA;}
.highlight {background: #FBFBFE;padding: 3px;border-top: 3px double #BBBBBB;border-bottom: 3px double #BBBBBB;}
#live-preview {margin: 20px 0 100px 0;}
/**************************************************************
Navigation classes [Thanks to the Cutline Wordpress Theme]
**************************************************************/
.navigation {width: 450px; margin: 2em 0 2em 0; float: left; }
* html .navigation { margin: 0 0 2.5em 0; }
.previous { font-size: 1.1em;padding: 0 20px 0 0; float: left; }
.next { font-size: 1.1em;float: right; }
.clear {width: 450px; 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%;}
/* side boxes */
.boxy {margin: 0px 40px 0px 80px;padding: 0px 20px 40px 20px;background-color: #f79910; /* default color */background-repeat: no-repeat;}
#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.gif);}
#sidebar .tall {background-image: url(images/x_default_boxy_tall.gif);}
/* ems are nifty, eh? :) */
#sidebar .minor {font-size: .8em;}
#sidebar .minor h3 {font-size: 2em;}
#sidebar .minor dt {font-size: 1.5em;}
.boxy {color: #fff;}
.boxy a {color: #fff;}
.boxy a:hover {}
.boxy h3 {margin: .5em 0 .5em 0;color: #fff;font-size: 1.6em; text-transform: uppercase;}
.boxy h4 {margin: 1em 0 .25em 0;}
.boxy li {margin-left: 1em;margin-bottom: .25em;}
.boxy ul, .boxy dt {margin-top: 1em;margin-bottom: .45em;}
.boxy dt {font-size: 1.2em;line-height: 2;vertical-align: middle;}
.boxy dt a {}
.boxy dt a.feed {}
.boxy dd {margin-left: 1em;margin-bottom: .25em;}
.boxy ul dd, .boxy dl li {margin-left: 0;}
.boxy ul dt, .boxy dl ul {margin-top: 0 !important;}
/* feed icons */
.feed {margin-left: 5px;padding-left: 20px;background: url(images/feed.gif) 0% 100% no-repeat;}
.feed span {font-size: .8em;}
/* 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 verdana, sans-serif;text-transform: uppercase;}
#options {position: absolute;right: 0;top: 0;margin-top: 10px;margin-right: 30px;}
#options ul {float: left;display: inline;margin-left: 10px;}
#options li {float: left;margin: 1px;padding: 2px;}
#options li a {display: block;width: 10px;height: 10px;border: solid 1px #9a9a9a;background-color: #1c1c1c;background-repeat: no-repeat;}
#options li a span {display: none;}
/* selected == */ 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: #9a9a9a;}
/* colors */
#options li.fixed a { background-image: url(images/fixed.gif); }
#options li.fluid a { background-image: url(images/fluid.gif); }
/* colors */
#options li.blue a { background-color: #0870c9; }
#options li.cyan a { background-color: #1088f7; }
#options li.green a { background-color: #61ac00; }
#options li.orange a { background-color: #f79910; }
#options li.pink a { background-color: #f122be; }
#options li.red a { background-color: #c90808; }
#options li.violet a { background-color: #ae3bd4; }
/* chelu customizations */
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 customizations */
/* defaults: fixed orange */
/* skittlish layout: fixed */
.fixed #wrapper {width: 980px;margin: 0 auto;}
/* skittlish layout: fluid */
.fluid #wrapper {width: auto;margin: 0 80px;}
/* skittlish color: blue */
body.blue .article h2 a { color: #0870c9; }
body.blue .boxy { background-color: #0870c9; }
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.gif); }
body.blue #sidebar .tall { background-image: url(images/x_blue_boxy_tall.gif); }
/* skittlish color: cyan */
body.cyan .article h2 a { color:#1088f7; }
body.cyan .boxy { background-color: #1088f7; }
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.gif); }
body.cyan #sidebar .tall { background-image: url(images/x_cyan_boxy_tall.gif); }
/* skittlish color: green */
body.green .article h2 a { color:#61ac00; }
body.green .boxy { background-color: #61ac00; }
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.gif); }
body.green #sidebar .tall { background-image: url(images/x_green_boxy_tall.gif); }
/* skittlish color: orange */
body.orange .article h2 a { color:#f79910; }
body.orange .boxy { background-color: #f79910; }
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.gif); }
body.orange #sidebar .tall { background-image: url(images/x_orange_boxy_tall.gif); }
/* skittlish color: pink */
body.pink .article h2 a { color:#f122be; }
body.pink .boxy { background-color: #f122be; }
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.gif); }
body.pink #sidebar .tall { background-image: url(images/x_pink_boxy_tall.gif); }
/* skittlish color: red */
body.red .article h2 a { color: #c90808; }
body.red .boxy { background-color: #c90808; }
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.gif); }
body.red #sidebar .tall { background-image: url(images/x_red_boxy_tall.gif); }
/* skittlish color: violet */
body.violet .article h2 a { color: #ae3bd4; }
body.violet .boxy { background-color: #ae3bd4; }
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.gif); }
body.violet #sidebar .tall { background-image: url(images/x_violet_boxy_tall.gif); }
.alignleft, div.nav-previous {float: left;}
.alignright, div.nav-next {float: right;}
.rite { text-align:right}
a {outline:none}
/*
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.05
Author: Cristi Balan (ported to Wordpress by A.M. Griffin and widgets by Magarto)
Author URI:
*/