/* @group Simple Reset */
html, body, ul, ol,h1,h2,h3,h4,h5,h6,form, fieldset{
padding: 0;
margin: 0;
}
ul,ol{
list-style: none;
}
/* @end */
/* @group Generic */
html, body{
width: auto;
font-size: 100%;
}
html{
font-size:100.1%/*WinIE6- text resize adjust*/
}
body {
font: 0.75em/1.65 "Lucida Grande",Tahoma,Verdana,sans-serif;
background: #1A1A1A url(images/header_sky.jpg) 0 0 repeat-x;
color: #777;
text-shadow:rgba(0,0,0,0.01) 0 0 0;
}
h1,h2,h3,h4,h5,h6{
font-family: "Gill Sans","Gill Sans MT", "Lucida Sans Unicode";
font-weight: bold;
color: #ccc;
margin: .85em 0;
}
h1,h2{
background:url(images/underline.gif) 0 bottom repeat-x;
padding-bottom: 10px;
}
hr{
border: 0;
border-top: 1px solid #333;
height: 0;
margin: 1em 0 1.5em 0;
}
#km_widget_bar{
background: none;
}
strong{
color: #DDD;
}
.sidenote,
span.caption{
font-style: italic;
font-size: 11px;
color:#555;
font-family:Georgia,baskerville,'palatino linotype','times new roman',serif;
}
a{
color: #999900;
text-decoration: none;
background: url(images/link_bg.gif) 0 -60px repeat-x;
}
span.amp{
bottom:-0.1em;
font-family:Baskerville,"Goudy Old Style","Book Antiqua","Palatino Linotype","Times New Roman",serif;
font-size:1.2em;
font-style:italic;
font-weight:normal;
position:relative;
}
a:hover{
color:#737308;
}
a[href^=mailto]{
background: url(images/contact/email.gif) 0 center no-repeat;
padding-left: 22px;
}
a.twitter{
background: url(images/twitter_16.png) 0 center no-repeat;
padding-left: 22px;
}
a.email{
background: url(images/contact/email.gif) 0 center no-repeat;
padding-left: 22px;
}
.km_widget .content a:hover{
color:#ADAD33;
}
h1 a,h2 a{
color: #ddd;
}
a:hover{
}
a img{
border: 0;
}
small{
font-size: 10px;
}
h1{
font-size: 30px;
}
h2{
font-size: 25px;
}
h3{
font-size: 18px;
}
h4{
font-size: 14px;
}
blockquote{
font-style: italic;
font-family:Georgia,baskerville,'palatino linotype','times new roman',serif;
font-size: 1.4em;
margin: 0;
padding: 0;
background: url(images/lquote.gif) 0 0 no-repeat;
}
blockquote p{
padding: 0.8em 1.5em;
}
blockquote p cite{
display: block;
text-align: left;
opacity: 0.6;
font-size:0.85em;
padding: 0.5em 0;
}
blockquote p cite:before{
content: "~";
}
dl dt{
float: left;
font-weight: bold;
color:white;
vertical-align: text-top;
line-height: 4.8em;
padding-right: 1em;
width: 10em;
text-align: right;
}
dl dt:after{
content: "{";
font-weight: normal;
font-size: 4em;
color: #292929;
vertical-align: top;
display: inline;
line-height: 1em;
padding-left: 0.25em;
}
dl dd{
display: block;
border-bottom: 1px dashed #333;
margin:1em 0;
padding:0 0 1em 0;
padding-left: 11em;
}
/* @group Forms */
input{
}
textarea{
}
select{
}
fieldset{
border: 0;
}
#main input[type=text],
#main textarea,
#main select{
border: 0;
padding: 0.4em;
-webkit-border-radius:4px;
-moz-border-radius:4px;
font-size: inherit;
font-family: inherit;
}
/*
@media all and (min-width:0) {
#main input[type=text],
#main textarea,
#main select{
background: transparent url(images/input_bg.svg);
}
}*/
/* @end */
/* @end */
/* @group Site */
#site{
width: 100%;
}
#main{
width: 750px;
margin: 0 auto;
}
#central{
width: 460px;
float: left;
}
#central ul li{
background: url(images/leaf_bullet.gif) 0 0 no-repeat;
border-bottom: 1px dashed #333;
padding: 0.3em 0 0.3em 3em;
}
#main_primary{
float: left;
position: relative;
}
#main_primary .content{
width:460px;
padding:0;
float:left;
}
#main_primary .footer{
height:10px;
clear:both;
float:left;
width:460px;
}
#main_secondary{
width: 460px;
clear: both;
}
/* @end */
/* @group Header */
#header{
height: 145px;
position: relative;
width: 100%;
}
#header .content{
width: 750px;
height: 145px;
margin: 0 auto;
position: relative;
}
/* @group Identity */
#identity{
width: 750px;
margin: 0 auto;
position: relative;
z-index: 2;
}
#identity a.home{
width: 180px;
height: 32px;
background: url(images/logo_v4.png) 0 0 no-repeat;
margin: 10px 0 0 0;
}
#identity .skills{
background: url(images/skills_list.gif) 0 0 no-repeat;
width: 320px;
height: 15px;
margin: 28px 0 0 10px;
}
#identity .skills, #identity a.home{
display: block;
overflow: hidden;
text-indent: -9000px;
float: left;
}
/* @end */
/* @group Nav */
#nav{
width: 470px;
height: 38px;
position: absolute;
bottom: 6px;
z-index: 10;
left: 0;
}
#nav ul{
margin: 0;
padding: 0;
list-style: none;
width: 470px;
height: 38px;
}
#nav li,
#nav a{
float: left;
height: 38px;
display: block;
line-height: 38px;
color: white;
padding: 0;
margin: 0;
}
#nav .home a{
width: 25px;
display:none;
background:url(images/nav_home.gif) 0 0 no-repeat;
}
#nav .blog a{
width: 75px;
background:url(images/nav_blog.gif) 0 0 no-repeat;
}
#nav .lab a{
width: 85px;
background:url(images/nav_lab.gif) 0 0 no-repeat;
/* disabled for now */
display:none;
}
#nav .folio a{
width: 105px;
background:url(images/nav_folio.gif) 0 0 no-repeat;
}
#nav .downloads a{
width: 100px;
background:url(images/nav_downloads.gif) 0 0 no-repeat;
}
#nav .contact a{
width: 90px;
background:url(images/nav_contact.gif) 0 0 no-repeat;
}
#nav .about a{
width: 82px;
background:url(images/nav_about.gif) 0 0 no-repeat;
}
#nav a{
text-indent: -9000px;
overflow: hidden;
}
#nav a:active{
margin-top:1px;
}
#nav li.current a{
background-position: 0 -38px !important;
padding: 0 20px 0 0 !important;
opacity: 1;
-moz-opacity:1;
margin:0 0 0 -10px;
}
.blog #nav ul{
background-position: 0 -42px;
}
.folio #nav ul{
background-position: 0 -84px;
}
.contact #nav ul{
background-position: 0 -126px;
}
.about #nav ul{
background-position: 0 -168px;
}
/* @end */
/* @group Search */
#search{
position: absolute;
right: -135px;
bottom: -80px;
width: 415px;
background: url(images/tiki_torches.png) 0 0 no-repeat;
height: 205px;
z-index: 2;
}
#search fieldset{
width: 200px;
height: 21px;
position: relative;
left: 50px;
top:91px;
background: url(images/search_box.gif) 0 0 no-repeat;
}
#search fieldset label{
position: absolute;
z-index: 2;
background: url(images/km_spinner.gif) -20px right no-repeat;
width: 18px;
height: 20px;
text-indent: -1000em;
right: 5px;
}
#search fieldset input{
width: 140px;
float: left;
margin-left: 35px;
margin-top:2px;
border: 0;
height: 16px;
font-size: 11px;
background: none;
color: white;
outline: 0;
position: relative;
z-index: 2;
background: transparent url(images/search_text.gif) 0 center no-repeat;
}
#search fieldset input.focus{
background: none !important;
}
#search .loading fieldset label{
background-position: center right;
}
#search_results{
width: 172px;
position: absolute;
left: 50px;
top: 68px;
z-index: 1;
color: #DDD;
display: none;
text-shadow: black 1px 1px 1px;
}
#search_results .header{
height: 10px;
background: url(images/search_results_header.png) 0 0 no-repeat;
position: relative;
}
#search_results .header .close{
width: 14px;
height: 14px;
float: right;
overflow: hidden;
text-indent: -9000px;
display: block;
background: url(images/close_button.gif) 0 0 no-repeat;
cursor: pointer;
cursor:hand;
}
#search_results .header .close:hover{
background-position: 0 -14px;
}
#search_results ul{
background: url(images/search_results_bg.png) 0 0 repeat-y;
padding: 10px 10px 0 10px;
display: none;
}
#search_results .footer{
height: 10px;
background: url(images/search_results_footer.png) 0 0 no-repeat;
}
/* @end */
/* @end */
/* @group Widget Boxes */
li.widget{
list-style-type: none;
}
#km_widget_bar{
width: 250px;
float: right;
}
#km_widget_bar ul li{
clear: both;
}
#km_widget_bar ul li li{
clear: none;
}
.km_widget{
width: 250px;
float: left;
clear: both;
padding: 0 0 45px 0;
position: relative;
margin: 20px 0 0 0;
background: white url(images/widget_box_top.gif) 0 0 no-repeat;
}
.km_widget .title{
height: 50px;
position: absolute;
bottom: -1px;
left: 0;
width: 250px;
text-indent: -9000px;
z-index: 1;
margin: 0;
padding: 0;
float: left;
}
.km_widget .ornament{
z-index: 2;
}
.km_widget .content{
background: url(images/widget_box_bottom.gif) 0 bottom no-repeat;
padding: 15px;
float: left;
clear: both;
width: 220px;
}
.km_widget .content p{
margin: 0;
}
/* @end */
/* @group Post Browser */
#post_browser{
padding: 45px 0 0 0 !important;
background: white;
position: relative;
z-index: 3;
}
#post_browser a.more{
background: url(images/spinner_mini.gif) 0 -200px no-repeat;
}
#post_browser a.loading{
background: url(images/spinner_mini.gif) 0 center no-repeat !important;
padding-left: 16px;
}
#post_browser .title{
display: none;
}
#post_browser li{
}
#post_browser_categories li h3{
margin: 0;
padding: 0;
}
#post_browser_categories .post_browser_category li{
background: none;
}
.post_browser_category ul{
margin: 0;
padding: 0;
display: none;
}
#post_browser_categories .current ul{
display: block;
}
.post_browser_category li{
padding: 0.2em 0;
margin: 0;
border-top: 1px solid #eee;
float: none;
width: 100%;
}
.post_browser_category li{
position: relative;
}
.post_browser_category li a .rating{
position:absolute;
right:0;
top:0;
color:#CCC;
visibility:hidden;
padding-left:15px;
background:url(images/mini_star.gif) 0 center no-repeat;
}
.post_browser_category li a:hover .rating{
visibility:visible;
}
#post_browser_categories li h3{
position: absolute;
left: 0;
top: 0;
cursor: pointer;
cursor:hand;
text-indent: -9000px;
width: 63px;
height: 50px;
z-index: 1;
background: url(images/post_browser_nav.gif) 0 0 no-repeat;
}
#post_browser_categories .rating h3{
left: 0;
}
#post_browser_categories .randomly h3{
left: 63px;
background-position: -63px 0;
}
#post_browser_categories .tags h3{
left: 189px;
background-position: -189px 0;
}
#post_browser_categories .recent h3{
left: 126px;
background-position: -126px 0;
}
#post_browser_categories .rating .current h3{
background-position: 0 -50px;
}
#post_browser_categories .randomly .current h3{
background-position: -63px -50px;
}
#post_browser_categories .tags .current h3{
background-position: -189px -50px;
}
#post_browser_categories .recent .current h3{
background-position: -126px -50px;
}
#post_browser li.tags .post_browser_category li{
width: 50%;
float: left;
text-align: left;
}
/* @end */
/* @group Twitter */
#twitter_status{
clear: left;
}
#twitter_status .title{
background: url(images/twitter_footer.gif) 0 0 no-repeat;
padding: 0;
}
.widgettitle{
display: none;
}
#twitter_status{
background: white url(images/twitter_header.gif) 0 0 no-repeat;
padding-top: 25px;
}
#twitter_status .content li{
border-top: 1px solid #eee;
padding: 0.2em 0;
}
/* @end */
/* @group Footer */
#footer{
clear: both;
background: url(images/wood_panel.png) 0 30px repeat-x;
padding: 50px 0 0 0;
position: relative;
height: auto;
min-height: 80px;
width: 100%;
}
#footer .wrap{
background:url(images/footer_water.png) 0 bottom repeat-x;
min-height:80px;
height:auto;
width: 100%;
}
#footer .toucan{
background: url(images/outrigger_toucan.png) 0 bottom no-repeat;
height: 150px;
width: 290px;
left: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
#footer .content{
width: 750px;
margin: 0 auto;
}
#subscribe_links{
background: url(images/subscribe_text.png) 0 0 no-repeat;
position:absolute;
bottom:15px;
right:0;
padding-left: 115px;
}
#subscribe_links li{
float: left;
margin-right: 10px;
height: 20px;
position: relative;
}
#subscribe_links a{
position: absolute;
left: 0;
top: 0;
float: left;
height: 20px;
display: block;
text-indent: -9000px;
cursor: pointer;
cursor:hand;
}
#subscribe_links .nerdlab,
#subscribe_links .nerdlab a{
width: 70px;
}
#subscribe_links .blog,
#subscribe_links .blog a{
width: 52px;
}
#subscribe_links .radness,
#subscribe_links .radness a{
width: 90px;
}
#subscribe_links .nerdlab a{
background: url(images/nerdlab_feed.gif) 0 0 no-repeat;
}
#subscribe_links .blog a{
background: url(images/blog_feed.gif) 0 0 no-repeat
}
#subscribe_links .radness a{
background: url(images/radness_feed.gif) 0 0 no-repeat
}
#subscribe_links a:hover{
background-position: 0 -20px;
}
#site_version{
width: 250px;
height: 20px;
text-indent: -9000px;
display: block;
position:absolute;
bottom:15px;
left:20%;
background: url(images/version_tag.png) 0 0 no-repeat;
}
#footer #social_networks{
position:relative;
height:370px;
left:0;
width:750px;
overflow:visible;
}
/* @group Playlist */
.playlist,
.playlist li{
font-size:10px;
margin:0;
padding:0;
}
.playlist li{
float:left;
margin-right:5px;
width:92px;
height:92px;
}
.playlist li,
.playlist li a,
.playlist img,
.playlist .disc{
display:block;
}
.playlist li.clear{
clear:both;
width:460px;
float:none;
margin:0;
height:0;
line-height:0;
overflow:hidden;
margin-top:-1em;
}
.playlist li a img{
width:86px;
height:86px;
margin:4px;
}
.playlist li a{
display:block;
position:relative;
overflow:hidden;
width:92px;
height:92px;
z-index:1;
color:white;
cursor:pointer;
cursor:hand;
}
.playlist .disc{
position:absolute;
left:0;
top:0;
height:184px;
width:190px;
z-index:1;
background:url(images/cd_overlay.png) 0 0 no-repeat;
}
.playlist a .info{
position:absolute;
z-index:2;
left:92px;
top:30px;
font-size:10px;
width:95px;
display:block;
overflow:hidden;
}
.playlist a .artist{
color:white;
font-weight:bold;
display:block;
white-space:nowrap;
}
.playlist a .album{
height:1.4em;
overflow:hidden;
color:#AAA;
white-space:nowrap;
}
.playlist li a:hover{
z-index:10;
}
.playlist li a:hover{
width:190px;
margin-right:5px;
}
.playlist li a:hover .fader{
width:25px;
height:92px;
position:absolute;
right:0;
top:0;
z-index:3;
background:url(images/cd_fade_out.png) 0 0 no-repeat;
}
.playlist li a:hover .disc{
top:-92px;
}
.playlist li a.js .disc{
top:0 !important;
}
.playlist li a:hover .artist,
.playlist li a:hover .album{
visibility:visible;
}
/* @end */
/* @group Twitter */
.recent_tracks{
width:460px;
left:0;
top:0;
position:absolute;
}
.recent_tracks h4,
.recent_tweets h4{
height:50px;
margin:0.5em 0;
padding:0;
background:url(images/tracks_header.gif) 0 0 no-repeat;
text-indent:-9000px;
}
.recent_tweets h4{
background:url(images/twitter_header.gif) 0 0 no-repeat;
}
.recent_tracks .last_fm{
height:30px;
text-indent:-9000px;
background:url(images/last_fm.gif) right center no-repeat;
clear:both;
width:460px;
}
.recent_tweets a{
background-image: none;
padding-left: 0;
}
#recent_tracks{
padding:15px 0;
width:460px;
float:left;
height:184px;
border-top:1px dashed #333333;
border-bottom:1px dashed #333333;
}
.recent_tweets{
width:250px;
right:0;
top:0;
position:absolute;
}
#recent_tweets{
height:214px;
overflow:hidden;
border-top:1px dashed #333333;
border-bottom:1px dashed #333333;
position:relative;
}
#recent_tweets .fadeout{
height:20px;
width:250px;
position:absolute;
bottom:0;
left:0;
background:url(images/tweets_fadeout.png) 0 0 repeat-x;
z-index:1;
pointer-events:none;
}
#recent_tweets ul{
height:190px;
}
#recent_tweets ul,
#recent_tweets li{
margin:0;
padding:0;
list-style:none;
}
#recent_tweets li{
padding:0.5em 0 0.5em 0;
border-bottom:1px dashed #292929;
min-height: 25px;
}
#recent_tweets p{
margin:0;
padding:0 0 0 35px;
color:#777;
position: relative;
}
#recent_tweets .who img{
width: 25px !important;
height:25px !important;
position: absolute;
left: 0;
top: 0.5em;
}
/* IE wierdness */
#recent_tweets p a{
color:#999900;
}
#social_networks a:hover{
color: #737308;
}
#recent_tweets p a:link,
#recent_tweets p a:visited{
}
/* /IE wierdness */
#recent_tweets p a b{
font-weight:normal;
}
#recent_tweets .who{
}
.recent_tweets .follow a{
height:30px;
display:block;
text-indent:-9000px;
background:url(images/follow_twitter.gif) right center no-repeat;
clear:both;
overflow:hidden;
}
/* @end */
/* @end */
/* @group Classes */
.subtle{
color: #666;
}
.hide{
display: none;
}
.clearboth{
clear: both;
}
.float_right{
float: right;
margin: 0 0 1em 2em;
}
.float_left{
float: left;
margin: 0 2em 1em 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.aligncenter{
margin-right:auto;
margin-left:auto;
display:block;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Loading Indicator */
.loading{
background:url(images/activity.gif) center center no-repeat;
}
#central ul.item_list{
margin: 1em 0;
}
#central ul.item_list li{
background: none;
padding: 1em 0;
}
#central ul.item_list li *{
vertical-align: middle;
}
#central ul.item_list li img{
margin-right: 1em;
}
#central ul.icon_list{
overflow: hidden;
margin: 2em 0;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
}
#central ul.icon_list_alt{
background: white;
}
#central ul.icon_list li{
width: 200px;
float: left;
border: 0;
min-height: 32px;
}
#central ul.icon_list img[src*=16.png]{
width: 16px;
height: 16px;
}
#central ul.icon_list img[src*=32.png]{
width: 32px;
height: 32px;
}
#central ul.icon_list li{
position: relative;
padding: 10px 0 10px 25px;
}
#central ul.icon_list strong{
display: block;
position: absolute;
left: 0;
top:0;
padding: 0 0 0 95px;
line-height: 52px;
height: 52px;
}
#central ul.icon_list_alt li strong{
color: #222;
}
#central ul li.new,
.new{
background:url(images/new_icon.png) 0 center no-repeat;
padding-left: 32px;
}
/* @end */
/* @group The One Advert */
#ad_spot{
clear:both;
width: 250px;
background: url(images/advert_box.gif) 0 0 no-repeat;
overflow: hidden;
position: relative;
padding-top: 250px;
margin:1em 0 0 0;
float: left;
display:block;
}
#ad_spot small{
display: block;
padding: 1em 0 0 0;
}
#ad_spot strong{
visibility: hidden;
position: absolute;
}
/* @end */
/* @group Foliage-o-meter */
#foliage_o_meter{
width:250px;
height:45px;
background:url(images/foliage_o_meter.png) 0 0 no-repeat;
position: relative;
clear: both;
float: left;
margin: 1.5em 0 0 0;
padding: 0 0 1em 0;
}
#fom_track{
width:110px;
position:relative;
height:20px;
left:125px;
top:7px;
}
#fom_slider{
width:20px;
height:20px;
position:absolute;
background:url(images/slider.png) 0 0 no-repeat;
top:0;
left:0;
cursor:grab;
cursor:-moz-grab;
}
#fom_slider.dragging{
background-position: 0 bottom;
}
.dragging{
cursor:grabbing !important;
cursor:-moz-grabbing !important;
}
/* @end */
/* @group Fusion Ad */
#ads_wide{
position:absolute;
left:770px;
top:0;
width:130px;
z-index: 2;
}
#ads_wide .fusiontext{
margin:10px 5px;
font-size: 11.5px;
}
#ads_wide .powered_by_fusion{
text-align: left;
margin:10px 5px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
background:rgba(255,255,255,0.05);
border-top:1px solid rgba(0,0,0,0.3);
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size:10px;
text-align: center;
text-shadow:0 -1px 0 rgba(0,0,0,0.5);
font-style: normal;
padding-top: 1px;
border-bottom:1px solid rgba(255,255,255,0.05);
}
#main{
position:relative
}
#ad_block{
width:250px;
}
.fusionentire{
display: block;
padding: 1em 0 0 0;
}
.powered_by_fusion{
clear: both;
display: block;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align: center;
padding: 0;
font-style: italic;
font-size: 12px;
color:#555;
font-family:Georgia,baskerville,'palatino linotype','times new roman',serif;
margin-bottom: -.5em;
}
.fusionentire img{
float: left;
-webkit-transition:-webkit-transform .2s linear;
-webkit-transition-timing-function: ease-in-out;
-webkit-transform: translateZ(0);
}
.fusionentire>a{
float: left;
margin: 0 0.5em 0.5em 0;
border: 1px solid rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 3px;
padding-bottom: 4px;
background: rgba(0,0,0,0.2);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display: block;
}
.fusionentire a:hover img{
-webkit-transform:rotate(-2deg) translateZ(0);
}
.fusiontext{
margin-top: -1.4em;
display: block;
line-height: 1.3;
}
.fusiontext a{
color: #999;
}
.powered_by_fusion:hover,
.fusiontext a:hover{
color: #737308;
}
/* @end */
/* @group Anti-Spam schtuff */
#robot, #human, .robot, .human{
position:absolute;
left:-9000px;
top:-9000px;
}
/* @end */
/* @group Digg */
div.digg{
float: right;
margin: 0 0 1em 1em;
}
li.digg_widget
.digg_widget,
.digg_widget iframe{
float: left;
width: 114px !important;
}
div.digg_main{
position:absolute;
left:-80px;
padding:5px 5px 0px 5px;
background:white;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-left-radius:0;
}
/* @end */
/* @group Cufon */
body.deathray h1,
body.deathray h2,
body.deathray h3,
body.deathray h4{
visibility: hidden;
}
body.deathray.cufon h1,
body.deathray.cufon h2,
body.deathray.cufon h3,
body.deathray.cufon h4{
visibility: visible;
}
/* @end */
/* @group Global Message */
#global_message{
background: #212121;
padding: 0.25em;
margin: 1em 0 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px dashed #333;
float: left;
width: 440px;
}
.message{
background: #212121;
padding: 0 10px;
margin: 1em 0 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px dashed #333;
}
#global_message h3, .message h3{
margin: .25em 0 -0.5em 0;
}
#global_message.wordpress_design_contest h3{
background:transparent url(images/medal.png) no-repeat scroll 0 0;
height:30px;
left:-4px;
margin:0.25em 0 -1em;
padding-left:35px;
padding-top:10px;
position:relative;
top:-11px;
}
/* @end */
/* @group Downloads Page */
body.download #search {
background:none;
}
/* @end */
/* @group Social Icons */
h3.social_media_icons_header,
h3.social_media_icons_header a{
display:block;
margin:0;
padding:0;
}
h3.social_media_icons_header a{
background:url(http://www.komodomedia.com/wp-content/uploads/2009/07/sni_sidebar_header.gif) 0 0 no-repeat;
height:0;
overflow:hidden;
padding: 100px 0 0 0;
width:250px;
}
ul.sidebar_icon_list{
width:224px;
margin:0 auto !important;
overflow:hidden;
}
ul.sidebar_icon_list img{
position:absolute;
left:0;
top:0;
border:0;
}
ul.sidebar_icon_list .small{
display:inline;
top:8px;
left:8px;
}
ul.sidebar_icon_list,
ul.sidebar_icon_list li{
list-style:none;
padding:0;
margin:0;
}
ul.sidebar_icon_list li{
width:32px;
height:32px;
float:left;
line-height:32px;
text-align:center;
position:relative;
}
ul.sidebar_icon_list li img{
-webkit-transition: opacity .5s linear;
opacity:0;
vertical-align:middle;
}
ul.sidebar_icon_list li img.small{
opacity:0.6;
}
ul.sidebar_icon_list li:hover img{
opacity:1;
}
ul.sidebar_icon_list li:hover img.small{
opacity:0;
}
/*ul.sidebar_icon_list li:hover ~ li img{
opacity:1;
}*/
ul.sidebar_icon_list li,
ul.sidebar_icon_list li img{
float:left;
}
ul.sidebar_icon_list li strong{
position:absolute;
left:-9000px;
}
/* @end */