/*
Theme Name:	Skittlish
Theme URI: http://www.wordpresstemplates.com
Description:	A candy coloured theme. Comes in 7 flavors (orange, blue, green, pink, cyan, red, violet).
Version:1.05
Author:	 <a href="http://evil.che.lu/">Cristi Balan</a> (ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a> and widgets by <a href="http://magarto.com/blog/">Magarto</a>)
Author URI:
*/
/*-smilies without a border-*/
body img.wp-smiley { border:none; }
/* change default html styles */
* { margin: 0; padding: 0; }
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 */
body { background: #efefef; color: #1b1b1b; font: normal 12px Helvetica, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin-top: 0em; margin-bottom: .25em; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing:-1px; }
h1 { font-size: 30px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 18px; }
p { margin-bottom: 1em; line-height: 1.3; }
a { color: #ef7410; text-decoration: none; }
a:hover, .boxy a:hover { text-decoration: underline; color: #ef7410; }
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; }
.list li { margin-bottom: .5em; color: #1b1b1b; }
ul.list li { list-style-type: disc; }
ol.list li { list-style-type: decimal; }
/* layout */
#wrapper { position: relative; width: 980px; margin: 0 auto; padding-right: 5px; border-left: solid 1px #9a9a9a; font-size: 1.11em; }
#header { padding: 0px 0 15px 80px; background: #000; }
#header h1 { margin-bottom: 10px; font-size: 18px; }
#header h1 a { display: block; color: #999; }
#header h1 a:hover { text-decoration: none; }

#title { padding:32px 0px 15px 100px; background: url(/2010/i/logo.gif) no-repeat 0px 5px; }


#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 { color: #f28e24; }
#menu li.selected a { color: #f28e24; }
#contentwrapper { background: #fff url(images/x_default_sidebar_bg.gif) right top repeat-y; }
#content { float: left; width: 100%; margin-right: -300px; 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; }
#innerwrapper { margin: 15px 380px 80px 80px; }
#sidebar { overflow: hidden; float: right; width: 300px; padding-bottom: 10px; background: #000; }
#sidebar h1 a,
#sidebar h2 a,
#sidebar h3 a,
#sidebar h4 a,
#sidebar h5 a,
#sidebar h6 a { font-weight: bold; }
#subscribe a { font-weight: bold; font-size: 18px; letter-spacing:-1px; }

#footer { padding: 14px 20px 40px 80px; background: #000; color: #454545; text-align: left; font-size:14px; letter-spacing:-1px; }
#footer a { color: #454545; text-decoration: none; }
#footer a:hover { color: #f28e24; text-decoration: underline; }

/* article/post styles */
.breadcrumb_navigation_xt { padding: 5em 0 5em 0; font-size: .7em; }
.article { margin-bottom: 20px; }
.article h2.title { letter-spacing: -2px; clear: both; font-size: 2.2em; }
.article h2.title a { color: #f28e24; /* default color */ }
.article h2.title a:hover { }
.article .meta { margin-bottom: 1em; color: #838383; font-size: .9em; }
.article a { color: #f28e24; }
.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; }
/* article and comment body */
.body ul, .article .body ol { margin-bottom: 1em; }
.body li { margin-bottom: .5em; color: #1b1b1b; }
.body ul li { list-style-type: disc; list-style-position: inside; }
.body ol li { list-style-type: decimal; list-style-position: inside; }
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6 { color: #1b1b1b; text-transform: none; }
.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: #f28e24; 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 { margin: 2em 0 2em 0; display:block; padding-bottom:20px }
* 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 #ef7410; background-color: #999; font-family: Helvetica,Arial,sans-serif; font-size: 12px; }
.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 20px 0px 20px; padding: 0px 10px 20px 10px; }
#sidebar .short, #sidebar .tall { /* only have top padding if we have a background */
}
#sidebar .short { }
#sidebar .tall { }
/* ems are nifty, eh? :) */
#sidebar .minor { font-size: .8em; }
#sidebar .minor h3 { font-size: 2em; }
#sidebar .minor dt { font-size: 1.5em; }
.boxy { color: #999; }
.boxy a { color: #999; font-weight:bold; letter-spacing:-1px; font-size:17px; }
.boxy a:hover { }
.boxy h3 { margin: 0 0 5px 0; color: #454545; font-size: 18px; }
.boxy h4 { margin: 0 0 .25em 0; }
.boxy li { margin-left: 1em; margin-bottom: .25em; }
.boxy ul, .boxy dt, .boxy select { margin-top: 5px; margin-bottom: 10px; }
.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 { font-size:14px; color:#666666; margin-bottom:0px; }
#header h2 a { text-decoration:none; color:#666666;}
#header h3, #options h3 { display: none; }
#options h2 { display: block; float: left; margin-top: 3px; color: #9a9a9a; font: normal 10px/12px verdana, sans-serif; }
#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: #f28e24; }
#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: orange */
body.orange .article h2 a   { color:#f28e24; }
body.orange .boxy { background-color: #000; }
body.orange #contentwrapper { }
body.orange #sidebar { }
body.orange #sidebar .short { }
body.orange #sidebar .tall  { }

.alignleft, div.nav-previous { float: left; }
.alignright, div.nav-next { float: right; }

#footer p.md { float:right; }
#footer p.md, #footer p.md a, #footer p.md a:hover, #footer p.md a.md, #footer p.md a.md:hover { text-decoration:none; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; }

.entry-content, .entry-content p { color:#666666; font-size:12px; }

.orange, a.orange, b.orange, .article a.orange, .article h2.title a.orange { color:#f28e24; }
.blue, a.blue, b.blue, .article a.blue, .article h2.title a.blue { color:#04a5eb; }
.yellow, a.yellow, b.yellow, .article a.yellow, .article h2.title a.yellow  { color:#ffed00; }
.red, a.red, b.red, .article a.red, .article h2.title a.red { color:#e60005}
.green, a.green, b.green, .article a.green, .article h2.title a.green { color:#98c101; }
.pink, a.pink, b.pink, .article a.pink, .article h2.title a.pink { color:#e50084; }
.grey, a.grey, b.grey, h2.grey, #side_nav_red h2.grey, .article a.grey, .article h2.title a.grey { color:#454545; }

input, button, textarea { padding:4px; }