/* @override http://jomilla.com/wp-content/themes/darkness3/style.css */
@charset "UTF-8";
/*
Theme Name: Darkness 3.0
Theme URI: http://JoMilla.com/
Description: This theme is not for distribution.
Version: 3.0
Author: JoMilla.com
Author URI: http://JoMilla.com/
*/
/* @group Site Properties */
/* @group Wrappers and Fixes */
* { margin: 0; padding: 0
;/*te
xt-shadow: #000 0 2px 2px; */}
body { font-family: helvetica, arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, sans-serif; font-size: 80%; text-align: center; text-shadow: 0px 2px 2px #000; background-repeat: no-repeat; background-image: url(images/backed60.jpg); background-position: center top; background-attachment: fixed; background-color: #000000; margin: 0;
color: #ccc;
}
#main-wrapper { margin: 0 auto; text-align: left; width: 978px;}
#head-wrapper { display: block; text-align: left; background-color: transparent; background-image: url(images/top_ftr.png); background-repeat: repeat-x; background-position: center top; border: none; height: 150px;}
/* ----------------------------------- floats */
.right { float: right;}
.left { float: left;}
.clear { clear: both;}
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fix { display: inline-block;}
* html .fix { height: 1%;}
.fix { display: block;}
#overlay { background-image: url("http://jomilla.com/wp-content/plugins/wp-lightboxJS/images/overlay.png");}
* html #overlay { background-image: url("http://jomilla.com/wp-content/plugins/wp-lightboxJS/images/blank.gif");}
/* @end */
/* @group Site Footer */
#downer { position: absolute; bottom: 0px; margin: 0 auto; padding: 0 auto; width: 100%; background-position: center center; background-attachment: fixed;}
#footer { margin: 10px auto auto; height: 40px; width: 930px; padding: 15px 30px; background: url(images/bg-feature-big.png) no-repeat scroll center top;}
#footer .left { float: left; width: 400px; text-align: left; margin-top: 10px; line-height: 16px;
color: #858585;
}
#footer .right { color: #888; float: right; width: 400px; text-align: right; margin-top: 10px; line-height: 16px;}
#footer a { }
.avail { background: url(images/li_on.png) no-repeat 0 3px; border: 0 solid #222; padding: 3px 3px 3px 13px;}
/* @end */
/* @group Site Header */
#leaderboard { height: 150px; width: 1000px; margin: 0 auto;}
#leaderboard h1 a { color: #808080; text-transform: uppercase; text-indent: -999em;}
#leaderboard h1 a:hover { color: #fff;}
#jomilla-logo { background-image: url(images/jomilla-logo.png); height: 70px; width: 320px; top: 50px; float: left; margin-left: 20px; display: block; position: relative;}
#jomilla-logo span { position: absolute; right: -31px; bottom: 43px; font-size: 10px; visibility: hidden;}
#jomilla-logo a { display: block; width: 100%; height: 70px; text-indent: -7777px; border: 0;}
#right-now { background-image: url(images/right-now.png); background-position: left 3px; padding: 0 0 0 90px; position: absolute; height: 25px; line-height: 25px; background-repeat: no-repeat; font-size: 12px; text-transform: uppercase; color: #999999; width: 670px; overflow: hidden;}
#right-now span { font-size: 10px; font-style: italic;}
/*#top-nav{
height: 25px;
width: 220px;
position: absolute;
right: 15px;
background-repeat: no-repeat;
background-image: url(images/nav_top1.png);
}*/
#top-nav { height: 26px; width: 225px; float: right; margin-top: 0px; font-size: 16px; position: relative; background-image: url(images/nav_top1.png); background-position: 10px top; padding: 0 20px 0 0;}
#top-nav ul { margin: 0; height: 23px;}
#top-nav ul li { list-style-type: none; display: inline; margin: 0; padding: 0;}
#top-nav ul li a { text-decoration: none; height: 24px;}
#top-nav ul li a span { visibility: hidden;}
#top-nav-01 { height: 23px; position: absolute; left: 25px; top: 0px; width: 46px;}
#top-nav-01:hover { }
#top-nav-02 { height: 23px; width: 46px; position: absolute; left: 73px; top: 0px;}
#top-nav-02:hover { opacity: .5;}
#top-nav-03 { height: 35px; width: 101px; position: absolute; left: 121px; top: 0px;}
#top-nav-03:hover { }
#nav { height: 23px; width: 470px; float: right; margin-top: 60px; margin-right: 15px; font-size: 16px; position: relative; background-image: url(images/nav.png); background-position: left top;}
#nav ul { margin: 0; width: 483px; height: 23px;}
#nav ul li { list-style-type: none; display: inline; margin: 0; padding: 0;}
#nav ul li a { text-decoration: none; height: 24px;}
#nav ul li a span { visibility: hidden;}
#nav-01 { height: 23px; width: 50px; position: absolute; left: 0px; top: 0px;}
#nav-01:hover
/*, #nav-01-active*/ { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: 0px -23px;}
#nav-01:active, #nav-01:focus { background-image: url(images/nav.png);}
#nav-01-active { height: 23px; width: 55px; position: absolute; left: 0; top: 0px;}
#nav-02 { height: 23px; width: 56px; position: absolute; left: 55px; top: 0px;}
#nav-02:hover, #nav-02-active { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -55px -23px;}
#nav-02:active, #nav-02:focus { background-image: url(images/nav_hover.png); background-repeat: no-repeat; background-position: -55px -23px;}
#nav-02-active { height: 23px; width: 55px; position: absolute; left: 55px; top: 0px;}
#nav-03 { height: 35px; width: 89px; position: absolute; left: 114px; top: 0px;}
#nav-03:hover, #nav-03-active { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -114px -23px;}
#nav-03:active, #nav-03:focus { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -114px -23px;}
#nav-03-active { height: 35px; width: 85px; position: absolute; left: 114px; top: 0;}
#nav-04 { height: 23px; width: 80px; position: absolute; left: 201px; top: 0px;}
#nav-04:hover, #nav-04-active { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -201px -23px;}
#nav-04:active, #nav-04:focus { background-image: url(images/nav_hover.png); background-repeat: no-repeat; background-position: -176px -23px;}
#nav-04-active { height: 23px; width: 81px; position: absolute; left: 201px; top: 0px;}
#nav-05 { height: 35px; width: 103px; position: absolute; left: 282px; top: 0px;}
#nav-05:hover, #nav-05-active { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -282px -23px;}
#nav-05:active, #nav-05:focus { background-image: url(images/nav_hover.png); background-repeat: no-repeat; background-position: -257px -33px;}
#nav-05-active { height: 35px; width: 105px; position: absolute; left: 282px; top: 0;}
#nav-06 { height: 35px; width: 77px; position: absolute; left: 388px; top: 1px;}
#nav-06:hover, #nav-06-active { background-image: url(images/nav.png); background-repeat: no-repeat; background-position: -388px -24px;}
#nav-06:active, #nav-06:focus { background-image: url(images/nav_hover.png); background-repeat: no-repeat; background-position: -307px -33px;}
#nav-06-active { height: 35px; width: 79px; position: absolute; left: 389px; top: 1px;}
#main-nav { margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; background-image: url(images/nav1.png); width: 480px; height: 40px; position: absolute; right: 15px; top: 75px;}
#main-nav li { float: left; margin-left: 7px;}
#main-nav li a { color: #ccc; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; background-color: transparent;}
#main-nav li a:hover,
#main-nav li.current a { background: #333; color: #eee;}
#main-nav li.rss-now a:hover,
#main-nav li.rss-now a { color: #eee;}
#top-wrapper { width: 990px; margin: 0 auto 10px;}
/* @end */
/* @group Typography */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, sans-serif; font-weight: 500; color: #fff;}
h1 { font-size: 150%; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 20px; text-shadow: #000 2px 2px 1px; float: none;
margin-top: 15px;
margin-bottom: .5em;
}
h3 { font-size: 16px; line-height: 1; margin-bottom: 1em;}
h4 { font-size: 12px; line-height: 1.25; margin-bottom: 1.25em;}
h5 { font-size: 10px; font-weight: bold; margin-bottom: 1.5em;}
h6 { font-size: 10em; font-weight: bold;}
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0;}
/* Text elements
-------------------------------------------------------------- */
p { line-height: 16px; margin: 0 0 10px;}
div.post-tagline {
font-size: 26px;
letter-spacing: -2px;
margin: -18px 0 10px;
text-transform: lowercase;
}
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em;}
a { color: #fff; text-decoration: none;}
a:focus,
a:hover { color: #999;}
a img { border: none;}
blockquote { margin: 1.5em; color: #666; font-style: italic;}
strong { font-weight: bold;}
em,dfn { font-style: italic;}
dfn { font-weight: bold;}
sup, sub { line-height: 0;}
abbr,
acronym { border-bottom: 1px dotted #666;}
address { margin: 0 0 1.5em; font-style: italic;}
del { color: #666;}
pre { margin: 1.5em 0; white-space: pre;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
/* Lists
-------------------------------------------------------------- */
ol, ul, ul li { list-style: none;}
ul { margin-bottom: 10px;
padding-left: 0;
}
.li-switch li { list-style-position: inside; list-style-image: url(images/li_off.png);}
.li-switch li:hover { list-style-image: url(images/li_on.png);}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width: 100%;}
th { font-weight: bold;}
thead th { background: #c3d9ff;}
th,td,caption { padding: 4px 10px 4px 5px;}
tr.even td { background: #e5ecf9;}
tfoot { font-style: italic;}
caption { background: #eee;}
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em;}
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
.hide { display: none;}
.quiet { color: #666;}
.loud { color: #000;}
.highlight { background: #ff0;}
.added { background: #060; color: #fff;}
.removed { background: #900; color: #fff;}
.first { margin-left: 0; padding-left: 0;}
.last { margin-right: 0; padding-right: 0;}
.top { margin-top: 0; padding-top: 0;}
.bottom { margin-bottom: 0; padding-bottom: 0;}
/* @end */
/* @group sIFR */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
}
@media print {
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important;}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/* @end */
.grad { background-image: url(images/bg-feature-big.png); background-position: center center; border-top-color: #222; border-right-color: #111; border-bottom-color: #111; border-left-color: #222; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding: 5px; max-width: 800px; color: #999;}
.bg-grey { background: #33373A; padding-bottom: -25px;}
.left-content { width: 620px; margin-top: 0; margin-right: 4px; margin-bottom: 7px; float: left; margin-left: 0px; text-align: left; padding: 0 15px;}
.right-sidebar { display: block; width: 300px; overflow: hidden; margin-top: 0; margin-right: 4px; margin-bottom: 7px; float: right; margin-left: 0px; padding: 0 15px; text-align: left;}
.right-sidebar ul { padding: 0;}
.right-sidebar li { margin: 0; padding: 0;}
.breadcrumb { opacity: 0.47; margin-top: -4px; margin-bottom: 10px;}
.breadcrumb a { color: #b3b3b3;}
.breadcrumb a:hover { color: #fff;}
#small_box, #medium_box, #large_box, .pop { text-align: left; opacity: 0.85;}
#post-nav { width: 940px; float: right; text-align: right; padding: 5px 30px; font-size: 14px; text-transform: uppercase;}
div.aktt_tweets ul, div.aktt_tweets ul li { list-style: none; margin: 0; padding: 0;
}
#right-now div.aktt_tweets ul {
width: 666px;
overflow: hidden;
}
#post-nav .post-breadcrumb { float: left; text-align: left;}
#content-wrapper { width: 934px; margin: 0 auto; text-align: left;}
/* @end */
/* @group Post Styles */
#feature-wrapper { margin: -10px auto 0 auto; padding: 0 7px; width: 990px; text-align: left;}
.feature-big { background-image: url(images/bg-feature-big.png); background-position: left top; height: 230px; width: 935px; padding: 20px; overflow: hidden; margin: 0 auto;}
.feature-big .left { width: 593px; height: 225px; position: relative;}
.feature-big .right { width: 320px; position: relative;}
.feature-big .left img { border: 2px solid #111;}
.feature-big .left .ftr-meta { position: absolute; bottom: -2px; background-image: url(images/trans2.png); width: 595px; height: 80px; overflow: hidden;}
.feature-big .left .ftr-meta p { margin: 45px 0 0; display: inline; padding-top: 5px; line-height: 17px;}
.feature-big .left .ftr-meta .ftr-title { font-size: 16px; padding-left: 70px; padding-top: 10px;}
.feature-big .left .ftr-meta .ftr-title a { color: #fff;}
.feature-big .left .ftr-meta .ftr-title a:hover { color: #999;}
.feature-big .left .ftr-meta .ftr-date { position: absolute; left: 2px; background-image: url(images/cal-fet.png); height: 45px; width: 65px; text-transform: uppercase; text-align: center; letter-spacing: 0.2em; overflow: hidden; bottom: 0px; background-repeat: no-repeat; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 0;}
.feature-big .left .ftr-meta .ftr-date span { font-size: 25px; line-height: 20px;}
.feature-big .left .ftr-meta .excerpt { padding-left: 70px;}
#secondary-wrapper { width: 990px; text-align: left; margin: 0 auto; padding: 0 0 0 15px; background-repeat: no-repeat;}
.secondary-post-bg { display: block; width: 33%; overflow: hidden; height: 183px; position: relative; float: left; background: url(images/bg-secondary.png) no-repeat; margin-left: 0; margin-top: 5px; margin-bottom: 10px;}
.secondary-post-bg:hover { }
.secondary-post-bg img { margin: 12px; border: 2px solid #111;}
.secondary-post-title { position: absolute; bottom: 17px; font-size: 16px; width: 284px; height: 36px; left: 14px; line-height: 41px; padding-left: 10px; text-align: left; overflow: hidden;
background: url(images/bg-feature-big.png) -620px 0;
}
.secondary-post-excerpt { position: absolute; bottom: 17px; width: 284px; background-image: url(images/trans2.png); left: 14px; padding-left: 10px; text-align: left; max-height: 140px;}
.secondary-post-date { position: absolute; left: 15px; top: 15px; background-image: url(images/cal-sec.png); height: 55px; width: 65px; text-transform: uppercase; text-align: center; letter-spacing: 0.2em; padding: 12px 0 0 0; overflow: hidden;
z-index: 1;
}
.secondary-post-date span { font-size: 25px; line-height: 25px;}
.secondary-boxer { display: block; width: 30%; overflow: hidden; height: 153px; position: relative; float: left; background: url(images/bg-secondary.png) no-repeat; margin-left: 0; margin-top: 5px; margin-bottom: 10px; padding: 15px;}
.secondary-boxer img { border-width: 0;}
#secondary-wrapper div.secondary-post-bg.secondary-boxer h2 { margin-top: 0; margin-bottom: 5px;}
#secondary-wrapper div.secondary-post-bg.secondary-boxer ul.delicious { margin-top: -11px; margin-left: 0; padding-left: 0; padding-top: 0;}
.alignleft { float: left;}
.alignright { float: right;}
.alignleft, .alignright { padding: 0; margin: 5px;}
.neg-margin-left { margin-left: -60px;}
/* @end */
/* @group Home - Elements */
.athird { display: block; width: 292px; overflow: hidden; margin-top: 0; margin-right: 4px; margin-bottom: 7px; float: left; margin-left: 0px; padding: 0 15px; text-align: left; color: #ccc;}
.bar { background-image: url(images/bg-feature-big.png); background-position: left top; height: 70px; width: 935px; background-repeat: no-repeat; padding: 15px 20px;}
.one-liner{
background-image: none;
margin-bottom: 5px;
padding: 3px 3px 3px 5px;
border: 0px solid #000;
background-color: #191919;
border-bottom-color: #333;
border-right-color: #333;
border-top-color: #4c4c4c;
border-left-color: #4c4c4c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.one-liner:hover, one-liner:hover a{
background-color:#333 ;
color: #7f7f7f;
}
/*.one-liner { height: 30px; width: 100%; padding: 6px 15px; background: url(images/grad-grey.png) no-repeat -8px;}
.one-liner{
-webkit-border-radius: 10px;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
background: #222 url(images/bg-one-liner.png) -8px;
width: 230px;
}*/
.one-liner a { line-height: 25px; font-size: 14px; background-position: -10px;
text-decoration: none;
color: #7f7f7f;
}
.one-liner a:hover{
color: #fff;
}
.side-notes { overflow: hidden;}
.side-notes .post { border-bottom: 0px solid #444; padding-bottom: 15px; margin-bottom: 10px; width: 290px; overflow: hidden;}
.side-notes .post:hover { color: #b3b3b3;}
.side-notes .post p { margin: 0; display: inline;}
.side-notes .post .side-title,.side-notes .post .side-title a { color: #e6e6e6; display: inline;
font-weight: bold;
}
.side-notes a {
color: #fff;
}
.side-notes a:hover { }
.side-notes .comm { }
.theader { position: relative;}
.theader h2{
}
.theader span.more { position: absolute; right: 0px; top: 0px; font-size: 16px; line-height: 20px;}
.theader span a { color: #666;}
.theader span a:hover { color: #ccc;}
.cattags { }
.cattags li { list-style-type: none;}
.cattags a { text-transform: capitalize; opacity: 0.85; background: rgba(0,0,0,0) center center;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin: 5px;
}
.cattags a:hover { background-color: #333; opacity: 1; -moz-border-radius:}
.home-recent-work { margin: 0 0 10px; overflow: hidden;
padding: 0;
}
.home-recent-work .crop { height: 30px; width: 30px; overflow: hidden; float: left; margin-right: 10px;
border: 1px solid #999;
}
.home-recent-work p { overflow: hidden; line-height: 20px; margin: 15px 0 5px; padding: 0;
}
.home-recent-work a {
color: #ccc;
text-shadow: #000000 3px 2px 7px;
}
.home-recent-work a:hover {
color: #fff;
}
.home-recent-work img { float: left; background-color: #333; padding: 1px; margin-right: 10px; clip: rect(120px, 263px, 0px, 0px); overflow: visible; height: 30px; margin-top: 0;}
.home-recent-work span { font-weight: bold; height: 10px; margin-bottom: 5px;}
/* @end */
/* @group Single - Elements */
.single-meta { }
.single-excerpt { display: none;}
.single-title { font-size: 30px; text-transform: uppercase; padding-left: 70px; padding-top: 10px;}
.single-stats { color: #666;}
.single-stats a { }
.single-stats a:hover { }
.single-stats span { }
/* @end */
/* @group About - Elements */
/* @group Albums */
#home-music { margin: 10px 0; overflow: hidden; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #222; border-right-color: #111; border-bottom-color: #111; border-left-color: #222; background-image: url(images/trans3.png);}
#home-music h3 { font-size: 14px; line-height: 1.6em; text-transform: uppercase; margin: 5px 0 5px 10px; color: #555;}
ul.albumsMedium { margin-left: 10px; padding-top: 10px;}
ul.albumsLarge { margin-left: 10px;}
#lastfmrecords { padding: 0px; padding-bottom: 10px;}
span.coverMedium img.cdcover { height: 64px; width: 64px; margin: 0px 5px 5px 0px; border: 0px; display: block;}
span.coverLarge img.cdcover { height: 126px; width: 126px; margin: 0px 5px 5px 0px; border: 0px; display: block;}
div.resContainer { padding: 0;}
span.albumCover { position: relative; display: block;}
a span.albumCover { cursor: pointer;}
span.coverSmall { width: 44px; height: 35px;}
span.coverMedium { width: 75px; height: 67px;}
span.coverLarge { width: 138px; height: 131px;}
span.coverMega { width: 194px; height: 184px;}
span.albumCover span.art { display: block; position: absolute;}
span.coverMedium span.art { width: 64px; height: 64px; overflow: hidden; left: 7px; top: 2px;}
span.coverLarge span.art { width: 126px; height: 126px; overflow: hidden; left: 11px; top: 3px;}
span.coverMega span.art { width: 174px; height: 174px; overflow: hidden; top: 5px; left: 15px;}
span.albumCover img { display: block;}
span.albumCover span.jewelcase { display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: left top;}
/* TODO: correct width and height */
span.coverMedium span.jewelcase { width: 73px; height: 68px; background-image: url(images/jewelcase_medium.png); display: block; position: absolute; top: 0; left: 0px; background-repeat: no-repeat; background-position: left top;}
* html span.coverMedium span.jewelcase { background: transparent;}
span.coverLarge span.jewelcase { left: 0px; width: 141px; height: 134px; background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_large.png);}
* html span.coverLarge span.jewelcase { background: transparent;}
span.coverMega span.jewelcase { left: 0px; width: 194px; height: 184px; background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_mega.png);}
* html span.coverMega span.jewelcase { background: transparent;}
span.albumCover span.tracks { position: absolute; bottom: 0; right: 0; padding: 1px 3px; color: #fff; font-size: 10px; background: #333;}
ul.albumsMedium a.playbutton { position: absolute; left: 52px; top: 47px;}
ul.albumsLarge a.playbutton { position: absolute; left: 116px; top: 112px;}
img.playingnow_icon { margin: 0 0 -2px 2px;}
img.play_icon { margin: 0 4px -4px 0;}
ul.albumsMedium li { display: inline; float: left; position: relative; margin-bottom: 15px; width: 10%;}
ul.albumsLarge li { display: inline; float: left; position: relative; margin-bottom: 15px; width: 25%;}
/* @end */
/* @group Game Boxes and Gamercard */
#home-gaming { }
#home-gaming .left { padding-left: 10px; height: 130px; width: 593px;}
#home-gaming .left ul { display: block; padding-top: 10px; float: left; width: 720px;}
#home-gaming .left ul li { display: inline; position: relative; float: left; margin-right: 3px; width: 13%;}
#home-gaming .left ul li a { }
#home-gaming .left ul li a img { height: 100px;}
#home-gaming .right { width: 230px; margin-right: 20px; position: relative; height: 100px; margin-top: 12px; background-color: #333; background-image: url(images/bg-feature-big.png); background-position: -100px center; border: 1px solid #151515;}
#home-gaming-xboxcard { width: 235px;}
#xboxcard-avatar { }
#xboxcard-avatar img { }
#home-gaming-xboxcard h2 { position: absolute; left: 95px; top: 15px; font-size: 16px;}
#home-gaming-xboxcard a:hover { }
#home-gaming-xboxcard h2 a { }
#home-gaming-xboxcard h2 a:hover { }
#home-gaming-xboxcard p { position: absolute; left: 95px; top: 30px; font-size: 12px;}
#home-gaming-xboxcard h2 a { }
#home-gaming-xboxcard p span { }
#xboxcard-games { position: absolute; top: 60px; left: 95px; width: 130px; height: 20px;}
#xboxcard-games img { height: 20px; width: 20px;}
#home-gaming-xboxcard a#xboxcard-avatar { position: absolute; left: 15px; top: 15px; border: 3px solid #333;}
/* @end */
.about-stats { margin-bottom: 10px; margin-top: -25px; z-index: 1; padding-top: 29px;}
.about-stats-topper { z-index: 10;}
.about-stats img { width: 55px; float: left; border: 3px solid #222; margin: 3px 5px 3px 3px;}
.about-stats li span { color: #ccc;}
.about-stats li { list-style-position: inside; list-style-image: url(images/star_black.gif); z-index: 1;}
.about-social { padding-left: 5px;}
.about-social li { background: url(images/star_black.gif) no-repeat left center; padding-left: 15px; margin-bottom: 5px;
height: 16px;
}
.about-social li:hover { list-style-position: inside; opacity: 0.8;}
.flickrform { margin: 10px 0; height: 100px;}
.flickrform ul { padding-top: 0px;}
.flickrform li a img { background-color: #eeeeee; background-image: none; background-repeat: repeat; background-attachment: scroll; height: 42px; width: 42px; margin: 0 auto; border: 1px solid #3D352E;}
.flickrform li a:hover img { border: 1px solid #97877a;}
.flickrform li { background-color: transparent; height: 45px; width: 45px; overflow: visible; padding: 0px; float: left; display: block; margin: 0 12px 10px 3px;}
.flickrform li div { position: relative;}
.flickrform img { }
.flickrform li a { background: none; padding: 0;}
.delicious { }
.delicious ul { margin: 0px; padding: 0px;}
.delicious li { list-style-type: none; list-style-position: inside; height: 17px; overflow: hidden; list-style-image: none; opacity: 1; text-shadow: #000000 2px 2px 0; background: url(images/li_off.png) no-repeat 0 4px; padding-left: 15px; line-height: 20px;}
.delicious li:hover { background: url(images/li_on.png) no-repeat 0 4px;}
.delicious-link { }
.delicious-timestamp { color: #666; font-weight: lighter; background-color: #000000;}
/* @group Social List */
.about-social .myspace { background: url(images/social/myspace.png) no-repeat left center; padding-left: 20px;}
.about-social .facebook { background: url(images/social/facebook.png) no-repeat left center; padding-left: 20px;}
.about-social .flickr { background: url(images/social/flickr.png) no-repeat left center; padding-left: 20px;}
.about-social .twitter { background: url(images/social/twitter.png) no-repeat left center; padding-left: 20px;}
.about-social .vimeo { background: url(images/social/vimeo.png) no-repeat left center; padding-left: 20px;}
.about-social .lastfm { background: url(images/social/lastfm.png) no-repeat left center; padding-left: 20px;}
.about-social .gamebattles { background: url(images/social/gamebattles.png) no-repeat left center; padding-left: 20px;}
.about-social .delicous { background: url(images/social/delicous.png) no-repeat left center; padding-left: 20px;}
.about-social .tumblr { background: url(images/social/tumblr.png) no-repeat left center; padding-left: 20px;}
.about-social .digg { background: url(images/social/digg.png) no-repeat left center; padding-left: 20px;}
.about-social .youtube { background: url(images/social/youtube.png) no-repeat left center; padding-left: 20px;}
.about-social .mixx { background: url(images/social/mixx.png) no-repeat left center; padding-left: 20px;}
.about-social .virb { background: url(images/social/virb.png) no-repeat left center; padding-left: 20px;}
/* @end */
/* @end */
/* @group Portfolio - Elements */
.folio-title { font-size: 30px; text-transform: uppercase; padding-left: 5px; padding-top: 10px;}
.feature-big th, .feature-big td { padding-top: 0.3em; padding-right: 0pt; padding-bottom: 0.3em; padding-left: 0pt; border-top-width: 1px; border-top-style: solid; border-top-color: #353a3e;}
.feature-big th { padding-top: 0.2em; padding-right: 2em; padding-bottom: 0.2em; padding-left: 0pt; font-weight: normal; color: #c5cbd0; white-space: nowrap;}
.foli-entry { }
/* @end */
/* @group Articles - Elements */
.list-articles { }
.list-articles li { list-style-type: decimal-leading-zero; list-style-position: inside; border-style: none; color: #666; font-style: normal; font-weight: normal;}
.article-text-meta { padding: 5px; height: 20px; border-top: 1px solid #4c4c4c; background: url(images/bg-feature-big.png) center center; line-height: 20px; text-transform: uppercase;}
.article-text-meta .date { float: left;}
.article-text-meta .permalink { float: right;}
.text-articles { margin-bottom: 15px;}
.text-articles .post { color: #fff; text-shadow: #fff 0 0 0; margin-bottom: 10px;}
.text-articles h2 { padding: 0; margin: 0 0 5px; border-bottom: 1px solid #4c4c4c; height: 25px; font-size: 25px;}
.design-ad-left { width: 520px; float: left;}
.design-ad-right { width: 300px; float: right; margin-right: 95px;}
/* @group Skribit Widget */
#writeSkribitHere { width: 300px; margin: 0 auto; background-image: url(images/bg-feature-big.png); background-position: center center; padding: 10px; border: 1px solid #252525; background-color: #111; opacity: 0.7; filter: alpha(opacity=70)}
#skribitWorking { background-color: #ddd;}
#skribitError { border: 0.13em solid #f00; margin-bottom: 0.25em; padding: 0.25em;}
#skribitWidget .skribitSuggestion { text-align: left; margin-bottom: 5px; padding: 3px; width: 290px; border: 1px solid #222; background-color: #151515; background-image: url(images/bg-one-liner.png); background-position: center center; height: 14px;}
#skribitWidget .skribitSuggestionTitle { }
#skribitWidget .skribitVote, #skribitWidget .skribitVoted { cursor: pointer; background-image: url(images/li_on.png); background-repeat: no-repeat; padding: 0px 3px 0px 12px; text-transform: uppercase; color: #006600; float: right;}
#skribitWidget .skribitVote { cursor: pointer; background-image: url(images/li_off.png); background-repeat: no-repeat; padding: 0px 3px 0px 12px; text-transform: uppercase; color: #666; float: right;}
#skribitAddSuggestion { }
#skribitAddSuggestion textarea { width: 287px; background: #111111; border: 1px solid #222; color: #999; padding: 5px; font-family: Arial, Helvetica, sans-serif; float: left;}
#skribitQuestion { margin-bottom: 0.19em; float: left; font-size: 12px;}
#skribitCommands { margin-top: 0.63em; text-align: right;}
#skribitLoginInfo { text-align: center; margin-bottom: 1.06em;}
#skribitWidget .skribitFooter { line-height: 25px;}
#skribitWidget .skribitFooter a img { display: block; float: right; margin-left: 0.63em; margin-top: 5px; opacity: 0.4; filter: alpha(opacity=40)}
/* @end */
/* @end */
/* @group Downloads - Elements */
/* @group Feedback */
#fdbk_overlay { width: 100%; height: 100%; top: 0; left: 0; z-index: 1000000; position: absolute;}
#fdbk_screen { top: 0; left: 0; z-index: 1; width: 100%; position: absolute; background-color: #000; opacity: 0.45; -moz-opacity: 0.45; filter: alpha(opacity=45);}
#fdbk_container { width: 680px; height: 640px; margin: 0 auto; z-index: 2; position: relative;}
#fdbk_container iframe { width: 658px; height: 100%; margin: 20px; background: transparent url(http://s3.amazonaws.com/getsatisfaction.com/feedback/fb_loading.png) no-repeat;}
#fdbk_container iframe.loaded { background: transparent;}
a#fdbk_tab { top: 25%; left: 0; width: 42px; height: 102px; color: #FFF; cursor: pointer; text-indent: -100000px; overflow: hidden; position: fixed; z-index: 100000; margin-left: -7px; background-image: url(http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback_trans_tab.png); _position: absolute; _background-image: url(http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback_tab_ie6.png);}
a#fdbk_tab:hover { margin-left: -4px;}
a.fdbk_tab_right { right: 0 !important; left: auto !important; margin-right: -7px !important; margin-left: auto !important;}
a.fdbk_tab_right:hover { margin-right: -4px !important; margin-left: auto !important;}
a.fdbk_tab_bottom { top: auto!important; bottom: 0 !important; left: 20% !important; height: 38px !important; width: 102px !important; background-position: 0 -102px !important; margin-bottom: -7px !important; margin-left: auto !important;}
a.fdbk_tab_bottom:hover { margin-bottom: -4px !important; margin-left: auto !important;}
a.fdbk_tab_hidden { display: none !important;}
a#fdbk_close { position: absolute; cursor: pointer; outline: none; top: 0; left: 0; z-index: 4; width: 42px; height: 42px; overflow: hidden; background-image: url(http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback-close.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s3.amazonaws.com/getsatisfaction.com/feedback/feedback-close.png', sizingMethod='crop');}
#fdbk_close:hover { background-position: -42px 0;}
/* @group Get Satisfaction Module */
div#gsfn_list_widget img { border: none;}
div#gsfn_list_widget { font-size: 12px; width: 250px; border: 6px solid #333; padding: 10px; background-image: url(images/bg-feature-big.png); background-position: center center;}
div#gsfn_list_widget a.widget_title { display: block; margin-bottom: 10px; font-weight: bold;}
div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD;}
div#gsfn_list_widget .powered_by a { color: #333; font-size: 90%;}
div#gsfn_list_widget div#gsfn_content { }
div#gsfn_list_widget div#gsfn_content li { text-align: left; margin-bottom: 6px;}
div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1;}
div#gsfn_list_widget div#gsfn_content span.time { font-size: 90%; padding-left: 3px;}
div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px}
/* @end */
/* @end */
/* @end dl */
/* @group Contact - Elements */
/* ----------------------------------- Contace Form */
#wpcf fieldset { padding: 0; width: 550px; margin: 0; border: 0px;}
#wpcf legend { font-weight: bold: border: 1px solid #666666; padding: 3px}
#wpcf label { display: block; float: left; font-size: 100%; padding-right: 2px; color: #fff;}
#wpcf p { margin: 0; padding-bottom: 5px;}
#wpcf .field { width: 324px; padding: 3px; margin: 0 0 10px; border: 2px solid #000; color: #191919; background: #efefef none -30px -20px; font: 14px arial; background-image: url(images/grad-white.png); -webkit-border-radius: 5px; -moz-border-radius: 5px;}
div#wpcf { margin: 0; padding: 0;}
#wpcf p.button { padding: 0 5px 0 0;}
input#contactsubmit { background-image: url(images/btn-send.png); background-color: transparent; width: 60px; border: none; text-indent: -999em; height: 20px;}
#wpcf textarea { font-size: 16px; width: 100%; height: 200px; background: #fff url(images/grad-white.png) repeat-x -30px -20px; color: #191919; border: 2px solid #000; font-family: arial; padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#wpcf .error { background-color: #FFCF0E; color: #111;}
#wpcf .challenge { display: inline-block}
#wpcf p.alert { color: #FFCF0E; text-transform: uppercase; background-image: url(http://jomilla.com/wp-content/themes/darkness2/images/alert.png); background-repeat: no-repeat; background-color: #111; padding: 10px 10px 10px 85px; background-position: 10px 10px; font-size: 10px; border: 1px dashed #333; min-height: 60px;}
/* @end */
/* @group Sidebar Stuff */
.dp-highlighter .bar { background-image: none; background-position: none; height: 100%; width: 100%; background-repeat: no-repeat; padding: 0;}
.right-sidebar .side-single-meta { position: relative; width: 300px; height: 155px;
margin-bottom: 5px;
}
.right-sidebar .side-single-meta h2{
line-height: 20px;
}
.right-sidebar .side-single-meta img { border: 2px solid #111; width: 293px; height: 150px; margin-top: 0; margin-bottom: 0;}
.right-sidebar .side-excerpt { position: absolute; bottom: 0px; background-image: url(images/trans2.png); padding-left: 10px; text-align: left; max-height: 140px; padding: 9px; width: 279px;
}
div.side-excerpt h2 {
margin-top: 0px;
line-height: 20px;
font-size: 15px;
}
.side-excerpt tbody, .side-excerpt table.intro { margin: 0px;}
.side-excerpt th, .side-excerpt td { border-top-width: 1px; border-top-style: solid; border-top-color: #353a3e; padding: 2px 0pt 0.3em;}
.side-excerpt th { padding-top: 0.2em; padding-right: 2em; padding-bottom: 0.2em; padding-left: 0pt; font-weight: normal; color: #c5cbd0; white-space: nowrap;}
.inline, .inline ul, .inline ul li { display: inline;}
.dsq-widget ul.dsq-widget-list { padding: 0; margin: 0; text-align: left;}
img.dsq-widget-avatar { width: 24px; height: 24px; border: 0px; margin: 0px; padding: 0px 3px 3px 0px; float: left;}
a.dsq-widget-user { font-weight: bold;}
a.dsq-widget-thread { font-weight: bold;}
p.dsq-widget-meta { clear: both; font-size: 80%; padding: 0; margin: 0;}
li.dsq-widget-item { margin: 15px 0; list-style-type: none; clear: both;}
span.dsq-widget-clout { padding: 0 2px; background-color: #ff7300; color: #fff;}
table.dsq-widget-horiz td { padding-right: 15px;}
#secondary-wrapper div.right-sidebar p { padding-bottom: 0; margin-bottom: 5px;}
.sub-pages { }
.sub-pages a { font-size: 16px; text-transform: uppercase;}
.sub-pages li { list-style-type: upper-roman; list-style-position: inside;}
.page_item a { color: #999; font-size: 12px; text-transform: uppercase; padding: 4px;}
.current_page_item a { color: #fff; font-weight: bold;}
.current_page_item a:hover, .page_item a:hover { color: #ccc;}
.recent-comments { }
.recent-comments li { margin-bottom: 10px; line-height: 15px;
}
.recent-comments li img { float: left; background-color: #333; padding: 2px; margin-right: 5px; border: 2px ridge #444;}
.recent-post { overflow: hidden; margin-bottom: 10px; margin-left: 0; margin: 0;}
.recent-post .crop { height: 30px; width: 30px; overflow: hidden; float: left; margin-right: 10px; margin-left: 0;}
.recent-post p { line-height: 12px; margin-bottom: 10px; padding: 5px;
color: #999;
height: 25px;
overflow: hidden;
}
.recent-post a { }
.recent-post img, #secondary-wrapper div.right-sidebar div.recent-post ul.recent-comments li a img {
background-color: #333;
padding: 1px;
width: 63px;
margin-top: 10px;
margin-right: 0;
float: right;
}
.recent-post span { font-size: 14px; font-weight: bold;
}
/* @end */
/* @group Lifestream */
.lifestream a { background: none; padding: 0;}
.lifestream_date { text-align: left; margin-bottom: 5px;}
.lifestream_icon a,
.lifestream_text a { padding: 0 !important; background-image: none !important;}
.lifestream_icon a { text-decoration: none !important;}
.lifestream_icon { width: 16px;}
.lifestream_text { padding: 0 0.5em;}
.lifestream img { border: 0; vertical-align: middle;}
/* table specific css */
table.lifestream { border: 0; border-spacing: collapse; width: 100%;}
table.lifestream .lifestream_hour { text-align: center; color: #777; padding: 3px 0.5em;}
.lifestream abbr { text-decoration: none; border: 0;}
table.lifestream .lifestream_hour { width: 50px;}
table.lifestream td { vertical-align: top; padding: 3px 0;}
.lifestream_feedid_flickr div a { padding: 2px;}
#sidebar .lifestream ul, .lifestream ul { list-style-type: none; margin: 0; padding: 0;}
.lifestream_more span { color: #006699; text-decoration: underline; cursor: pointer;}
/* list specific css */
#sidebar ul.lifestream, ul.lifestream { list-style-type: none; margin: 0 0; padding: 0 5px;}
#sidebar ul.lifestream li, ul.lifestream li { padding: 0 0 0 24px !important; margin: 2px 0; background-repeat: no-repeat; background-position: 0 0;}
#sidebar ul.lifestream li a, ul.lifestream li a { display: inline;}
/* fix for default wp theme */
.lifestream li:before { content: none !important;}
ul.lifestream .lifestream_hour { color: #aaa; font-size: smaller;}
ul.lifestream .lifestream_text { padding-left: 0;}
ul.lifestream .lifestream_feedid_flickr .lifestream_hour { display: none;}
.lifestream_text ul { margin: 5px 0; padding: 0; list-style-type: none; font-size: small;}
html > body .lifestream_text li,
.lifestream_text li { margin: 1px 0; padding: 2px;}
.lifestream_text .photo img { border: 1px solid #aaa; padding: 2px; margin: 0 0 3px 0;}
.lifestream_text .photo:hover img { border: 1px solid #006699;}
.lifestream_events { margin-top: 2px;}
.lifestream_credits { margin-bottom: 50px;}
/* @end */
/* @group dp */
.dp-highlighter { font-family: "Consolas", "Courier New", Courier, mono; font-size: 12px; background-color: #E7E5DC; width: 530px; margin: 18px 0 18px 0; padding-top: 1px;
/* add
s a little border on top when controls are hidden */
overflow: auto;
/* fixes
for IE: "overflow: auto" causes unnecessary vertical bar */
/* correc
ts bottom scroll bar overlapping */
overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? '15px' : 'none'); text-shadow: none;}
.dp-highlighter span { margin: 0 !important; padding: 0 !important; border: 1px transparent solid !important; background: transparent !important; _border-color: #fff
;/*For IE6
-*/}
.dp-highlighter .bar { padding-left: 45px;}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar { padding-left: 0;}
.dp-highlighter ol { list-style: decimal;
/*
for ie */
list-style: decimal-leading-zero; /
* better look for others */
background-color: #fff; margin: 0 0 1px 45px; /
* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0; color: #5C5C5C; white-space: nowrap;}
.dp-highlighter.nogutter ol { list-style-type: none !important; margin-left: 0; white-space: nowrap;}
.dp-highlighter ol li,
.dp-highlighter .columns div { border-left: 3px solid #6CE26C !important; background-color: #f8f8f8 !important; padding-left: 10px !important; line-height: 14px !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; margin: 0 !important;}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div { border: 0 !important; padding: 0 !important; margin: 0 !important;}
.dp-highlighter .columns { color: gray; overflow: hidden; width: 100%;}
.dp-highlighter .columns div { padding-bottom: 5px;}
.dp-highlighter ol li.alt { background-color: #fff !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; margin: 0 !important;}
.dp-highlighter ol li div { color: #000 !important; background-color: #f8f8f8 !important; padding: 0 !important; border: 0 !important; margin: 0 !important;}
.dp-highlighter ol li div.alt { background-color: #fff !important; padding: 0 !important; border: 0 !important; margin: 0 !important;}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol { margin: 0;}
.dp-highlighter.collapsed ol li { display: none;}
/* Additional modifications when in print-view */
.dp-highlighter.printing { border: none;}
.dp-highlighter.printing .tools { display: none !important;}
.dp-highlighter.printing li { display: list-item !important;}
/* Styles for the tools */
.dp-highlighter .tools { padding: 3px 0 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C;}
.dp-highlighter.nogutter .tools { border-left: 0;}
.dp-highlighter.collapsed .tools { border-bottom: 0;}
.dp-highlighter .tools a { font-size: 9px; color: #a0a0a0; text-decoration: none; margin-right: 10px;}
.dp-highlighter .tools a:hover { color: red; text-decoration: underline;}
.left-prod { float: right; margin-right: 15px;}
.right-prod { position: relative; overflow: hidden;
}
/* About dialog styles */
.dp-about { background-color: #fff; margin: 0; padding: 0;}
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important;}
.dp-about td { padding: 10px; vertical-align: top;}
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%;}
.dp-about .title { color: red; font-weight: bold;}
.dp-about .para { margin: 0 0 4px 0;}
.dp-about #footer { background-color: #ECEADB; border-top: 1px solid #fff; text-align: right;}
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; width: 60px; height: 22px;}
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200;}
.dp-highlighter .string { color: blue;}
.dp-highlighter .keyword { color: #069; font-weight: bold;}
.dp-highlighter .preprocessor { color: gray;}
/* @end */
/* @group Products - Elements */
.product-list { position: relative;}
.product-list:hover { }
.product-list h2 { color: #fff; background: url(images/icon-design-tick.png) no-repeat left center; padding-left: 25px;}
.product-list ul { padding-left: 10px;}
.product-list ul li { list-style-image: url(images/li_off.png); list-style-position: inside;}
.product-list ul li:hover { list-style-image: url(images/li_on.png);}
.product-list .left { width: 320px;}
.product-list .right { width: 593px; float: right;}
/* @end */
/* @group Snazzy Archives */
.snazzy { text-align: left; overflow: hidden; width: 977px;}
/*border:2px ridge;
background-color:#F5F5F1;
;*/
.snazzy a, .snazzy a:hover { text-decoration: none;}
.sz_cont { width: 100px; display: block; overflow: hidden; margin: 0px 0px 10px;}
.sz_page { bacground-color: #ffffef;}
.sz_img { height: 110px;}
.snazzy img { margin: 0; padding: 0;}
.sz_year { font-size: 22px; color: #666; font-family: georgia, verdana; font-style: italic;}
.sz_date_yr { height: 42px; font-size: 34px;}
.sz_month { }
.sz_date_mon { height: 29px; font-size: 22px; cursor: pointer;}
.sz_date_day { margin-bottom: 1px; height: 20px; font-size: 14px; font-weight: bold; cursor: pointer; padding: 3px; background: #000 url(images/top_ftr.png) -1145px -29px; text-shadow: none; color: #cccc; border: 0 solid #333;}
.sz_day { }
.sz_title { padding: 5px 0px; font-weight: bold; color: #CCCCCC; text-decoration: none;}
.sz_titleon { line-height: 14px; background-color: #151515; padding: 3px; background-image: none; opacity: 0.8; color: #fff; font-weight: bold;}
.sz_excerpt { font-size: 9px; padding-bottom: 5px; color: #999; text-decoration: none;}
.sz_clr { padding-top: 20px;}
.sz_carousel { position: relative; visibility: hidden; left: -5000px;}
.sz_carousel ul { text-indent: 0 !important;}
.sz_carousel li { padding: 0px 8px;}
/* @end */
/* @group Comments */
.comment {
width: 285px;
float: left;
position: relative;
overflow: hidden;
background: url(images/twit-bg.png) repeat-y left bottom;
padding: 5px 5px 10px;
border-top: 1px solid #111;
margin: 5px;
z-index: 1;
}
div.comment-meta.commentmetadata {
float: right;
font-size: 10px;
position: absolute;
top: 19px;
}
img.avatar.photo {
float: right;
background-color: #b3b3b3;
padding: 1px;
border: 2px solid #111;
}
div.comment-author.vcard {
height: 28px;
position: relative;
}
span.says {
color: #999;
font-style: italic;
font-size: 10px;
}
ol.commentlist {
width: 620px;
padding-right: 0;
padding-top: 0;
padding-left: 0;
margin: 0;
padding: 0;
display: block;
}
.odd{
}
.even{
}
textarea#comment, input#url, input#email, input#author {
background-image: url(images/grad-brown.png);
border: 1px solid #222;
font-family: HelveticaNeue-Light, "Helvetica Neue Light"; color: #fff; font-weight: 300;
text-decoration: none; font-size: 15px;
}
input#url, input#email, input#author{
width: 191px;
margin-right: 10px;
height: 30px;
font-size: 15px;
color: #fff;
line-height: 30px;
}
textarea#comment {
width: 396px;
height: 140px;
margin-right: 10px;
}
/*input#submit {
background-image: url(images/grad-brown.png);
color: #fff;
margin-left: 10px;
border: 1px solid #222;
font-size: 14px;
width: 191px;
text-transform: uppercase;
height: 30px;
}*/
#commentform p label small {
display: run-in;
}
#commentform p {
float: left;
min-width: 300px;
}
h3#comments, #respond h3 { font-size: 16px; border-bottom: 1px solid #333; border: 0 solid #333;
background: url(images/grad-brown.png) -200px center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
clear: both;
}
/* @end */
/* @group Lightview */
/* lightview.css
http://www.nickstakenburg.com/projects/lightview
*/
#lightview { position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; text-align: left;}
/* The container that holds everything */
.lv_Container { position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0;}
.lv_Button { cursor: pointer; text-decoration: none; border: 0px solid #111; background: none; margin: 0; padding: 0;}
/* The buttons on the side when you view a gallery */
.lv_Sides { position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0;}
.lv_Sides * { padding: 0; margin: 0;}
.lv_Sides li { list-style-type: none; position: relative;}
.lv_PrevSide { float: left;}
.lv_NextSide { float: right;}
.lv_Sides .lv_Wrapper { width: 100%; height: 100%; cursor: pointer;}
.lv_Sides .lv_Button { float: left; background: none;}
/* The frames above and below the center, that hold the corners.
It's recommended not to change anything here, a lot is done in
javascript to build further upon this based on your settings.
*/
.lv_Frames { width: 100%; height: 100%; position: relative; padding: 0; margin: 0;}
.lv_Frames li { list-style-type: none; margin: 0; padding: 0;}
.lv_Frame { width: 100%; display: block;}
.lv_Frame * { padding: 0; margin: 0;}
.lv_FrameTop { position: absolute; left: 0; width: 100%; display: block;}
.lv_FrameBottom { position: relative; float: left; clear: both;}
.lv_Liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both;}
.lv_Liquid .lv_Filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%;}
.lv_Half { display: block; height: 100%; clear: both; line-height: 0px;}
.lv_Half li { list-style-type: none;}
.lv_Corner { float: left; position: relative;}
.lv_CornerTr, .lv_CornerBr { float: right;}
.lv_Fill { position: absolute; top: 0; width: 100%; height: 100%;}
.lv_Half .lv_CornerWrapper { float: left; position: relative; width: 50%; height: 100%; overflow: hidden;}
.lv_HalfRight .lv_CornerWrapper { float: right;}
.lv_Corner { position: relative;}
.lv_Corner canvas { position: relative;}
.lv_HalfLeft .lv_Corner { float: left;}
.lv_HalfRight .lv_Corner { position: relative; float: right;}
/* To position content correctly in the center with correct
rounded corner display we need a few wrappers.
This is to get it right on all browsers.
*/
.lv_Center { position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0;}
.lv_WrapUp { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0;}
.lv_WrapDown { position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0;}
.lv_WrapCenter { position: relative; padding: 0; margin: 0;}
/* The loading indicator */
.lv_Loading { position: absolute; top: 50%; left: 50%;}
.lv_Loading .lv_Button { float: left; height: 100%; width: 100%;}
.lv_MediaWrapper { position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0;}
.lv_MediaWrapper img { position: relative; float: left; padding: 0; margin: 0;}
/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0;}
.lv_PrevNext * { padding: 0; margin: 0;}
.lv_PrevNext .lv_Button { position: relative; height: 100%;}
.lv_PrevButton { float: left;}
.lv_NextButton { float: right;}
/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar { clear: both; position: relative; width: 100%; font: 11px Arial, Helvetica, sans-serif; color: #7a7a7a; padding: 0; margin: 0; text-align: left;}
.lv_MenuBar * { padding: 0; margin: 0;}
.lv_Close { position: relative; float: right; overflow: hidden; width: 100%; height: 100%;}
.lv_Data { position: relative; float: left; padding-bottom: 3px; line-height: 13px; overflow: hidden;}
/* simulates padding-left inside .lv_Data
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */
.lv_Data li { list-style-type: none; float: left; margin-top: 3px;}
.lv_DataText { width: 100%;}
.lv_DataText .lv_Title { font-weight: bold; margin-bottom: 2px;}
.lv_DataText .lv_Caption { clear: both;}
.lv_Data .lv_ImgNumber { color: #a7a7a7; margin-right: 5px; margin-top: 5px;}
.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow { position: relative; border-left: 1px solid #d7d7d7; padding: 0 5px; margin-top: 5px; vertical-align: middle;}
.lv_Data .lv_Slideshow { padding-right: 0px;}
.lv_Data .lv_innerPrevNext .lv_Button,
.lv_Data .lv_Slideshow .lv_Button { /
* play and stop */
float: left; background-position: center left; background-repeat: no-repeat;}
/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom { position: relative; float: left; margin: 0; padding: 0; clear: both;}
#lightview iframe { float: left; border: 0; clear: both; padding: 0; margin: 0; background: none;}
/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons { position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0;}
.lv_topcloseButtonImage { cursor: pointer;}
/* The error/warning/download message that will appear when
a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0;}
#lightviewError div { padding: 6px; font: 11px Arial, Helvetica, sans-serif;}
#lightviewError .message { background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px;}
#lightviewError .type { font-weight: bold;}
#lightviewError .pluginspage { background: #b5fcbd; color: #21be30;}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited { color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689;}
#lightviewError p { margin-left: 0; padding: 0;}
#lv_overlay { position: absolute;
/* O
pera will use fixed */
top: 0; left: 0; height: 100%; width: 100%;}
/* navbar
Adds a bar below the view that takes over the default Controller
*/
#lightviewController { position: fixed; bottom: 0; top: 0; left: 50%; margin: 0; padding: 0; color: #d2d2d2; font: 11px Arial, Helvetica, sans-serif;}
* html body #lightviewController { /
* IE6 */
position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');}
#lightviewController ul { display: block; height: 100%; float: left; margin: 0; padding: 0; position: relative;}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom { list-style-type: none; float: left; display: block; position: relative; clear: both; overflow: hidden; margin: 0; padding: 0;}
.lv_controllerCenter { width: auto; float: left;}
.lv_controllerCornerWrapper { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0;}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}
#lightviewController .lv_CornerWrapper { width: 100%;}
#lightviewController .lv_Corner { float: left;}
#lightviewController .lv_Corner { float: right; position: relative;}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left;}
.lv_controllerBetweenCorners { position: relative; height: 100%; overflow: hidden;}
.lv_controllerMiddle { position: relative; height: 100%; float: left;}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li { list-style-type: none; float: left; display: inline; position: relative; clear: none;}
.lv_controllerSetNumber { float: left; text-align: center;}
#lightviewController .lv_Button { float: left; position: relative; height: 100%; clear: none;}
.lv_controllerSetNumber { position: relative; height: 100%; padding-right: 3px;}
.lv_controllerPrev,
.lv_controllerNext,
.lv_controllerSlideshow,
.lv_controllerClose { float: left; position: relative; height: 100%; padding-left: 3px;}
.lv_controllerPrev { border-left: 1px solid #3c3c3c;}
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c;}
* html #lightview { }
/* IE6 */
position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');}
/* Always cover 100% of the screen in IE6 */
html #lv_overlay { position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );}
/* @end */
/* @group Form */
.form-table { border-collapse: collapse; margin-top: 1em; width: 100%; color: #333;}
.form-table tr { background-color: #eaf3fa;}
.form-table td { margin-bottom: 9px; padding: 10px; line-height: 20px; font-size: 11px; border-bottom-width: 8px; border-bottom-style: solid; border-color: #fff;}
.form-table th { vertical-align: top; text-align: left; padding: 10px; width: 150px; border-bottom-width: 8px; border-bottom-style: solid; border-color: #fff;}
.form-table th.th-full { width: auto;}
.form-table input, .form-table textarea { border-width: 1px; border-style: solid;}
.form-table div.color-option { display: block; clear: both;}
.form-table input.tog { margin-top: 2px; margin-right: 2px; float: left;}
.form-table table.color-palette { vertical-align: bottom; float: left; margin: -3px 3px 8px;}
.form-table .color-palette td { border-bottom: none; border: 1px solid #fff; font-size: 1px; line-height: 1px;}
#disqus_warning { background-color: #ff0000;}
.hidden { display: none;}
#secondary-wrapper div.left-content img.folio-page-img { padding: 17px 0; border: 0 dashed #999; background: url(images/ftr-shadow.png) center bottom;}
form input.grad { width: 125px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image: none; background-color: #191919; margin-right: 5px; margin-bottom: 5px;}
input.grad.button { width: 80px;}
#secondary-wrapper div.athird form input.button { width: 75px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #222;}
/* @end */
.new { background: url(images/icon-new-10.png) no-repeat left top; padding-left: 20px; margin-top: 0; width: 158px;}
.new-1 { background: url(images/icon-new-10.png) no-repeat right top; margin-top: 0; width: 162px;}
.img-3box { position: absolute; right: -5px; top: 55px; border-width: 0;}
.other-side { margin-top: 0; padding-top: 0;}
a#corner { position: fixed; right: 0; top: 0; display: none; height: 158px; width: 150px; background: url(http://jomilla.com/wp-content/themes/darkness3/images/homeoffer.png) repeat right; text-indent: -999em; text-decoration: none;/*z-index:
1000;*/}
.order-product { position: absolute; right: 100px; bottom: 20px;}
#content-wrapper div.l-box { width: 610px; float: left;}
#available-products li { list-style-image: url(images/li_off.png); list-style-position: inside;}
#available-products li:hover { list-style-image: url(images/li_on.png);}
#content-wrapper div.r-box { float: right; width: 295px; border: 1px solid #333; padding: 5px; margin-bottom: 15px; background: url(images/trans3.png) fixed left top;}
ul#order-process li { list-style-type: decimal; list-style-position: inside; color: #fff;}
.reg-form { margin: 10px auto 60px;}
#secondary-wrapper div.left-content h1 { font-size: 50px; letter-spacing: -3px;
margin-bottom: 10px;
margin-top: 0;
font-weight: bold;
text-shadow: #000 2px 2px 2px;
}
/* @group Widgets */
/* @group Cforms */
.cform { margin: 10px auto 0px; width: 100%; opacity: 1;}
.cform fieldset { margin-top: 10px; padding: 5px 0 5px 0; border: none;}
.cform .cf_hidden { display: none; border: none!important; background: none!important; padding: 0!important; margin: 0!important;}
.cform legend { margin: 0; padding: 0; font: normal 18px Helvetica; color: #666; letter-spacing: 3px;}
ol.cf-ol { margin: 0!important;}
ol.cf-ol li { background: none!important; margin: 16px 0 5px; /*
some themes may interfere otherwise*/
padding: 0; list-style: none!important; text-align: left; line-height: 1.1em;}
/* */
/* just for text-only fields (no input) */
/* */
ol.cf-ol li.textonly { color: #888888; font-size: 1em; letter-spacing: 2px; margin: 12px 0pt !important; padding: 0pt 0pt 0pt 100px;}
/* */
/* global definitions for field labels */
/* */
.cform label { width: 95%; margin: 4px 10px 0 0; display: -moz-inline-box; /*f
or mozilla*/
display: inline-block; /*
for Opera & IE*/
text-align: left; vertical-align: top; color: #aaa; font: 0.9em Trebuchet MS,sans-serif;}
.cform label span {
/* must be the same as above!*/
font-size: 12px; color: #fff;}
label.cf-before { margin: 4px 10px 0 0;}
label.cf-after { margin: 4px 2px 0pt 6px; text-align: left; width: 75px;}
label.cf-after span { width: 75px; display: block;}
label.cf-group-after { margin: 4px 0 0 2px; width: 60px; text-align: left;}
label.cf-group-after span { width: 60px; display: block;}
/* */
/* FORM FIELDS general formatting */
/* */
.cform input,
.cform select { width: 250px; height: 20px; line-height: 20px;}
.cform input:hover,
.cform textarea:hover,
.cform select:hover { }
.cform input:focus,
.cform textarea:focus,
.cform select:focus { }
.cform select { width: 306px;/
* attempt to have equal length */}
.cform select.cfselectmulti { height: 7.5em;}
.cform textarea { font-family: arial; overflow: auto; height: 150px; width: 95%;}
.cform textarea, .cform input { background-color: #e6e6e6; border: 1px solid #fff;}
input.sendbutton { background: transparent url(images/btn-done.png) no-repeat; border: none; width: 62px; text-indent: -999em; float: left;}
/* */
/* formatting for text: "(required)" & other */
/* */
span.reqtxt,
span.emailreqtxt { display: block; vertical-align: top; color: #aaa; font-size: 0.7em; line-height: 1.2em; margin-bottom: 10px; margin-right: 29px;}
/* */
/* radio button title */
/* */
ol.cf-ol li.cf-box-title { color: #888888; font-size: 1em; letter-spacing: 2px; margin: 12px 0pt 0 !important; padding: 0pt 0pt 0pt 100px;}
/* */
/* check boxes */
/* */
input.cf-box-a,
input.cf-box-b { margin: 1px 0 0 0; width: 16px; height: 22px; border: none!important; background: none!important;}
input.cf-box-a { margin-left: 100px;/*
check with label 'width' incl. */}
/* */
/* check box groups */
/* */
ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px;}
/* */
/* FORM submit button */
/* */
p.cf-sb { margin: 0; padding: 0pt 3px 0pt 0pt !important; text-align: right;}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton { }
.cform input.resetbutton { margin: 0 5px 0 0;}
.cform input.backbutton { margin: 0 5px 0 0;}
/* */
/* FORM FIELDS enhanced error display */
/* */
ol.cf-ol li.cf_li_err { background: darkred url(images/infobanner.gif) repeat!important; padding: 25px 0 18px; text-shadow: none; color: black; margin-top: 5px; margin-left: 0; margin-right: 0;}
ol.cf-ol li ul.cf_li_text_err { margin: 0 0 0 10px; padding: 0; color: #333;}
ol.cf-ol ul.cf_li_text_err li { background: url(icon-alert.png) no-repeat left 1px!important; list-style: none!important; font-weight: bold; text-indent: 0; margin: 0 0 2px!important; padding-left: 15px;}
ol.cf-ol ul.cf_li_text_err li:before { content: '';}
/* */
/* 'visitor verification' related styles */
/* */
label.secq,
label.seccap { vertical-align: text-bottom; margin-bottom: 4px;}
input.secinput { vertical-align: text-bottom;}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha { height: 15px; width: 100px; padding: 4px 4px; margin: 0; vertical-align: text-bottom;}
img.captcha { vertical-align: text-bottom; margin: 0 0 0 10px!important; padding: 0!important; border: none!important; float: none!important;}
img.captcha-reset { vertical-align: text-bottom; background: url(captcha_reset_white.gif) no-repeat; margin: 0 0 2px 3px; width: 21px; height: 21px; border: none;}
img.imgcalendar { border: none;}
/* */
/* change formatting of response msgs here */
/* */
div.cf_info { color: #333; display: none; padding: 10px 15px!important; width: 380px; line-height: 1.3em; margin: 10px auto;}
div.cf_info ol { margin: 0; padding: 5px 15px 0 30px;}
div.cf_info ol li { padding: 1px 0; margin: 2px 0;}
div.cf_info a { color: red!important; text-decoration: underline!important;}
div.success { background: #F9F9F9 none repeat scroll 0%; color: #AAAAAA; display: block;}
div.failure { display: block; color: #fffa61; font-size: 17px; font-style: normal; text-transform: uppercase; font-weight: normal; text-decoration: none; line-height: 39px; background-color: #f7ff2b; background-image: url(images/infobanner.gif); border: 1px solid #333;}
div.waiting { background: #F9F9F9; color: #AAAAAA; display: block;}
/* */
/* formatting for invalid user inputs */
/* */
.cform .cf_error { color: red; border: 1px solid #fff75f;}
div.mailerr { display: block;}
.mailerr,
.cform .cf_errortxt { color: red;}
/* */
/* change formatting of response msgs here */
/* */
p.cf_info { margin: 10px 0; text-align: center;}
p.success { color: green;}
p.failure { color: red;}
/* */
/* disabled fields [disabled] does not work on IE! */
/* */
[disabled] { color: #dddddd; border-color: #dddddd!important; background: none!important;}
.disabled { border-color: #dddddd!important;}
/* */
/* upload box styling */
/* */
.cform input.cf_upload { width: 220px; background: #f9f9f9; border: 1px solid #888888;}
/* */
/* Other: link love */
/* */
.linklove { margin: 6px auto 10px !important; padding: 0pt 6px 0pt 0pt !important; text-align: right; width: 410px;}
.linklove a,
.linklove a:visited { font-size: 0.8em; font-family: Tahoma; color: #aaaaaa!important;}
/* */
/* Other: browser hacks */
/* */
*+html ol.cf-ol,
*+html ol.cf-ol li { display: inline-block;/*f
or ie7*/}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { display: inline-block;}
* html .cform legend { position: absolute; left: -8px; top: 0; margin-left: 0;}
*+html .cform legend { position: absolute; left: -8px; top: 0; margin-left: 0;}
* html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px;}
*+html .cform fieldset { position: relative; margin-top: 15px; padding-top: 25px;}
* html img.captcha { margin-bottom: 1px!important;}
*+html img.captcha { margin-bottom: 1px!important;}
form#searchform #s:hover, form#searchform #s:active {color: #666; }
form#searchform #s { border: 1px solid #111; line-height: 31px; width: 285px; color: #333; margin-left: 0; margin-bottom: 10px; background-image: url(images/trans2.png); background-color: transparent; padding-left: 5px; padding-right: 5px;
margin-top: 10px;
font-size: 16px;
}
form#searchform #searchsubmit { background: url(images/btn-continue.png) center center; width: 60px; border: none; height: 19px; text-indent: -999em; opacity: 0.5; display: none;}
/* @end */
/* @group All Dev Jobs Widget */
img.adj {
float: right;
}
ul.jobber-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.jobber-list li {
margin-bottom: 5px;
list-style-type: disc;
list-style-position: inside;
list-style-image: url(images/li_off.png);
line-height: 16px;
overflow: hidden;
height: 16px;
}
/* @end */
/* @group Recent Comments Widget */
#get_recent_comments_wrap ul li {
margin-top: 0;
border-bottom: 1px solid #444;
padding: 5px;
min-height: 35px;
background: #2e2e2e url(images/grad-brown.png) repeat-x left top;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
li#widget-list-control-item-32-get-recent-comments.widget-list-control-item.widget-sortable {
background: url(images/grad-grey.png) repeat-x;
}
#get_recent_comments_wrap ul li a {
font-weight: bold;
color: #e6e6e6;
}
#get_recent_comments_wrap ul {
border: 0px solid #111;
margin: 0;
}
#get_recent_comments_wrap ul li img{
float: left;
background-color: #000;
margin-right: 5px;
border: 1px solid #828070;
margin-bottom: 0;
padding: 1px;
}
#secondary-wrapper div.right-sidebar div.aktt_tweets ul li.aktt_more_updates {
background: #191919 url(images/twit-badge.png) no-repeat 225px 5px; border-top: 3px solid #111;
height: 0;
}
#secondary-wrapper div.left-content h1 span.cufon.cufon-canvas canvas {
}
#secondary-wrapper div.right-sidebar h2{
margin: 15px 0 5px;
padding: 0;
line-height: 45px;
font-size: 20px;
text-shadow: #000 1px 1px 1px;
}
#secondary-wrapper div.right-sidebar div.side-excerpt h2{
line-height: 25px;
font-size: 22px;
margin: 0;
}
/*#secondary-wrapper div.right-sidebar h2.wgt {
border-bottom: 0 solid #7f7f7f;
background-image: url(images/grad-brown.png);
line-height: 35px;
margin-bottom: 0;
margin: 0;
padding: 0 0 0 5px;
border: 1px solid #191919;
}*/
/* @end */
/* @group Cat Widget */
ul#cat-widget {
margin: 0;
background-image: none;
clear: both;
width: 300px;
min-height: 170px;
}
li.cat-item{
float: left;
padding: 2px;
margin: 1px;
border: 1px solid #333;
clear: right;
background: #222 url(images/grad-grey.png) 0 -2px;
color: #7f7f7f;
}
li.cat-item:hover {
background-color: #e6e6e6;
background-image: none;
color: #b3b3b3;
}
li.cat-item a {
float: left;
padding: 3px;
margin: 1px;
border: 1px solid #333;
clear: right;
background: #222 url(images/grad-grey.png) 0 -2px;
color: #b3b3b3;
}
/* @end */
/* @group Tweets Widget */
#secondary-wrapper div.right-sidebar div.aktt_tweets ul li a {
color: #b3b3b3;
}
#secondary-wrapper div.right-sidebar div.aktt_tweets ul li a:hover {
color: #fff;
}
#secondary-wrapper div.right-sidebar div.aktt_tweets ul li {
padding: 5px 5px 25px;
background: url(images/twit-bg.png) no-repeat left bottom;
display: block;
border-top: 1px solid #000;
border-right: 0px solid #000;
width: 290px;
}
/* @end */
ul#recent-widget {
margin: 0;
}
#recent-widget li {
margin-top: 0;
border-bottom: 1px solid #444;
padding: 5px;
background: #2e2e2e url(images/grad-grey.png) repeat-x left top;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
/* @end */
#secondary-wrapper div.left-content ul li {
list-style-type: circle;
list-style-position: inside;
text-shadow: #000 1px 1px 0;
color: #b3b3b3;
}